h1 { font-size: 18px; text-align: center;}
h3 { font-size: 12px; text-align: left; margin: 2px; padding: 2px;}

/*table { text-align: left;}*/
ul { padding: 2px; margin: 4px; text-align: left;}
ul.columns li {list-style: none; padding: 0; margin:0; width: 80px; margin: 2px; float: left; text-align: left;}
ul.plain {margin: 3px; padding: 0; text-align: left; font-size: 10px;}
ul.plain li {margin: 3px; padding: 0; list-style: none;}
.container { width: 990px; margin: 0; padding: 0; margin: 0 auto; border: 0;}
.rounded
{
  background-color: #FFFFFF;
  margin: 4px;
  padding: 2px; 
  border: 1px solid #EEEEEE;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}

/* Primary divs */
#content { width:840px; float: left; background: #FFFFFF;}
#content_wide { width:976px; float: left; background: #FFFFFF;}
.rounded
{
  background-color: #FFFFFF;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}




td.popupCell {
 color: #222222;
 list-style-type: square;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
}

b.popupCell {font-family:arial;color:#000000;font-size: 12px;}

td.popupCellLabel {
 color: #222222;
 list-style-type: square;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
}
b.popupCellLabel {font-family:arial;color:#000000;font-size: 11px;}

td.popupDataCellLabel {
 color: #222222;
 list-style-type: square;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
}

td.popupDataCellLabelOdd {
 color: #222222;
 background: #FFDDAA;
 list-style-type: square;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 padding: 1px 5px;
}

td.popupDataCellLabelEven {
 color: #222222;
 background: #FFEEEE;
 list-style-type: square;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 padding: 1px 5px;
}
#map_canvas {
  width: 962px;
  height: 500px;
  color:#333;
  clear: left;
}

#map_canvas div {
  margin: 0;
  padding: 0;
  border: none;
}
#key   { width:826px; float: left; background: #FFFFFF;}
#notes { width:826px; float: left; background: #FFFFFF;}

#key ul { margin: 0 0 5px 5px; padding: 0; float: left; clear: right;}
#key ul li {border: 1px solid #AAAAAA; text-align: center; position: inherit; padding: 1px; margin: 0; float: left; list-style: none; }

ul#precipitation_key {margin: 4px;}
ul#precipitation_key li {width: 65px; height: 14px;}

ul#wind_strength_key {clear: left; width: 750px;}
ul#wind_strength_key li {width: 52px; height: 45px; background: #AAAAAA; border: 1px solid #777777;}
ul#wind_strength_key li img {clear: left; height: 15px;}
ul#wind_strength_key li p {text-align: center; }
#layer_selector { width: 366px; height: 56px; background: #EEEEEE; float: left;}
#layer_selector form { border:0; padding: 0; margin: 0;}
#layer_selector p { padding: 0; margin: 4px; float: left; clear: none;}
#background_layer_selector_container { padding: 0; margin: 0; float: left;  height: 28px; border: none;}

#foreground_layer_selector_container { padding: 0; margin: 0; float: left; clear: left;  height: 28px; border: none;}
#foreground_layer_selector_container ul { width: 300px; margin: 0 0 5px 5px; padding: 0; float: left; clear: right;}
#foreground_layer_selector_container ul li {height: 18px; border: none;  padding: 2px; margin: 3px; float: left; list-style: none; background: #DDDDDD; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#map_info {width: 272px; height: 56px; background: #EEEEEE; float: left; clear: right;}

#map_links {width: 296px; height: 56px; background: #EEEEEE; float: left; clear: right;}
span.tiles_loading { color: #008800; }