@charset "UTF-8";
/* CSS Document */

div#homephotos {
	width:632px;
	height:256px;
	background-image:url(/images/homephotoshadow.png);
	background-repeat:no-repeat;
	padding:18px 0 0 11px;
	position:relative;
	z-index:1;
	}
div#hometext {
	width:480px;
	float:left;
	position:relative;
	z-index:12;
	}
div#homekids {
	float:left;
	width:160px;
	position:absolute;
	z-index:10;
	padding:240px 0 0 480px;
	}
.biophoto {
	float:left;
	width:100px;
	height:100px;
	background-image:url(/images/biobg.png);
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
	}
.biophotoblue {
	float:left;
	width:100px;
	height:100px;
	background-image:url(/images/biobgblue.png);
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
	}
.biophotogreen {
	float:left;
	width:100px;
	height:100px;
	background-image:url(/images/biobggreen.png);
	background-repeat:no-repeat;
	padding:10px 0 0 10px;
	}
				
.moreinfo {
	text-align:right;
	}	
.graytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	line-height:17px;
	color:#333333;
	}
.graytext a:link { color: #333333; text-decoration: underline; font-weight:bold;  }
.graytext a:visited { color: #333333; text-decoration: underline; font-weight:bold; }
.graytext a:hover { color: #ef3e56; text-decoration: underline; font-weight:bold; }
.graytext a:active { color: #333333; text-decoration: underline; font-weight:bold; }

.summercamptitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	line-height:17px;
	color:#ef3e56;
	}
.summercamptitle a:link { color: #ef3e56; text-decoration: underline; font-weight:bold;  }
.summercamptitle a:visited { color: #ef3e56; text-decoration: underline; font-weight:bold; }
.summercamptitle a:hover { color: #333333; text-decoration: underline; font-weight:bold; }
.summercamptitle a:active { color: #ef3e56; text-decoration: underline; font-weight:bold; }

.boldblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#005f98;
	font-weight:bold;
	}
.boldblue a:link { color: #005f98; text-decoration: none; }
.boldblue a:visited { color: #005f98; text-decoration: none; }
.boldblue a:hover { color: #005f98; text-decoration: underline; }
.boldblue a:active { color: #005f98; text-decoration: none;  }	
.newsdate {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#333333;
	text-align:left;
	}
.locationimage {
	width:270px;
	height:210px;
	background-image:url(/images/locationbg.png);
	background-repeat:no-repeat;
	float:right;
	padding:15px 0 0 15px;
	}
.locationimageblue {
	width:270px;
	height:210px;
	background-image:url(/images/locationbgblue.png);
	background-repeat:no-repeat;
	float:right;
	padding:15px 0 0 15px;
	}
.locationimagegreen {
	width:270px;
	height:210px;
	background-image:url(/images/locationbggreen.png);
	background-repeat:no-repeat;
	float:right;
	padding:15px 0 0 15px;
	}		
.locationaddress {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding-bottom:20px;
	}

.locationaddress a:link { color: #268fbb; text-decoration: underline; }
.locationaddress a:visited { color: #268fbb; text-decoration: underline; }
.locationaddress a:hover { color: #ef3e56; text-decoration: underline; }
.locationaddress a:active { color: #268fbb; text-decoration: underline;  }			
	
.locationlinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ef3e56;
	text-align:left;
	font-weight:bold;
	line-height:24px;
	padding-bottom:20px;
	}
.locationlinks a:link { color: #ef3e56; text-decoration: none; }
.locationlinks a:visited { color: #ef3e56; text-decoration: none; }
.locationlinks a:hover { color: #ef3e56; text-decoration: underline; }
.locationlinks a:active { color: #ef3e56; text-decoration: none;  }						
h1 {
	font-weight:bold;
	text-align:left;
	color:#ef3e56;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	}
h1 a:link { color: #ef3e56; text-decoration: underline; }
h1 a:visited { color: #ef3e56; text-decoration: underline; }
h1 a:hover { color: #49b3d1; text-decoration: underline; }
h1 a:active { color: #ef3e56; text-decoration: underline;  }		
h2 {
	font-weight:bold;
	text-align:left;
	color:#268fbb;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}			
/* END MAIN STRUCTURE */
body {
	background: url('/images/topbg.jpg') #fee28c center top ;
	background-repeat:repeat-x;
	font-size:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	behavior:url(/css/csshover.htc); 
	}
div#top {
	height:150px;
	text-align:left;
	width:959px;
	}	
div#middle {
	background-color:#FFFFFF;
	min-height:400px;
	}
div#middleblue {
	background-color:#dbf0f6;
	min-height:400px;
	background-image:url(/images/bluebg.png);
	background-repeat:repeat-x;
	}	
	
div#middlegreen {
	background-color:#f2f9dc;
	min-height:400px;
	background-image:url(/images/bggreen.png);
	background-repeat:repeat-x;
	}	
	
		
div#centermain {
	width:959px;
	padding-bottom:20px;
	}
div#centerleft {
	width:643px;
	float:left;
	text-align:left;
	}
div#centerright {
	width:306px;
	float:left;
	padding:10px 0 0 10px;
	text-align:left;	
	}
div#centerrightinside {
	width:305px;
	float:left;
	padding:0 0 0 10px;
	text-align:left;
	border-left:#dff0a8 solid 1px;
	margin-top:30px;	
	}	
div#bottom {
	background-image:url(/images/botshad.png);
	background-repeat:repeat-x;
	height:70px;
	}
div#topnav {
	width:959px;
	height:117px;
	}	
div#searchbox {
	background-image:url(/images/rightbg.png); 
	background-repeat:no-repeat; 
	width:286px;
	height:62px;
	float:left;
	padding:55px 0 0 30px;
	}
div#footer {
	width:959px;
	}	
div#footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#005f98;
	text-align:left;
	float:left;
	padding:15px 0 0 15px;
	}
div#footertext a:link { color: #005f98; text-decoration: underline;  }
div#footertext a:visited { color: #005f98; text-decoration: underline;  }
div#footertext a:hover { color: #ef3e56; text-decoration: underline;  }
div#footertext a:active { color: #005f98; text-decoration: underline;  }	

div.clearfloats {clear:both;}

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {
	display: inline-block;
	}
	
	/* backslash hack hides from IE mac \*/
	*html .clearfix {height:1%;}
	.clearfix {display:block;}
	
	/* end backslash hack */

/* END MAIN STRUCTURE */	
	
/* BEGIN NAVIGATION CODE */
body div#nav ul li ul {display:none}
div#nav {
	width:959px;
	background-repeat:no-repeat;
	/*padding:87px 0 0 0;*/
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative; 
	z-index:20;
	text-align:right;
	
}
div#nav a:hover {color:#afcc99;}
div#nav a {display:block;}
div#nav ul {
	/*margin:0 0 0 296px; */
	text-align:left;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	/* Padding:0; here aligns nav left on the MAC*/
	  }	  
* html div#nav ul {float:left; padding:0 0 0 0; }
div#nav ul li {
	float:left; 
	list-style-type:none; 
	padding:0 ; 
	}
	
div#nav ul li a {
	text-decoration:none; 
	color:#FFFFFF; 
	display: block;
	padding: 0;
	}
div#nav ul li ul {
	margin:0;
	width:140px; 
	position:absolute; 
	background-color:#feeec2;
	padding: 0; /* this had to be set to zero to get the drop down lined up in Firefox */
	}
	
* html div#nav ul li ul {	/*border-top:1px solid #0e101a;*/}
div#nav ul li ul li {
	width:100%; 
	/*border-left:1px solid #0e101a;*/
	border-bottom: 1px solid #fede83;
	/*border-right: 1px solid #0e101a;*/
	position:relative;
	padding:0px; /* changed from 4*/
	margin:0px;
	background-color:#fff2c6;
	}
* html div#nav ul li ul li {left:0;}	
div#nav ul li ul li:hover {background-color:#fff9e8; }
div#nav ul li ul li a {
	color:#49b3d1;
	padding:4px;
	 }
div#nav ul li ul li a:hover {
	color:#49b3d1;
	text-decoration:underline;
	background-color:#fff9e8;
	background-image:url(/images/hoverbg.png); 
	background-repeat:repeat-x;
	 }
div#nav ul li ul li:first-child {
	/*border-top:1px solid #49b3d1;*/
	
	 }	
div#nav ul li:hover ul, div#nav ul li ul:hover {display:block;}

body div#nav ul li ul li ul {
	visibility:hidden;
	top:-1px;
	left:117px;
	}
div#nav ul li ul li:hover ul {visibility:visible;}
/* END NAVIGATION CODE */