/* Structure CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background: url(../images/bg.gif) top center no-repeat;
	padding-top: 15px;
}

/* Page */

#Page {
	width: 1000px;
	margin: 0 auto;
	padding: 0 2px 0 2px;
	background: url(../images/bg-page.gif) top left repeat-y;
}

/* Top Banner */

#TopBanner {
	background: url(../images/page-top.gif) top left no-repeat;
	height: 58px;
	padding: 30px 20px 0 20px;
}

#UtilityNav {
	float:right;
	margin: 14px 0 0 0;
	text-align: right;
}

/* Top Navigation */

#TopNav {
	height: 41px;
	margin: 2px 20px 0 20px;
	background: url(../images/bg-topnav.jpg) top left repeat-x;
	border-top: 3px #002050 solid;
}

/* Main Content Area */

#IndexBanner {
	height: 200px;
	padding: 0 20px 0 20px;
}

#IndexContent {
	padding: 10px 20px 10px 20px;
}

#IndexLeft {
	float: left;
	width: 624px;
	padding: 0 15px 0 10px;
	border-right: 1px solid #d9d7c2;
}

#IndexRight {
	float: left;
	width: 285px;
	padding: 0 5px 0 15px;
}

.clear {
	clear: left;
}


/* Sectional Content Area */

#GraphicBanner {
	height: 32px;
	width: 960px;
	margin: 0 20px 0 20px;
	padding: 28px 0 0 20px;
	background: url(../images/banner-tagline.gif) top left no-repeat;
}

#GraphicBanner-Stormwater {
	height: 32px;
	width: 960px;
	margin: 0 20px 0 20px;
	padding: 28px 0 0 20px;
	background: url(../images/banner-tagline-storm.gif) top left no-repeat;
}

#GraphicBanner-Processing {
	height: 32px;
	width: 960px;
	margin: 0 20px 0 20px;
	padding: 28px 0 0 20px;
	background: url(../images/banner-tagline-processing.gif) top left no-repeat;
}

#GraphicBanner-Enviro {
	height: 32px;
	width: 960px;
	margin: 0 20px 0 20px;
	padding: 28px 0 0 20px;
	background: url(../images/banner-tagline-enviro.gif) top left no-repeat;
}


#Content {
	padding: 20px 20px 20px 20px;
}

#Left {
	float: left;
	width: 594px;
	padding: 0 35px 0 20px;
	border-right: 1px solid #d9d7c2;
}

#Right {
	float: left;
	width: 285px;
	padding: 0 5px 0 15px;
}


#SingleColumn {
	float: left;
	width: 899px;
	padding: 0 35px 0 20px;
}

/* Footer Area */


#Footer {
	clear:left;
	background: url(../images/page-bottom.gif) #ffffff bottom left no-repeat;
	padding: 0 0 20px 0;
}

#FooterContent {
	border-top: 3px #002050 solid;
	background-color: #f5f5f0;
	margin: 0 20px 0 20px;
	padding: 15px;
}