body {
 font-family:arial, sans-serif;
 background:#e7f5fb;
 margin:0;
 padding:0;
}

div.page_header {
 display:block;
 height:90px;
}

div.sun {
 z-index:0;
 width:50px;
 height:50px;
 background:url('/images/sun.png') no-repeat;
 position:absolute;
}

div.clouds {
 width:100%;
 height:90px;
 background:url('/images/cloud_banner.png');
 z-index:10;
 top:0;
 left:0;
 position:absolute;
}

div.menu {
 background-color:transparent;
 font-family:sans-serif;
 font-size:18px;
 display:block;
 position:absolute;
 top:90px;
 right:10px;
 height:20px;
 margin-right:10px;
}

* div.menu {
 position:static;
 z-index:2;
 float:right;
 border:none;
}

a.menu {
 color:#FFF;
 text-decoration:none;
 background-color:transparent;
 padding-left:0.25em;
}

span.menu {
 color:#092;
 padding-left:0.25em;
}

a.menu:link,a.menu:visited {
 color:#009;
 background-color:transparent;
}

a.menu:hover {
 color:#f50;
/*color: #09F;*/
 background-color:transparent;
}

div#summary {
 padding-top:1em;
 clear:both;
}

div.footer_rule {
 clear:both;
 background-color:transparent;
}

div.modified_tag {
 font-size:12px;
 font-style:italic;
 text-align:right;
 float:right;
}

div.validator {
 float:left;
}

div.validator img {
 border: none;
}


a.path {
 color:#039;
 text-decoration:none;
 background-color:transparent;
 padding-left:0.25em;
}

div.footer {
 float:left;
 display:inline;
 border:solid 1px;
 vertical-align:bottom;
}

hr.footer {
 height:4px;
}

div.page {
 max-width:1100px;
 width:expression(document.body.clientWidth > 1100? "1100px": "auto" );
}

div.wider {
  max-width:1600px;
}

div.content {
 position:relative;
 top:110px;
 clear:inherit;
 background:#e7f5fb;
 padding:20px 1em 1em;
}

* div.content {
 position:static;
}

div.news {
 background:#fdd;
 width:45%;
 border:solid 2px red;
 float:right;
 padding:0.5em;
}

div.main_left {
 overflow:hidden;
}

div.factoids {
 font-size:10pt;
 text-align:justify;
 width:100%;
}

div.wsymbol {
 background:#ddf;
 width: 108px;
 height:158px;
 margin:4px;
 float:left;
 font-size:10px;
}

img.wsymbol {
 width:100px;
 height:100px;
 border:0;
 padding:4px;
// padding-left:0.5em;
// padding-bottom:0.5em;
}

div.current_obs {
 background:#ddf;
 float:right;
 text-align:center;
 margin-left:0.5em;
 margin-right:0.5em;
 width:20em;
 font-size:12px;
 padding:0.5em;
}

table.current_obs {
 background:#fff;
 border-collapse:collapse;
 margin-top:0.5em;
 height:16em;
 width:100%;
 font-size:10pt;
}

table.current_obs td {
 vertical-align:middle;
}

.small {
 font-size:small;
}

.smaller {
 font-size:x-small;
 color:#999;
}

.larger {
 font-weight:bolder;
}

span.reverse {
/*  background:#cdf;*/
/*  color:#333;*/
/*  padding:2px 5px 2px 5px;*/
}

div.realtime {
 float:none;
 border:solid 2px #000;
 background:#ddf;
 margin-bottom:0.5em;
 height:25em;
 padding:0.5em 0 0;
}

p.realtime {
 text-align:center;
 margin:0.25em;
}

div.station_list {
 float:left;
 background:#ddf;
 padding:10px;
 margin-top:1em;
 width:30em;
}

div.station_table {
 float:left;
 border:solid 1px blue;
 background:#ddf;
 padding:5px;
}

table.station_table {
 background:#e7f5fb;
 font-size:10pt;
 width:20em;
 float:left;
}

div.station_droplist {
 background:#ddf;
 padding-left:10px;
 border:solid 1px blue;
 width:25em;
 float:left;
 margin:10px;
}

div.station_form {
 float:left;
 background:#ddf;
 padding-left:10px;
 border:solid 1px #007;
 width:20em;
 margin:10px;
}

/*div.twod_container {
 width:650px;
 float:left;
 clear:left;
}*/

div.plot,div.smlplot,div.medplot {
 margin-top:5px;
 border:solid 1px blue;
 background:#ddf;
 height:490px;
 width:650px;
 float:left;
}

div.smlplot {
 height:250px;
 width:330px;
 margin-left:5px;
}

div.medplot {
 width:660px;
 height:370px;
 margin-left:5px;
}

img.plot,img.smlplot {
 border:0;
 margin:5px;
}

div.plot_types {
 width:100%;
/* height:2em;*/
 float:left;
 clear:both;
 text-align:center;
 background:#ddf;
 margin:5px;
 padding:5px;
}

div.disclaimer {
 border:dotted 1px red;
 float:left;
 padding:1em;
}

div.map {
 margin-left:50px;
 margin-top:5px;
 width:540px; 
 height:520px; 
 border:solid 1px black;
}
div.map2 {
 margin-left:50px;
 margin-top:5px;
 width:1000px; 
 height:1000px; 
 border:solid 1px black;
}

span.form_tag {
 border:solid 1px green;
 background:#fee;
}

table.extreme {
 border:solid 1px;
 border-collapse:collapse;
 margin-right:5%;
 margin-left:5%;
}

table.extreme tr {
 height:2em;
}

table.extreme td {
 padding-right:3px;
 padding-left:5px;
 padding-top:1px;
 border-right:solid 1px #000;
}

table.extreme td.noframe {
 border-right:none;
// border-right:solid 2px #F81;
}

table.extreme th.noframe {
 border-right:none;
}

table.extreme span.small {
 color:#555;
}

table.extreme span.red {
 color:#aa0000;
}

table.extreme span.space {
 width:4em;
// border:solid 1px green;
 display: block;
}

.odd {
// background:#e7f5fb;
 background:#eff8fb;
}

.even {
 background:#fff;
}

table.extreme tr.threelines,td.threelines {
 height:4em;
 vertical-align:middle;
}

.bold {
 font-weight:bold;
}

.centre {
 text-align:center;
}
th.uv,td.uv {
 border-bottom: solid 1px #000;
}

tr.uv {
 background: #fff;
}

span.up {
 color:#0a0;
 font-size:10px;
}

span.down {
 color:red;
 font-size:10px;
}

table.extreme .month {
 color:#000;
 font-weight:bolder;
}

table.extreme .unit {
 color:#00f;
 font-size:small;
 display:block;
}

table.extreme .date {
 color:#777;
 font-size:small;
 float:right;
}

table.yesterday {
 border:solid 1px;
 border-collapse:collapse;
 margin-right:5%;
 margin-left:5%;
 font-size:12px;
}

table.yesterday td {
 padding-right:4px;
 padding-left:4px;
 padding-top:1px;
 border-right:solid 1px #000;
}

div.station a {
 text-decoration:none;
 color:#777;
 font-size:small;
 float:left;
}

div.error {
 border:solid 1px red;
 background-color:#ff0;
 color:red;
 font-size:large;
// position:absolute;
// top:115px;
// left:10px;
 max-width:640px;
 width:expression(document.body.clientWidth > 1100? "640px": "auto" );
 padding:3px;
 display: block;
 
}

div.special {
 padding-top: 10px;
 padding-bottom: 10px;
 font-style:italic;
}

div.special_message {
 background-color:#ff0;
 color:#000:right;
 text-align:center;
}

div.warning {
 background-color:#ff0;
 color:#000;
 text-align:center;
}

div.standard_block {
 padding-left:5px;
 padding-right:5px;
 margin-top:10px;
 margin-left:10px;
 max-width:640px;
 width:expression(document.body.clientWidth > 1100? "640px": "auto" );
 text-align:left;
}

div.wider {
 width:95%;
}

div.shaded {
 background:#ddf;
 padding:5px;
}

div.top-space {
  margin-top: 15px;
}

.border {
 border: solid 1px black;
}

div.yellow {
 background-color:#ff0;
 color:#000;
 text-align:center;
}

div.standard_block_forecast {
 font-family:courier;
 font-size:8pt;
 padding-left:5px;
 padding-right:5px;
 margin-top:10px;
 margin-left:10px;
 max-width:640px;
}

div.movie {
 text-align:center;
 background:#fff;
 width:80%;
 margin-left:10%;
 margin-right:10%;
 padding:1em;
}

.footnote {
 font-size:x-small;
 color:#777;
 text-align:right;
 margin-right:5%;
 padding-left:1em;
 clear:left;
}

th.footnote {
 margin-right:0%;
 padding-left:0em;
}

ul.wide_ul {
 list-style-type:none;
 text-align:left;
 padding-top:5px;
 margin-left:-1em;
}

ul.wide_ul li {
 border:2px solid #007;
 background-color:#ddf;
 margin-bottom:10px;
 padding:5px 5px 4px;
}

ul.wide_ul li img {
 border:solid 1px blue;
 margin:5px;
 float:right;
}

ul.wide_ul li div {
 width:100%;
}

img.photo {
 border:solid 3px #000;
 margin:5px;
}

img.small {
 width:175px;
 float:right;
}

div.wide_ul {
 clear: both;
 overflow:hidden;
}

div.caption {
 margin:10px;
}

div.front_page_plot {
 border:1px solid #000;
 margin-left:10px;
 margin-bottom:10px;
 width:650px;
 background:#ddf;
}

div.wide_plot {
 width:1160px;
 border:solid 1px #000;
 background:#ddf;
 margin-bottom:10px;
}

div.really_wide_plot {
  width:2010;
  height:1210;
}

table.clouds {
 width:100%;
}

div.tooltip {
 padding-left:3px;
 padding-right:3px;
 background-color:#ddf;
 font-weight:700;
 border:1px solid blue;
}

span.bold,table.extreme .value {
 font-weight:bolder;
}

table.extreme thead,table.yesterday thead,table.extreme tfoot {
 background:#ccc;
}

table.extreme th,table.yesterday th {
 border-right:solid 1px;
}

td.right {
 text-align:right;
}

td.flagged,span.flagged {
 color: #00b;
}

td.centre {
 text-align:center;
}

ul.faq {
 list-style-type:none;
}

.faq p {
 margin-left:1em;
}

.faq img {
 float:right;
}

div.timing {
// display: none;
 clear:both;
 margin:10px;
 font-size:x-small;
}

table.centred {
 margin-left: auto;
 margin-right: auto;
 width:95%;
 border-collapse:separate; 
}

table.centred td {
 text-align:center;
}

table.centred a img {
 float:none;
}

span.highlight {
 color:#7E2217;
}

span.inactive {
  color: #777;
}

span.old {
  color:red;
}

span.new {
 color:#7E2217;
 text-transform:uppercase;
}

span.message {
 font-size: large;
 font-weight:bolder;
}

div.station_options {
 padding:6px;
 float:left; 
 width:60%;
 max-width:60%;
 margin: 2px;
}

div.station_options p {
  margin:0.45em;
  margin-bottom:0.0em;
/*  border:1px solid red;*/
}

div.station_options p.close {
  margin:0.0em 0.45em 0.1em 0.45em;
}

div.station_options a {
 text-decoration:none; 
}

div.station_options a:link {
 color:#0040b0;
}

div.station_options a:visited {
 color:#000090;
}

div.station_options a:hover {
 color:#f50;
}

td.filled {
 background:#bbb;
}

img.movie_ref_image {
 padding:10px;
 margin:10px;
 background:white;
 border:solid 1px black;
 width:300px;
 float:right;
}