/*Middle Level Style Sheet* - Last Updated by Simon Del Giudice on 11-01-10
******************************************************************/

/*Global Styles*
******************************************************************/

html{ overflow-y:scroll; } 

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: black;
	text-align: left;
	background: white url(../images/background-orange.gif) top left repeat-x;
	}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: black;
	padding: 0 0 8px 0;
	margin: 0;
	
}
title {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.8em;
	color: black;
	font-weight: normal !important;
	margin: 0;
	padding: 0 0 5px 0;
	letter-spacing: -0.05em;	
}
h2 {
	font-size: 1.6em;
	color: black;
	font-weight: bold !important;
	margin: 0;
	padding: 0;		
	letter-spacing: -0.05em;	
}
h3 {
	font-size: 1.4em;
	color: black;
	font-weight: bold !important;
	margin: 0;
	padding: 0 0 5px 0;	
	letter-spacing: -0.05em;	
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	font-size: 1.2em;	
}
	
a { color: black; text-decoration: none; font-weight: bold;}
a:hover { color: black; text-decoration: none;}
a:active {color: black; text-decoration: none;}	


td {
	padding: 5px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: black;	
}

th {
	background: #d8e1ea;
	color: black;
	padding: 5px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

input {
	background: white;
	color: black;
	border: 1px solid #ff4200;
	padding: 2px 3px 3px 3px;
	margin: 0 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	}

textarea {
	background: white;
	border: 1px solid #ff4200;
	color: black;
	margin: 0 0 3px 0;
	padding: 2px 3px 3px 3px;	
	font-family: Arial, Helvetica, sans-serif;
	}
select {
	margin: 0 0 3px 0;
	padding: 2px 3px 3px 3px;
	color: black;
	border: 1px solid #ff4200 !important;
}

img {
	padding: 0;
	margin: 0;
	border: 0 !important;
}


table, td, th {
	padding: 0;
	margin: 0;
	border: 0 !important;
}

form {
	padding: 0 !important;
	margin: 0 !important;
}

/*Layout Styles*
******************************************************************/	

#container {
	margin: 0 auto 0 auto !important;
	padding: 0 0 20px 0 !important;
	width: 940px;
	min-height: 900px;
	background: white;
	text-align: left;
}


#inner-container {
	float: left;
	width: 900px;
	/*min-height:500px !important;
	height:auto !important;
	height:100% !important;*/
	margin: 0 0 0 20px !important;
	background: white;
}


#header {
	width: 900px;
	height: 110px;
	float: left;
}

	#header-left {
		float: left;
		width: 295px;
		height: 110px;
		background: white;
	}
	#header-right {
		float: right;
		width: 605px;
		height: 110px;
		text-align: right;
	}

#search-site {
	float: left;
	/* background: #ff4200;*/
	padding: 5px 10px 5px 10px;
	margin: 10px 5px 0 0 !important;
	width: 280px;
	background: url(../images/site-search-back.jpg) top left no-repeat;
	overflow: hidden;
	text-align: left !important;
	height: 52px;	
}
	#search-site p {
		float: left;		
		padding: 0 !important;
		margin: 0 !important;
	}
	#search-site h1{
		font-weight: normal;
		padding: 0 !important;
		margin: 0 !important;
		color: #fd3f01;		
	}	
	span.searchword  {
		padding: 7px 0 0 0;
		color: white;
		float: left;
		font-weight: bold;
		font-size: 1.2em;
	}

	#search-site select {
		float: left;
		background: white;
		color: #ff4200;
		font-size: 1.2em;
		border: 1px solid #ff4200;
		padding: 2px 3px 3px 3px;
		margin: 0 0 3px 0;
		font-family: Arial, Helvetica, sans-serif;
		width: 280px;
		}

	input.butt {
		padding: 0 !important;
		margin: 0 !important;
		background: #af2d00 !important;
		color: white !important;
		font-size: 1.2em;
		border: 1px solid #ff4200;
		padding: 2px 3px 3px 3px;
		margin: 0 0 3px 0;		
		font-family: Arial, Helvetica, sans-serif;		
	}





	#internal-drainage-board{
		float: right;
		width: 280px;
		border-bottom: 1px solid white;	
		background: url(../images/site-search-back.jpg) top left no-repeat;
		/* background: url(../images/top-internal-drainage-back.jpg) top left no-repeat;*/
		padding: 5px 10px 5px 10px;
		margin: 10px 0 0 0;
		vertical-align: top;
		text-align: left;
		height: 52px;	
	}	


	#internal-drainage-board p, #internal-drainage-board a{
		color: #ff4200;
		padding: 0 !important;
		margin: 0 !important;	
		font-size: 1.1em !important;
		font-weight: bold;
	}
	#internal-drainage-board h1{
		font-weight: bold !important;
		font-size: 1.4em !important;
		padding: 0 !important;
		margin: 0 !important;
		color: black;		
	}

	#internal-drainage-board h2{
		font-weight: normal;
		padding: 0 !important;
		margin: 0 !important;
		color: #fd3f01;		
	}

	#internal-drainage-board h3{
		font-weight: normal;
		font-weight: bold;
		padding: 0 !important;
		margin: 0 !important;
		color: black;		
	}

#navigation {
	float: left;
	width: 845px;
	height: 30px;
	background: black url(../images/layout/nav-bg.gif) top left no-repeat;
	text-align: left
}
#navigation ul {
		padding: 0 !important;
		margin: 0 !important;
		width: 845px;
		height: 30px;		
	}
	
	#navigation li{
		list-style: none;
		display: inline;
		float: left;
		padding: 8px 5px 0 8px;
		height: 22px;
	}
	
	#navigation li a{
		text-decoration: none;
		display: inline;		
		color: white !important;
	}

	#navigation li a:hover {
		color: #ff4200 !important;
	}
	
	#font-size {
	float: right;
	width: 50px;
	height: 25px;
	background: black url(../images/layout/size-bg.gif) top left no-repeat;
	text-align: right;
	padding: 5px 5px 0 0;
}

	#font-size p{
		color: white !important;
		padding: 0 !important;
		margin: 0 !important;
		
	}
	#font-size a{
		text-decoration: none;
		display: inline;		
		color: white !important;
	}


#home-banner-container {
	float: left;
	clear:both;
	width: 900px;
	height: 208px;
	border-bottom: 1px solid white;	
	margin: 0;
	padding: 0 !important;
}

#sub-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	border-bottom: 1px solid white;	
	/* border-top: 1px solid white;	*/
	background: #ccc;
	margin: 0;
}	

/*section banners*/

#about-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#about-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}


#meetings-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#meetings-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}


#byelaws-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#byelaws-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}

#education-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#education-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}

#navigation-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#navigation-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}

#leisure-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#leisure-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}


#planning-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#planning-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}


#contact-banner-container {
	float: left;
	width: 900px;
	height: 100px;
	background: url(../images/sub-banner01.jpg) top left no-repeat;
}

	#contact-banner-container h1 {
		color: white !important;
		font-size: 3.2em;	
		margin: 0;
		padding: 20px 0 0 20px;		
	}



#home-main-container {
	float: left;
	background: url(../images/main-background.jpg) top left no-repeat;
}



#navtrail {
	float: left;
	width: 890px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	border-bottom: 1px solid #c4c9cf;
}

	#navtrail p, #navtrail a, #navtrail #template_smpNavTrail {
		color: #ff4200;	
	font-family: Arial, Helvetica, sans-serif;
		
	}

	#navtrail a:hover {
		text-decoration: underline;
		}

#home-features-container {
	float: left;
	width: 900px;
	min-height: 200px;
	padding: 0 !important;
	margin: 0 !important;
}

#home-features-container h2{
	font-weight: normal;
	font-size: 2.0em;
	color: #fd3f01;
	padding: 0 !important;
}

#features-left {
	float: left;
	width: 590px;
	min-height: 100px !important;
	padding: 0 !important;
	margin: 0 !important;
}

#features-idb {
	float: right;
	width: 295px;	
	height: 400px;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;	
}

form#features-idb {	padding: 0 !important;
	margin: 0 !important;	}
#features-idb select{
	font-size: 1.0em;
	padding: 0 !important;
	margin: 0 !important;
}


#idb-dropdown-header {
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	height: 35px;
	display: block;
	}

#small-map {
	float: left;
	clear: both;
}



	#home-feature01 {
		float: left;
		margin: 0;
		width: 274px;
		border-right: 1px dotted black;
		border-bottom: 1px dotted black;		
		height: 119px;	
		display: inline;
		padding: 10px;
		margin: 0 !important;		
	}

		#home-feature01 h2 {
			color: black;
			padding: 0 !important;
			margin: 0 !important;			
		}

		#home-feature01 p {
			color: black;
			padding: 0 !important;
		}	
		#home-feature01 a {
			color: #fd3f01 !important;
		}
	#home-feature02 {
		float: left;
		margin: 0;
		width: 274px;
		border-bottom: 1px dotted black;		
		height: 119px;
		display: inline;
		padding: 10px;
		margin: 0 !important;			
	}
		#home-feature02 h2 {
			color: black;
			padding: 0 !important;
			margin: 0 !important;			

		}	
		#home-feature02 p {
			color: black;
			padding: 0 !important;
		}	
		#home-feature02 a {
			color: #fd3f01 !important;
		}
	#home-feature03 {
		float: left;
		margin: 0;
		width: 274px;
		height: 119px;	
		border-bottom: 1px dotted black;		
		border-right: 1px dotted black;		
		display: inline;	
		padding: 10px !important;
		margin: 0 !important;			
	}	
		#home-feature03 h2 {
			color: black;
			padding: 0 !important;
			margin: 0 !important;			
		}	
		#home-feature03 p {
			color: black;
			padding: 0 !important;
		}	
		#home-feature03 a {
			color: #fd3f01 !important;
		}
	#home-feature04 {
		float: left;
		margin: 0;
		width: 274px;
		border-bottom: 1px dotted black;	
		height: 119px;	
		display: inline;		
		padding: 10px;
		margin: 0 !important;	
	}
		#home-feature04 h2 {
			color: black;
			padding: 0 !important;
			margin: 0 !important;			

		}	
		#home-feature04 p {
			color: black;
			padding: 0 !important;
		}	
		#home-feature04 a {
			color: #fd3f01 !important;
		}	
	#home-feature05 {
		float: left;		
		margin: 0;
		width: 274px;
		border-right: 1px dotted black;	
		height: 119px;	
		display: inline;
		padding: 10px;
	}
	
		#home-feature05 h2 {
			color: black;
			padding: 0 !important;
			margin: 0 !important;			

		}	
		#home-feature05 p {
			color: black;
			padding: 0 !important;
		}	
		#home-feature05 a {
			color: #fd3f01 !important;
		}	
	#home-feature06 {
		float: left;
		margin: 0;
		width: 274px;
		height: 119px;
		display: inline;
		padding: 10px;
		margin: 0 !important;			
	}
		#home-feature06 h2 {
			color: black;
			padding: 0 !important;
			margin: 0 !important;			

		}	
		#home-feature06 p {
			color: black;
			padding: 0 !important;
		}	
		#home-feature06 a {
			color: #fd3f01 !important;
		}
	#main-left {
		float: left;
		width: 280px;
		min-height: 129px;
		/*background: url(../images/feature-back01.jpg) top left no-repeat;*/
		padding: 10px;
	}

	#main-left h2 {
		font: normal 2.2em Arial, Helvetica, sans-serif !important;
		letter-spacing: normal;
		padding: 0 !important;
		margin: 0 !important;
	}

			#main-left ul, #AspNet-Menu ul{
				float: left !important;
			}
			#main-left li, #AspNet-Menu li {
				float: left;
				border-bottom: 1px dotted black;
				color: black;
				padding: 3px;
				margin: 0;
				overflow: hidden;
				width: 280px;
				}
			#main-left li a, #AspNet-Menu li a{
				float: left;				
				text-align: left;
				font-weight: normal;
				padding: 5px 0 0 0;
				color: black;
				text-decoration: none;
				display: block;	
				overflow: hidden;
				background-position: center top;
				}			
					
			#main-left li a:hover, #AspNet-Menu li a:hover  { color: #fd3f01 }
			#main-left li a.active, #AspNet-Menu li a.active, #main-left li a.active:hover, #AspNet-Menu li a.active:hover  { color: #fd3f01 }

	#main-right {
		float: right;
		width: 560px;
		min-height: 400px !important;
		padding: 0 20px 20px 20px;
	}

	#main-right ul {
		padding: 0 0 8px 18px;
	}
	
	#main-right li {
		padding: 0 0 3px 0;
	}
	#main-right a:hover {
		color: #ff4200;
	}
	
	#main-right h1 {
		font: normal 2.8em Arial, Helvetica, sans-serif !important;
		letter-spacing: normal;
		padding: 0 0 8px;
		background: none !important;	
		color: #fd3f01;
	}
	#main-right h2 {
		font: bold 1.7em Arial, Helvetica, sans-serif !important;
		letter-spacing: normal;
		padding: 0 0 8px;	
		background: none !important;
		color: #fd3f01;		
	}
	#main-right h3 {
		font: bold 1.5em Arial, Helvetica, sans-serif !important;
		color: black;
		letter-spacing: normal;
		background: none !important;		
	}

#footer {
	clear: both !important;
	float: left;
	width: 900px;
	height: 30px;
	background: white;
	padding: 20px 0 0 0;
}

	#footer-left {
		float: left;
		font: normal 1.1em Arial,Helvetica, Sans-serif;
		padding: 30px 0 0 0;
	}
	#footer-right {
		float: right;
	}
		#footer-right ul {
			float: right;
			padding: 0 !important;
			margin: 0 !important;	
		}
		
		#footer-right li{
			list-style: none;
			display: inline;
			float: left;
			padding: 8px 0 0 10px;
			height: 22px;
		}
		
		#footer-right li a{
			text-decoration: none;
			display: inline;		
			color: #fd3f01 !important;
		}

		#footer-right li a:hover{
			text-decoration: underline;
		}

		
#web-design {
	clear: both;
	float: left;
	width: 900px;
	height: 30px;
	text-align: right;
	font: normal 1.1em Arial,Helvetica, Sans-serif;
}






/* Drainage Board Styles*/

#idb-rates {
	background: #ccc;
}

#idb-rates ul{
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	clear: right;
}
	#idb-rates li{
		float: left;
		padding: 0 !important;
		margin: 0 !important;
		display: block;
	}


#idb-news {
	margin: 10px 0 0 0;
	background: white url(../images/latest-news-back.jpg) top left no-repeat;
	padding: 20px;
	height: 150px;
}


	#idb-news h1{
			font-size: 1.6em !important;
			font-weight: bold !important;
			color: #ff4200 !important;
		}

	#news-date {
		float: left;
		height: 40px;
		width: 40px;
		background: url(../images/date-back.gif) top left no-repeat;
		color: white;
		padding: 5px;
	}
		#news-date a{	
			text-decoration: none !important;
		}
		#news-date h3{
			font-size: 1.8em !important;
			color: white !important;
			text-decoration: none !important;
			padding: 0 !important;
			margin: 0 !important;
			text-align: center;
		}
		#news-date h4{
			font-size: 1.2em !important;
			color: white !important;
			text-decoration: none !important;
			padding: 0 !important;
			margin: 0 !important;
			text-align: center;			
		}		

	#news-right {
		float: right;
		min-height: 100px;
		width: 310px;
	}



#idb-information h2 {
	padding: 0 !important;
	margin: 0 !important;
}


#idb-members {
	margin: 10px 0 0 0;
	background: white url(../images/latest-news-back.jpg) top left no-repeat;
	padding: 20px;
}


	#idb-members h1{
			font-size: 1.6em !important;
			font-weight: bold !important;
			color: #ff4200 !important;
		}

#idb-documents {
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	clear: right;	
}

	#idb-documents h1{
		color: #ff4200;
		margin: 20px 0 0 0 !important;
		padding: 0 !important;
	}


#idb-dropdown-header {
	float: right;
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
}

#idb-dropdown-header form{
	padding: 0 !important;
	margin: 0 !important;	
}


#idb-dropdown-header h2{
	color: black !important; 
	padding: 0 0 5px 0;
	font-size: 1.4em !important;
	
}


#idb-dropdown-header select {
	color: #ff4200 !important; 
}


	#main-left-idb {
		float: left;
		width: 430px;
		min-height: 129px;
		/*background: url(../images/feature-back01.jpg) top left no-repeat;*/
		padding: 10px;
	}

	#main-left-idb h2 {
		font: normal 2.2em Arial, Helvetica, sans-serif !important;
		letter-spacing: normal;
	}

			#main-left-idb ul, #AspNet-Menu ul{
				float: left !important;
			}
			#main-left-idb li, #AspNet-Menu li {
				float: left;
				border-bottom: 1px dotted black;
				color: black;
				padding: 3px;
				margin: 0;
				overflow: hidden;
				}
			#main-left-idb li a, #AspNet-Menu li a{
				float: left;				
				text-align: left;
				font-weight: normal;
				padding: 5px 0 0 0;
				color: black;
				text-decoration: none;
				display: block;	
				overflow: hidden;
				background-position: center top;
				}			
					
			#main-left-idb li a:hover, #AspNet-Menu-idb li a:hover  { color: #fd3f01 }
			#main-left-idb li a.active, #AspNet-Menu-idb li a.active, #main-left-idb li a.active:hover, #AspNet-Menu-idb li a.active:hover  { color: #fd3f01 }

	#main-right-idb {
		float: right;
		width: 410px;
		min-height: 400px !important;
		padding: 0 0 20px 20px;
		background: none;
		margin: 0 !important;
	}

	#main-right-idb ul {
		padding: 0 0 8px 18px;
	}
	
	#main-right-idb li {
		padding: 0 0 3px 0;
	}
	#main-right-idb a:hover {
		color: #ff4200;
	}
	
	#main-right-idb h1 {
		font: normal 2.8em Arial, Helvetica, sans-serif;
		letter-spacing: normal;
		padding: 0 0 8px;
	}
	#main-right-idb h2 {
		font: normal 1.7em Arial, Helvetica, sans-serif;
		letter-spacing: normal;
		padding: 0 0 8px;		
	}
	#main-right-idb h3 {
		font: normal 1.5em Arial, Helvetica, sans-serif;
		color: black;
		text-decoration: underline;
		letter-spacing: normal;
	}


#rates-back {
	background: url(../images/rates-back.jpg) top left no-repeat;
	width: 380px;
	height: 87px;
	padding: 15px;
}

	#rates-back h1{
		font-size: 3.6em;		
		color: black;
	}

	#rates-back h2{
			font-size: 1.6em !important;
			font-weight: bold !important;
			color: #ff4200;
		}

	#rates-back h3 {
			font-size: 1.2em !important;
			font-weight: normal !important;
			color: black !important;
			text-decoration: none !important;
			margin: 0 !important;
			padding: 0 !important;
			clear: both
		}

	#rates-back h4 {
			font-size: 2.2em !important;
			font-weight: bold !important;
			color: black !important;
			margin: 0 !important;
			padding: 0 !important;		
			clear: both;
		}

#rates-back ul {
	padding: 0 !important;
	margin: 0 !important;
}
#rates-back li {
	float: left;
	display: block;
	width: 93px;
	height: 50px;
	margin: 0 1px 0 0 !important;
	padding: 0 !important;
	list-style: none;
	}



#pdf-list-item {
	float: left;
	padding: 10px 0 10px 0 !important;
	margin: 0 !important;
	border-bottom: 1px dotted #ff4200;
	clear: both;
	width: 100%;
	}
	#pdf-list-item h2 {	
		font-size: 1.4em !important;
		padding: 0 !important;
		margin: 0 !important;		
	}
	#pdf-list-item p{	
		padding: 0 !important;
		margin: 0 !important;
	}

form {
	padding: 0 !important;
	margin: 0 !important;
}

#idb-dropdown-container {
	background: url(../images/idb-back.gif) top left no-repeat;
	margin: 10px 0 0 0;
	padding: 10px;
	width: 560px;
	height: 75px;
}

	#idb-dropdown-container h2{
		color: white !important;
	}

#main-1col {
	padding: 20px;
}

#main-1col h1{
		font: normal 2.8em Arial, Helvetica, sans-serif !important;
		letter-spacing: normal;
		padding: 0 0 8px;
		background: none !important;	
		color: #fd3f01;
}

#main-1col h2{
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
}


.alternative-cell {
	background: #edf1f5;
}