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:#090;
padding-left:0.25em;
}

a.menu:hover {
color:#f50;
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;
}

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:900px;
width:expression(document.body.clientWidth > 900? "900px": "auto" );
}

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.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;
}

span.small {
font-size:small;
}

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

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-left:10px;
width:25em;
}

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;
}

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;
}

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;
}

.odd {
background:#e7f5fb;
}

.even {
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;
}

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

div.error {
border:solid 1px red;
background-color:#ff0;
color:red;
font-size:x-large;
position:absolute;
top:90px;
left:10px;
padding:2px;
}

div.special_message {
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;
text-align:left;
}

div.shaded {
background:#ddf;
}

.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;
}

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;
float:right;
margin:5px;
}

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

div.wide_ul {
clear:both;
height:1px;
overflow:hidden;
}

div.caption {
margin:10px;
}

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

table.clouds {
width:100%;
}

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

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

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

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

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

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

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

.faq img {
  float:right;
}