body {margin:0; padding:0; font: 12px arial, verdana, helvetica, sans-serif; color: #000; line-height:16px; background:#fff url(images/pageElements/bgd_page.jpg) top left repeat-x; }

#shell {margin:0 auto 0 auto; background:url(images/pageElements/bgd_shell.jpg) 0 0 repeat-y; width:810px; position:relative;}

#flashmusic { height:33px; width:223px; position:absolute; top:5px; right:0px;}
#flashheader { height:209px; width:749px; display:block; margin-bottom:5px; position:absolute; top:38px; left:30px; border-bottom:1px solid #fff;}
#flashphotos { height:151px; width:554px; position:absolute; top:251px; left:225px;}

#container {display:block; padding-left:30px; background:transparent url(images/pageElements/bgd_container.jpg) 0 0  no-repeat;  }

#sideElements {float:left; width:190px; margin-top:250px; }
	#sideElements img, a img, img {border:0; text-decoration:none;}

#content {width:525px; margin-left:210px; padding-top:515px; padding-bottom:1px; min-height: 320px; _height: 320px; text-align:justify; }
	#content a {text-decoration:none; color:#0024ff;}
	#content a:hover {color:#b68845; text-decoration:none;}
	#content h2 {color:#4f592e; font:bold 16px arial, verdana, Helvetica, sans-serif; margin-bottom:1px; }
	#content h3 {color:#764600; font:bold 14px arial, verdana, Helvetica, sans-serif; margin-bottom:1px; }
	#content h4 {color:#000; font:bold 13px arial, verdana, Helvetica, sans-serif; margin-bottom:0px;  }
	#content hr {height:1px; color:#555; background:#555; size:1px;}
	#content p, #content ol, #content ul, #content form {margin-bottom:10px; list-style: square;}
	#content ul {padding-right:5%;}
	
	
#footer {width:810px; margin:0 auto 8px auto; color:#333; line-height:17px; font-size:12px; text-align:center;  }
	#footer a {text-decoration:none; color:#333;}
	#footer a:hover {color:#b68845; text-decoration:none;}
#pdfs a {color:#0024ff; text-decoration:none; font-weight:bold; font-size:110%;}
#pdfs a:hover {color:#b68845; text-decoration:none;}
.section h2 {display:none;}
#funPage table {margin-bottom:15px; text-align:center;}
#funPage .header {color:#AAA77E; font-weight:bold; font-size:125%;}
#funPage .subHead {color:#fff; font-weight:bold;}
#funPage .goat {font-weight:bold; text-decoration:none;}

#links {width:100%;}
#links a {width:275px; float:right; position:relative; line-height:65px; text-align:center;}
#links img {width:250px; height:65px; position:absolute; top:0px; left:-250px;}



/*tour STYLING*/
#tour {width: 280px; height: 210px; padding:0px;  margin:auto; text-align:left;}
#tour img{text-align:left;}
#imgNav {width:280px; text-align:center; margin:auto;   padding:5px;}
#imgNav a { font-weight: bold; color: #67679A; margin-top:-5px; padding:3px 5px 0 0;}
#imgNav a.activeSlide {color: #ccc;}
#imgNav a:focus { outline: none; }
#caption { width: 280px; margin:auto; margin-top:-20px; _margin-top:0px; background:#67679a; padding:0px; text-align:center; color:#fff; line-height:20px; font:14pt Arial, Helvetica, sans-serif;}


.dateLine {
width:100%; border-top:1px solid #999; border-bottom:1px solid #999;
line-height:16px; font-size:10px; font-weight:normal; color:#999;
}
#content .dateLine a {color:#999;}
#content .dateLine a:hover {color:#b68845;}
.newsPic em {font-size:85%; font-style:normal; color:#065B95; text-align:right; width:100%;}
.newsPic {padding:10px; width:359px;}
.newsCap {text-align:center; width:100%; font-weight:bold;}


/*   Navigation Styles
=====================================*/
#nav {
	padding:0px; width:190px;
	margin:0px; list-style:none;
}
#nav img {border:none;}
#nav li {
	list-style:none; margin:0px;
	cursor:pointer;
	width:100%;
	float:left;
	clear:left;
}
#nav li a {line-height:30px; display:block; width:190px;}
#nav li a:hover {}
.menuSubs {
	padding:0px; width:100%; overflow:hidden;
	margin:0px; text-align:right; list-style:none;
}
#nav li ul li a {
	font:normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; padding-right:15px;
	color:#fff; width:175px; text-decoration:none;
}
#nav li ul li a:hover {
	background:#5B6240;
	color:#fff;
}


/*   Navigation Hatala Happenings Styles
=====================================*/
#navh {
	padding-left:10px; width:170px;
	margin:0px; list-style:none;
}
#navh img {border:none;}
#navh li {
	list-style:none; margin:0px;
	cursor:pointer;
	width:100%;
	float:left;
	clear:left;
}
#navh li a {line-height:30px; display:block; width:170px;}
#navh li a:hover {}
.menuSubsh {
	padding-left:0px; padding-bottom:5px; width:100%; overflow:hidden;
	margin:0px; text-align:right; list-style:none;
}
#navh ul li a {
	font:normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; padding-right:5px;
	color:#fff; width:146px; text-decoration:none;
}
#navh ul li a:hover {
	background:#5B6240;
	color:#fff;
}

.banner {position:absolute; top:251px; left:225px;}
.current {display:block;}
.noShow {display:none;}
 
/* Stuff */

#feature, #feature2 {margin:25px auto 20px auto;}

.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}

.photoright {padding:3px; background:#fff; border:1px solid #8a8a8a; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:3px; background:#fff; border:1px solid #8a8a8a; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#fff; border:1px solid #8a8a8a;}

.featureRight {border:7px solid #d1bb9d; padding:3px; float:right; margin:1px 0px 8px 9px;}
.featureLeft {border:7px solid #d1bb9d; padding:3px; float:left; margin:1px 9px 8px 0;}
.featureCenter {border:7px solid #d1bb9d; padding:3px; margin:7px auto 7px auto; }

#altmenu { width:95%; margin:0 auto 20px auto; line-height:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#65684D; padding:10px; background-color:#fff; border:1px solid #000; text-align:center; }
#altmenu a { color:#65684D; text-decoration:none;}

	#faq {padding-top:50px;}
	#faq h6 {color:#000; font:bold 12px verdana, arial, Helvetica, sans-serif; margin:0 0 3px 0; }
	#faq h6:hover { color: #C7C3A6; cursor: pointer; }
	#faq .element { background: #C7C3A6; padding: 5px; border: 1px solid #000; margin: 2px 0; }

/* form elements */
.validation-failed {
  color:#003366;
  background-color:#FFE7E6;
  border: 1px solid #f00;
}
.validation-passed {
  color:#003366;
  background-color:#D7ECD2;
  border: 1px solid green;
}
.validation-advice {
display:inline;
color:#ffd5d2;
font-weight:bold;
/*  border:1px solid #CC0000;  padding: 2px;   background-color:#FFE8E8;*/
}


/*   sIFR3 Styles
=====================================*/
/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active #home h1 {font-size:110px; line-height:110px; visibility:hidden; width:500px;}
#home h1 {position:absolute; top:375px; left:250px; z-index:2;}

.sIFR-active h1 {font-size:80px; line-height:80px; visibility:hidden; width:500px;}
h1 {position:absolute; top:405px; left:250px; z-index:2;}

.sIFR-active h1#small {font-size:60px; line-height:60px; visibility:hidden; width:500px;}
h1#small {position:absolute; top:430px; left:250px; z-index:2;}

.sIFR-active #smallHeader h1 {font-size:66px; line-height:66px; visibility:hidden; width:500px;}
#smallHeader h1 {position:absolute; top:400px; left:250px; z-index:2;}
#smallHeader #content {padding-top:490px;}

.sIFR-active h4#subHead {font-size:24px; line-height:24px; visibility:hidden; width:500px;}
h4#subHead {position:absolute; top:485px; left:250px; z-index:3;}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	margin:0; /* may not be needed */
	padding:0; /* may not be needed */
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}
.sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}