body { 
	margin:0; 
	padding:0; 
	font-family:arial; 
	font-size:12px; 
	background:#333 url(images/bg_page.jpg) repeat-x left top; 
}

/* remove margins from those with default margin values */
h1, h2, h3, h4, h5, p, form { margin:0; }

img { border:0; }

/* links */
a:link { color:#2F63AB; }
a:visited { color:#2F63AB; }
a:active, a:hover { color:#0F438B; }



ul, ol { margin-top:8px;
}

li, ul, ol {
	margin-left:10px;
	padding-bottom:4px;
	font-size:110%
}

body.priHome a#navHome, 
body.priWater a#navWater, 
body.priSeafood a#navSeafood,
body.priAbout a#navAbout,
body.priContact a#navContact {
color:#fff; text-decoration:none; font-weight:bold; background:#5088B3 url(images/bg_nav_on.gif) repeat-x left top;
}

body.secWells a#linkWells,
body.secPublic a#linkPublic,
body.secPools a#linkPools,
body.secFresh a#linkFresh,
body.secSalt a#linkSalt,
body.secStanding a#linkStanding,
body.secFDA a#linkFDA,
body.secInspect a#linkInspect,
body.secMicro a#linkMicrobiology,
body.secHistory a#linkHistory, 
body.secPersonnel a#linkPersonnel, 
body.secCertifications a#linkCertifications,
body.secNews a#linkNews { 
	color:#000; font-weight:bold; 
	background-color:#bbb; 
}

body.secWells #subWells { display:block; }


body.triCF a#wellsCF,  
body.triCFHPC a#wellsCFHPC, 
body.triAs a#wellsAs, 
body.triLC a#wellsLC,
body.triGp a#wellsGp,
body.triGpALC a#wellsGpALC,
body.triRadon a#wellsRadon,
body.triVOC a#wellsVOC,
body.triT5 a#wellsT5,
body.triinfo a#wellsinfo { 	background: url(images/bullet.gif) no-repeat 0 7px;
	color:#fff;
}


.pageBody { 
	background:#fff; 
	width:800px; 
	padding:0; 
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.pageHeader {
	padding:7px 0 15px 20px;	
}

.pageNavigation {
	background:#78A8D1 url(images/bg_nav.gif) repeat-x left top; 
	padding:7px 5px 7px 15px;
	border-bottom:4px solid #AFCF33;
}

.pageNavigation a:link,
.pageNavigation a:visited { color:#E9F1F6; text-decoration:none; padding:4px 10px; margin:3px 3px; font-size:120%; }
.pageNavigation a:active,
.pageNavigation a:hover { color:#fff; background:#6396BE url(images/bg_footer.gif) repeat-x left bottom; }

.pageNavigation a.on:link,
.pageNavigation a.on:visited,
.pageNavigation a.on:active,
.pageNavigation a.on:hover { color:#fff; text-decoration:none; font-weight:bold; background:#5088B3 url(images/bg_nav_on.gif) repeat-x left bottom; }


.pageContent { 
	padding:24px; 
	}

.pageLocalnav { 
	float:right;
	width:207px;
	margin:30px 20px 200px 100px;
	padding:0;
	background:#41403F;
	font-size:13px;
	}
	
body.secWells .pageLocalnav { 
	margin-bottom:50px;
	}
.pageLocalnav img { margin-bottom:0px; }

.pageLocalnav a:link,
.pageLocalnav a:visited { display:block; color:#eee; text-decoration:none; padding:4px 10px; margin:0; border-bottom:1px solid #555; }
.pageLocalnav a:active,
.pageLocalnav a:hover { color:#fff; background-color:#555; }

.pageLocalnav a.on:link,
.pageLocalnav a.on:visited, 
.pageLocalnav a.on:active,
.pageLocalnav a.on:hover { }

.pageLocalnav span.subLinks {
	display:block;
	background-color:#333;
	border-bottom:1px solid #555;
	display:none;
}
.pageLocalnav .subLinks a {
	font-size:90%;
	padding:3px 10px 3px 10px;
	color:#bbb;
	margin:0 0 0 12px;
	border-bottom:1px solid #222;
	line-height:120%;
}

.pageLocalnav .subLinks a:hover { background-color:#2c2c2c; }
.pageLocalnav .subLinks a.on {

}

.pageLocalnav .subLinks a:hover { color:#fff; }
	
.pageFooter {
	clear:right;
	background:#6396BE url(images/bg_footer.gif) repeat-x left bottom;
	border-top:4px solid #AFCF33;
	padding:10px 20px 10px 20px;
}
.pageFooter p {
	width:160px;
	margin-right:20px;
	float:left;
	color:#E2ECF3; 
	font-size:90%;
         font-family:verdana;
}
.pageFooter i.clear {
	width:1px;
	height:1px;
	margin-right:0;
	clear:left;
	font-size:1px;
}
.pageFooter a:link,
.pageFooter a:visited,
.pageFooter a:active { color:#fff; text-decoration:none; border-bottom:1px solid #C2CCD3;  }
.pageFooter a:hover { color:#fff;  border-bottom:1px solid #fff;   }

h1 {
	color:#669933;
	margin:0 0 6px 0;
	font: normal 23px  Arial, Helvetica, sans-serif; 
	font-weight:normal;
}

h3 {
	color:#333333;
	margin:0 0 25px 0;
	font: normal 17px  Arial, Helvetica, sans-serif; 
	font-weight:normal;
	line-height:135%;
}
h5 {
	color:#669933;
	margin:0px;
	font: normal 11px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	text-transform:uppercase;
	font-size:100%;
}
h6 {
	color:#669933;
	margin:0 0 4px 0;
	font: normal 11px Arial, Helvetica, sans-serif; 
	font-size:100%;
}
h6 a:link,
h6 a:visited { color:#999; text-decoration:none; }
h6 a:active,
h6 a:hover { color:#6EA3C4; text-decoration:underline; }



p {
	line-height:130%;
	margin-bottom:15px;
	font-size:120%;
}



/* ----- clear fix for floats ----- these styles instruct non-IE browsers to render container elements so that they fully enclose floats */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }		

/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */