/* 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: #375F92;}
	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: #375F92; margin: 20px 0 10px 0; line-height: 100%;}
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 #375F92;	width: 100%;}
	#header h1 {float: left; background: url(../images/gtc_title.gif) 0 0 no-repeat; width: 657px; height: 53px; text-indent: -2000px; margin: 23px 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;}
	
#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: 30%; text-align: right;}	*/
		
#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: 300%}
	#maincontain .primary_col {line-height: 140%; margin-left: 210px; }	
	/** 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 #DDECFE; /*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 #CCD9EA; }
		
		/*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;}
	.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		
		{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;}
		
		/*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: #16489D;}

	 .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 {display: none; visibility: hidden;}
		.subpage1183 #maincontain .sectionimage, .subpage67 #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: #A3C2EA;}
		
		.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 #D8EEAD;}
							.subpage67 .sidebar a, .subpage67 .sidebar a:visited {color:#17479C}
			.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*/	
	
	.printtitle {display: none; visibility: hidden;}
	#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: 23px; font-size: 22px; color: #fff; text-decoration: none; line-height: 18px; padding: 15px 0 10px 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; }
		
		#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;*/} /*commented out was causing line breaks on a elements - Brian Mahon*/
		
		 #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: #375F92;}
		#whats_new a, #whats_new a:visited {text-decoration: none;}
			#whats_new a:hover {text-decoration: underline;}
		
		#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 */