/* CSS Document */

/* Based on code from Yahoo! Inc.'s reset.css (BSD) and Tantek Celik's undohtml.css (Creative Commons Attribution 2.0) */
html, body, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, abbr, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-style: normal; /*font-weight: normal;*/}

a img {border: 0;}

/*End*/

body {background: #F2F2F2;}
body, td {font: normal 12px verdana, arial, helvetica, sans-serif;}

a:link, a:visited {color: #0E6339;}
	a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-family: "trebuchet ms", verdana, arial, sans-serif;}
h1 {font-size: 200%; text-transform: uppercase; color: #116438; margin: 20px 0 10px 0; line-height: 100%;}
	.subpage67 h1{color: #004CFF;}
h2 {font-size: 150%}
h3 {font-size: 130%}
h4 {font-size: 110%; text-transform: uppercase;}
h5 {font-size: 100%}
h6 {font-size: 95%}

hr {margin: 10px 0; border: 0; border-top: 1px; padding: 0;}

ul {list-style-image: url(../images/bullet.gif); list-style-type: circle;}
ol {list-style-image: none;}

/*CONTENT STYLING*/

.img_left {float: left; margin: 0 10px 0 0 ;}
.img_right {float: right; margin: 0 0 0 10px;}


.skip {display: none; visibility: hidden;}
.content {width: 960px; /*expression(document.body.clientWidth < 765? "760px" : document.body.clientWidth > 962? "960px" : "auto");*/ margin: 0 auto; padding: 0 0 0 10px;}
html>body .content {max-width: 960px !Important; min-width: 760px !Important; }

#header {background: url(../images/header_back.gif) bottom left repeat-x #fff; 	height: 83px; border-bottom: 1px solid #4C8A5B;	width: 100%;}
	#header h1 {float: left; background: url(../images/gtc_title.gif) 0 0 no-repeat; width: 522px; height: 38px; text-indent: -2000px; margin: 35px 0 0 0;}
	#header ul {list-style: none; position: relative; top: 40px; float: right; padding: 0; margin: 0;}
	#header ul li {display: inline; margin: 0 5px;}
	#header ul li a {text-transform: uppercase; text-decoration: none; font-size: 90%;}
	#header img {float: left; margin-top: 5px;}
#printheader {display: none; visibility: hidden;}
	
#topnav {background: url(../images/backbar.gif) bottom left repeat-x #fff; height: 43px;}

	#topnav .primary_col {float: left; width: 69%; border: 1px solid #fff; padding: 5px 0 0 0;}
	/*#topnav .secondary_col {width: 250px; }	*/
		
#maincontain, #maincontain_home {background: #fff; padding: 10px 0 0 0;}
#maincontain, #maincontain_home ul {list-style-image: url(../images/bullet.gif); list-style-type: circle;}


/*Subpage*/

	#maincontain h1.pagetitle {font-size: 250%}
	#maincontain .primary_col {line-height: 140%; margin-left: 210px; }	
		.onecol {margin-left: 0 !Important;}
	/** html #maincontain .primary_col {overflow-x: auto; overflow-y: hidden; width: expression(document.body.offsetWidth - 400);}		*/
	#maincontain .secondary_col {width: 197px; margin: 0 10px 0 0; float: left; background: url(../images/submenu_bottom.gif) left bottom no-repeat; padding: 0 0 16px 0;}
		#maincontain .secondary_col ul {list-style-image: none;}
	
	
	/*Holly Hack - Fixes three pixel text jog in IE*/ 
		/* Hide from IE5-mac. Only IE-win sees this. \*/
		* html #maincontain .secondary_col { margin-right: 10px; }
		* html #maincontain .primary_col { height: 1%; margin-left: 0; }
		/* End hide from IE5/mac */	
		
	.menu {background: url(../images/submenu_top.gif) 0 0 no-repeat #DDE9D8; /*padding: 16px 0 0 0;*/ }
	
		/*Resource recovery menu colours*/
		.subpage67 #maincontain .secondary_col{background: url(../images/submenu_bottom_rr.gif) left bottom no-repeat;}
		.subpage67 .menu {background: url(../images/submenu_top_rr.gif) 0 0 no-repeat #B0C7FF; }
		
		/*Road Commission menu colours*/
		.subpage68 #maincontain .secondary_col{background: url(../images/submenu_bottom_rc.gif) left bottom no-repeat;}
		.subpage68 .menu {background: url(../images/submenu_top_rc.gif) 0 0 no-repeat #A2C0F2; }
	
	/*Controls whether 'section ID' appears in template depending on section*/
	.sectionID {/*display: none; visibility: hidden; */margin: 0 0 10px 0; color: #4C709D; font-size: 90%; display: block !Important; visibility: visible !Important; background: url(../images/id_back_leaf.gif) 0 0 no-repeat #fff !Important; padding: 35px 10px 10px 30px;}
	.sectionID, .sectionID td {font-size: 90%; line-height: 140%;}
	.subpage18 .sectionID, .subpage19 .sectionID, .subpage22 .sectionID, .subpage23 .sectionID, .subpage24 .sectionID, .subpage27 .sectionID,
	   .subpage30 .sectionID,.subpage33 .sectionID, .subpage34 .sectionID, .subpage35 .sectionID, .subpage39 .sectionID, .subpage40 .sectionID, 
	   .subpage41 .sectionID, .subpage53 .sectionID, .subpage55 .sectionID, .subpage58 .sectionID, .subpage65 .sectionID, .subpage66 .sectionID, .subpage94 .sectionID		
		{}
		
		/*styles for section ID with own logo*/
		.subpage54 .sectionID, .subpage67 .sectionID, .subpage68 .sectionID, .subpage1183 .sectionID {margin: 0 0 10px 0; color: #4C709D; display: block !Important; visibility: visible !Important; background: url(../images/id_back.gif) 0 0 no-repeat #fff !Important; padding: 10px 0; }
		.subpage67 .sectionID {color: #004CFF;}

	 .mainimg {overflow: hidden; height: 180px; }
	 #maincontain_home .mainimg {}
	 	.homemain {height: 210px; width: 296px; position: absolute; margin-left: 150px; margin-top: -15px; z-index: 5; }
	 	#maincontain .mainimg {height: 144px;}
		#maincontain .sectionimage {display: none; visibility: hidden;}
		
		.subpage1183 #maincontain .generalimage, .subpage67 #maincontain .generalimage, .subpage40 #maincontain .generalimage {display: none; visibility: hidden;}
		.subpage1183 #maincontain .sectionimage, .subpage67 #maincontain .sectionimage, .subpage40 #maincontain .sectionimage {display: inline !Important; visibility: visible !Important;}
		
	
	.breadcrumb {margin: 0 0 10px 0; font-size: 90%;}
		
	#maincontain .block01 {float: right; width: 30%;}
		.pagetools{ margin: 10px 0; color: #999; font-size: 90%;}
			.pagetools a, pagetools a:visited {color: #999; text-decoration: none;}
			.printlink {margin: 0 0 0 10px;}
			.normaltext {background-color: #BBD2B5;}
		
		.sidebar {background: url(../images/relatedlinks_back.gif) 0 0 repeat-x #DCE9D7; padding: 10px; margin: 10px 0 0 0;}
		.sidebar a, .sidebar a:visited {text-decoration: none;}
			.sidebar a:hover {text-decoration: underline;}
			/*resource recovery*/ .subpage67 .sidebar {background: url(../images/relatedlinks_back_rr.gif) 0 0 repeat-x #BAFC78;}
							.subpage67 .sidebar a, .subpage67 .sidebar a:visited {color:#004CFF}
			.sidebar h2 {color: #fff;text-transform: uppercase; }
			.sidebar ul {padding: 0 0 0 15px; margin: 0; font-size: 90%; font-weight: bold;text-transform: uppercase; }
			.sidebar ul li {margin: 0 0 5px 0;}
		

/*Home*/	
	
	#maincontain_home .primary_col {float: left; width: 69%;}
	#maincontain_home .secondary_col {width: 30%;}	
	
	html>body .secondary_col {margin: 0 0 0 69%;}
		
		#serving {list-style: none !Important; list-style-image: none !Important; width: 100%; font-family: "trebuchet ms", arial, verdana, sans-serif; margin: 10px 0 0 0; padding: 0;}
		#serving li {float: left; width: 31%; margin: 0 1.1% 0 0}
		#serving li a {display: block; height: 45px; font-size: 22px; color: #fff; text-decoration: none; line-height: 18px; padding: 3px 0 0 10px;}
		#serving li a span {font-size: 14px; display: block}
			.residents {background: url(../images/serving_res_right.gif) top right no-repeat #9C2A19; padding: 0 6px 0 0;}
				.residents a {background: url(../images/serving_res.gif) 0 0 no-repeat #9C2A19; /*color: #ECD8D4;*/}
			.visitors {background: url(../images/serving_visit_right.gif) top right no-repeat #3E6495; padding: 0 6px 0 0;}
				.visitors a {background: url(../images/serving_visit.gif) 0 0 no-repeat #3E6495; /*color: #D1E2F8;*/}
			.businesses {background: url(../images/serving_bus_right.gif) top right no-repeat #0C3C60; padding: 0 6px 0 0;}
				.businesses a {background: url(../images/serving_bus.gif) 0 0 no-repeat #0C3C60; /*color: #D6E7F5;*/}
			#serving li a:hover {color: #fff; background-position: 0 -48px;}
		
		#maincontain_home .block01,  #maincontain_home .block02 {width: 45.1%;float: left;}
			#maincontain_home .block01 {}
			#maincontain_home .block02 {margin-left: 1%;}
			#maincontain_home .block01, #maincontain_home .block02, #maincontain_home .block03 {background: url(../images/grey_back.gif) 0 0 repeat-x; margin-top: 10px; padding: 10px;}
			
		 #maincontain_home .block01 h2, #maincontain_home .block02 h2, #maincontain_home .block03 h2 {color: #868992; text-transform: uppercase; }		
		 #maincontain_home .block01 a, #maincontain_home .block01 a:visited {display: block; font-weight: bold;}
		
		 #maincontain_home .block01 img {margin: 0 10px 0 0;}
		 #maincontain_home .block02 a, #maincontain_home .block02 a:visited {/*display: block; font-weight: bold;*/}
		
		 #maincontain_home .block02 ul {margin: 10px; padding: 10px;}
		 #maincontain_home .block02 ul li {margin: 0 0 15px 0;}
		 
		 
		#whats_new {background: url(../images/whatsnew_back.gif) 0 0 repeat-x; margin: 10px 0 0 0; padding: 10px;}
		#whats_new h2 {text-transform: uppercase; color: #fff;}
		#whats_new h3 {color: #0E6339;}
		
		#related_links {float: right;}

#footer {clear: both; height: 100px; background: url(../images/footer_back.gif) bottom left repeat-x #fff; color: #9AA4AD; padding: 80px 0 0 0; font: normal 100% "trebuchet ms", arial, verdana, sans-serif;}
	#footer a {color: #9AA4AD; text-decoration: none; }
	#footer a:hover {text-decoration: underline; }
	

	

		
/*Hacks*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-mac */
table#ctl03_tblSlideShow table.content{width:100% !important}