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

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

#container {
	width: 900px;
	height: 100%; 
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(images/bkgd.jpg);
	position: relative;
	padding: 0;
}

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

#navigation {
	padding: 0;
	margin: 0;
	/* background: url(images/navigation_art_bkgd.jpg) top left; */
	width: 223px;
	/* height: 456px; */
	float: left;
}

		#navigation p {
			font-family:Verdana, Geneva, sans-serif;
			padding: 10px 4px 10px 20px;
			margin: 0;
			font-size: 12px;
			line-height: 17px;
			color: #19528b;
			font-weight: normal;
		}

/*
#main_content_container {
	margin: 0;
	padding: 0;
	width: 677px;
	min-height: 456px;
	float: left;
	background-image: url(images/home_background_top.jpg) top left no-repeat;
}
*/

#main_content {
	margin: 0px;
	padding: 0;
	width: 677px;
	/* height: 456px; */
	float: left;
	background: url(images/home_background_bottom.jpg) bottom left no-repeat;
}

#main_content img#logos{
	margin: 30px 0 0 0;
}

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

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #28a1d8;
	font-weight: bold;
	margin: 23px 30px 0 30px;
}

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

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

p, ul, li {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: normal;
	margin: 4px 30px 14px 30px;
}

form table td p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: normal;
	margin: 4px 5px 4px 30px;
}

form table td input[type=text] {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: normal;
	margin: 4px 0px 4px 0px;
	width: 350px;
}

.large {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 17px;
	color: #19528b;
	font-weight: bold;
}

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

a:hover {
	color: #45528B;
}

#footer {
	width: 900px;
	height: 42px; 
	margin: 0 auto 0 auto;
	text-align: center;
	background-image:url(images/home_rem_04.jpg);
	clear:both;
}

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

#footer a {
	color: #19528b;
	text-decoration: underline;
}

#footer a:hover {
	color: black;
	text-decoration: none;
}

.error {
	color: red;
}


/*

#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;
}

.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;
}

.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);
		}
		
		*/