/**********************************/
/*     HTML TAG REDEFINITIONS     */
/**********************************/
* { margin: 0; padding: 0; }
html, body { background: #fff url('/images/bg_body.gif'); line-height: 1.1em; height: 100%;  
             font: 0.8em MS Shell Dlg, Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; color:#333; }

a:link,a:visited { color: #009462; text-decoration: none; }
a:focus,a:hover,a:active { color: #7BC6BE; text-decoration: underline; }

div#centered { border: 0; height: 50%; width: 50%; position: absolute; left: 25%; top: 25%; }

div#sidebar h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; letter-spacing: -0.05em; 
	font-weight:normal; text-transform:lowercase; color:#666; clear: both; margin: 10px 0px 5px 0px; }
div#main h2,h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #026EAE; 
	font-weight: normal; text-transform:lowercase; letter-spacing: -0.05em; padding: 0px 0px 1em 0px; }
div#main h3,h3 { color: #0090D2; font-weight: bold; font-size: 1.3em; margin:0px; }

div#main ul { margin: 0px 0px 20px 15px; list-style: none;}
div#main ul li { padding: 0px 0px 8px 25px; line-height: 1.8em; 
	background: url('/images/bullet.gif') no-repeat 0px 3px;}
p { margin-bottom: 20px; }
hr { border: 1px solid #00907e; margin: 2em 0; }
.hide { display: none; }

/******************************/
/*     LAYOUT IDENTIFIERS     */
/******************************/

div#container { width: 740px; background: url('/images/bg_container.gif') repeat-y left; }

div#header { background-color: #fff; height: 75px; }

/********** pipe | lists | are | cool! **********/
form#topsearch { margin: 0; padding: 20px 10px 0 0; height: 30px; text-align: right; }
form#topsearch fieldset { margin: 0; padding: 0; border: 0; }
form#topsearch label { color: #ccc; font-size: 1.7em; padding-right: 5px; text-transform:lowercase; }
form#topsearch input#zoom_query { color: #999; border: 1px solid #ccc; padding: 0.1em; font-size: 1.5em;   }
div#header ul { list-style: none; float: right; margin: 0px 10px 0px 0px; height: 25px; }
div#header ul li { display: inline; padding: 0 10px; border-right: 1px solid #ccc; }
div#header ul li.last { border-right: none; padding-right: 0; }
div#header ul li a { color: #000; }


/********** image replacement for heading-logo **********/
div#header h1 { width: 190px; height: 68px; float: left; margin: 7px 0px 0px 10px; 
                background: url('/images/logo_aquamoves_top.gif') no-repeat; }
div#header h1 a { display: block; height: 68px; font-size: 1px; text-align:right; color: #fff;}
/********** end image replacement for heading-logo **********/

div#sidebar { width:150px; float:left; padding-bottom: 10px; }
div#poll,div#hoursofoperation,div#accessibility,div.sidebar { margin:0px 10px; }
div#poll fieldset { border: 0px solid #fff; }
div#poll legend { font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; color:#666; 
                  font-weight:normal; text-transform:lowercase; letter-spacing: -0.05em; 
                  padding: 10px 0px 3px 0px; }
* html div#poll legend { margin: 0px 0px 0px -7px; }
* html div.polloption input { margin-bottom: -4px; }
div.polloption label { padding-left: 3px;}
div.pollsubmit { margin-top:3px; border: 1px solid #009462; text-align: center;}
div.pollsubmit a { display:block; font-weight: bold; text-transform: lowercase; margin:1px; }
div.pollsubmit a:hover { background-color: #fff; text-decoration:none;  }
div.pollsubmit a:focus,div.pollsubmit a:active { color: #fff; background-color: #009462; text-decoration:none;  }
div#accessibility ul { list-style: none; }

div#main { width:589px; float:right;}

div#feature,div#featurepic { height:179px; }

div#feature { border-bottom:1px solid #fff; }
div#featurepic { float:left; width: 387px; border-right: 1px solid #fff;
                 background: url('/images/feature_pics/get_more_bounce_spring.jpg') no-repeat; }
div#featurepic a { display:block; text-align: right;  color: #fff; height:179px; 
                   padding: 120px 30px 0px 50px; }
div#featurepic a:hover { text-decoration: none; }
div#featurepic h1 { display: none; }
div#special { width: 170px; height:159px; padding: 10px 10px 10px 20px; border-right: 1px solid #fff; 
              float:right; line-height: 1.4em; font-size: 1.4em; color: #fff; text-align: right; }
div#special h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal;
                 letter-spacing: -0.03em; text-transform:lowercase; line-height: 1em; 
                 margin: 0 0 10px 0; padding:0px; color: #fff; }
div#special h3 { color: #BDF5FB; margin: 7px 0; }

div#special div.morelink { font-weight: bold; color: #fff; }
div#homelinks { border-right: 1px solid #fff; height: 330px; background: #015689 url('/images/bg_rope.gif') no-repeat bottom right; }
div#homelinks ul { list-style: none; margin:0px; }
div#homelinks ul li { float:left; width: 145px; height: 149px; line-height:2.3em; padding: 8px; 
                      border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
/* star hack to make sure IE uses the right width */
div#homelinks ul li h3 { font-family: Arial, Helvetica, sans-serif; font-size: 2em; color: #666; 
                         font-weight: normal; text-transform: lowercase; letter-spacing: -0.05em; 
						 margin: 0px 0px 0px 0px; padding-top: 3px; }
						 

div#footer { clear: both; border-top: 1px solid #fff; }
div#footer ul { list-style: none; text-align: center;
                background-color: #0A72CB; border-right: 1px solid #fff;}
div#footer ul li { display: inline; line-height: 3em; padding: 0px 10px; }
div#footer ul li a { color: #fff; }
div#footeraddress { background-color: #fff; text-align: center; padding: 15px 0px; }

/*******************************************/
/*     SUB-COMPONENT IDENTIFIER STYLES     */
/*******************************************/

div#pagehead { background: #0090D2 url('/images/bg_pagehead.jpg') repeat-y left;
               border-right: 1px solid #fff; padding: 10px 30px; height:30px }
div#pagehead h1 { font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #fff; 
                  font-weight: normal; text-transform:lowercase; letter-spacing: -0.05em; }
div#article, div#pageoptions { padding: 0px 30px 20px 30px; line-height: 1.8em;}
div#article h1 { font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #fff; 
                 font-weight: normal; text-transform:lowercase; letter-spacing: -0.05em; 
                 background: #0090D2 url('/images/bg_pagehead.jpg') repeat-y left;
                 border-right: 1px solid #fff; padding: 15px 30px; margin: 0px -30px 20px -30px;}
div#article p { margin:0; padding-bottom: 10px; }
div.articlebyline { display:none; }
p.articleintro { color: #0090D2; font-weight: bold; font-size: 1.3em; margin:0px; }

div.articlephoto { width: 180px; float:right; clear: right; padding: 1px; margin: 10px 0px 10px 20px; }
div.articlephoto img { padding-bottom:2px; margin-bottom:0px; }
div.articlecaption { color: #999; border-top: 1px dashed #0090D2; }


div.subpagehead { font-weight: bold; }
.relatedlink, .downloadlink { margin-bottom: 10px;	padding: 2px 2px 2px 27px; }
.relatedlinktitle a, .downloadlinktitle a { margin-left: -24px; padding-left: 23px; 
                      background: url('/images/icons/i_link.gif') no-repeat left; }
.relatedlinkdesc { font-size: 90%; }
.relatedlinkurl a { padding-right: 15px; font-size: 85%; 
                    background: url('/images/icons/external_link.gif') no-repeat right; }

div#main ul.sitemaplevel {
	margin:0px 0px 0px 20px;
	list-style: none;
}
div#main ul.sitemaplevel li {
	line-height: 1.4em;
}
div#main li.sitemaphome {
	background: url('/images/icons/16x16_home.gif') no-repeat 2px 2px;
	padding: 3px 0px 3px 22px; 
}
div#main li.sitemapcontainer {
	background: url('/images/icons/16x16_folder.gif') no-repeat 2px 2px;
	padding: 3px 0px 3px 22px; 
}
div#main li.sitemaparticle {
	background: url('/images/icons/16x16_page.gif') no-repeat 2px 2px;
	padding: 3px 0px 3px 22px; 
}

div.subpageitem { position: relative; margin:0px 0px 0px 70px; min-height:70px; padding-bottom:10px; }
* html div.subpageitem { /*\*/ height: 70px; }
img.subpagepic { display: block; position:absolute; width:60px; left: -70px; margin-top:2px;}
.subpagehead { font-weight: bold; line-height: 1.6em;}
.subpagedesc {  line-height: 1.6em;}

.threecolleft {	width: 70px; float: left; }
.threecolleft img {	padding-bottom: 10px; }
.threecolcenter { width: 100px;	float: left; }
.threecolright { width: 350px; float: left; }

.newsdate {	color: #999; }
.newsdesc { padding-bottom: 10px; }
.newsitem,.clearfloat { clear: both; }
.newsitem { margin-top: 8px; }

.backtotop { background: url('/images/arrow_backtotop.gif') no-repeat 3px right; margin-top: 15px;
	padding-right: 15px; font-size: 0.8em; text-align: right; text-transform: uppercase;
	border-top: 1px solid #00907e; }
	
div#breadcrumbs { background: #C0E2F7; border-bottom: 1px solid #fff; border-right: 1px solid #fff; 
	padding: 5px 30px 4px 30px;}

/**********************************/
/*     MAIN NAVIGATION LAYOUT     */
/**********************************/

div#sidebar ul#mainnav { list-style: none; width:150px; height: 180px; 
                         background: url('/images/bg_nav.jpg') no-repeat;}
div#sidebar ul#mainnav li { text-align: center; font-weight:bold; font-size: 0.9em; 
                            height: 35px; border-bottom: 1px solid #fff; }
div#sidebar ul#mainnav li a { height:35px; display:block; line-height: 35px; color: #fff; }
div#sidebar ul#mainnav li#nav1 a:hover { 
	background: transparent url('/images/bg_nav.jpg') -150px 0px no-repeat; } 
div#sidebar ul#mainnav li#nav2 a:hover {
	background: transparent url('/images/bg_nav.jpg') -150px -36px no-repeat; } 
/*div#sidebar ul#mainnav li#nav3 a:hover {
	background: transparent url('/images/bg_nav.jpg') -150px -60px no-repeat; } */
div#sidebar ul#mainnav li#nav4 a:hover {
	background: transparent url('/images/bg_nav.jpg') -150px -72px no-repeat; }  
div#sidebar ul#mainnav li#nav5 a:hover {
	background: transparent url('/images/bg_nav.jpg') -150px -108px no-repeat; } 
div#sidebar ul#mainnav li#nav6 a:hover {
	background: transparent url('/images/bg_nav.jpg') -150px -144px no-repeat; } 

/**************************************/
/*  SEARCH RESULT CLASSES / STYLES    */
/**************************************/

	.highlight { background: #ff4; }
	.summary { font-style: italic; font-weight: bold; color: #999; }
	.suggestion { font-size: 1.2em; font-style: italic; }
	.category { color: #999; font-weight: normal; font-size: 90%; }
	.sorting { text-align: right; }
	.description, .recommend_description { color: #036EC9; }
	.infoline, .recommend_infoline { font-size: 90%; color: #888;}
	.zoom_input { margin-bottom: 0.6em; }
	.zoom_results_per_page { margin-left: 10px; }
	.zoom_match { margin-bottom: 2em; }				
	.zoom_categories { margin-bottom: 0.6em;  }
	.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
	.zoom_categories li { display: inline; margin: 0 15px 0 0 !important; padding: 0px !important;
		background: url('') !important; list-style: none; }
	.result_title, .recommend_title { font-weight: bold; }
	.result_image { float: left; display: block; }
	.result_image img { margin: 10px; width: 80px; border: 0px; }
	.result_block, .result_altblock { padding-top: 15px; padding-bottom: 15px; clear: left; 
		border-bottom: 1px solid #00907e; line-height: 1.4em; }
	.searchtime { font-size: 80%; }
	.recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; 
		margin-top: 15px; margin-bottom: 15px; }
	.recommended_heading { float: right; font-weight: bold; }
	.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
	.pagingtop,.pagingbottom,.result_pages { color: #666; clear: both; text-align: center; padding: 3px; margin: 1em 0; 
		border: 1px solid #eee; background-color: #f8f8f8; }
	.searchtitle { font-weight: bold; }
	.searchtrailnav { font-size: 85%; color: #aaa; }
	.searchsummary { font-size: 90%; }
	#nowsearching { color: #ccc; font-size: 1.7em; padding-right: 20px; text-transform: lowercase; 
		background: url('/images/loading.gif') no-repeat right; }
/**************************************/
/*     RE-USABLE CLASSES / STYLES     */
/**************************************/

