/* Eastern Pools Main CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
	margin: 0; 
	padding: 0; 
	border: 0; 
	}

body {
	text-align: center;/* centers the wrapper in IE 5.x*/
	color: #6B635D;
	background: #265f7d url(../images/bg.jpg) repeat fixed;
	font: 100.01% Verdana, Arial, Helvetica, sans-serif, Tahoma;
	}

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 766px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background-color: #fff;
	color: inherit;
	border-top: none;
	border-right: 1px solid #fff;
	border-bottom: none;
	border-left: 1px solid #fff;
	}

#outercontent {
	margin-left: 1px;
	}

#header {
	height: 137px;
	width: 766px;
	background: url(../images/header.jpg) no-repeat left top;
	}

#content {
	font-size: 0.8em;
	margin-left: 220px;
	padding: 7px 0 40px 0;
	width: 525px;
	min-height: 580px;/*ie will ignore this*/
	}

* html #content {
     height: 580px;/*fix for ie content height*/
	}

#content h1 {
	font-size: 1.5em;
	margin: 40px 0 12px 5px;
	color: #3d687c;
	background-color: inherit;
	border-bottom: solid 1px #ccc;
	padding-bottom: 4px;
	}

#content h2 {
	font-size: 1.25em;
	margin: 25px 0 6px 5px;
	color: #367e9d;
	background-color: inherit;
	}

#content p {
	padding: 5px 5px;
	line-height: 1.5em;
	}

#content img {
	border: 1px solid #4D562E;
	margin: 10px 0;
	}

#content strong {
	font-weight: normal;
	background: inherit;
	}

#content ul {
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 150%;
	}

#content ol {
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 15px;
	}
	
#content ol li {
	margin-top: 15px;
	}

#content .right {
	float: right;
	border: 1px solid #4D562E;
	margin: 5px 10px 10px 15px;
	}

#content a:link, #content a:visited {
	color: #6B635D;
	background-color: inherit;
	}
	
#content a:hover, #content a:active {
	color: #367e9d;
	background-color: inherit;
	text-decoration: underline;
	}

#content .printheader {
	display: none;/*hide the header for the print style sheet*/
	}

#screentitle {
	margin-top: 30px;
	}


/***** Nav layout ******/

#navcontainer {
	position: absolute;
	width: 203px;
	top: 163px;
	left: 14px;
	}

#navcontainer img {
	margin: 25px 0px;
	border: 1px solid #3c697e;
	}

#navcontainer img.nb {
	margin: 0 auto;
	border: none;
	}


#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.8em;
	zoom: 1.0;
	}

#navcontainer a {
	display: block;
	padding: 5px 3px 5px 12px;
	margin: 0;
	width: 166px;
	border-bottom: 1px solid #74a4ba;
	border-top: 1px solid #fff;
	background: #dee9ee;
}

#navcontainer a:link, #navlist a:visited {
	color: #3c697e;
	text-decoration: none;
	}

#navcontainer a:hover {
	color: #223b47;
	}

#navcontainer #navlist a#selected {
	background: #3d687c;
	color: #fff;
	border-top: 1px solid #4186a3;
	}

/***** Ends the navigation *****/

/***** footers *****/

#footer {
	background: #3d687c;
	color: inherit;
	text-align: right;
	padding: 10px 10px 20px;
	}

#footer img {
	border: none;
	margin-bottom: 6px;
	}

#footer p {
	font-size: 0.7em;
	padding: 0;
	color: #fff;
	background-color: inherit;
	margin: 0;
	}

#footer a:link, #footer a:visited {
	color: #d8e1e5;
	background-color: inherit;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:active {
	color: #d8e1e5;
	background-color: inherit;
	text-decoration: underline;
	}
	
/***** Ends the footer ********/
#wrapper #header img {
	border-style: none;
}