body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

#header {
  background: #0080FF;
  width: 900px;
  height: 30px;
  text-align: left;
}

#overview {
  background: #fff;
  clear: both;
  float: left;
  width: 900px;
  height: 200px;
  overflow: auto
}

#main {
  float: left;
  width: 800px;
  height:700px;
}

#map_canvas {
  background: #fff;
  clear:  both;
  float: left;
  width: 900px;
  height: 700px;
}

#map_canvas_h {
  background: #fff;
  clear:  left;
  float: left;
  width: 500px;
  height: 300px;
}

#footer {
  background: #fff;
  clear: left;
  width: 900px;
  text-align: center;
}

#log {
  float: left;
  clear: both;
  width: 100px;
}

h1 {
  padding: 5px;
  font-size: 16px;
  color: #fff;
}

h2 {
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
}

h3 {
  padding: 5px;
  font-size: 12px;
}

ul {
  padding: 5px;
  font-size: 10px;
}

a {
  color: #000000;
}

.radar_list_header {
  float: left;
  clear: both;
  width: 850px;
  font-size: 14px;
  font-weight: bold;
}

ul.radar_list {
    float: left;
    clear: both;
}
ul.radar_list li{
  list-style: none;
  float: left;
  width: 144px;
  height: 36px;
  overflow: hidden;
  font-size: 9px;
}

.radar_state {
  float: left;
  clear: both;
  width:882px;
  border-top: 1px solid #000;
  padding-top: 4px;
  padding-left: 2px;
 }

#global_control {
  font-size: 10px;
  float: left;
  width: 340px;
  padding: 10px;
}

#range_control {
  font-size: 10px;
  margin: 5px;
  clear: both;
  float: left;
}
#range_control a {
  display: none;
}

#overview_header {
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
  float: left;
  clear: left;
}

a#radar_markers_toggle {
  display: inline;
}

#radar_markers_control {
  display: none;
}

#forecast_districts_control {
  display: none;
}

#fire_districts_control {
  display: none;
}

#lightning_control {
  display: none;
}