/* ################################################################################################### *//* NEW HOMEPAGE STYLES */
/* ################################################################################################### */
html>body #inner{height: auto;}

body {
	color: #333333;
	text-align: left;
	background: #fffff7;
	font-family: Tahoma, Verdana,arial, sans-serif;
	font-size: medium;
}
body {padding : 0;margin : 0;} /*resets all to zero*/
/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html, body {
  margin: 0;
}
#font-banner {	
	float: left;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #330066;
}
#header-banner {	
	float: left;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #330066;
}
#nav-banner {	
	float: left;
	height: 30px;
	width: 100%;
	white-space: nowrap;}	
#ap-leftcol  {color: #fff; }/* NEW HOMEPAGE */
#nav-banner {background: #343399; }/* NEW HOMEPAGE */


#alerts-pollution-banner {
	float: left;
	height: auto;
	width: 100%;
	background: #ccc;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
/* #alerts-pollution-banner #ap-leftcol {
	
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 241px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	float: left;  
} */
#ap-leftcol  {font-size: 80%;}/* NEW HOMEPAGE */

#alerts-pollution-banner #ap-rightcol {
	background-color: #CCCCCC;
	margin-left: 243px;
	padding: 0px;	
}
#container-contentarea {
	clear: both;
	float: left;
	height: auto;
	width: 100%;	
	background-image: url(../images/mainbackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container-contentarea 

#contentleftcol {
  float: left;
  width: 242px;}
  
/*  leftcol only relevant for Mid Devon before new templates are put in place */
 
div#leftcol p {font-size: 80%;}

div#leftcol h2 {font-size: 120%;}
div#leftcol h3 {font-size: 100%;}


div#leftcolsml p {font-size: 80%;}
div#leftcolsml h2 {font-size: 120%;}
div#leftcolsml h3 {font-size: 100%;}

div#leftcolsml2 p {line-height: 150%;}
div#leftcolsml2 p {font-size: 80%;line-height: 160%;}

#leftcol {float: left;width: 66%;margin-left: 1%;margin-right: 1%;margin-bottom: 1%;}

#leftcol ul, #leftcol ol{margin: 0 1%;padding-left: 20px;}
#leftcol ul, #leftcol ol{font-size: 80%;} 

#leftcolsml {float: left;width: 66%;margin-left: 1%;margin-right: 1%;margin-bottom: 1%;}
#leftcolsml ul, #leftcol ol{margin: 0 1%;padding-left: 20px;}
#leftcolsml ul, #leftcol ol{font-size: 80%;} 

#leftcolsml2 {float: left;margin-bottom: 1%;width: 66%;margin-left: 1%;margin-right: 1%;}

#rightcol {float: left;margin-left: 1%; width:28%;}
/*  leftcol only relevant for Mid Devon before new templates are put in place */

#container-contentarea 
#contentmain {
	margin: 0px;
	background-image: url(../images/mainbackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}
#container-contentarea 
#contentcentercol {
	margin-top: 0;
	margin-right: 290px;
	margin-bottom: 0;
	margin-left: 252px;
}

#container-contentarea 
#contentcentercol-wide {
	margin-top: 0;
	margin-right: 300px;
	margin-bottom: 0;
	margin-left: 20px;}
#container-contentarea 
#contentrightcol {
  float: right;
  width: 260px;
  margin-right: 5px;
  margin-top: 2px;
}
/* new layout right col - replace rightcol above - see leftcol - with this one on launch of new layout  #container-contentarea 
#rightcol {
  float: right;
  width: 260px;
  margin-right: 5px;
  margin-top: 2px;
}
 end of new layout for right col */

/* ################################################################################################### */
/* NEW HOMEPAGE STYLES */

/* ################################################################################################### */
/* BEGINNING SHOW ME MORE STYLES RED */
/* ################################################################################################### */
.holder {width:241px; margin:0px; padding:0px; float:left;	background-color: #FF0000; color: #fff; font-size: 80%; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
.holderpadding {margin-top: 5px; margin-left: 10px; margin-right: 0; width: 200px; }
.holder h2 {text-align:left;}

a.hid {color:#fff; text-decoration:none; outline-style:none; position:relative; z-index:500; padding-left: 10px; background: #none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none; }
a.hid:active, a.hid:focus {background:#ff0000;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {
	display:block;
	color:#fff;
	background: #ff0000;
	width:231px;
	font-style:normal;
	cursor:default;
	position:absolute;
	left:-1px;
	top:-5px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/* ################################################################################################### */
/* END SHOW ME MORE STYLES */


/* ################################################################################################### */
/* BEGINNING SHOW ME MORE STYLES GREEN */
/* ################################################################################################### */
.holdergreen {width:241px; margin:0px; padding:0px; float:left;	background-color: #339900; color: #fff; font-size: 80%; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}

a.hid:active, a.hid:focus {background:#339900;}
a.hid:active em, a.hid:focus em {
	display:block;
	color:#fff;
	background: #339900;
	width:231px;
	font-style:normal;
	cursor:default;
	position:absolute;
	left:-1px;
	top:-5px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/* ################################################################################################### */
/* END SHOW ME MORE STYLES */


/* ################################################################################################### */
/* BASIC PAGE LAYOUT STYLES - P, H1, H2, etc */
/* ################################################################################################### */

h1 {margin-top: 0px/* reset to 10px after new layout live */;margin-left: 5px;margin-bottom: 10px;padding-left: 5px;font-weight: normal;font-size: 160%;}

h2 {font-weight: normal;margin-top:  0px/* reset to 10px after new layout live */;margin-bottom: 10px;}

h3 {font-weight: normal;margin-top:  0px/* reset to 10px after new layout live */;margin-bottom: 10px;}

.clear {clear: both;}

.heading {font-weight: bold;padding: 0px;}
.heading {color: #C63230; }

.heading2 {font-weight: bold;}
.heading2 {color: #C63230; }

.heading3 {font-weight: bold;padding: 0px;}
.heading3 {color: #C63230; }

p {margin: 1.2em 0 0 0px;}

div#contentcentercol p{font-size: 80%;line-height: 160%;margin: 1.2em 0 0 0px;}
div#contentcentercol-wide p{font-size: 80%;line-height: 160%;margin: 1.2em 0 0 0px;}

div#contentcentercol-wide ul {font-size: 80%;}
div#contentcentercol-wide ul li a {color: #343399; text-decoration: none;}
div#contentcentercol-wide ul li a:hover {color: #333; text-decoration: none;}
div#contentcentercol-wide ul li a:visited {color: #333; text-decoration: none;}
div#contentcentercol-wide ul li a:active {color: #ff0000; text-decoration: none;}

/* ################################################################################################### */
/* END BASIC PAGE LAYOUT STYLES - P, H1, H2, etc */
/* ################################################################################################### */


/* ################################################################################################### */
/* FONT SIZE BANNER CONTENT TOP OF PAGE */
/* ################################################################################################### */
.fontsizetop {float: right;margin-top: 10px;margin-bottom: 10px;margin-right: 10px;}
.fontsizetop {font-size: 70%;}

a.fontsize:link {color: #666666; background: #fff;}
a.fontsize:visited {color: #000000; background: #fff;}
a.fontsize:hover {color: #003caf; background: #fff;}
a.fontsize:active {color: #ff0000; background: #fff;}

/* ################################################################################################### */
/* FONT SIZE BANNER CONTENT TOP OF PAGE */


/* ################################################################################################### */
/* FONT SIZE NO SCRIPT CONTENT - TOP OF PAGE */
/* ################################################################################################### */
#fontsizeralt {font-weight: bold;clear: both;}
#fontsizeralt {color: #000000; background: #F3F3F3 #none; border: 2px solid #ff0000; }

.fontsizealt {margin-left: 10px;margin-right: 10px;margin-top: 10px;margin-bottom: 10px;}

/* ################################################################################################### */
/* FONT SIZE NO SCRIPT CONTENT - TOP OF PAGE */

/* ################################################################################################### */
/* NO JAVASCRIPT FILES */
/* ################################################################################################### */
#noscript {position: absolute;top: 87px;left: 110px;}

div#noscript ul{padding: 5px;}
div#noscriptlinks ul{list-style: none;padding: 1px 0 0 0;margin: 1px 5px;}
div#noscriptlinks li{display: inline;padding: 0;margin: 2px 0;text-align: center;width: auto;}
div#noscriptlinks li a{margin: 2px 3px 2px 6px;font-weight: bold;}

/* ################################################################################################### */
/* END NO JAVASCRIPT FILES */
/* ################################################################################################### */

div#noscriptlinks li.title{font-weight: bold;margin-left: 5px;}

/* ################################################################################################### */
/* DATE CONTENT  - LEFT OF NAVIGATION */
/* ################################################################################################### */

#date {float: left; width: 242px; }/* NEW HOMEPAGE */
#date {color: #fff; }/* NEW HOMEPAGE */


/* ################################################################################################### */
/* POLLUTION BANNER CONTENT */
/* ################################################################################################### */

a.pollutioncontent:link {font-weight: bold;}
a.pollutioncontent:visited {font-weight: bold;}
a.pollutioncontent:hover {font-weight: bold;}
a.pollutioncontent:active {font-weight: bold;}

.pollutioncontentimage {float: left; clear: both;}

.colourbanding-explanation {float: left; margin-top: -15px;}

.lowon {padding: 2px 2px 2px; float: left;margin-right: 5px;font-weight: bold;}
.lowon {color: #fff; background: #009933 none; }

.moderateon {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;}
.moderateon {color: #fff; border: 1px solid #fff; background: #FF9900 none; }

.highon {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;}
.highon {color: #fff; border: 1px solid #fff; background: #FF0000 none; }

.vhighon {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;}
.vhighon {border: 1px solid #fff; background: #990000 none; color: #fff; }

.off {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;}
.off {border: 1px solid #fff; background: #DFDFDF none; color: #999999; }

.pollutioncontent {float: left;margin-left: 10px;margin-top: 10px;width: auto; height: auto;}
.pollutioncontent  p {line-height: 120%;}
.pollutioncontent h4 {font-size: 80%;}
.pollutioncontent h4 {color: #003caf; }/* NEW HOMEPAGE */
.pollutioncontent h4 {float: left;margin-top: 3px;font-weight: bold;margin-bottom: 5px; width: 340px;}
.pollutioncontent .lowon {font-size: 70%;}
.pollutioncontent  .lowon {font-size: 70%;}
.pollutioncontent  .highon {font-size: 70%;}
.pollutioncontent  .vhighon {font-size: 70%;}
.pollutioncontent  .off {font-size: 70%;}

a.pollutioncontent:link {font-size: 80%;}
a.pollutioncontent:link {color: #666; background: #none;}

a.pollutioncontent:visited {font-size: 80%;}
a.pollutioncontent:visited {color: #333;background: #none;}

a.pollutioncontent:hover {font-size: 80%;}
a.pollutioncontent:hover {color: #003caf;background: #none;}

a.pollutioncontent:active {font-size: 80%;}
a.pollutioncontent:active {color: #ff0000;background: #none;}

.pollution-low-med-etc-container {float: left;margin-left: 5px;margin-top: 3px;margin-bottom: 15px; width: 300px;}

.hide {color: #cccccc; background: #none;}
a.hide:link {color: #cccccc; background: #none;}
a.hide:visited {color: #cccccc; background: #none;}
a.hide:hover {color: #cccccc;  background: #none;}
a.hide:active {color: #cccccc;  background: #none;}

/* ################################################################################################### */
/* END POLLUTION BANNER CONTENT */


/* ################################################################################################### */
/* LEFT COLUMN HOMEPAGE CONTENT */
/* ################################################################################################### */

p.animation-instructions {padding-right: 10px;padding-left: 10px;line-height: 120%;}
p.animation-instructions{color: #fff;}
p.animation-instructions {font-size: 60%;line-height: 120%;}
#animation {background-color: #666;}
.small1 {font-size: small;}
#contentleftcol p {font-size: 80%;line-height: 120%;}

a.small1:link {margin: 5px;padding: 5px;font-weight: bold;  color: #ccc;}
a.small1:visited {margin: 5px;padding: 5px;font-weight: bold; color: #ccc;}
a.small1:hover {margin: 5px;padding: 5px;font-weight: bold; color: #fff;}
a.small1:active {margin: 5px;padding: 5px;font-weight: bold; color: #ff0000;}
/* ################################################################################################### */
/* END LEFT COLUMN HOMEPAGE CONTENT */


/* ################################################################################################### */
/* CENTRAL COLUMN HOMEPAGE CONTENT */
/* ################################################################################################### */
p {line-height: 150%;margin: 1.2em 0 0 0px;}

h1 {line-height: 150%;margin: 0.5em /* reset to 1.2em after new layout live */ 0 0 0px; }
h1 {color: #333399; }

h2 {font-size: 120%;}
h2 {color: #333399; }

h3 {font-size: 100%;}
h3 {color: #333399; }

.closewindow {font-weight: bold;}
/* ################################################################################################### */
/* END CENTRAL COLUMN HOMEPAGE CONTENT */


/* ################################################################################################### */
/* RIGHT  COLUMN HOMEPAGE CONTENT */
/* ################################################################################################### */

div#ap-rightcol p {font-size: 100%; line-height: 150%;}

#contentrightcol .home-boxout .home-boxout-image {border: 1px solid #666666; }
#contentrightcol .home-boxout {background: #ccc none; border: 1px solid #666666; }
#contentrightcol .home-boxout {display: block;  margin-bottom: 5px;width:230px; padding: 5px; margin-left: auto; margin-right: auto; width: 90%;}

#contentrightcol { margin: 0 0 5px 0;width: 100%;}
#contentrightcol ul {margin: 0;padding: 0;list-style-type: none;}
#contentrightcol ul li {display: block;margin: 0;}
#contentrightcol ul li a {border: 1px  solid #333;text-decoration: none;color: #333;background-color: #fff;display: block;font-size: 65%;font-weight: bold;margin-top: 1px;margin-bottom: 1px;padding-top: 1px;padding-bottom: 1px;height: auto;padding-right: 0.3em;padding-left: 0.3em; width: 205px; margin-left: 1px;}
#contentrightcol ul li#active a,
#contentrightcol ul li a:hover{border: 1px  solid #333;color: #fff;background-color: #003caf;}

#contentrightcol .pollutionexplanation {clear: both; margin-top: 10px; margin-bottom: 10px; font-size: 85%; font-weight: bold;}
#contentrightcol a.pollutionexplanation:link {font-size: 80%; color: #333; background: #none;}
#contentrightcol a.pollutionexplanation:visited {font-size: 80%; color: #333; background: #none;}
#contentrightcol a.pollutionexplanation:hover {font-size: 80%; color: #003caf; background: #none;}
#contentrightcol a.pollutionexplanation:active {font-size: 80%; color: #ff0000; background: #none;}
#contentrightcol .pollution-low-med-etc-container {clear: both; margin-top: 5px;margin-bottom: 5px;  width: 90%; margin-left: 0;}

/* #contentrightcol .pollutionfloatright {margin-left: 1px;margin-top: 2px; width: 220px;}
/* #contentrightcol .pollutionfloatright2 {float: left;margin-top: 15px;margin-left: 2px;width: 220px;} */
 #contentrightcol .lowon {padding: 2px 2px 2px; float: left;margin-right: 5px;font-weight: bold;}
 #contentrightcol .lowon {font-size: 55%;}
 #contentrightcol .lowon {font-size: 55%;}
 
 #contentrightcol .moderateon {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;}
 
 #contentrightcol .highon {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;} 
 #contentrightcol .highon {font-size: 55%;}
 
 #contentrightcol .vhighon {padding: 2px 2px 2px;float: left;margin-right: 0px;font-weight: bold;} 
 #contentrightcol .vhighon {font-size: 55%;}
 
 #contentrightcol .off {padding: 2px 2px 2px;float: left;margin-right: 5px;font-weight: bold;} 
 #contentrightcol .off {font-size: 55%;}
 
 #contentrightcol a {font-size: 70%;}
 #contentrightcol p {font-size: 70%;}
 #contentrightcol b {font-size: 70%;}
 #contentrightcol strong {font-size: 70%;}
 #contentrightcol dt {font-size: 90%;}

/* #contentrightcol .home-boxout-links {float: left; width: 150px; }
/* #contentrightcol .home-boxout-photo {float: left; width: 80px;  } */

/* ################################################################################################### */
/* END  CENTRAL COLUMN HOMEPAGE CONTENT */
/* ################################################################################################### */
/* BEGINNING RIGHT COLUMN INTERNAL PAGES */

/* BOXOUT WIDTH 190PX */
#boxout {float: left;width: 100%;}

#boxout315 {float: left;width: 315px;margin-left: 20px;}

div.boxout ul{margin: 0;padding: 0;list-style-type: none;width: auto;}
div.boxout ul li{padding: 0px 2px 2px 2px;margin-left: 4px; display: block; margin-top:3px;} 
div.boxout ul li a{color: #666; background: #none;  text-decoration: none;} 
div.boxout ul li a:hover{color: #333;} 
div.boxout ul li a:visited{color: #333;} 
div.boxout ul li a:active{color: #ff0000;} 
div.linksboxoutfaq ul ol{margin-left: 10px;padding: 10px;list-style-type: none;width: 220px;}
div.linksboxoutfaq ol li{padding: 10px 2px 2px 2px;margin-left: 35px;}

a.faq-questionlink:link {color: #666; background: #none;  text-decoration: none;} 
a.faq-questionlink:visited {color: #333;} 
a.faq-questionlink:hover {color: #333;} 
a.faq-questionlink:active {color: #ff0000;} 

a.pollutionglossary-link:link {color: #666; background: #none;  text-decoration: none; font-weight: bold;} 
a.pollutionglossary-link:visited {color: #333;} 
a.pollutionglossary-link:hover {color: #333;} 
a.pollutionglossary-link:active {color: #ff0000;} 

.bl {width: 100%; }
.tr {padding:100%;}
.tr5 {padding:100%;}
.bl6 {width: 100%;}
.tr6 {padding:100%;}

.boxoutfaq {padding: 2%;width: 95%;}

.linksboxout {padding: 2%;width: 95%;}
.linksboxout {background: #f8eacc none; border: 1px solid #003caf; }
.linksboxout {font-size: 80%;}

.linksboxoutfaq {padding: 2%;width: 95%;}
.linksboxoutfaq {background: #f8eacc none; border: 1px solid #003caf; }
.linksboxoutfaq {font-size: 80%;}

.linksboxout315 {padding: 2%;width: 95%;}
.linksboxout315 {background: #f8eacc none; border: 1px solid #003caf; }
.linksboxout315 {font-size: 80%;}

.linksboxouthdr {padding: 2%;width: 95%;font-weight: bold;}
.linksboxouthdr {background: #003caf none; color: #f8eacc; border: 1px solid #003caf; }
.linksboxouthdr {font-size: 90%;}

.linksboxouthdr2 {background: #003caf none; color: #f8eacc; border: 1px solid #003caf; }
.linksboxouthdr2 {padding: 2%;width: 95%;font-weight: bold;;}
.linksboxouthdr2 {font-size: 90%;}

.linksboxouthdr315 {background: #003caf none; color: #f8eacc; border: 1px solid #003caf; }
.linksboxouthdr315 {padding: 2%;width: 95%;font-weight: bold;}
.linksboxouthdr315 {font-size: 80%;}

.linksboxouthdrfaq {background: #003caf none; color: #f8eacc; border: 1px solid #003caf; }
.linksboxouthdrfaq {padding: 2%;width: 95%;font-weight: bold;}
.linksboxouthdrfaq {font-size: 80%;}

.linksboxouthdrfaq2{background: #003caf none; color: #f8eacc; border: 1px solid #003caf;}
.linksboxouthdrfaq2 {padding: 2%;width: 95%;font-weight: bold;}
.linksboxouthdrfaq2{font-size: 80%;}

.linksboxouthdr200{background: #003caf none; color: #f8eacc; border: 1px solid #003caf; }
.linksboxouthdr200 {padding: 2%;width: 95%;font-weight: bold;}
.linksboxouthdr200{font-size: 80%;}

.linksboxoutsubhdr {color: #CC0000; border-bottom: 1px solid #666666; } 
/* .linksboxoutsubhdr {font-size: 80%;}*/
.linksboxoutsubhdr {font-weight: bold;margin-top: 6px;margin-bottom: 2px;width: 170px;padding: 2px;}

.linksboxouthdrtwo {background: #003caf none; color: #f8eacc; border: 1px solid #003caf; }
.linksboxouthdrtwo {padding: 2%;width: 95%;font-weight: bold;}
.linksboxouthdrtwo {font-size: 80%;}

.linksboxouttwo {background: #f8eacc none; }
.linksboxouttwo {padding: 5px;width: 300px;text-align: right;}
.linksboxouttwo {font-size: 80%;}

/* BOXOUT SUBHEADER - RED SUB HEADER */

/* ################################################################################################### */
/* BOTTOM OF PAGE STYLING AND LINKS CONTENT */
/* ################################################################################################### */
.copyright {color: #244268; }
.copyright {font-size: 70%;}

.privacy {color: #333333; }
.bottomlinks {padding: 2px;font-weight: normal;}
.clear {font-size: 80%;} 

ul{margin: 0 20px 10px 20px;}
li{margin: 0 0 0 20px;}

div.boxoutfaq ul ol{margin: 0;padding: 0;list-style-type: none;width: 220px;}
div.boxoutfaq ul ol li{padding: 0px 2px 2px 2px;margin-left: 2px;}

div#bottombar{background: #6766cc none; color: #fff; border-bottom: 3px solid #6766cc; border-top: 2px solid #fff; padding: 10px;}
div#bottombar{font-size: 70%;}
div#bottombar a:hover{color: #EFEFEF; background: #none;}
div#bottombar a{color: #fff; background: #none;}
div#bottombar ul{padding: 5px;}
div#bottomnav ul {padding: 5px;}

div#links li{background: transparent url(../images/ninepx.gif) no-repeat 0% 50%; }
div#links li.title{color: #666666; background: #none;}  

div#bottomnav{clear: both;width: 100%; margin: 0; padding: 10px;}
div#bottomnav{font-size: 70%;}
div#bottomnav{background: #343399; border-top: 1px solid #fff; }
div#bottomnav a{color: #fff; background: #none;}
div#bottomnav a:hover{color: #EFEFEF; background: #none;}

div#footer ul{list-style-type: none;}

div#links{clear: both; margin-top: 20px;}
div#links ul{list-style: none;padding: 1px 0 0 0;margin: 1px 5px;}
div#links li{display: inline;padding: 0;margin: 2px 0;text-align: center;width: auto;}
div#links li a{margin: 2px 3px 2px 6px;font-weight: bold;}
div#links li.title{font-weight: bold;margin-left: 5px;}

div#nav ul{margin: 0;padding: 0;list-style-type: none;}
div#nav ul li{margin: 0;padding: 0; }

#footer {color: #343399; background:  #fff url(../images/bottom-devonimage.gif) repeat-x; }
#footer {margin: 0; padding: 10px; clear: both;width: 100%;}
#footer {font-size: 70%;}

#date {font-size: 70%;}/* NEW HOMEPAGE */
#date p {font-size: 90%;line-height: 90%; margin-left: 10px; margin-top: 10px; margin-right: 0; margin-bottom:0;}

#noscript {font-size: 70%;}

#fontsizeralt {font-size: 60%;}

#rightcol .linksboxoutfaq noscript {font-size: 80%; padding: 0.5px; color: #990000; display: block; margin-left: 23px;}


/* ################################################################################################### */
/* END BOTTOM OF PAGE STYLING AND LINKS CONTENT */
/* ################################################################################################### */


/* ################################################################################################### */
/* SITES PAGE */
/* ################################################################################################### */
.sites-title {font-size: 100%;}
.sites-title {font-weight: bold;text-align: center;margin-bottom: 2px;}

.site-name {font-weight: bold;text-align: center;}
.site-name {font-size: 100%;}
.site-name {color: #006699; }

.flashcaption {margin-left: 10px;font-weight: bold;text-align: center;}

#flashplacement {width: 270px;height: 100%;float: left;margin-top: 13px; }

#siteinfo {width: 50%;height: 100%;float: left;}

a.sites:link {font-size: 100%;}
a.sites:link {color: #333399; }

a.sites:visited {font-size: 100%;}
a.sites:visited {color: #333333; }

a.sites:hover {font-size: 100%;}
a.sites:hover {color: #C63230; }

a.sites:active {font-size: 100%;}
a.sites:active {color: #FF0000; }


/* ################################################################################################### */
/* FAQ PAGES & POLLUTION GLOSSARY */
/* ################################################################################################### */

/* general layout */

a.faqanswers:link {color: #333399; }
a.faqanswers:visited {color: #333333; }
a.faqanswers:hover {color: #C63230; }
a.faqanswers:active {color: #FF0000; }

.counter {border: 1px solid #666666; color: #666666; background: #cccccc none; }
.counter {width: 5%;float: left;margin-right: 5px;margin-top: 0px;clear: both;font-weight: bold;text-align: center;padding: 2px;}
.counter {font-size: 80%;}

.faqtableheader {background: #003CAF none; }
.faqtableheader {font-size: 60%;}
.faqtableheader {float: left;font-weight: bold;width: 630px;}

.faqtablerow1 {background: #FFFFCC none; }
.faqtablerow1 {font-size: 60%;}
.faqtablerow1 {float: left;width: 630px;}

.faqtablerow2 {background: #FFCC99 none; color: #003CAF; }
.faqtablerow2 {font-size: 60%;}
.faqtablerow2 {float: left;width: 630px;}

.faqbiheader {float: left;font-weight: bold;width: 450px;}
.faqbiheader {background: #ccc none; color: #000066; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom-width: 2px; border-bottom-style: double; border-bottom-color: #003366; }

.faqbitablerow1 {float: left;width: 450px;clear: both;}
.faqbitablerow1 {background: #FFFFCC none; color: #003CAF; border-top-color: #999999; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }

.faqbetablerow2 {float: left;width: 450px;}
.faqbetablerow2 {background: #FFCC99 none; color: #003CAF; }

.faqbi3header {float: left;font-weight: bold;width: 620px;clear: both;}
.faqbi3header {background: #ccc none; color: #000066; border-right: 1px solid #999999; border-left: 1px solid #999999; }

.faqquestioncontainer {width: 85%;margin-bottom: 10px;margin-left: 25px;position: relative;}

.faq-question {padding: 5px 10px 5px 5px;font-weight: bold;}

.faqanswers {width: 80%;padding: 2px;float: left;margin-bottom: 5px;}
.faqanswers {font-size: 90%;}

.cell {float: left;margin-right: 3px;width: 90px;padding: 5px;}
.cell1 {float: left;margin-right: 3px;width: 90px;padding: 5px;text-align: center;}

.cellbi1a {float: left;width: 86px;padding: 3px;}
.cellbi1a {font-size: 80%;} */

.cellbi-low {float: left;margin-right: 3px;width: 90px;padding: 5px;}.cellbi-low1 {float: left;margin-right: 3px;width: 90px;padding: 5px;}

.cellbi-low1 {font-size: 80%;}

.cellbi-low2 {font-size: 80%;}
.cellbi-low2 {float: left;margin-right: 3px;width: 200px;padding: 5px;}

.cellbi {float: left;margin-right: 3px;width: 90px;padding: 5px;}

.cellbi1 {float: left;width: 80px;padding: 3px;}
.cellbi1 {float: left;margin-right: 3px;width: 90px;padding: 5px;text-align: center;}

.cellbi2 {font-size: 60%;}
.cellbi2 {float: left;width: 45px;padding: 3px;text-align: center;}

.cellbi3 {font-size: 60%;}
.cellbi3 {float: left;width: 42px;padding: 3px;text-align: center;}

.cellbi4 {font-size: 60%;}
.cellbi4 {float: left;width: 96px;padding: 3px;text-align: center;}

.largecell {float: left;margin-right: 3px;width: 100%;padding: 5px;}
.largecellbi {float: left;margin-right: 3px;width: 100%;padding: 5px;}

.rowbi2 {float: left;width: 620px;clear: both;}

/* pollution glossary */
.bodyglossary {padding-right: 20px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;line-height: 14px;}
.glossary-question {padding: 5px 10px 5px 5px;font-weight: bold;}

/* TABLE and FORMS  */
textarea {color: #000033; font-family: Arial, Helvetica, sans-serif;}

button {color: #003caf; }
button {font-size: 80%;}
button {font-weight: bold;}

input {color: #003366; }
input {font-size: 80%;}

select {color: #333333; }
select {font-size: 80%;}

table {font-size: 80%;}
table p {line-height: 160%;margin: 1.2em 0 0 0px;}

.currentlevel {float: left;margin-right: 5px;}
.currentlevel {color: #003caf; }

.alerts2 {color: #666666; background: #fff none; border: 1px solid #cccccc; }
.alerts2 {font-size: 85%; padding: 3px;}

.alerts {color: #666666; background: #fff none; border: 1px solid #cccccc; }
.alerts {font-size: 60%;}

.alertsred {color: #ff0000; background: #fff none; border: 1px solid #ff0000; }
.alertsred {font-size: 60%;}

.alertsred2 {color: #ff0000; background: #fff none; border: 1px solid #ff0000; padding: 4px;}
.alertsred2 {font-size: 90%;}

.rightcoltable {font-size: 120%;}

.tdtxt {font-weight: normal;min-width: 55px;max-width: 85px;width:expression(document.documentElement.clientWidth > 55? "55px": document.documentElement.clientWidth < 85? "85px": "auto");}
.tdtxt {font-size: 60%;}

.tdtxt2 {font-weight: normal;}
.tdtxt2 {font-size: 80%;}

.tdtxt3 {padding: 3px;font-size: 90%;}

.blocks {padding: 1px 0px 0px;}

.blocks2 {float: left;margin-right: 2px;margin-top: 3px;padding: 1px 0px 0px;width: 130px;}

.blocks3 {float: left;clear: right;}

.blocks4 {float: left;clear: right;width: 30px;height: 20px;}

.blocks5 {float: left;clear: right;width: 10px;}

.links2 {display: block;}

a.links:link {color: #fff; background: #none;}
a.links:visited {color: #F4F3EE; background: #none;}
a.links:hover {color: #EFEFEF; background: #none;}
a.links:active {color: #FFFFCC; background: #none;}

.tablelabel {background: #F8EACC; }
.tablelabel {margin: 5px;padding: 5px;}

.tableheader {color: #fff; background: #003caf none; }
.tableheader {padding: 4px;font-weight: bold;padding: 4px;width: 300px;}
.tableheader {font-size: 100%;}


.tablebody {color: #333366; background: #F8EACC none; }
.tablebody {padding: 4px;font-weight: normal;margin: 2px;width: 300px; font-size: 110%;}
td.tablebody {font-size: 90%;}

.tablebodylg {padding: 4px; font-weight: normal;}
.tablebodylg {color: #333366; background: #FBE7C6 none; }
.tablebodylg {font-size: 80%;}

.tablebody-alt {margin: 5px;padding: 5px;}
.tablebody-alt {font-size: 90%;}

.tablebody1 {color: #333366; background: #F8EACC none; }
.tablebody1 {padding: 4px;font-weight: normal;margin: 2px;width: 300px;}
.tablebody1 {font-size: 60%;}

.tablebody2 {padding: 4px; font-weight: normal;margin: 2px;}
.tablebody2 {color: #333366; background: #ffcc99 none; }
.tablebody2 {font-size: 110%;}

.tablebodyright {color: #333366; background: #FAFADD none; }
.tablebodyright {padding: 4px; font-weight: normal;}

.tableheadergrey {color: #fff; background: #999999 none; }
.tableheadergrey {padding: 4px;font-weight: bold;}
.tableheadergrey {font-size: 60%;}

.tableheaderlg {color: #fff; background: #003caf none; }
.tableheaderlg {padding: 4px; font-weight: bold;}
.tableheaderlg {font-size: 60%;}

.red {font-weight: bold;}.blocks {float: left;clear: both;margin-right: 10px;margin-top: 6px;margin-left: 10px;}
.red {color: #ff0000;  background: #none;}

.stationblocks {width: 165px;}

.substanceinfo {float: left;width: 170px;}
.substanceinfo1 {width: 100px;padding: 2px;}
.substanceinfo2 {width: 20px;padding: 2px;}
.substanceinfo3 {width: 80px;padding: 2px;}

.selectionbox {width: 50px; font-size: 80%;}
.selectionbox1 {width: 100px; font-size: 80%;}
.selectionbox2 {width: 150px; font-size: 80%;}
.selectionbox3 {width: 200px; font-size: 80%;}

.selectionboxplacement {width: 250px;float: left;}

.formlabel {width: 50px;float: left;margin-right: 2px;}

.frequency_days {width: 22px;}
.frequency_d {width: 20px;}
.frequency_weeks {width: 41px;}
.frequency_months {width: 38px;}

.emailaddress {width: 250px;}


/* ################################################################################################### */
/* RECOMMEND THIS SITE PAGE */
/* ################################################################################################### */


/* BOXOUT WIDTH 400PX */
#leftcol #boxouttwo {float: left;width: 80%;margin-left: 20px; }
#leftcol .linksboxouthdrtwo {background: #003caf #none; color: #f8eacc;  }
#leftcol .linksboxouthdrtwo {padding: 1%;width: 80%;font-weight: bold;}
#leftcol .linksboxouthdrtwo {font-size: 80%;}
#leftcol .linksboxouttwo {background: #f8eacc #none; border: 1px solid #003caf;}
#leftcol .linksboxouttwo {padding: 1%;width: 80%;text-align: left;}
#leftcol .linksboxouttwo {font-size: 80%;}


#leftcol input { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%;
color: #003366; 
width: 200px;
} 


/* ################################################################################################### */
/* TABLES REPORTS AND DOWNLOADS */
/* ################################################################################################### */

.disclaimer {color: #003caf; } 
.disclaimer {font-weight: bold;margin-top: 20px;}

a.linksbody:link {color: #333399; }
a.linksbody:visited {color: #333333; }
a.linksbody:hover {color: #C63230; }
a.linksbody:active {color: #FF0000; }

/* ################################################################################################### */
/* CURRENT READINGS */
/* ################################################################################################### */

.datacontent {float: left;padding: 10px;width: 340px;height: 300px;margin-right: 5px;margin-bottom: 5px;}
.datacontent {border: 1px solid #cccccc; background:#fff none; }
#bandedarea {float: left;margin-left: 5px;margin-right: 40px;}

/* ################################################################################################### */
/* SITEMAP */
/* ################################################################################################### */

.sitemap {padding-top: 5px; padding-bottom: 5px; }
/* ################################################################################################### */
/* LINKS PAGES */
/* ################################################################################################### */

a.links2:link {color: #333399; }
a.links2:visited {color: #333; }
a.links2:hover {color: #333; }
a.links2:active {color: #FF0000; }

a.links3:link {color: #333399; }
a.links3:visited {color: #333; }
a.links3:hover {color: #333; }
a.links3:active {color: #FF0000; }


/* ################################################################################################### */
/* EMAIL UPDATES PAGE */
/* ################################################################################################### */

#leftcolsml2.tableheader {color: #fff; background: #003caf none; }
#leftcolsml2 .tableheader {padding: 4px;font-weight: bold;padding: 4px;width: 300px;}
#leftcolsml2 .tableheader {font-size: 90%;}


#leftcolsml2 .tdtxt3 {padding: 3px;font-size: 100%;}

#leftcolsml2 textarea {color: #000033; font-size: 90%;}

#leftcolsml2 button {color: #003caf; }
#leftcolsml2 button {font-weight: bold; font-size: 120%;}

#leftcolsml2 input {color: #003366; }
#leftcolsml2 input {font-size: 120%;}

#leftcolsml2 select {color: #333333; }
#leftcolsml2 select {font-size: 90%;}

#leftcolsml2 table p {line-height: 160%;margin: 1.2em 0 0 0px;}


/* ################################################################################################### */
/* FEEDBACK */
/* ################################################################################################### */

#leftcol .tableheader {color: #fff; background: #003caf none; }
#leftcol .tableheader {padding: 4px;font-weight: bold;padding: 4px;width: 300px; text-align: center;}
#leftcol .tableheader {font-size: 100%;}

#leftcol .tablebody1 {color: #333366; background: #F8EACC none; }
#leftcol .tablebody1 {padding: 4px;font-weight: normal;margin: 2px;width: 300px;}
#leftcol .tablebody1 {font-size: 90%;}

#leftcol .tablebody2 {padding: 4px; font-weight: normal;margin: 2px;}
#leftcol .tablebody2 {color: #333366; background: #ffcc99 none; }

/* ################################################################################################### */
/* DATA AND REPORTING */
/* ################################################################################################### */

#leftcol .tablebody2 {font-size: 90%;}
 
 #leftcol .lowon {font-size: 55%;}
 
 #leftcol .moderateon {font-size: 55%;}
 
 #leftcol .highon {font-size: 55%;}
 
 #leftcol .vhighon {font-size: 55%;}
 
 #leftcol .off {font-size: 55%;}
 
 .datakey {position: relative;margin-left: 40px;float: left;margin-top: 0px;clear: both; font-size: 80%;}

.dataparameters {float: left;margin-right: 5px;margin-top: 10px;font-weight: bold;width: 250px;clear: both;margin-left: 40px;}
.dataparameters {float: left; color: #003caf; }
.dataparameters {font-size: 80%;}
.dataparameters {float: left; color: #003caf; }

.dataparameters2 {margin-left: 40px;clear: both;float: left;width: 250px;margin-top: 10px; font-size: 75%;}

.dataview {clear: left;padding-top: 20px;}
.dataview {font-size: 70%;}

.datapic {float: left;margin-right: 5px;width: 75px;height: 80px;}

/* ################################################################################################### */
/* FAQS 1017 */
/* ################################################################################################### */
.bandingtable {border: 1px solid #666666; font-size: 100%;}

.bandingtd,bandingth {display: block;text-align: center;padding: 10px;}
.bandingth {font-weight:normal;text-align: center;font-weight: bold;padding: 10px;}


.bandingtd,bandingth {border: 1px solid #666666; }
.bandingth {background:#cccccc none; border: 1px solid #666666; }

.lowbanding {color:#003366; background: #BBFFD1; background-image: url(../images/lowbanding123.jpg); background-repeat: repeat-x;}
.lowbanding {font-weight:bold;padding: 2px;}

.moderatebanding {color:#fff; background: #FF9933 none; background-image: url(../images/moderatebanding456.jpg); background-repeat: repeat-x;}
.moderatebanding {font-weight:bold;padding: 2px;}


.highbanding {color:#fff; background: #FF3300 none;background-image: url(../images/highbanding789.jpg); background-repeat: repeat-x; font-weight:bold;padding: 2px;}

.vhighbanding {font-weight:bold;}
.vhighbanding {color:#fff; background: #7c0404 none; }

.lowbanding-1 {color:#fff; background: #99ff99 none; font-weight:bold;padding: 2px;}
.lowbanding-2 {color:#fff; background: #66cc66 none; font-weight:bold;padding: 2px;}
.lowbanding-3 {color:#fff; background: #339933 none; font-weight:bold;padding: 2px;}
.moderatebanding-4 {color:#fff; background: #ffcc33; font-weight:bold;padding: 2px;}
.moderatebanding-5 {color:#fff; background: #fdac33; font-weight:bold;padding: 2px;}
.moderatebanding-6 {color:#fff; background: #fe8c41; font-weight:bold;padding: 2px;}
.highbanding-7 {color:#fff; background: #fd7070; font-weight:bold;padding: 2px;}
.highbanding-8 {color:#fff; background: #fb3636; font-weight:bold;padding: 2px;}
.highbanding-9 {color:#fff; background: #cc0000; font-weight:bold;padding: 2px;}
.highbanding-10 {color:#fff; background: #7c0404; font-weight:bold;padding: 2px;}