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

	img, div, a, input { behavior: url(/assets/scripts/iepngfix/iepngfix.htc) }
	
	
		DIV#wrapper { width: 985px; margin-left:auto; margin-right:auto; text-align: center;  }
		
		/* START #mainnav styles */
		
		DIV#wrapper DIV#mainnav { width: 225px; padding-top: 15px; float: left; text-align:left; }	
			
			DIV#mainnav h1 { margin: 0; padding: 0; width: 225px; height: 75px; }
			DIV#mainnav h1 a { display: block; width: 205px; height: 70px; background:url('/assets/images/mainnav_logo_new.png') no-repeat; }
			DIV#mainnav h1 a span { display: none; }
			
			DIV#mainnav UL#navbar { width: 205px; list-style:none; border-top: 2px solid #bbe3cc; padding: 0; margin: 0; margin-top: 10px; 
												font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; }
			DIV#mainnav UL#navbar li { border-bottom: 2px solid #bbe3cc;  }
			
			DIV#mainnav UL#navbar a { /* color: #004b85; */ color: #12429a; text-decoration: none; display: block; padding: 13px; padding-left: 7px; clear:right; }
			DIV#mainnav UL#navbar a:hover { color: #000; /* color: #09F; */  background-color: #c0ecff; }
			DIV#mainnav UL#navbar span { display: none; }
			
			DIV#mainnav UL#navbar li a.nav_safetyvalve { padding: 0; height:90px; background: url('/assets/images/nav_safetyvalve.png') no-repeat; }
			DIV#mainnav UL#navbar li a.nav_waterconservation { padding: 0; height:90px; background: url('/assets/images/nav_waterconservation.png') no-repeat; }
			DIV#mainnav UL#navbar li a.nav_rainbarrel { padding: 0; height:90px; background: url('/assets/images/nav_rainbarrel.png') no-repeat; }
			
		
		/* END #mainnav styles */
		
		#wrapper #rightwrapper { width: 760px; float:right; }
		
		/* START #header styles */
		
			#wrapper #header { width: 760px; height: 40px; text-align: right; }
			
				#header ul#MenuBar1 { margin: 0; padding:0; font-size: 12px; height: 40px; float: right; text-align:right; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }
				#header ul#MenuBar1 li {  }
				#header ul#MenuBar1 li a { padding: 0; margin: 0; padding: 15px; padding-top: 8px; padding-bottom: 7px; }
				#header ul#MenuBar1 li a:hover { color: #02b5fe; }
				#header ul#MenuBar1 li.quicklinks { font-weight: bold; }
				
				#header #locationbox { width: 205px; height: 40px; font-size: 12px; background: #02b5fe; float:right; }			 
				#header #locationbox #locationform { margin: 0; padding: 0; padding-top: 9px; text-align:center; }
				#header #locationbox #locationform #jumpMenu { padding: 3px; font-size: 11px; background: #fff; border: 1px solid #000; margin-left:5px; }
			
		/* END #header styles */	
		
		
		/* START #contentwrapper styles */
		
			#wrapper #contentwrapper { margin-top: 15px; min-height: 632px; display: block;
			background: url('/assets/images/back_contentwrapper.png') no-repeat; }
		
		/* END #contentwrapper styles */
		
		
		/* START #content styles */
		
			#wrapper #contentwrapper #content { width: 555px; float:left; text-align:left; }
				
				/* page section headline */
				#content h2 { padding: 0; margin: 0; color: #12429a; font-size: 36px; height: 42px; font-family:"Times New Roman", Times, serif; font-style:oblique; font-weight:normal;
							  padding-top: 15px; padding-bottom: 12px; margin-left: 20px; margin-bottom: 12px; border-bottom: 2px solid #04ba11; overflow:hidden; }
		
				#content h3 { margin:0; padding:0; padding-bottom: 5px; font-size: 18px; color: #12429a; }
				
				#content .contentarea { display:block; padding-left: 18px; padding-right:18px; padding-top: 7px; font-size: 12px; border-left: 2px solid #e3e6ea; }
				#content .contentarea p { padding:0; margin:0; padding-bottom: 1em;    }
				
				#content .contentarea img.sectionphoto { float: right; margin-left: 10px; margin-bottom: 10px; }
				
				#content .contentarea img.pagephoto { float: right; margin-left: 10px; margin-bottom: 10px; }
		
		/* END #content styles */
		
		
		/* START #sidenav styles */
			
			#wrapper #contentwrapper #sidenav { text-align:left; margin-top: 2px;  width: 205px; float:right; clear:right; background: url('/assets/images/back_sidenav.png'); /* #e1eff8 */; }
		
				#sidenav #SearchBox { padding-left: 20px; padding-right: 20px; font-size: 10px; line-height:normal;  height: 67px; margin-bottom: 15px;   border-bottom: 2px solid  #04ba11 ; }
				#sidenav #SearchBox strong { margin: 0; padding: 0; font-size: 12px; color: #000; padding-bottom: 5px; display:block; padding-top: 12px;  }
				#sidenav #SearchBox .search { font-size: 11px; padding: 2px; margin:0; border: 1px solid #000; background: #fff; width: 50%; margin-right: 5px;  }
				#sidenav #SearchBox .searchbtn { font-size: 11px; margin: 0;  }
				#sidenav #SearchBox a { padding-top: 15px; display:block; }
		
				#sidenav h5 { padding: 0; margin: 0; color: #04ba11; font-size: 18px; font-family:"Times New Roman", Times, serif; padding-left: 20px; padding-right: 15px; }
				#sidenav ul { padding-right: 15px; }
				#sidenav ul li { padding: 0; margin: 0; margin-left: 0px; font-size: 12px; margin-bottom: 10px; }
		
		/* END #sidenav styles */
		
	DIV#mainnav h2 { padding: 0; margin: 0; font-size: 12px; text-align: left; text-indent: 8px; margin-top: 10px; width: 205px; padding-top: 0px; color: #000; /* border-top: 2px solid #bbe3cc; */ }
	DIV#mainnav UL#navbar { margin-top: 8px;  } 
	
		
		/* START #footer styles */
		
			#footer { clear: both; font-size: 10px; text-align: left; margin-left: 225px; padding: 15px; padding-top: 4px; margin-top: 4px; display:block; 
					  /* border-left: 2px solid #e3e6ea;*/ border-top: 2px solid #e3e6ea; 
					}
			#footer p { line-height: 150%; margin:0; padding:0; }

	a.adminBTN { padding: 5px;  float:left; position: relative; top: 35px; color: #FFF; background-color: #FFF; }
	a.adminBTN:hover { color: #fff; text-decoration: none; background:#ccc; }
	
	
	/* END #footer styles */