/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */ html {margin-bottom: 1px;} body {color: #333333;text-align: left;background-color: #ffffff; margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; font-size: 100%; font-family: Tahoma, Verdana, arial, sans-serif;} /* OVERALL PAGE LAYOUT STYLES */ #overallcontainer {width: 100%; height: auto;} #topbanner {background-color: #edeef0;background-image: url(images/bg-navigation.jpg) repeat-y;border-bottom: 1px solid #586e8c;float: left;height: auto; width: 100%;} #header{background-image: url(../images/headers/rotate.php);background-color: #ffffff;background-repeat: no-repeat;width: 100%;height: auto;min-height: 233px;float: left;clear: both;} /* repeated code per header */ #homepage-stations { margin-left: 30px; float: left; width: 28%;} #homepage-stations h3 { font-size: 80%; margin-bottom: 10px; margin-top: 10px;} #homepage-stations #keycontainer {clear: both; width:100%;} #homepage-stations #keycontainer .key1 {width: 49%; float: left; margin-top: 0px; margin-bottom: 10px; padding: 0px;} #homepage-stations #keycontainer .key1 img {float: left; clear: both; margin-right: 5px; display: block; } #homepage-stations #keycontainer .key1 p {white-space: nowrap; margin-top: 10px; font-size: 65%; height: 20px; } #homepage-stations p {font-size: 70%; margin: 0px;} #homepage-stations .stationlisting .sitephoto {width: 50px; height: 50px; float: left; margin-right: 5px; border; none; } #homepage-stations .stationlisting {font-size: 80%; margin-top: 10px; clear: both;} #homepage-stations .stationlisting a.heading {margin-left: 0px; font-size: 90%; display: block; height: 8px; font-weight: bold; color: #ff0000; text-decoration: none;} #homepage-stations .stationlisting img.icon {margin-top: 10px;} #homepage-stations .stationlisting .hid p {font-size: 100%; } #homepage-stations .stationlisting .hid h5 {font-size: 110%; margin: 0px;} #homepage-stations .stationlisting a.hid {color:#ff0000; position:relative; z-index:500; } #homepage-stations .stationlisting a.hid em {display:none;} #homepage-stations .stationlisting a.hid:hover {text-decoration:none; } #homepage-stations .stationlisting a.hid:active span,#homepage-stations .stationlisting a.hid:focus span {display:visible; } #homepage-stations .stationlisting a.hid:active,#homepage-stations .stationlisting a.hid:focus {background:#ff0000;} #homepage-stations .stationlisting a.hid:active em,#homepage-stations .stationlisting a.hid:focus em { display:block; color:#fff; background: #ff0000; width:329px; overflow: auto; padding: 10px; margin-top: 5px; z-index: 600; font-style: normal; font-size: 90%; } #homepage-stations ul {margin: 0px; padding: 0px; list-style: none; } #homepage-stations li a, #homepage-stations li a:visited, #homepage-stations li a:active {font-size: 80%; text-decoration: none; color: #ff0000; font-weight: bold;} #homepage-stations li a:hover {color: #003366; } #header h1 { display: block; /* place the span on top */ position: relative; z-index: 1; } .fontsizecontainer {float: right; margin-right: 5px; padding: 5px; font-size: 75%;} /* OVERALL PAGE LAYOUT STYLES */ .dustaddress {margin-bottom: 10px;} .dustgridreference {margin-bottom: 10px;font-weight: bold;} .dustlonglat {margin-bottom: 10px;font-weight: bold;} .dustdescription {width: 90%;} .divclear {clear: both;} .divleft {float: left; width: 400px; } /* GREY BAR CONTAINING ALL BANDING INFO & FONT SIZING INFORMATION - HEADLINE CAN CHANGE COLOUR - SEE div #pollutioncontainer h4 IN SITESPECIFIC.CSS */ #pollutioncontainer {float: left;width: 100%;height: auto;margin-top: 110px;} div#pollutioncontainer p {line-height: 2em;} div#pollutioncontainer b {font-size: 80%;} /* PLACEMENT OF OVERALL POLLUTION AREA */ .pollutioncontent {float: left;margin-left: 10px;width: 100%;height: auto;} /* layout tool wi1px pollutioncontainer - left hand column */ .pollutionfloat {width: auto;height: auto;float: left;font-weight: bold;margin-top: 10px;} .pollutionfloat2 {float: left;clear: right;width: auto;height: auto;margin-top: 5px;} /* layout tool wi1px pollutioncontainer - right hand column */ .pollutionfloatright {clear: both;float: left;margin-left: 5px;margin-top: 10px;margin-bottom: 15px;width: auto;height: auto;} .pollutionfloatright2 {float: left;margin-top: 15px;margin-left: 2px;height: auto;width: 250px;} .pollution-findoutmore {font-size: 90%;padding-top: 10px;clear: both;} /* OTHER BANDING STYLES */ #leftcolsml table { border-collapse: collapse; width: 96%; } #leftcolsml th { padding: 0 0.5em; text-align: left; } #leftcolsml td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 0 0.5em; border-right: 1px solid #CCC; padding: 0 0.5em; font-size: smaller;} .bandingtable {border-collapse: collapse; width: 96%; padding: 2em;} .bandingtd {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2em; border-right: 1px solid #CCC; padding: 2em; font-size: small;} .bandingth { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2em; border-right: 1px solid #CCC; padding: 2em; background: #ccc; color: #333333; font-weight: bold; font-size: 80%;} .lowbanding {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2%; border-right: 1px solid #CCC; padding: 2%; background: #BBFFD1; font-size: 100%;} .moderatebanding {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2em; border-right: 1px solid #CCC; padding: 2em; background: #FF9933; font-size: 100%;} .highbanding {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2em; border-right: 1px solid #CCC; padding: 2em; background: #FF3300; font-size: 100%;color: #fff;} bandingh1 {font-size:medium;} .vhighbanding {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2em; border-right: 1px solid #CCC; padding: 2em; background: #CC0000;font-size: 100%;color: #fff;} /* PLACEMENT OF FONTSIZER IN BANDING SYSTEM BOXOUT */ #fontsize {font-size: 75%;text-align: right;margin-right: 1%;} #annualtotal {background-color: #586e8c;border-bottom: 1px solid #586e8c; float: left;height: auto;width: 98%;padding: 1%;text-align: left;color: #ffffff; } #annualtotal-topbanner {background-color: #586e8c; float: left;height: auto;width: 100%; text-align: left;color: #ffffff; } #info {background-color: #ff0000; width: 240px;height: 200px; float: left;} #info p {color: #fff;} #info .hilight {font-weight: bold;} /* ################################################################################################### */ /* BEGINNING SHOW ME MORE STYLES RED */ /* ################################################################################################### */ .holder {width:240px; height: 198px;margin:0px; padding:0px; float:left; background-color: #FF0000; color: #fff; } .holder p {width: 200px height: 150px; margin-left: 5px; margin-top: 10px; font-size: 75%;} .holder h3 {font-size: 90%; color: #fff; margin-bottom: 0px; margin-top: 0px; margin-left: 5px;} .holderpadding {margin-top: 5px; margin-right: 0; width: 200px; } .holder h2 {text-align:left;} #annualtotal-topbanner .holder a.hid {color:#fff; text-decoration:none; outline-style:none; position:relative; z-index:500; background: #none;} #annualtotal-topbanner .holder a.hid em {display:none;} #annualtotal-topbanner .holder a.hid:hover {text-decoration:none; } #annualtotal-topbanner .holder a.hid:active span, #annualtotal-topbanner .holder a.hid:focus span {display:none;} #annualtotal-topbanner .holder a.hid:active, #annualtotal-topbanner .holder a.hid:focus {background:#ff0000;} #annualtotal-topbanner .holder a.hid:active em, #annualtotal-topbanner .holder a.hid:focus em { display:block; color:#fff; background: #ff0000; width:229px; overflow: auto; padding: 5px; margin-top: 0px; z-index: 600; margin-left: -5px; font-style: normal; font-size: 90%; } /* ################################################################################################### */ /* END SHOW ME MORE STYLES */ #newlayout-runningtotal {float: left; width: 40%; margin-top: 10px; margin-left: 10px; margin-bottom: 0px; padding: 0px;} #newlayout-runningtotal .smal1 {font-size: 70%;} #newlayout-historicalrunningtotal {float: left; width: 30%; margin-top: 10px; margin-left: 10px; margin-bottom: 0px; padding: 0px;} #annualtotal h4 {font-size: 100%;} .annualtotal {float: left; font-size: 80%;margin-top: 1px; margin-right: 10px;} .annualtotallinkcontainer {float: left; } .annualtotal-head {margin-right: auto; margin-left: auto; font-weight: bold;} .annualtotal-head-topbanner { font-size: 90%; font-weight: bold; margin-bottom: 10px; margin-top: 5px; clear: both; } .annualtotal-head-sites {margin-right: auto; margin-left: auto; font-weight: bold;} .annualtotal-cont-topbanner {float: left;} .fontsize {font-size: 100%;} #nav {float: left;background-color: #FFCC33;width: 100%;min-height: 25px;} .bl {background: url(../images/bl.gif) 0 100% no-repeat #eae9e9;width: 250px; } .br {background: url(../images/br.gif) 100% 100% no-repeat;} .tl {background: url(../images/tl.gif) 0 0 no-repeat;} .tr {background: url(../images/tr.gif) 100% 0 no-repeat;padding:10px;} .clear {font-size: 85%;height: 1px} .fontsize-internal {width: 178px;background-color: #ffffff;border: 1px solid #666666;padding: 6px;margin-bottom: 5px;} /* PLACEMENT OF LINK TO GALLERIES IN TOP BANNER */ .galleryflash {float: left; font-size: 70%; width: 30%; margin-top: 50px;} /* LINK COLOURS WITHIN BANDING SYSTEM BOXOUT */ .pollution {font-size: 90%; } a.pollution:link {color: #ffffff;} a.pollution:visited {color: #cccccc;} a.pollution:hover {color: #ffd800;} a.pollution:active {color: #ff0000;} a.closewindow:link {color: #ffffff; padding: 10px;} a.closewindow:visited {color: #cccccc; padding: 10px;} a.closewindow:hover {color: #ffd800; padding: 10px;} a.closewindow:active {color: #ff0000; padding: 10px;} .pollution2 {font-size: 80%; } a.pollution2:link {color: #999999;} a.pollution2:visited {color: #666666;} a.pollution2:hover {color: #ff0000;} a.pollution2:active {color: #ff0000;} .findoutmore-pollution {float: left; clear: both; font-size: 90%; margin-top: 10px;margin-bottom: 10px;} .annualtotal {color: #FFFFFF;font-size: 85%;} a.annualtotal:link {color: #ffffff;} a.annualtotal:visited {color: #cccccc;} a.annualtotal:hover {color: #ffffcc;} a.annualtotal:active {color: #ff0000;} /* ANNUAL TOTAL INTERNAL PAGES */ .annualtotal-overallcontainer {background-color: #fff;padding: 10px;border: 1px dotted #cccccc;width: 160px;margin-left: auto;margin-right: auto;height: auto;min-height: 150px;text-align: center;position: relative;left: 0;right: 0;top: 5;} .annualtotal-overallcontainer-sites {background-color: #fff;padding: 10px;border: 1px dotted #cccccc;width: 222px; height: auto;min-height: 150px;text-align: center;float: left; clear:both;font-size: small; margin-top: 5px;} .annualtotal-overallcontainer2 {background-color: #ffffff;padding: 10px;border: 1px dotted #cccccc;width: 85%;margin-left: auto;margin-right: auto;height: auto;min-height: 80px;margin-top: 5px;font-size: 100%;text-align: center;} .annualtotal-overallcontainer3 {background-color: #ffffff;padding: 10px;border: 1px dotted #cccccc;width: 85%;margin-left: auto;margin-right: auto;height: auto;min-height: 40px;margin-top: 5px;font-size: 100%;text-align: center;} .annualtotal-container {clear: both;float: left;height: 20px;width: 100%;margin-top: 1px;margin-bottom: 1px;color: #999999;vertical-align: middle;text-align: center;} .annualtotal-layout1 {float: left;width: 80px;margin-left: 5px;margin-right: 2px;margin-top: 2px;text-align: right;font-size: 120%;} .annualtotal-layout2 {float: left;color: #666666;font-size: 90%; width: auto;} .annualtotal-layout3 {float: left;width: 90%;color: #666666;font-size: 90%;clear: both;margin-top: 10px;} .annualtotal-layout3-sites {float: left;width: 90%;color: #666666;font-size: 80%;clear: both;margin-top: 10px;} /* END ANNUAL TOTAL */ /* BANDING SYSTEM BOXES LOW MEDIUM HIGH VERY HIGH AND OFF DISPLAYED AT TOP OF PAGE */ .lowon {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #009933;float: left;margin-right: 3px;margin-bottom: 5px; font-size: 60%;font-weight: bold;text-align: center;} .moderateon {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #ff9900;float: left;margin-right: 3px;margin-bottom: 5px; font-size: 60%;font-weight: bold;text-align: center;} .highon {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #ff0000;float: left;margin-right: 3px;margin-bottom: 5px; font-size: 60%;font-weight: bold;text-align: center;} .vhighon {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #990000;float: left;margin-right: 3px;margin-bottom: 5px; font-size: 60%;font-weight: bold;text-align: center;} .off {padding: 2px 2px 2px;border: 1px solid #ffffff;background-color: #DFDFDF;color: #999999;float: left;margin-right: 3px;margin-bottom: 5px; font-size: 60%;font-weight: bold;text-align: center;} /* BANDING SYSTEM BOXES LOW MEDIUM HIGH VERY HIGH AND OFF DISPLAYED INSIDE PAGES */ .lowon2 {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #009933;float: left;margin-right: 3px;font-size: 60%;font-weight: bold;width: 15%;text-align: center;} .moderateon2 {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #ff9900;float: left;margin-right: 3px;font-size: 60%;font-weight: bold;width: 15%;text-align: center;} .highon2 {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #ff0000;float: left;margin-right: 3px;font-size: 60%;font-weight: bold;width: 15%;text-align: center;} .vhighon2 {color: #ffffff;padding: 2px 2px 2px;border: 1px solid #ffffff;float: left;background-color: #990000;float: left;margin-right: 3px;font-size: 60%;font-weight: bold;width: 15%;text-align: center;} .off2 {padding: 2px 2px 2px;border: 1px solid #ffffff;background-color: #DFDFDF;color: #999999;float: left;margin-right: 3px;font-size: 60%;font-weight: bold;width: 15%;text-align: center;} .clear{clear: both;} /* GRAPHS */ .graphs-check {width: 100px;float: left;font-size: smaller;border: 1px solid #ff0000;} .checkbox {float: right;border: 1px solid #000000;} .graphs-stationname {float: left;width: 60px;border: 1px solid #000000;} /* STANDARD LAYOUT USED IN MULITPLE PAGES */ #leftcol {float: left;width: 70%;margin-left: 1%;margin-right: 1%; font-size: 85%;} #leftcolsml {float: left;margin-bottom: 1%;width: 55%;margin-left: 1%;margin-right: 1%;} #leftcolsml2 {float: left;margin-bottom: 1%;width: 50%;margin-left: 1%;margin-right: 1%;} #rightcol {float: right;margin-left: 1%;padding-right: 2%;} .bandedarea {float: left;margin-left: 5px;margin-right: 40px;} .date {float: right;width: 200px;text-align: left;color: #666666;font-size: 85%;padding-right: 5px;padding-top: 10px;} #pageheadline {color: #cc0000;margin-left: 20px;margin-bottom: 10px;margin-top: 10px;font-size: large;font-weight: bold;} .pictureplacement {padding: 5px;border: 1px solid #cccccc;} #flashplacement {width: 270px;height: 100%;float: left;} #navbar {clear: both;background: #586e8c center;height: 25px;} #wrapper{float: left;background-image: url(../images/mainbackground.jpg);background-color: #FFFFF7;background-repeat: no-repeat;} #contenthome {float: left;width: 75%;height: 100%;} #animation{background: #666666;color: #999999;width: 241px;height: auto;float: left;} .mapcopyright { font-size: 80%; text-align: center; display: block; padding: 10px; clear: both; line-height: 150%; } div#welcome{float: left;margin-top: 5px;margin-bottom: 0;margin-left: 25px;width: 40%;} /* right hand column used when flashplacement is used to create left hand column */ #siteinfo {width: 50%;height: 100%;float: left;} .flashcaption {font-size: 85%;margin-left: 10px;font-weight: bold;text-align: center;} #inner {float: left;height: 312px;width: 65%;} #inner.inside {background : #fff url(../images/innerback.jpg) no-repeat 0 0;margin-left: 10px;padding: 1px 0 30px 0;} #inner.inside img#pagetitle {margin: 20px;float: left;} div#linktable {float: right;width: 140px;border: 2px ridge #ccc;border-width: 0px 2px 2px 2px;margin: 0px 20px 0px 0px;background-color: #ffffff;display: inline;} p.nb{color: #586e8c;}/*reset height to auto for good browsers*/ #inner {height: auto;} div#links {clear: both;} .small1 {width: 240px;height: 30px;margin-left: 0px;font-size: 85%;} /* all P tags PARAGRAPH */ div#leftcol p {line-height: 150%;margin: 1.2em 0 0 0px; } div#leftcolsml p {font-size: 85%;line-height: 150%;margin: 1.2em 0 0 0px; } div#leftcolsml2 p {font-size: 85%;line-height: 150%;margin: 1.2em 0 0 0px; } div#welcome p {line-height: 1.5em;margin: 1.2em 0 0 0px; font-size: 90%; } div#inner p {margin: 1.2em 0 0 0px; } div#links p {margin: 5px;margin: 1.2em 0 0 0px; } /* all h1 h2 h3 tags */ div#leftcol h2 {font-size: 120%;} div#leftcol h3 {font-size: 100%;} div#leftcolsml h2 {font-size: 120%;} div#leftcolsml h3 {font-size: 100%;} div#header h2, div#header h1{margin: 0 0 0 -9999px;clear: both;} #animation h3 {font-weight: bold;margin: 3px;} div#linktable h3 {color: #fff;background-color: #586e8c;border: 2px ridge #ccc;border-width: 2px 0 2px 0;padding: 0.15em;} /* all UL LI tags */ #parametersmeasured ul, #parametersmeasured ol{margin: 1em 5%;padding-left: -40px;font-size: 85%;list-style-type: circle;} div#linktable ul{list-style-type: none;width: 140px;} div#linktable ul.sites{font-weight: bold;} div#linktable ul.sites a{text-decoration: none;color: #336;} div#linktable li{text-align: right;margin: 2px 5px;} div#links ul{list-style: none;padding: 1px 0 0 0;margin: 1px 5px;} div#links li{font-size: 80%;display: inline;padding: 0;background : transparent url(../images/ninepx.gif) no-repeat 0% 50%;margin: 2px 0;text-align: center;width: auto;} div#links li a{height: 1px;margin: 2px 3px 2px 6px;/*border: 1px solid green;*/} div#links li.title {color: #87BCDC;background-image: none;margin-left: 5px;} div#links li.first {background-image: none;} div#bottombar footer{padding: 5px;} div#bottomnav footer{padding: 5px;} div.boxout ul{margin: 0;padding: 0;list-style-type: none;width: 155px;} div.boxout footerli{padding: 0px 2px 2px 2px;margin-left: 2px;} div.boxoutfaq footerol{margin: 0;padding: 0;list-style-type: none;width: 200px;margin-left: -10px;} div.boxoutfaq footerol li{padding: 0px 2px 2px 2px;margin-left: 2px;} div.linksboxoutfaq footerol{margin-left: 10px;padding: 10px;list-style-type: none;width: 220px;} div.linksboxoutfaq ol li{padding: 10px 2px 2px 2px;margin-left: 35px;} /* RIGHT HAND COLUMN BOXOUTS - NO COLOUR ETC SO THESE ARE JUST SIZING DIVS */ /* BOXOUT WIDTH 190PX */ #boxout {float: left;width: 190px;margin-left: 20px;} /* BOXOUT WIDTH 400PX */ #boxouttwo {float: left;width: 400px;margin-left: 20px;} /* BOXOUT WIDTH 80% */ #boxoutrecommend {float: left;width: 500px;margin-left: 20px;} /* BOXOUT WIDTH 315PX */ #boxout315 {float: left;width: 315px;margin-left: 20px;} /* BOXOUT WIDTH 250PX */ .boxoutfaq {float: left;width: 250px;margin-left: 20px;} /* BOXOUT SUBHEADER - RED SUB HEADER */ .linksboxoutsubhdr {font-family: "Agfa Rotis Semi Serif", serif;font-size: 110%;font-weight: bold;color: #CC0000;margin-top: 6px;margin-bottom: 2px;border-bottom: 1px solid #666666;width: 170px;padding: 2px;} /* ALERTS - GREY BACKGROUND AND RED TEXT - STANDARD COLOURS */ div#alerts {float: left;top: 30px;left: 353px;color: #264369;font-size: medium;font-weight: bold;} div#alerts-position {float: right;clear: right;margin-top: 20px;margin-right: 10px;margin-left: 5px;padding: 10px;width: 250px;border: 1px solid #264369;background-color: #ffffff;} div.alerts-text {height: auto;max-height:250px;height:expression(document.body.clientHeight > 250? "250px":"auto");overflow: auto;padding: 0px;color: #264369;font-size: 80%;} div#alerts2 {color: #000000;font-weight: normal;text-align: left;float: left;height: 8%;} div#alerts p {margin-bottom: 10px;line-height: 150%;} .alertsheader {font-weight: bold;color: #CC0000;font-size: 100%;} .alerts-instructions {margin-top: 10px;color: #cc0000;font-weight: bold;font-size: 70%;} .bl2 {background: url(../images/bl2.gif) 0 100% no-repeat #eae9e9;width: 250px;} .br2 {background: url(../images/br2.gif) 100% 100% no-repeat;} .tl2 {background: url(../images/tl2.gif) 0 0 no-repeat;} .tr2 {background: url(../images/tr2.gif) 100% 0 no-repeat;padding:10px;} .clear {font-size: 85%;height: 1px} /* ALERTS - TEXT USED IN DATA GRAPHS PAGES ETC TO WARN PEOPLE WHEN THEY HAVE MISSING SELECTIONS , ETC */ .alerts {color: #666666;font-size: smaller;margin-top: 5px;margin-bottom: 5px;margin-left: 1px;padding: 4px;width: 168px;background-color: #ffffff;border: 1px solid #cccccc;} .alerts2 {color: #666666;font-size: smaller;margin-top: 5px;margin-bottom: 5px;margin-left: 1px;padding: 4px;width: 220px;background-color: #ffffff;border: 1px solid #cccccc;} .alertsred {color: #ff0000;font-size: smaller;margin-top: 5px;margin-bottom: 5px;margin-left: 1px;padding: 4px;width: 168px;background-color: #ffffff;border: 1px solid #ff0000;} .alertsred2 {color: #ff0000;font-size: smaller;margin-top: 5px;margin-bottom: 5px;margin-left: 1px;padding: 4px;width: 220px;background-color: #ffffff;border: 1px solid #ff0000;} /* MISC ITEMS - NO COLOUR CHANGES REQUIRED ALL SIZING AND PLACEMENT OPTIONS */ .tablebody-alt {margin: 5px;padding: 5px;font-size: 90%; } .links2 {padding: 2px;margin: 2px;} .bodyinternal {padding-right: 20px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;} .bodyinternal2 {padding-right: 20px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;} .bodyglossary {padding-right: 20px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;line-height: 14px;font-family: Tahoma, Verdana,arial, sans-serif;font-size: 70%;} .faq-question {padding: 5px 10px 5px 5px;font-weight: bold;} .glossary-question {padding: 5px 10px 5px 5px;font-weight: bold;font-size: 70%; background: #666;} .hide {color: #edeff0;} .blocks {padding: 1px 0px 0px;} .links2 {display: block;} .red {color: #ff0000;font-weight: bold;} .blocks {float: left;clear: both;margin-right: 10px;margin-top: 6px;margin-left: 10px;} .blocks2 {float: left;margin-right: 2px;margin-top: 3px;font-size: x-small;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;} .stationblocks {width: 165px;} .substanceinfo {float: left;width: 170px;} .selectionbox {width: 55px; font-size: smaller;} .selectionbox1 {width: 95px;} .selectionbox2 {width: 150px;} .selectionbox3 {width: 200px;} .formlabel {width: 45px;float: left;margin-right: 1px; font-size: small; font-weight: bold;} .selectionboxplacement {width: 250px;float: left;border: 1px solid #ff0000;} .substanceinfo1 {width: 100px;padding: 2px;font-size: smaller;} .substanceinfo2 {width: 20px;padding: 2px;font-size: smaller;} .substanceinfo3 {width: 80px;padding: 2px;font-size: smaller;} .tdtxt {font-size: small;font-weight: normal;min-width: 55px;max-width: 85px;width:expression(document.documentElement.clientWidth > 55? "55px": document.documentElement.clientWidth < 85? "85px": "auto");} .tdtxt2 {font-size: smaller;font-weight: normal;} .tdtxt3 {padding: 1px; background: #fff;} .tdtxtemailupdates {padding: 5px; background: #fff;} .tdsubstanceid {font-size: smaller; padding-left: 2px;} .tdsubstancelabel {font-size: 95%; padding-left: 2px; width: 86px; text-align: right;} .rightcoltable {font-size: small;} .frequency-days {width: 22px;} .frequency-d {width: 20px;} .frequency-weeks {width: 41px;} .frequency-months {width: 38px;} .emailaddress {font-size: 85%;width: 250px;} .faqanswers {font-size: 90%;width: 80%;padding: 2px;float: left;margin-bottom: 5px;} .counter {width: 1.2em;float: left;margin-right: 5px;margin-top: 0px;clear: both;font-size: 85%;font-weight: bold;border: 1px solid #666666;text-align: center;color: #666666;background-color: #cccccc;padding: 2px;} .faqquestioncontainer {width: 85%;margin-bottom: 10px;margin-left: 25px;position: relative;} .sitemap {font-size: small;} .closewindow {font-size: smaller;font-weight: bold; background: #666;} .clear {font-size: 85%;height: 1px} #pictureplacement {float: left;margin-right: 10px;margin-bottom: 200px;} #content {clear: both;float: left;width: 100%;;height: auto;border-top: 1px solid #ffffff;background-image: url(../images/backgrounds/rotate2.php);background-color: #ffffff;background-repeat: no-repeat;} /* SITE STYLES */ #siteswrapper {float: left;width: 150px;height: 200px;margin-left: 10px;margin-right: 10px;border: 1px solid #CC0000;} #sitescontent {float: left;width: 33%;height: auto;border: 1px solid #CC0000;} #sites-pic {width: 150px;margin-top: 10px;margin-right: 30px;float: left;} #sites-more {width: 150px;margin-top: 10px;margin-right: 30px;float: left;} #sites-name {width: 150px;margin-top: 10px;margin-right: 30px;} #sites {width:33%;float: left;} /* DATA STYLES */ div#data td.text {padding: 0 5px;} div#data td.param {width: 180px;} div#data td img {border: none;} div#data td.key img {margin: 5px 0 0 0;} div#data {float: left;margin: 0 0px 0 20px;padding: 1px 0 0 0;width: 580px;display: inline;clear: left;} .datapic {margin-right: 1%;width: 75px;height: 80px;float: left;border: 1px solid #666666;} .datakey {clear: both;text-align: center;font-family: Tahoma, Verdana,arial, sans-serif;font-size: 75%;width: 100%;margin-top: 10px;margin-bottom: 10px;} .dataview {float: left;font-weight: bold;color: #586e8c;width: 100%;font-size: 80%;margin-top: 5px; height: auto;} .pollutioninfo {clear: both;margin-top: 2%;} /* STYLES FOR SITES PAGE WHERE COLOURS CAN CHANGE */ .sites-title {color: #cc0000;font-weight: bold;text-align: center;font-size: 85%;margin-bottom: 2px;} .site-name {color: #006699;font-weight: bold;text-align: center;font-size: 85%;} /* STYLES FOR DATA PAGES WHERE COLOURS CAN CHANGE */ div#data p.table {border-bottom: 1px solid #333366;padding: 0 0 5px 0;margin-bottom: 0;} div#data table {border-collapse: collapse;empty-cells: show;width: 100%;border-bottom: 1px solid #336;margin-top: 8px;} div#data td {vertical-align: top;color: #336;} div#data td.key {width: 132px;color: #333366;font-weight: bold;padding-left: 3px;} div#data table h3 {color: #336;} div#data table#basedata {border-collapse: collapse;empty-cells: show;width: 100%;border: 3px ridge #336;margin-top: 8px;} div#data table#basedata td {padding: 4px;background-color: #fff;border: 2px ridge #336;} div#data table#basedata th {padding: 3px;background-color: #586e8c;color: #fff;border: 2px ridge #336;} div#data table#basedata td.date {background-color: #CCCCCC;color: #333333;font-weight: bold;} div#data h2{font-size: 90%;color: #CC3233;} div#data h3{color: #336;} .datacontent {width: 100%;min-height: 450px;} .datacontentmet {width: 100%; min-height: 330px;} .datacontentcontainer {float: left; width: 45%; border: 1px solid #cccccc;background-color:#FFFFFF; height: auto;margin-right: 10px;margin-bottom: 10px;padding: 3px;} .dataparameters {float: left;font-weight: bold;color: #586e8c;width:65%;font-size: 80%;} .dataparameters2 {float: left;width: 65%;margin-top: 10px;font-size: 75%;} .dataparameters-links {float: left;width: 100%;margin-top: 10px;} /* CURVED CORNERS - BACKGROUND COLOUR CAN CHANGE FOR CORPORATE STYLING */ /* BOX WIDTH 192PX */ .bl3 {background: url(../images/bl3.gif) 0 100% no-repeat #586e8c;width: 192px; } .br3 {background: url(../images/br3.gif) 100% 100% no-repeat;} .tl3 {background: url(../images/tl3.gif) 0 0 no-repeat;} .tr3 {background: url(../images/tr3.gif) 100% 0 no-repeat;padding:10px;} .clear {font-size: 85%;height: 1px} /* BOX WIDTH 257PX */ .bl4 {background: url(../images/bl3.gif) 0 100% no-repeat #586e8c;width: 257px; } .br4 {background: url(../images/br3.gif) 100% 100% no-repeat;} .tl4 {background: url(../images/tl3.gif) 0 0 no-repeat;} .tr4 {background: url(../images/tr3.gif) 100% 0 no-repeat;padding:10px;} /* BOX WIDTH 275PX */ .bl5 {background: url(../images/bl3.gif) 0 100% no-repeat #586e8c;width: 275px; } .br5 {background: url(../images/br3.gif) 100% 100% no-repeat;} .tl5 {background: url(../images/tl3.gif) 0 0 no-repeat;} .tr5 {background: url(../images/tr3.gif) 100% 0 no-repeat;padding:10px;} /* BOX WIDTH 326PX */ .bl6 {background: url(../images/bl3.gif) 0 100% no-repeat #586e8c;width: 326px; } .br6 {background: url(../images/br3.gif) 100% 100% no-repeat;} .tl6 {background: url(../images/tl3.gif) 0 0 no-repeat;} .tr6 {background: url(../images/tr3.gif) 100% 0 no-repeat;padding:10px;} /* BOX OUT - LINK AREA FOR CONTENT - BACKGROUND COLOUR CAN CHANGE FOR CORPORATE STYLING */ /* BOX WIDTH 180PX */ .linksboxout {background-color: #ffffff;padding: 5px;width: 180px;border: 1px solid #586e8c;font-size: 75%;} /* BOX WIDTH 300PX */ .linksboxouttwo {background-color: #ffffff;padding: 5px;width: 300px;border: 1px solid #586e8c;text-align: right;font-size: 75%;} /* BOX WIDTH 80% */ .recommendbox {background-color: #ffffff;padding: 5px;width: 90%;border: 1px solid #586e8c;text-align: right;font-size: 75%;} /* BOX WIDTH 315PX */ .linksboxout315 {background-color: #ffffff;padding: 5px;width: 315px;border: 1px solid #586e8c;text-align: left;font-size: 75%;} /* BOX WIDTH 245PX */ .linksboxoutfaq {background-color: #ffffff;padding: 5px;width: 245px;border: 1px solid #586e8c;text-align: left;font-size: 75%;} /* BOX OUT - HEADER AREA CONTENT - BACKGROUND COLOUR CAN CHANGE FOR CORPORATE STYLING */ /* BOX WIDTH 180PX */ .linksboxouthdr {background-color: #586e8c;color: #ffffff;padding: 5px;width: 180px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;/* BOX WIDTH 160PX */} .linksboxouthdr2 {background-color: #586e8c;color: #FFFFFF;padding: 2px;width: 160px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* BOX WIDTH 300PX */ .linksboxouthdrtwo {background-color: #586e8c;color: #ffffff;padding: 5px;width: 315px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* BOX WIDTH 80% */ .recommendheader {background-color: #586e8c;color: #ffffff;padding: 5px;width: 90%;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* BOX WIDTH 315PX */ .linksboxouthdr315 {background-color: #586e8c;color: #ffffff;padding: 5px;width: 315px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* BOX WIDTH 245PX */ .linksboxouthdrfaq {background-color: #586e8c;color: #ffffff;padding: 5px;width: 245px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* BOX WIDTH 271PX */ .linksboxouthdrfaq2{background-color: #586e8c;color: #ffffff;padding: 5px;width: 271px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* BOX WIDTH 200PX */ .linksboxouthdr200{background-color: #586e8c;color: #ffffff;padding: 5px;width: 200px;border: 1px solid #586e8c;font-weight: bold;font-size: 75%;} /* ALL LINK VISITED HOVER ACTIVE STYLES */ div#linktable a{color: #000;} a.small:link {color: #FFFFFF;margin: 5px;padding: 5px;font-weight: bold;} a.small:visited {color: #FFCC00;margin: 5px;padding: 5px;font-weight: bold;} a.small:hover {color: #ffffff;margin: 5px;padding: 5px;font-weight: bold;} a.small:active {color: #FFCC33;margin: 5px;padding: 5px;font-weight: bold;} a.links:link {color: #ffffff;} a.links:visited {color: #F4F3EE;} a.links:hover {color: #EFEFEF;} a.links:active {color: #ffffff;} a.linksyellow:link {color: #FFFFFF;} a.linksyellow:visited {color: #003366;} a.linksyellow:hover {color: #666666;} a.linksyellow:active {color: #990000;} a.links2:link {color: #333399;} a.links2:visited {color: #333333;} a.links2:hover {color: #C63230;} a.links2:active {color: #FF0000;} a.hide:link {color: #edeff0;} a.hide:visited {color: #edeff0;} a.hide:hover {color: #edeff0;} a.hide:active {color: #edeff0;} a.sites:link {color: #333399;font-size: smaller;} a.sites:visited {color: #333333;font-size: smaller;} a.sites:hover {color: #C63230;font-size: smaller;} a.sites:active {color: #FF0000;font-size: smaller;} a.links3:link {color: #333399;} a.links3:visited {color: #333333;} a.links3:hover {color: #C63230;} a.links3:active {color: #FF0000;} a.linksbody:link {color: #333399;} a.linksbody:visited {color: #333333;} a.linksbody:hover {color: #C63230;} a.linksbody:active {color: #FF0000;} a.faqanswers:link {color: #333399;} a.faqanswers:visited {color: #333333;} a.faqanswers:hover {color: #C63230;} a.faqanswers:active {color: #FF0000;} a.currentlevels:link {color: #586e8c;} a.currentlevels:hover {color: #586e8c;} a.currentlevels:active {color: #586e8c;} a.currentlevels:visited {color: #586e8c;} .skip {float: left; font-size: small; padding: 5px; clear: both;} a.skip:link {color: #666666;} a.skip:hover {color: #586e8c;} a.skip:active {color: #586e8c;} a.skip:visited {color: #666666;} #summarylink {clear: both; font-size: 70%; font-weight: bold; background: #000; padding: 10px; border: 1px solid #000; text-align: center; display: block;} a.summarylink:link {color: #fff;} a.summarylink:hover {color: #FFCC00;} a.summarylink:active {color: #fff;} a.summarylink:visited {color: #fff;} #nav3 li a{color: #244268;} /* STYLES RELEVANT TO NAVIGATION AND FOOTER AREAS WHERE COLOURS CAN CHANGE */ div#bottombar{background-color: #264369;color: #fff;border-top: 2px solid #fff;clear: both;float: left;font-size: 85%;width: 100%;} div#bottomnav a, div#bottombar a{color: #fff;} div#bottombar a:hover{color: #A8A7A8;} div#bottomnav a:hover{color: #CCDBEE;} div#bottomnav{background-color: #264369;clear: both;float: left;width: 100%;font-size: 90%;border-top: solid 2px #ffc103;padding-bottom: 20px;} #footer {background-color: #264369;margin-left: 2px;margin-top: 5px;margin-bottom: 5px;font-size: 70%;float: left;clear: both;width: 90%;color: #fff;} #footer2 {background-color: #ffffff;margin-left: 2px;padding-top: 5px;margin-bottom: 5px;font-size: 70%;float: left;clear: both;width: 90%;color: #264369; display: block; text-align: center;} .bottomlinks {color: #000000;padding: 2px;font-weight: normal;} .linksyellow2 {color: #666666;background-color: #264369;} /* EXTRA STYLING USED FOR FAQ PAGE LAYOUT - CODED IN CMS FOR INDIVIDUAL PAGES */ .faqtableheader {background-color: #586e8c;float: left;color: #FFFFFF;font-size: 70%;font-weight: bold;width: 630px;} .faqtablerow1 {background-color: #ffffff;float: left;color: #586e8c;font-size: 70%;width: 630px;} .faqtablerow2 {background-color: #FFCC99;float: left;color: #586e8c;font-size: 70%;width: 630px;} .cell {float: left;margin-right: 3px;width: 90px;padding: 5px;} .cell1 {float: left;margin-right: 3px;width: 90px;padding: 5px;text-align: center;} .largecell {float: left;margin-right: 3px;width: 100%;padding: 5px;} .faqbiheader {background-color: #cccccc;float: left;color: #000066;font-weight: bold;width: 450px;border-top: 1px solid #999999;border-right: 1px solid #999999;border-left: 1px solid #999999;border-bottom: 2px double #003366;} .faqbitablerow1 {background-color: #fff;float: left;color: #586e8c;width: 450px;clear: both;border-top: #999999;border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999;} .faqbetablerow2 {background-color: #FFCC99;float: left;color: #586e8c;width: 450px;} .cellbi {float: left;margin-right: 3px;width: 90px;padding: 5px;} .cellbi-low {float: left;margin-right: 3px;width: 90px;padding: 5px;} .cellbi-low1 {float: left;margin-right: 3px;width: 90px;padding: 5px;font-size: 85%;} .cellbi-low2 {float: left;margin-right: 3px;width: 200px;padding: 5px;font-size: 85%;} .cellbi1 {float: left;margin-right: 3px;width: 90px;padding: 5px;text-align: center;} .largecellbi {float: left;margin-right: 3px;width: 100%;padding: 5px;} .faqbi3header {background-color: #cccccc;float: left;color: #000066;font-weight: bold;width: 620px;border-right: 1px solid #999999;border-left: 1px solid #999999;clear: both;} .rowbi2 {background-color: #ffffff;float: left;color: #586e8c;width: 620px;clear: both; border-top-color: #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999;} .cellbi2 {float: left;width: 45px;padding: 3px;font-size: 70%;text-align: center;} .cellbi3 {float: left;width: 42px;padding: 3px;font-size: 70%;text-align: center;} .cellbi4 {float: left;width: 96px;padding: 3px;font-size: 70%;text-align: center;} .cellbi1 {float: left;width: 80px;padding: 3px;} .cellbi1a {float: left;width: 86px;padding: 3px;font-size: 85%;} /* AIR POLLUTION IN X TOWN - HEADLINE COLOUR */ div#pollutioncontainer h4 {color: #586e8c;font-size: 90%;margin-bottom: 5px;} /* TEXT WHERE COLOURS CAN CHANGE */ .disclaimer {color: #586e8c;font-weight: bold;margin-top: 20px; font-size: small;} .disclaimer2 {color: #586e8c;font-weight: bold;margin-top: 20px; font-size: medium;} .bodyhome {padding-right: 200px;padding-left: 20px;background-color: #586e8c;padding-top: 7px;line-height: 14px;} .copyright {color: #244268;padding: 2px;font-weight: bold;} .body2 {color: #FFFFFF;} .privacy {color: #333333;} /* HEADERS WHERE COLOURS CAN CHANGE */ h1 {font-family: Agfa Rotis Semi Serif, serif;font-style: normal;font-size: 185%;color: #CC0000;margin-top: 10px;margin-left: 5px;margin-bottom: 10px;padding-left: 5px;font-weight: normal;} h2 {font-family: Tahoma, Verdana,arial, sans-serif;font-size: 130%;font-weight: bold;color: #586e8c;margin-top: 10px;margin-bottom: 10px;} h3 {font-family: Tahoma, Verdana,arial, sans-serif;font-size: 100%;font-weight: bold;color: #586e8c;margin-top: 10px;margin-bottom: 10px;} /* TABLE and FORMS CODE WHERE COLOURS CAN CHANGE */ .tablelabel {margin: 5px;padding: 5px;background-color: #ffffff;} textarea {font-family: Tahoma, Verdana,arial, sans-serif;font-size: small;color: #000033;} .tableheader {color: #FFFFFF;background-color: #586e8c;padding: 4px;font-weight: bold;padding: 4px;font-size: small;width: 300px;} .tablebody {color: #333366;padding: 4px; cellpadding: 4px;font-weight: normal;font-size: small;background-color: #ffffff;margin: 2px;width: 80%;} .tablebodytd {color: #333366;padding: 4px; cellpadding: 4px;font-weight: normal;font-size: small;background-color: #ffffff;margin: 2px;width: auto} #leftcolsml table { border-collapse: collapse; width: 96%; } #leftcolsml th { padding: 0 0.5em; text-align: left; } #leftcolsml td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 0 0.5em; border-right: 1px solid #CCC; padding: 0 0.5em; font-size: smaller;} .faqpic {width: 200px; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;} .tablebody1 {color: #333366;padding: 4px;font-weight: normal;background-color: #ffffff;margin: 2px;width: 300px;font-size: small;} .tablebodyright {color: #333366;padding: 4px;/* cellpadding: 5px;*/ font-weight: normal;background-color: #FAFADD;} .tableheadergrey {color: #666;background-color: #cccccc;padding: 4px;font-weight: bold;font-size: small; text-align: left;} .tableheaderlg {color: #FFFFFF;background-color: #586e8c;padding: 4px;/* cellpadding: 5px;*/ font-weight: bold;font-size: small;} .tablebodylg {color: #333366;padding: 4px;/* cellpadding: 5px;*/ font-weight: normal;background-color: #fff;font-size: small;} .tablebody2 {color: #333366;padding: 4px;/* cellpadding: 5px;*/ font-weight: normal;background-color: #fff;margin: 2px;font-size: small;} .tabledate {text-align: left;color: #666666;font-size: 85%;padding-top: 10px;} button {font-weight: bold;color: #586e8c;font-size: small;} input {color: #003366;font-size: small;} .heading {color: #C63230;font-weight: bold;padding: 0px;} select {color: #333333;font-size: smaller;} .heading2 {color: #000000;font-weight: bold;} .heading3 {color: #CC3333;font-weight: bold;padding: 0px;} .currentlevel {color: #586e8c;float: left;margin-right: 5px;} .currentlevel2 {color: #586e8c;float: left;width: 100%; margin-top: 5px; margin-bottom: 5px;} .currentlevel-container {width: 100%;clear: both; margin-top: 10px;margin-bottom: 10px;} .currentlevel-label {width: 60px;font-size: 65%;font-weight: bold;float: left;} .currentlevel-label2 {width: 100%;font-weight: bold;float: left;} .currentlevel-whatis {float: left;} .currentlevels-headings {color: #586e8c;font-size: 100%;font-weight: bold;margin-bottom: 5px;margin-top:10px; clear: both;} /* NO JAVASCRIPT STYLES */ #noscript {float: left;width:100%;height: 25px;font-size: 75%;} div#noscript ul{padding: 5px;} div#noscript a{color: #666;} div#noscript a:hover{color: #003366;} div#noscriptlinks ul{list-style: none;padding: 1px 0 0 0;margin: 1px 5px;} div#noscriptlinks li{display: inline;padding: 0;background : transparent url(../images/ninepx.gif) no-repeat 0% 50%;margin: 2px 0;text-align: center;width: auto;} div#noscriptlinks li a{height: 1px;margin: 2px 3px 2px 6px;font-weight: bold;} /* font sizer alternative text */ #fontsizeralt {color: #fff;clear: both;background: #ff0000 none;} .fontsizealt {font-size: 70%; padding: 10px; text-align: center; font-weight: bold;} div#noscriptlinks li.title{font-weight: bold;color: #87BCDC;background-image: none;margin-left: 5px;} div#noscriptlinks li.first{background-image: none;} div#noscriptlinks p{margin: 5px;} .menu4 {width: 100%;margin: 1em 0;padding: 0px 0.5em;background: #eee none;} .menu4 footer{margin: 0;padding: 0;list-style-type: none;} .menu4 li {margin: 0;padding: 0;float: left;} .menu4 {padding: 0;background: #fff none;} .menu4 li {width: 7em;margin-right: 1em;background: #eee none;text-align: center;} .menu4 a {display: block;width: 100%;text-decoration: none;} .menu4 a:hover {background: #ff9 none;} /* INTERNAL BUTTONS */ #internallinks {text-align: left;margin: 0 0 5px 0;width: 100%;} #internallinks ul {margin: 0;padding: 0;list-style-type: none;} #internallinks footerli {display: block;float: left;margin-right: 5px;margin-left: 0;} #internallinks footerli a {border: 1px solid #ffffff;text-decoration: none;color: #ffffff;background-color: #586e8c;display: block;font-size: 0.8em;font-weight: normal;margin-top: 2px;margin-bottom: 2px;padding-top: 0.4em;height: 18px;padding-right: 0.5em;padding-bottom: 0.4em;padding-left: 0.5em; width: auto;} #internallinks footerli#active a, #internallinks footerli a:hover {color: #666666;background-color: #ffffff;border: 1px solid #586e8c;} a.cal {font-size: 1em;color: #ff0000;text-decoration: none;display: inline;} .calendar {display: none;} #container {font-size: 77%;font-family: arial,helvetica,sans-serif;position: absolute;margin: 10px 2px 0px -152px;width: 140px;height: 180px;border: 1px solid;overflow: hidden;background-color: #ffffff;} .calTable {border: 0px;background-color: #FFFFFF;font-size: 0.925em;} .calHeader {border: 0px;background-color: #586e8c;color: #fff;text-align:center;} .calHeader a {color: #fff;} /* SODAR SPECIFIC STYLES */ #content p.sodar { font-size: 90%;margin-bottom: 20px; margin-top: 0px;} /* NAVIGATION SHOWN ON SITES PAGES */ /* NAVIGATION SHOWN ON SITES PAGES */ #navcontainer ul {margin: 0;padding: 0;list-style-type: none;} #navcontainer ul li {display: block; float: left;width: 180px;margin: 0 5px 0 0;} #navcontainer ul li.wide {width: 143px;} #navcontainer ul li.last{margin: 0 0 0 1px;} #navcontainer ul li a {text-decoration: none; padding: .4em .5em; color: #fff; background-color: #586e8c; display: block; font-size: 0.8em; font-weight: bold; border: 1px solid #586e8c;} #navcontainer ul li#active a, #navcontainer ul li a:hover {color: #003366; background-color: #ffffff; border: 1px solid #586e8c;} #navcontainer {width: 100%; min-height: 30px;height: 30px;text-align: left;margin: 0 0 5px 0;} #navcontainer{height: auto;} #navcontainer footer{margin: 0;padding: 0;list-style-type: none;} #navcontainer footerli {display: block; float: left;width: 180px;margin: 0 5px 0 0;} #navcontainer footerli.wide {width: 143px;} #navcontainer footerli.last{margin: 0 0 0 1px;} #navcontainer footerli a {text-decoration: none; padding: .4em .5em; color: #fff; background-color: #586e8c; display: block; font-size: 0.8em; font-weight: bold; border: 1px solid #586e8c;} #navcontainer footerli#active a, #navcontainer footerli a:hover {color: #003366; background-color: #ffffff; border: 1px solid #586e8c;} /* LINKS STRUCTURE */ #linkscontainer {width: 80%; min-height: 30px;height: 30px;text-align: left;margin: 0 0px 5px 0px;} #linkscontainer{height: auto;} #linkscontainer footer{margin: 0;padding: 0;list-style-type: none;} #linkscontainer footerli {display: block; float: left;width: 100%;margin: 10px 10px 10px 10px;padding: .4em .5em; color: #003366; display: block; font-size:100%; border-bottom: 1px solid #666; } #linkscontainer footerli a {text-decoration: none; font-weight: bold;} #linkscontainer footerli#active a, #linkscontainer footerli a:hover {color: #999999; } /* FAQLINKS */ #faqlinkscontainer {width: 75%; min-height: 20px;height: 20px;text-align: left;margin: 0 0px 5px 0px;} #faqlinkscontainer{height: auto;} #faqlinkscontainer footer{margin: 0;padding: 0;list-style-type: none;} #faqlinkscontainer footerli {display: block; float: left;width: 100%;margin: 2px 2px 2px 10px;padding: .2em .3em; color: #003366; display: block; font-size:100%; } #faqlinkscontainer footerli a {text-decoration: none; } #faqlinkscontainer footerli#active a, #faqlinkscontainer footerli a:hover {color: #999999; } #leftcol footer{list-style: square; margin: 10px; padding: 0;} #leftcol li {margin: 0.25em 0;} #leftcol ul.intlinks {list-style: none; margin: 3px; padding: 0;text-align: left;} #leftcol li.intlinks {margin: 0.25em 0;} #leftcol ul.intlinks-sites {list-style: none; margin: 3px; padding: 0; } #leftcol li.intlinks-sites {margin: 0.25em 0;} #leftcolsml footer{list-style: square; margin: 10px; padding: 0; font-size: 85%;} #leftcolsml li {margin: 0.25em 0;} div#leftcol td {padding: 5px;} #content footer{list-style: square; margin: 10px; padding: 0; } #content li {margin: 0.25em 0; width: 100%;} #rightcol footer{list-style: none; margin: 10px; padding: 0; font-size: 105%;} #rightcol li {margin: 0.25em 0; width: 100%;} #diffusioncontainer {float: left; padding: 10px; clear: both; margin-top: 10px;} .nopopup {background: #ff0000; font-size: 90%; color: #fff; padding: 5px; line-height: 2em;} a.nopopup:link {color: #fff;} a.nopopup:hover {color: #ccc;} a.nopopup:active {color: #fff;} a.nopopup:visited {color: #fff;} .historicaldata {clear: both; margin-top: 5px; margin-left: auto; margin-right:auto;padding: 5px;background: #fff none; border: 1px dotted #666;width: 70%; text-align: center; font-size: 90%;} .annualtotalsites {font-size: 90%; fontweight: bold;}