html {
  background-color: #eee;
}

body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  background-color: #fff;
  color: #444;
  padding:0px;
  /*width:59em;*/
  margin-top:2em;
  margin-bottom:2em;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow:  -moz-scrollbars-vertical;
  /* min-width: 965px; */
}

img {
  border: 0px;
  padding: 0px;
  margin:0px;
}

a:link {
  color: #00b;
  text-decoration: none;
}

a:visited {
  color: #00b;
  text-decoration: none;
}

a:hover {
  color: #e2144a;
  text-decoration: none;
}

h1 {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 0;
  padding-bottom: 3px;
  margin: 0 0 15px 0;
  font-size: 120%;
}
h2 {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 0;
  padding-bottom: 3px;
  margin: 0 0 15px 0;
  font-size: 110%;
  text-align:left;
}
h3 {
  font-size: 105%;
  display: block;
  padding: 0;
}
h4 {
  margin-top: 0em;
  font-size: 100%;
  display: block;
  padding: 0;
}

p.italic {
   font-style: italic;
}


ul {
  list-style: none;
  margin-left: 1em;
  padding-left: 1em;
}

ul.pubs { text-indent: -1em; }

table ul {
  margin:0px;
}

table li {
  margin-top:0.5em;
}

table {
  border-collapse: collapse;
  /* margin-left: auto; */
  /* margin-right: auto; */

}

table td {
  font-size: 10pt;
  padding: 3px;
}

.data table, tr, td {
   border: 1px solid gray;
}

div.float {
   float:left;
}

div.container{
   padding:0px;
   margin:0px;
   padding-bottom:1em;
   width:100%;
   clear:both;
}

div.container:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

div.sat_img{
   width:300px;
   float:left;
   margin-left:0.5em;
   margin-right:0.5em;
   text-align:center;
   
}


.thumbnail
{
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 10pt;
font-family: verdana, arial, helvetica, sans-serif;
}

.thumbnail p {
  clear: both;
}

.border td {
  border: 1px solid #555;
}

#banner {
  background-image: url(/images/group_logo_cont.png);
  background-position: right;
  background-repeat: repeat-x;
  height:70px;
  border:1px solid #ccc;
  voice-family: "\"}\"";
  voice-family: inherit;
  height:70px;
  padding:0px;
  }
  html>body #banner {
  height:70px;
  padding:0px;
}

.bannertext {
  font-weight: bold;
}

#navigation {
  position: relative;
  float:left;
  clear:both;
  width:7em;
  height:100%;
  padding:0px;
  margin:0px;
  margin-left:0.5em;
  margin-top:1em;
  /*background-color: #f5fff5;*/
  overflow: hidden;
}

.boxheader {
  display: block;
  padding: 4px;
  margin: 0;
  background-color: #8ca7dc;
  color: #fff;
  font-weight: bold;
}

#content {
  padding: 0;
  overflow: hidden;
  margin-top: 1em;        /* IE5 */
  background-color:#fff;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 9.5em;
  }
  html>body #content {
  margin-top: 1em;       /* IE6/FFOX */
  margin-left: 1em;
}

#innercontent {
  padding: 10px;
  min-height: 28em;
  height: auto;
  _height: 28em;
}

.dropdown ul {
  text-indent: 0px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 7em; /* Width of Menu Items */
  /*background-color: #f5fff5;*/
}

/* Styles for Menu Items */
.dropdown ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  /*background: #ffffff;  IE6 Bug */
  /*background-color: #f5fff5;*/
  padding: 5px;
  margin: 0px;
  width: 7em;
}

.dropdown ul li a:link { color: #000; }

.dropdown ul li a:visited { color: #000; }

.dropdown ul li a.current { color: #4d17ef; background: #f5f5f5; }

.dropdown ul li a:hover { color: #4d17ef; background: #f5f5f5; }

.caption {
  font-size: 7pt;
}

.grey {
  font-style: italic;
  color: #ccc;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right:auto;
}

.block {
  display: block;
}

.right {
  float: right;
}

.left {
  float: left;
}

.lowval {
  color: #0080ff;
}

.highval {
  color: #ff0000;
}

img.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

div.spacer {
   /* border-top: 1px solid gray; */
   float: left;
   clear: left;
   width: 100%;
   margin: 0.5em;
}

/** Front page elements **/
#webcam {
   width: 320px;
   margin-right: 2em;
}

#weatherData {
   height: auto;
   margin-right: 2em;
}

#l4map {
   width: 145px;
   margin-right: 2em;
   float: left;
   clear: right;
}

#stationData {
   padding-right: 2em;
}

#introText {
   clear: left;
}