/* CSS Document */
body 	{
		font: 90% Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#fff;
		}
		
p		{
		font: 90% Arial, Helvetica, sans-serif;
		color:#666666;
		background-color:#fff;
		}
h1{
	 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#666;
		background-color:#fff;
		
		}
h1.waste { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background-color:#fff;}
h1.energy {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; background-color:#fff;}
h1.schools {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background-color:#fff;}

 h2{
	 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		} 
		h3{
	 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		} 
		h4 {
	 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		.ind h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#333333;}
		h5 {
	 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		h6{
	 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}	

li { list-style-type:circle;}
a 		{ font-family: arial, helvetica, sans-serif; letter-spacing:0.5px; color:#CD5A3C; background-color:#fff; text-decoration:none;}

a:hover { font-family: Arial, Helvetica, sans-serif; letter-spacing:0.5px; color:#FB9D08; background-color:#fff; text-decoration:none;}

a img {border:none;}

hr {border: 0;
height:0.5px;
background-color: #dedcdc; color:#ccc; width:90%; clear:right;}

img.schools {border: 1px solid #ccc;}

#topwater    {position:absolute; left:50px; width:800px; height:186px; background-image: url(images/waterheader.jpg); z-index:99; top:0px;  }
#topenergy    {position:absolute; left:50px; width:800px; height:186px; background-image: url(images/energyheader.jpg); z-index:1; top:0px;}
#topwaste    {position:absolute; left:50px; width:800px; height:186px; background-image: url(images/wasteheader.jpg); z-index:1; top:0px;}
#toplocal {position:absolute; left:50px; width:800px; height:186px; background-image: url(images/localcouncilheader.jpg); z-index:1; top:0px;}
#topschools {position:absolute; left:50px; width:800px; height:186px; background-image: url(images/schoolsheader.jpg); z-index:1; top:0px;}
#topfront {position:absolute; left:50px; width:800px; height:186px; background-image: url(images/frontheader.jpg); z-index:1; top:0px;}
#toplinks { position:absolute;  float:right;}


a.home  {
   position: absolute;
   height: 35px;
    width: 329px;
   top: 0px; 
   text-decoration: none;
   }

a.home  em { visibility: hidden; }


a.hef  {
   position: absolute;
   height: 35px;
    width: 78px;
   top: 0px; 
   left: 718px;
   text-decoration: none;
   }

a.hef  em { visibility: hidden; }

#basics {display:none;}
 
#menu { display:none;}
#menuright { display:none;}
#udm {display:none;}
 #useful { display:none;}
 #useful a {display:none;}
#content {left: 100px; width:500px; padding-bottom:20px;}
.floatr {float:right;font-size:80%; z-index:99;}

.graph {text-align:center; display:block;}

.energy table {padding:5px; background-color:#FFFFFF;}
.energy th {border: 1px solid #333; background-color:#FFFFFF; color:#333333;}
.energy1 td {border: 1px solid #333; background-color:#FFFFFF;}
.energy2 td {border: 1px solid #333; background-color:#FFFFFF;}

.landuse table {padding:5px; background-color:#FFFFFF;}
.landuse th {border: 1px solid #333; background-color:#FFFFFF; color:#333333; font-size:110%; text-align: center; vertical-align:top; padding:5px; }
.landuse1 td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}
.landuse2 td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}

.housing table {width:80%; padding:5px;}
.housing th {border: 1px solid #333; background-color:#FFFFFF; color:#333333; font-size:90%; text-align: center; vertical-align:top; padding:5px;}
.housing1 td {border: 1px solid #333; background-color:#FFFFFF; font-size:80%; text-align: right; vertical-align:top; padding:5px 15px 5px 5px; color:#666;}
.housing2 td {border: 1px solid #333; background-color:#FFFFFF; font-size:80%; text-align: right; vertical-align:top; padding:5px 15px 5px 5px; color:#666;}

.employment table {width:80%; padding:5px;}
.employment th {border: 1px solid #333; background-color:#FFFFFF; color:#666666; font-size:110%; text-align: center; vertical-align:top; padding:5px;}
.employment1 td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}
.employment2 td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}


.energy table {width:80%; padding:5px;}
.energy th {border: 1px solid #333; background-color:#FFFFFF; color:#666666; font-size:110%; text-align: center; vertical-align:top; padding:5px;}
.energy1 td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}
.energy2 td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}

.crime table {width:80%; padding:5px;}
.crime th {border: 1px solid #333; background-color:#FFFFFF; text-align: center; vertical-align:top; padding:5px;color:#666666;}
.crime td {border: 1px solid #333; background-color:#FFFFFF; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}
 
 
 .decision table {width:90%; padding:5px;}
.decision th {background-color:#4F95B7; color:#FFFFFF; font-size:110%; text-align: center; vertical-align:top; padding:5px;}
.decision1 td {background-color:#C6E7F7; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}
.decision2 td {background-color:#DEEFF8; font-size:90%; text-align: right; vertical-align:top; padding:5px 10px 5px 5px; color:#666;}

.body {font-size:90%;}
.footnote {font-size:80%;}

		sup {font-size:70%;}
		sub {font-size:70%;}