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

body {
	width: 900px;
	text-align:center;
	margin: 0 auto 0 auto;
	padding: 0;
}

#container {
	width: 900px;
	height: 100%; 
	margin: 0 auto 0 auto;
	text-align: left;
	background-color:#FFF;
	background: url(images/sub_rem_03.jpg) top left repeat-y;
	position: relative;
	border: #0076a4 solid 1px;
	padding: 0;

}

#header {
	margin: 0;
	padding: 0;
	background-image:url(images/sub_rem_01.jpg);
	width:900px;
	height: 44px;
}

#main_graphic {
	margin: 0;
	padding: 0;
	background-image:url(images/sub_rem_02.jpg);
	width:900px;
	height: 252px;
}

#home_main_graphic {
	margin: 0;
	padding: 0;
	background-image: url(images/home_rem_02.jpg);
	width:900px;
	height: 310px;
}

#secondary_navigation {
	height: 30px;
	margin-left: 70px;
}

#secondary_navigation ul {
	margin: 0;
	padding: 0;
}

#secondary_navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#secondary_navigation a, #secondary_navigation a:link, #secondary_navigation a:active, #secondary_navigation a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #2da83b;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	padding: 0 10px 12px 10px;
}

#secondary_navigation a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	padding: 0 10px 12px 10px;
	background: url(images/arrow.gif) center 12px no-repeat;
}

#main_content {
	clear: both;
	margin: 20px 0 20px 80px;
	padding: 0;
	/*width: 437px;*/
	width: 485px;
	float: left;
}

#wide_content {
	clear: both;
	margin: 20px 0 20px 80px;
	padding: 0;
	/*width: 437px;*/
	width: 735px;
	float: left;
}

body.home #main_content {
	margin-top: 40px;
}

/* ie6 hack */
*html #main_content {
	margin-left: 40px;
}

/* ie6 hack */
*html #wide_content {
	margin-left: 40px;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #19528b;
	font-weight: bold;
	margin-top: 0;
	text-transform:uppercase;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: black;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #2da83b;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #19528b;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

p, ul, li {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #19528b;
	font-weight: normal;
	/*letter-spacing: 1px*/;
}



a, a:link, a:active, a:visited {
	color: #2da83b;
	text-decoration: underline;
}

a:hover {
	color: #45528B;
}

.question {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #2da83b;
	font-weight: bold;
}

img.inset_right {
	margin: 3px 3px 12px 12px;
	border: 1px #666 solid;
}

img.inset_left {
	margin: 3px 12px 12px 3px;
	border: 1px #666 solid;
}

#sidebar {
	margin-top: 0px;
	padding: 0px;
	width: 290px;
	float: right;
}

body.home #sidebar {
	margin-top: 20px;
}

#footer {
	width: 900px;
	height: 81px; 
	margin: 0 auto 0 auto;
	text-align: left;
	background-color:#FFF;
	background: url(images/sub_rem_06.jpg) top center no-repeat;
	clear:both;
}

#footer p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #19528b;
	font-weight: normal;
	padding-top: 45px;
	padding-left: 80px;
}

.date {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: bold;
	line-height: 13px;
	letter-spacing: 0px;
}

.headline {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #f8ff86;
	font-weight: bold;
	line-height: 13px;
	letter-spacing: 0px;
}

.teaser {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: normal;
	line-height: 13px;
	letter-spacing: 0px;
}

#sidebar table#news td .more, #sidebar table#news td  a.more, #sidebar table#news td  a:link.more, #sidebar table#news td  a:visited.more, #sidebar table#news td  a:active.more {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #f8ff86;
	font-weight: bold;
	font-style:italic;
	line-height: 13px;
	letter-spacing: 0px;
	text-decoration:underline;
}

#sidebar table#news td  a:hover.more {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: black;
	font-weight: bold;
	font-style:italic;
	line-height: 13px;
	letter-spacing: 0px;
}

/* highlights for each page */

body.about_hwd #container #about_hwd, body.about_hwd #container #about_hwd a,
body.board_of_commissioners #container #board_of_commissioners, body.board_of_commissioners #container #board_of_commissioners a,
body.staff #container #staff, body.staff #container #staff a,
body.history #container #history, body.history #container #history a,
body.plants #container #plants, body.plants #container #plants a,
body.voting #container #voting, body.voting #container #voting a,
body.billing_overview #container #billing_overview, body.billing_overview #container #billing_overview a,
body.billing_direct #container #billing_direct, body.billing_direct #container #billing_direct a,
body.billing_sample #container #billing_sample, body.billing_sample #container #billing_sample a,
body.billing_current #container #billing_current, body.billing_current #container #billing_current a,
body.regulations_overview #container #regulations_overview, body.regulations_overview #container #regulations_overview a,
body.regulations_backflow #container #regulations_backflow, body.regulations_backflow #container #regulations_backflow a,
body.regulations_sprinkling #container #regulations_sprinkling, body.regulations_sprinkling #container #regulations_sprinkling a,
body.regulations_stop #container #regulations_stop, body.regulations_stop #container #regulations_stop a,
body.regulations_ordinances #container #regulations_ordinances, body.regulations_ordinances #container #regulations_ordinances a,
body.regulations_financials #container #regulations_financials, body.regulations_financials #container #regulations_financials a,
body.regulations_notices #container #regulations_notices, body.regulations_notices #container #regulations_notices a,
body.news #container #news, body.news #container #news a,
body.news_archives #container #news_archives, body.news_archives #container #news_archives a,
body.newsletter #container #newsletter, body.newsletter #container #newsletter a,
body.facts #container #facts, body.facts #container #facts a,
body.facts_faqs #container #facts_faqs, body.facts_faqs #container #facts_faqs a,
body.facts_cycle #container #facts_cycle, body.facts_cycle #container #facts_cycle a,
body.facts_aquifers #container #facts_aquifers, body.facts_aquifers #container #facts_aquifers a,
body.facts_conservation #container #facts_conservation, body.facts_conservation #container #facts_conservation a,
body.facts_diy #container #facts_diy, body.facts_diy #container #facts_diy a,
body.facts_trivia #container #facts_trivia, body.facts_trivia #container #facts_trivia a,
body.facts_health #container #facts_health, body.facts_health #container #facts_health a,
body.billing_faqs #container #billing_faqs, body.billing_faqs #container #billing_faqs a
{
	color: black;
	background: url(images/arrow.gif) center 12px no-repeat;
}

/* art for EACH page */

		/* art for BILLING pages */
		
		body.billing_overview #main_graphic,
		body.billing_direct #main_graphic,
		body.billing_sample #main_graphic,
		body.billing_current #main_graphic,
		body.billing_faqs #main_graphic
		{
			background-image:url(images/billing_02.jpg);
		}

		/* art for REGULATIONS pages */
		
		body.regulations_overview #main_graphic,
		body.regulations_backflow #main_graphic,
		body.regulations_sprinkling #main_graphic,
		body.regulations_stop #main_graphic,
		body.regulations_ordinances #main_graphic,
		body.regulations_financials #main_graphic,
		body.regulations_notices #main_graphic
		{
			background-image:url(images/regulations_02.jpg);
		}

		/* art for NEWS pages */
		
		body.news #main_graphic,
		body.news_archives #main_graphic,
		body.newsletters #main_graphic
		{
			background-image:url(images/news_02.jpg);
		}

		/* art for WATER FACTS pages */
		
		body.facts #main_graphic,
		body.facts_faqs #main_graphic,
		body.facts_cycle #main_graphic,
		body.facts_aquifers #main_graphic,
		body.facts_conservation #main_graphic,
		body.facts_diy #main_graphic,
		body.facts_trivia #main_graphic,
		body.facts_health #main_graphic
		{
			background-image:url(images/water_facts_02.jpg);
		}

		/* art for LINKS pages */
		
		body.links #main_graphic
		{
			background-image:url(images/links_02.jpg);
		}

		/* art for CONTACT pages */
		
		body.contact #main_graphic
		{
			background-image:url(images/contact_02.jpg);
		}

		/* art for SITEMAP pages */
		
		body.sitemap #main_graphic
		{
			background-image:url(images/sitemap_02.jpg);
		}