html {
	height:101%;
	background-color: #514D46;
}


body {
		margin:0 auto;
		text-align:center;
		background-color: #514D46;
		font-size: 100%;
		background-attachment: scroll;  /* fixes MAC - border shows about 15px*/
														/* of backgroundimage below last div*/
														/* if window is larger than content also*/
														/*place background-color in html above*/
									/*-fix by http://www.zeldman.com/press/discuss_css.html*/
	}
h1, h2, h3, h4 {
	font: bold 100%/100% "Verdana", Arial, Helvetica,sans-serif;
}
h1 {
	font-size:1.1em;
	line-height: 1.2em;
	margin:0;
	color:#336699;
	padding: 0px 0px 5px 0px;
}
	
h2 {
	font-size:0.9em;
	margin:0;
	padding:5px 0px 5px 0px;
	color: #313E94;
	font-weight: bold
}

h3 {
	font-size:.8em;
	margin:0;
	padding:5px 0px 5px 0px;
	color: #313E94; 
}
h4 {
	font-size: .8em;
	margin:0;
	padding:0px 0px 0 0px;
	color: #000000; 
}

p, ol, ul, table, dl {
	font:normal .7em/150% "Verdana", Arial, Helvetica,sans-serif;
	margin:0;
	padding:0px 0px 5px 0px;
}
a {
	font-weight: bold;
}
a:link {
  color:#336699;
  }
  
a:visited {
  color:#336699; 
  }
  
a:hover {
  color:#3454A3;
  text-decoration: none;
  }

dl {
	margin:0;
	padding:0 0 5px 10px;
}

dd {	
	margin:0 0 5px 0px;
	padding:0;
}
dt {
	font-weight:bold;
}

ol li {
	margin:0;
	padding:0 0 4px 0;
}

ul, ol {
	margin:0px;
	padding: 0px 0px 15px 20px;
}
ul li {
	margin:0px;
	padding: 0px 0px 8px 0px;
}
ul li ul {
	padding-bottom: 0px;
}
ul li li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 1.3em;
	list-style-type:circle;
}
ol li {
	font-size: 1.0em;
}
ol li ol {
	padding: 5px 0px;
	list-style-type: lower-alpha;
}
ol li ol li {
	font-size: 1.4em;
	padding: 5px 0px 0px 0px;
	line-height: 150%;
}
ol li ol li ol {
	list-style-type: upper-roman;
}
ol li ol li ol li ol {
	list-style-type: lower-roman;
}
ol li ol li table, ol li table 
{
	font-size: 1.0em;
}
th {
	font-weight:bold;
}

img {
	border: none;
	padding:3px;
	margin:0;
}

#wrapper {
	width: 770px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background:#FFFFFF url(/images/bg.wrapper.jpg) no-repeat 0 0;
	}

#header  {
	width: 770px;
	height: 132px;
	margin: 0 auto;
	padding:0;
	background: url(/images/main.hdr.jpg) no-repeat top left;
	}

	#logolink {
		float: left;
		height: 100px;
		width: 100px;
		margin: -22px 5px 0px 10px;
		cursor: pointer;background:transparent;z-index: 1;position:relative;
	}

#homeHeader {
	width: 770px;
	height: 156px;
	margin: 0 auto;
	padding: 0;
	background: url(/images/home.hdr.jpg) no-repeat 0 0;
	}
	#aboutHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/about.hdr.jpg) no-repeat 0 0;
	}
	#communityHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/community.hdr.jpg) no-repeat 0 0;
	}
	#serviceHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/customer.hdr.jpg) no-repeat 0 0;
	}
	#stormwaterHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/stormwater.hdr.jpg) no-repeat 0 0;
	}
	#facilitiesHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/facilities.hdr.jpg) no-repeat 0 0;
	}
	#leadershipHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/leadership.hdr.jpg) no-repeat 0 0;
	}
	#operationsHeader {
		width: 770px;
		height: 87px;
		margin: 0 auto;
		padding: 0;
		background: url(/images/operations.hdr.jpg) no-repeat 0 0;
	}
	
/* Navigation */
#nav {    /* the top nav  */	
	margin: 42px 0px 0px 0px;
	padding: 0px 10px 0px 0px; 
	float:right;
	line-height:normal;
	}
		
		#nav ul {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:inline;
			list-style:none;
			}
		
		#nav li {
			float:left;
			margin:0;
			padding:0;
			line-height: 10px; /*.9em;*/
			height: 10px; /*1.2em;*/
			}
		
		#nav li a {
			color:#FFFFFF;
			text-decoration:none;
			padding:0px 14px 0px 0px;
			margin:0;
			font-weight: normal;
			}
		
		#nav li a:hover {
			color:#FFFFFF;
			text-decoration:none;
			} 
			
		#nav li a.first {margin-left:0px;}

#menu {
   padding: 8px 19px 0px 0px;
	text-align: right;
	font-family: "Lucida", Verdana, Arial, Helvetica,sans-serif;
	font-size: 12px;
	}
	#menu a {
    	padding:4px 8px 4px 12px;
    	text-decoration:none;
    	color:#000000;
   }
	#menu span {
   	display:none;
   }
		
#content {
	width: 771px;
	margin: 0 auto;
	padding: 0;
	background: url(/images/content.hdr.jpg) no-repeat 0 0;
	}
	#content .contentPadding {
		margin: 0;
		padding: 25px 15px 0px 25px;
	}

#navCell {
	width: 190px;
	float: left;
	}
	#navCell .navCellPadding {
		margin: 0;
		padding: 0px 30px 0px 0px;
	}
	#navCell p {
		line-height: 1.2em;
		padding-bottom: 20px;
	}
#homeCell1 {
	width: 310px;
	float: left;
	}
	#homeCell1 .cell1Padding {
		margin: 0;
		padding: 0px 27px 0px 0px;
	}
	#homeCell1 h1 
	{
		font-size: 0.9em;
	}
	
#homeCell2 {
	width: 224px;
	float: left;
	}
	#homeCell2 p {
		line-height: 1.2em;
	}
	#homeCell1 h2, #homeCell2 h2 {
		border-bottom: 1px solid #DDE1ED;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}

#backCell {
	width: 534px;
	float: left;
	}
	#backCell .backCellPadding {
		margin: 0;
		padding: 0px 10px 0px 0px;
	}
	#backCell .box {
		width: 265px;
		float: left;
	}
	#backCell img
	{
		border: 1px solid #000;
		background-color: #E1E1E1;
		padding: 3px;
		margin: 3px 5px 3px 5px;
	}
			
#footer {
	margin:0px;
	padding: 30px 0px 10px 0px;
	color: #514D46;
	text-align: center;
	}		
	#footer a {
		text-decoration:none;
		color: #666666;
		font-weight: normal;
	}
	#footer a:hover {
		text-decoration:underline;
		color: #000000;
	}
	#footer ul {
		margin:0px 0px 0px 0px;
		display:inline;
		list-style:none;
	}
	#footer li {
		float:left;
		padding: 0;
		border-right: 1px solid #666666;
		line-height: 1.2em;
		}
	#footer li a {
		color: #666666;
		text-decoration:none;
		padding:0px 10px 0px 8px;
		margin:0;
		}
	#footer li a:hover {
		color:#000000;
		text-decoration:none;
		} 
	#footer li.last {border:0;}

p.subtext {
	color: #666666;
	
}
p.title {
	font-weight: bold;
	font-size: 0.8em;
	color: #000000;
}
p.location {
	font-weight: bold;
	font-size: 0.6em;
	color: #666666;
}
p.desc {
	color: #72A0BB;
	font-size: 0.7em;
	font-weight: bold;
	margin: 10px 0px 30px 0px;
}

a.sub {
	padding-left: 15px;
}

.document p {
	padding-left: 15px;
}
.document ul, .document ol {
	padding-left: 45px;
}

.pic {
	float: left;
	padding: 5px 5px 0px 0px;
	margin-bottom: 15px;
}

	 /* for Skip navigation at bottom of page*/	
.hide {   
	height: 0px;
	width: 0px;
	visibility: hidden;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}