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

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

.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:maroon;
 font-size:large;
 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;
}

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

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

div.caption {
 margin:10px;
}

div.front_page_plot {
 border:1px solid #000;
 margin-left:5px;
 margin-bottom:5px;
 width:620px;
 background:#adb9f7;
}

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

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

div.timing {
 display: none;
}

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

table.bluebox {
	color:#FFFFFF;
	font-variant:small-caps;
	font-weight:bold;
}

.bigger {
	font-size:larger;
}

a.bluebox:link,a.bluebox:visited {
 color:#FBEB8A;
 background-color:transparent;
}

a.bluebox:hover {
 color:#DA4B09;
 background-color:transparent;
}

div.whitebox {
	color:#000000;
	font-variant:small-caps;
	font-weight:bold;
}

a.whitebox:link,a.whitebox:visited {
 color:#0A396C;
 background-color:transparent;
}

a.whitebox:hover {
 color:#8B001B;
 background-color:transparent;
}

a.orangebox:link,a.orangebox:visited {
 color:#0A396C;
 background-color:transparent;
}

a.orangebox:hover {
 color:#8B001B;
 background-color:#FFFFFF;
}