html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	  line-height: 150%;
}
a img, :link img, :visited img {
	border: 0;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/* ------ defaults ------ */

body {
  background: #fff url(images/kbw01.jpg) repeat-x;
  font-family: Verdana, Arial, sans-serif;
  color: #3d5363;
  font-size: .8em;
  }
  
p {
  margin: 0 20px 12px 0;
  }
  
p.emphasis {
  color: #f5821f;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 2px 0;
  }

p.red {
  color: #dd3600;
  font-size: .8em;
  margin: 0 0 20px 0;
  }
  
p.center {
  text-align: center;
  }

  
blockquote {
  font-style: italic;
  background: url(images/kbw10.gif) 10px 0 no-repeat;
  margin: 20px 60px 20px 0;
  padding: 0 0 0 40px;
  }
  

  
h2, h3, h4, h5 {
  font-weight: normal;
  font-size: 180%;
  color: #1a6eb4;
  font-family:  Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  margin: 0 20px 0 0;
  }  
  
h3 { font-size: 150%; color: #1a6eb4; margin: 10px 0 0 0; }   
h4 { font-size: 130%; color: #f5821f; margin: 10px 0 0 0; }
h5 { font-size: 120%; color: #1a6eb4; margin: 10px 0 0 0; }

h5.center, h4.center {
  text-align: center;
  }
  
#wrap {
  width: 925px;
  margin: 0 auto;
  }
  
#header {
  background: url(images/kbw02.jpg) no-repeat;
  height: 115px;
  }
  
img.logo {
  float: left;
  }
  
.clear {
  clear: both;
  }
  

  /* ------ navigation bar ------ */ 

#nav li {
  float: left;
  height: 43px;
  list-style: none;
  overflow: hidden;
	}
  
#nav a {
  height: 43px;
  margin: -1px 0 0 0;
  background: url(images/kbw04.gif) no-repeat;
  text-indent: -9999px;
  display: block;
  }
  
#button-home { width: 86px; }
#nav #button-home a { background-position: 0 0; }
#nav #button-home a:hover, body#home a#homenav { background-position: 0 -43px; height: 40px; }

#button-updates { width: 92px; }
#nav #button-updates a { background-position: -86px 0; }
#nav #button-updates a:hover, body#updates a#updatesnav { background-position: -86px -43px; height: 40px; }

#button-background { width: 124px; }
#nav #button-background a { background-position: -178px 0; }
#nav #button-background a:hover, body#background a#backgroundnav { background-position: -178px -43px; height: 40px; }

#button-water { width: 113px; }
#nav #button-water a { background-position: -302px 0; }
#nav #button-water a:hover, body#water a#waternav { background-position: -302px -43px; height: 40px; }

#button-manage { width: 173px; }
#nav #button-manage a { background-position: -415px 0; }
#nav #button-manage a:hover, body#manage a#managenav { background-position: -415px -43px; height: 40px; }

#button-action { width: 337px; }
#button-action img {margin-top: -1px;} /* REMOVE WHEN PUT TAKE ACTION NOW BUTTON BACK ON */
/* #nav #button-action a { background-position: -588px 0; }
#nav #button-action a:hover, body#action a#actionnav { background-position: -588px -43px; height: 40px; } */

body#background a#historynav,
body#waterquality a#waterqualitynav,
body#performance a#performancenav,
body#water a#fastfactsnav,
body#waterhistory a#waterhistorynav,
body#cost a#costnav,
body#sewerage a#seweragenav,
body#manage a#catchmentnav,
body#statistics a#statisticsnav {
  background: #f56000 url(images/kbw09.gif) repeat-x;
  color: #fff;
  font-weight: bold;
  padding: 4px 0 4px 4px;
  }
  
body#waterquality a#managenav { background-position: -415px -43px; height: 40px; }
body#waterhistory a#waternav, 
body#cost a#waternav,
body#sewerage a#waternav,
body#performance a#waternav,
body#statistics a#waternav { background-position: -302px -43px; height: 40px; }


/* ------ left content ------ */

#main-left {
  width: 550px;
  float: left;
  margin: 10px 40px 0 0;
  }
  
#main-left ul {
  margin: 20px 0 10px 0;
  }
  
#main-left li {
  margin: 0 0 12px 6px;
  background: url(images/kbw11.gif)  center left no-repeat;
  padding: 0 0 0 20px;
  }
  
#main-left ul.bullets {
  margin: 6px 0 10px 0;
  }
  
#main-left a, #main-left a:link, #main-left a:visited {
  color: #1a6eb4;
  border-bottom: solid 1px #d5edf9;
  padding: 0 0 1px 0;
  background: #ebf8ff;
  text-decoration: none;
  }
  
#main-left a:hover {
  background: #d8edf9;
  }
  
#main-left li.docs {
  list-style-type: none;
  background: url(images/document-icon.gif) no-repeat left center;
  padding: 0 0 0 40px;
  }
  
/* ------ right content ------ */

#main-right {
  width: 335px;
  float: right;
  }
 
#home-right {
  background: url(images/kbw05.jpg) no-repeat;
  width: 335px;
  height: 224px;
  margin: 48px 0 0 0;
  }
  
/* ------ secondary content ------ */

#second { /* background full width of screen */
  background: url(images/kbw06.jpg) repeat-x;
  margin: 16px 0 0 0;
  }

#second-wrap {
  width: 925px;
  margin: 0 auto;
  padding: 0;
  border-top: solid 2px #cfeaf9; 
  }
  
#second-left {
  width: 550px;
  float: left;
  margin: 0 40px 0 0;
  }
  
#second-left ul {
  margin: 20px 0 10px 0;
  }
  
#second-left li {
  margin: 0 0 20px 6px;
  background: url(images/kbw11.gif)  center left no-repeat;
  padding: 0 0 0 20px;
  }
  
#second-right {
  float: right;
  width: 335px;
  }
  

  
/* ------ take action menu ------ */  


  
#second-right ul {
  margin: 20px 0 24px 0;
  }
  
#second-right li.sign { height: 30px; list-style: none; overflow: hidden; border-bottom: solid 1px #cfeaf9; padding: 0 0 5px 0; }
#second-right li.sign a { height: 30px; background: url(images/sign-petition.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 5px 0;}

#second-right li.feedback { height: 26px; list-style: none; overflow: hidden; border-bottom: solid 1px #cfeaf9; padding: 0 0 7px 0; }
#second-right li.feedback a { height: 26px; background: url(images/send-feedback.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 7px 0;  }

#second-right li.bcc { height: 29px; list-style: none; overflow: hidden; border-bottom: solid 1px #cfeaf9; padding: 0 0 4px 0; }
#second-right li.bcc a { height: 29px; background: url(images/bcc-submission.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 4px 0; }

#second-right li.lgat { height: 29px; list-style: none; overflow: hidden; border-bottom: solid 1px #cfeaf9; padding: 0 0 4px 0; }
#second-right li.lgat a { height: 29px; background: url(images/lgat-submission.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 4px 0; }

#second-right li.politician { height: 34px; list-style:none; overflow: hidden; border-bottom: solid 1px #cfeaf9;}
#second-right li.politician a { height: 34px; background: url(images/politician.gif) no-repeat; text-indent: -9999px; display: block;}

#second-right li.bcc a:hover { height: 29px; background: #ebf8ff url(images/bcc-submission-over.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 4px 0; }

#second-right li.lgat a:hover { height: 29px; background: #ebf8ff  url(images/lgat-submission-over.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 4px 0; }

#second-right li.feedback a:hover { height: 26px; background: #ebf8ff url(images/send-feedback-over.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 7px 0;  }

#second-right li.sign a:hover { height: 30px; background: #ebf8ff url(images/sign-petition.gif) no-repeat; text-indent: -9999px; display: block; padding: 0 0 5px 0; }

#second-right li.politician a:hover {height: 34px; background: #ebf8ff url(images/politician-over.gif) no-repeat; text-indent: -9999px; display: block; }

/* ------  updates ------ */


#updates-side {
  margin: 0 0 30px 0;
  }

#updates-side ul {
  margin: 6px 0;
  }

#updates-side li a {
  color: #d4430e;
  border-bottom: solid 1px #cfeaf9;
  padding: 4px 0;
  display: block;
  text-decoration:  none;
  }
  
* html #updates-side li a { /*IE6 top padding problem */
  margin-top: -21px;
  }
  
* html #updates-side ul {
  margin: 20px 0 0 0;
  }
  
  
#updates-side li a:hover {
  background: #ebf8ff;
  }

#updates-side h4 {
  background: url(images/updates.gif) no-repeat;
  width: 335px;
  height: 25px;
  text-indent: -9999px;
  }
 
 /* ------ sub menu ------ */
 
ul#submenu  {
  margin: 10px 0 20px 0;
  }
  
#submenu li a {
  color: #d4430e;
  border-bottom: solid 1px #cfeaf9;
  padding: 4px 0;
  display: block;
  text-decoration:  none;
  }
  
* html ul#submenu {
  margin: 20px 0 0 0;
  }
  
* html #submenu li a {
  margin: -21px 0 0 0;
  }
  
#submenu li a:hover {
  background: #f56000 url(images/kbw09.gif) repeat-x;
  color: #fff;
	}
	
/* ------ take action now ----- */

h3.sign {
   height: 30px;
   background: url(images/sign-petition.gif) no-repeat;
   text-indent: -9999px;
   display: block;
   padding: 0 0 5px 0;
   margin: 10px 0 0 0;
   }
   
 h3.send {
 height: 26px; 
 background: url(images/send-feedback.gif) no-repeat; 
 text-indent: -9999px;
 display: block;
 padding: 0 0 7px 0;
 margin: 10px 0 0 0;
 }

#sign-petition {
  float: left;
  width: 225px;

  padding: 0 30px 0 0;
  }
  
#send-feedback {
  float: left;
  width: 254px;
  padding: 0 0 0 30px;
  overflow: hidden;
  border-left: solid 1px #cfeaf9;
  }
 
 
/* ------ forms ------ */

  
form {
  margin: 20px 0;
  }
 
input, textarea {
  margin: 0 0 10px 0;
  /*background: #ebf8ff;*/
  border: solid 1px #cfeaf9;
  padding: 2px;
  font-family: Verdana, Arial, sans-serif;
  color: #3d5363;
  }
  
input.sign-it {
  width: 50px;
  background: transparent;
  }
  
input {
  width: 220px;
  } 
  
textarea {
  width: 220px;
  height: 200px;
  font-size: .9em;
  }
  
label {
  display: block;
  width: 140px;
  float: left;
  padding: 0 0 0 13px;
  }
  
label.star {
  background: url(images/star.gif) no-repeat center left;
  padding: 0 0 0 13px;
  }
  
p.star {
  background: url(images/star.gif) no-repeat center left;
  padding: 0 0 4px 13px;
  border-bottom: solid 1px #cfeaf9;
  font-size: .8em;
  }
  

  
/* ------ table ------ */

table {
  width: 100%;
  margin: 10px 0 20px 0;
  }
 
table.imggraph td {
  text-align: center;
  }

 td.polperson {
  background: red url(images/pol-person.gif) no-repeat top left;
  } 
  
  
th {
  font-weight: bold;
  }
  
th.graph {
  font-size: 80%;
  width: 80px;
  text-align: center;
  }
  
th.graph2 {
  width: 140px;
  font-size: 80%;
  text-align: center;
  }
  
td, td.left {
  background: #ebf8ff;
  padding: 2px; 
  border-bottom:solid 2px #fff;
  }
  
td.bold {
  font-weight: bold;
  }
  
td.phone {
  font-weight: bold;
  }
  
td.burnie {
  background: #ee5500;
  color: #fff;
  font-weight: bold;
  width: 100px;
  font-size: 80%;
  }
  
td.state {
  background: #0355b3;
  color: #fff;
  font-weight: bold;
  width: 100px;
  font-size: 80%;
  }
  
td.worst {
  background: #89cff0;
  color: #fff;
  font-weight: bold;
  width: 100px;
  font-size: 80%;
  }
  
  
 td.phone {
   width: 60px;
   }

/* ------- politician page ------- */



  
/* ------ footer ------ */

#footer { /* background full width of screen */
  margin: 12px 0 0 0;
  }
  
#footer-wrap {
  width: 925px;
  margin: 0 auto;
  padding:  10px 0;
  border-top: solid 2px #cfeaf9; 
  }

#footer-wrap p {
  font-size: .8em;
  color: #bdced7;
  height: 100px;
  }
  
#footer a, #footer a:visited, #footer a:active {
  color: #bdced7;
  text-decoration: none;
  }
  
#footer a:hover {
  color: #ee5500;
  }
 

  
/* ------ lightbox ------ */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
.gallery img {
  margin-bottom: 4px;
  }
  
.align-center {
  margin: 20px auto;
  text-align: center;
  }

p.date {
  font-size: 86%;
  color: #f5821f;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0;
  }  

#wrap-updates {
 width: 500px;
 }