/* Layout stylesheet */
body {
  font-size: 100.01%; /* [1] */
}
#col-a {
  float: right;
  width: 100%;  
}
#col-a[id] { /* [2] */
  margin-left: -1px;
}
#col-b {
 margin-top:.1em;
 border-top:1.5em solid #999999;
 float: left;
   margin-left: -14em;
   z-index: 10; /* [3] */
}
#col-b[id] { /* [2] */
  margin-right: 1px;
}
#col-c {
  float: right;
  margin-right: -14em;
  z-index: 11; /* [3] */
}
#col-c[id] { /* [2] */
  margin-left: 1px;
}
.show-all #columns {
  padding: 0 14em;
  background-color:#E4E4E4;
}
.cols-wrapper {
  width: 100%;
}
.cols-wrapper[class] {
  padding-bottom: 0.1px; /* [4] */
}
.float-wrapper {
  float: left;
  width: 100%;
  position: relative;
  z-index: 0;
}
.float-wrapper[class] { /* [2] */
  margin-right: -1px;
}
.sidecol {
  position: relative;
  width: 14em;
  overflow: hidden;
  
}
.hide-right #columns{
    padding: 0 0 0 14em;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper{
    border-right: none;
    margin-right:0;
}
/*.box,*/
.main-content {
  margin: 0 1em;
}
.clear {
  clear: both;
}
.none {
  display: none;
}
/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/
/*Presentation styles*/
/* Presentation stylesheet */
#main {
  border: 0;
  min-width: 50em;
  max-width: 70em;
  margin: 0 auto;
}
#header {
  /*padding: 1.5em 1em;
  padding:0;
  height:76px;
  width:100%;
  background-color: #FFFFFF;
  background-image:url(/System_Images/banner_airquality.jpg);
  overflow:hidden;
  position:fixed;
  background-repeat:no-repeat;*/
  /*position:fixed; */
  /*margin: 0px; */
  border: 0px; 
  padding: 0px; 
  left: 0px; 
  top: 0px; 
  width: 100%; 
  height: 76px;
  overflow: hidden; 
  background-color:#999999;
  z-index: 0; 
}
#header img{ width:100%;}
#header .title {
  margin: 0;
  padding: 0;  
}
.headings{
 font-size: 1.12em;
 margin: 1em 0 0 .02em;
 padding-left: .1em;
 font-weight: bold;
 color: #333333;
 background-color: #CCCCFF;
 width:100%;
}
#footer {
  padding: .5em 0 .5em .5em;
  font-size:.85em;
  background-color:#FFFFFF;
  border-top:.15em solid #999999;
}
#footer p {
  margin: 0;
  text-align: left;
}
#header {
  border-bottom: 0px solid;
}
/* backgrounds #header, */
.cols-wrapper {
  background-color: #FFFFFF;
}
#main {
  background: #FFFFFF;
}
/* classes .box,*/
.main-content {
  margin: .5em;
  padding-top:.25em;font-size:1em;
}
.cols-wrapper {
  border:1px;
  margin: 0 -1px;
  border-style: none solid none solid;
  border-color:#CCCCCC;
  /*border-left:4px solid #3366CC;*/  
}
.box {
  font-size: 92%;
  line-height: 1.18em;
}
#footer{
 color: #666666;
}
.sidecol {
  color: #333;
}
.sidecol ul {
  padding: 0 0 0 1.5em;
}
/*for tabs*/
#tabssection{
 background-color:#FFCC00; width: 100%; margin:0; padding: 0px; height:19px;
}
#tabs{
 background-color:#A6CAF0;FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; font-size: .8em;
}
#tabs UL {
 PADDING-RIGHT: 0px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
#tabs #home {
 PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(/System_Images/Home_new_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs #living{
 PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(/System_Images/Living_new_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs #learning {
 PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(/System_Images/Learning_new_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs #visiting {
 PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(/System_Images/Visiting_new_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs #working {
 PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(/System_Images/Business_new_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabs #council {
 PADDING-RIGHT: 1px; PADDING-LEFT: 7px; BACKGROUND: url(/System_Images/Council_new_left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
 
#tabs #home A {
 PADDING-RIGHT: 65px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(/System_Images/Home_new_right_big.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs #living A {
 PADDING-RIGHT: 52px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(/System_Images/Living_new_right_big.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs #learning A {
 PADDING-RIGHT: 45px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(/System_Images/Learning_new_right_big.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs #visiting A {
 PADDING-RIGHT: 57px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(/System_Images/Visiting_new_right_big.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs #working A {
 PADDING-RIGHT: 59px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(/System_Images/Business_new_right_big.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs #council A {
 PADDING-RIGHT: 26px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(/System_Images/Council_new_right_big.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #FFFFFF; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabs A {
 FLOAT: none;
 color:#FFFFFF;
}
#tabs A:LINK{
 COLOR: #FFFFFF;
}
#tabs A:hover {
 COLOR:#CCCC00;
}
#sectioncolor{
 height:1.1em;
 background-color:#E4E4E4;
 width:100%;
 border-bottom:.07em solid #FFFFFF;
 border-top:.07em solid #FFFFFF;
}
#LeftNavUL{
    list-style:url(/System_Images/black_GT_tra2.gif) outside square;
    line-height:1em;
    margin:0;
    padding-left:1.25em;
}
.LeftNavLI{
 padding-bottom:.5em; padding-left:0px;
}
.LeftNavLI A{
 color:#000000; text-decoration:none;
}
.LeftNavLI A:LINK{
 color:#000000; text-decoration:none;
}
.LeftNavLI A:VISITED{
 color:#000000; text-decoration:none;
}
.LeftNavLI A:link:hover {color: #CC3366; text-decoration:underline;} 
.LeftNavLI A:visited:hover {color: #CC3366; text-decoration:underline;}
.LeftNavLI A:ACTIVE{
 color:#000000; text-decoration:none;
}
.LeftNavLI A:HOVER{
 color:#CC3366; text-decoration:underline;
}
#longDottedLineImg{
 background-image:url(/System_Images/black_dot.gif);
 height:1px; width:100%;
}
#panelDottedLine{
 background-image:url(/System_Images/black_dot.gif);
 height:1px; width:100%;
}
#BlueText{
  color:#0033CC;
 font-weight: bold;
}
#divCouncilAddress{
 width:13.5em;padding-bottom:2px; margin-left:-13.65em; bottom:2px; position:relative;
}
#Counciladdress{
 font-size:.85em;
} 
#Counciladdress:first-line{
 color:#0033CC;
 font-weight: bold;
}
.secondaryHead{
 background-color:#009999; width:100%; color:#FFFFFF;
}
A.blueLinkBold{
 font-weight:bold; color: #0033CC; text-decoration:none;
}
A.blueLinkBold:LINK{
 font-weight:bold; color: #0033CC; text-decoration:none;
}
A.blueLinkBold:visited{
 font-weight:bold; color: #0033CC; text-decoration:none;
} 
A.blueLinkBold:hover{
 font-weight:bold; color: #0033CC; text-decoration:none;
}
A.blueLinkBold:active{
 font-weight:bold; color: #0033CC; text-decoration:none;
}
#InvisibleImg{
 width:0px; height:0px; padding:0; margin:0;
}
.Invisible{
 line-height:0em;font-size:0em; height:0em; padding:0px; margin:0px; color:#FFFFFF;
}
#Invisible A{ color:#FFFFFF;font-size:0em; line-height:0px; height:0px; padding:0; margin:0}
#Invisible A:LINK{
 color:#FFFFFF; text-decoration:none; font-size:0em;
}
#Invisible A:VISITED{
 color:#FFFFFF; text-decoration:none; font-size:0em;
}
#Invisible A:HOVER{
 color:#FFFFFF; text-decoration:none; font-size:0em;
}
#Invisible A:ACTIVE{
 color:#FFFFFF; text-decoration:none; font-size:0em;
}
/*Elements styles*/
body {
  margin: 0;
  padding: 1em;
  min-width: 50em;
  font-size: 75.01%; /* 12px [1] */
  line-height: 1.5em; /* 18px [2] */
/* background-image:url(/System_Images/stripes2.gif); */
  background-color: #A6CAF0;
  color: black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1.HomeHead { 
 color:#9D474C;
  font-size: 1.8em; /* 18px */
  line-height: 1.33em; /* 24px */
}
h1 { 
 color:#9D474C;
  font-size: 1.12em; /* 18px */
  line-height: 1.33em; /* 24px */
  margin: 0.89em 0; /* 16px 0 */
  text-align:center;
}
h2 {
 color:#9D474C;
  font-size: .9em; /* 15px */
  line-height: 1.4em; /* 21px  */
  margin: 1.07em 0; /* 16px 0 */
}
h3 {
 color:#9D474C;
  font-size: .8em; /* 12px */
  font-style: italic;
  margin: 1.33em 0; /* 16px 0 */
}
h4, h5, h6 {
 color:#9D474C;
  font-size: .75em; /* 9px */
  line-height: 2em; /* 18px */
  margin: 1.56em 0; /* 14px 0 */
}
h4 {
  text-transform: uppercase;
}
h5 {}
h6 {
  font-style: italic;
}
address {}
/* Section 9: Text */
/* 9.2: Structured text */
code {
  font-family:Verdana, Arial, Helvetica, sans-serif;  /* [3] */
}
pre {
  font-family: Verdana, Arial, Helvetica, sans-serif;  /* [3] */
}
ins {}
del {}
/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em;
  list-style-type:square;
  list-style-position:outside;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;
}
a:link { color: #0033CC; text-decoration:underline;}
a:visited {color: #0033CC; text-decoration:underline;}
a:link:hover {color: #9D474C; text-decoration:underline;} /* [4] */
a:visited:hover {color: #9D474C; text-decoration:underline;}
a:active {color: #9D474C; text-decoration:underline;}
a:focus {color: #9D474C; text-decoration:underline;}
a:focus:hover {color: #9D474C; text-decoration:underline;}
#footer a{
    color: #666666;
    text-decoration:none;
}
#footer a:visited{
    color: #666666;
    text-decoration:none;
}
#footer a:link:hover{
    color: #666666;
    text-decoration:none;
}
#footer a:visited:hover{
    color: #666666;
    text-decoration:none;
}
#footer a:active{
    color: #666666;
    text-decoration:none;
}
#footer a:focus{
    color: #666666;
    text-decoration:none;
}
#footer a:focus:hover{
    color: #666666;
    text-decoration:none;
}
#footer #footerPages{float:left;}
#footer #footerCredits{float:right;}
#footerCredits #ImgXHTML{height:31px; width:88px; border:0;}
#footerCredits #ImgBobby{padding-right:3px;width:88px;height:31px; border:0}
#footerCredits Img{border:0}
#CouncilEmail{font-size:.9em;}
table{font-size:1em; border-collapse:collapse;border-spacing:0px;margin-left: auto;margin-right: auto;}
th{padding: 3px 3px 3px 3px;}
td{padding: 3px 3px 3px 3px;}
Img{border:0;}
#HomeImg
{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#holder {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
/* START OF CSS FOR MAP */
dl.map.on { 
    position:relative;
    width:400px;
    height:528px;
    text-align:left;
    margin:auto;
    padding:0px;
    /*border:#999 1px solid;*/
    background-image: url(/System_Images/entry_map_locations1.jpg); 
    background-repeat: no-repeat; background-color: transparent; 
    }
dl.map.on dt {
    list-style:none;
    display:inline;
}
dl.map.on dd {
    position:absolute;
    left:-9999px;
    width:200px;
    padding:4px;
    border:#222 2px solid;
    background:#666;
    color:#fff;
    -moz-border-radius:8px;
    /*border-radius:8px;*/
    z-index:11;
    font-size:0.8em;
}
dl.map.on dd img {
    position:relative;
    float:right;
    border:#000 1px solid;
    margin:2px;
}
dl.map.on a.location
{
    display: block;
    position: absolute;
    text-indent: -9999px;
    /*background: url(/System_Images/point_hover.jpg) no-repeat;*/
    width: 10px;
    height: 10px;
    outline: none;
    z-index: 10;
    text-decoration: none;
}
dl.map.on dd a {
    text-decoration:none;
    color:#000;
}
/* START OF CSS FOR MAP POINTS */
dl.map.on a#location01 {
    top:135px;
    left:210px;
}
dl.map.on a#location02 {
    top:189px;
    left:199px;
}
dl.map.on a#location03 {
    top:272px;
    left:118px;
}
dl.map.on a#location04 {
    top:395px;
    left:53px;
}
dl.map.on a#location05 {
    top:264px;
    left:155px;
}
.tblPollution{text-align:center; margin-left:0px;}
.tblPollution .normal{border:1px solid black; width:6%}
.tblPollution .highlight{ border:3px solid black;  width:6%}
.tblPollution .arrow{font-size:large;vertical-align:top;width:6%;font-weight:bold}
.displayTable{margin-left:0px;}
.ImgCircle{display:inline-block;}
.txtCircle{display:inline-block;}

#ContentImg1{
    float:left; padding-right:.25em;
}

.rd{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:red;
    font-size:x-small;
}
.rdBold{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:red;
    font-size:small; font-weight:bold;
}