@charset "utf-8";
/* Style Sheet Title */


/* General Styles */
body{
font-family:Arial, Helvetica, sans-serif;
margin:0;
background:url(../images/structure_images/body_bg.jpg) #336699 repeat-x;
}

h1{
color:#006699;
font-size:26px;
margin-top:0px;
}

h2{
color:#333333;
font-size:20px;
margin-bottom:5px;
}

h3{
color:#006699;
font-size:16px;
}

p, li, td{
font-size:12px;
line-height:24px;
color:#333333;
}

td{
border-bottom:1px dashed #CCCCCC;
}

table{
margin-bottom:10px;
}

ul,li, p{
margin:0;
padding:0;
}

a{
text-decoration:none;
color:#0099CC;
}

a:hover{
text-decoration:underline;
}


#allContainer{
width:893px;
margin:auto;
}

#bannerContainer, #greenBodyContainer, #greenBody_bottom{
width:100%;
float:left;
}

#bannerContainer{
height:217px;
background:url(../images/structure_images/bannerContainer_bg.jpg) no-repeat;
margin-bottom:0px;
_margin-bottom:-5px;
}

#greenBodyContainer{
height:auto;
min-height:300px;
padding-top:20px;
background:url(../images/structure_images/greenBodyContainer_bg.jpg) repeat-y;
}

#greenBody_bottom{
height:14px;
margin-bottom:8px;
background:url(../images/structure_images/greenBody_bottom.png) no-repeat;
}

/* Sidebar */
#sidebar{
width:190px;
height:auto;
padding:0 15px;
float:left;
}

	/* Navigation */
	.navItem{
	display:block;
	height:39px;
	width:190px;
	line-height:39px;
	text-align:center;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/structure_images/navItem_bg.png) no-repeat;
	
	}
	.navItem:hover{
	background:url(../images/structure_images/navItemHover_bg.png) no-repeat;
	text-decoration:none;
	}
	.subNavItem{
	width:170px;
	display:block;
	padding:0 10px 10px 10px;
	border-bottom:1px dashed #669900;
	margin-bottom:10px;
	text-align:center;
	font-size:12px;
	color:#003366;
	text-decoration: none;
	}
	
	.subNavItem:hover {
	text-decoration:underline;
	}
	
	.show {
		display:inline;
	}
	.hide {
		display:none;
	}
	
	/* Nav Hovers */
	body#home a#homeNav,
	body#aboutUs a#aboutUsNav,
	body#stormwater a#stormwaterNav,
	body#resources a#resourcesNav,
	body#community a#communityNav,
	body#contactUs a#contactUsNav{
	background:url(../images/structure_images/navItemHover_bg.png) no-repeat;
	text-decoration:none;
	}
	
	body#aboutUs div#about,
	body#stormwater div#stormwater2,
	body#community div#community2,
	body#resources div#resources2,
	body#contactUs div#contact{
	display:inline;
	}

	/* Right Content */
	
	#rightContent{
	width:654px;
	height:auto;
	float:left;
	margin:0 0 20px 3px;
	}
	
	
	
	#rightContent p{
	margin-bottom:15px;
	}
	
	#rightContent ul{
	margin-bottom:10px; 
	}
	
	#rightContent li{
	margin-left:10px;
	padding-left:20px;
	list-style:none;
	background:url(../images/structure_images/rightContentLi_bg.jpg)0 3px no-repeat;}
	
	#rightContent_top, #rightContent_bottom{
	width:100%;
	height:12px;
	float:left;
	}
	
	#rightContent_top{
	background:url(../images/structure_images/rightContent_top.png) no-repeat;
	}
	
	#rightContent_body{
	height:autopx;
	width:624px;
	padding:0 15px 20px 15px;
	margin-top:0px;
	_margin-top:-7px;
	float:left;
	background:#FFFFFF;
	}
	
	#flashBanner{
	width:614px;
	padding:4px;
	border:1px solid #DFDFDF;
	margin-bottom:10px;
	}
	
	.rightContent_column2{
	width:48%;
	margin-right:10px;
	float:left;
	}
	
	.rightContent_column2 li{
	border-bottom:1px dashed #DFDFDF;
	margin-bottom:5px;
	}
	
	.rightContent_column2 li a{
	display:block;
	}
	
	#rightContent_bottom{
	background:url(../images/structure_images/rightContent_bottom.png) no-repeat;
	}
	
	#downloads li{
	background:url(../images/structure_images/pdfIcon.jpg) 0 3px no-repeat;
	}
	
	#eventList h2{
	margin-top:10px;
	}
	
	#eventList p{
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:10px;
	}
	
	/* Special Styles */
	.rightContentSubSep{
	width:100%;
	height:1px;
	margin-bottom:10px;
	border-bottom:1px dashed #CCCCCC;
	}
	
	.sectionAlign{
	width:100%;
	float:left;
	}
	
	.promotionLink{
	width:97%;
	text-align:right;
	padding-right:18px;
	margin-bottom:10px;
	background:url(../images/structure_images/promotionLink_bg.gif) 100% 50% no-repeat;
	}
	
	#shareThis, #backToTop{
	width:100px;
	float:right;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #DFDFDF;
	background:#EFEFEF;
	}
	
	#shareThis a, #backToTop a{
	font-size:12px;
	color:#666666;
	}
	
	#backToTop{
	background:url(../images/structure_images/backtoTop_bg.gif) 5px 50% no-repeat #EFEFEF;
	}
	
	#backToTop a{
	padding-left:25px;
	}
	
	#backToPrevPage{
	font-size:11px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:10px;
	background:url(../images/structure_images/backToPrevPage_bg.jpg) 0 50% no-repeat;
	}
	
	.formHolder{
	width:60%;
	margin:auto;
	}
	
/* Footer */
#footerContainer{
width:853px;
height:100px;
_height:48px;
float:left;
margin-bottom:50px;
background:url(../images/structure_images/footerContainer_bg.png) no-repeat;
padding:15px 20px 0 20px;
}

#footerContainer p, #footerContainer li{
color:#FFFFFF;
font-size:11px;
line-height:20px;
}

#footerContainer p{
float:left;
}

#footerContainer ul{
width:400px;
}

#footerContainer li, #footerContainer ul{
float:right;
}

#footerContainer li{
display:inline;
border-right:1px dashed #FFFFFF;
}

#footerContainer li a{
color:#FFFFFF;
display:block;
padding:0 10px;
}

/* Image Pads */
.imagePad_hero{
padding:3px;
border:1px solid #DFDFDF;
margin-bottom:10px;
}

.imagePad_icon{
float:left;
margin:0 10px 10px 0;
}