body {
  background-color: #FFFFFF;
  font-family:Verdana, Arial, Helvetica, San-serif;
  font-size: 12px;
  color: #000000;
  padding: 0;
}


body, html {
  margin: 0;

}
#header {
  padding-bottom:  10px;
}

#container {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  min-width: 850px;
  text-align: left;
}

#content {
  width: 100%;
    margin-top: 10px;
}

#mainnav {
  position: relative;
  z-index: 20;
}

a, a:link {
  color: #003366;
  text-decoration: none;
}

a:hover{
  color: #336699;
}

TABLE, TH, TD { font-family:Verdana, Arial, Helvetica, San-serif; color: #000000; FONT-SIZE:12}

H1, H2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size:18; font-weight: bold}
H3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-size:16; font-weight: bold; padding-bottom: 2px;}
.had {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: red;
  font-size:18;
  font-weight: bold;
  padding-bottom: 2px;
  }

h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  font-size:18;
  margin-bottom: 0px;
  }

  .BODY_SECTION_HEADER
  {
    FONT-FAMILY: Verdana, Arial, Helvetica, San-serif;
    FONT-SIZE: 12;
    FONT-STYLE: normal;
    COLOR: #000000;
    TEXT-DECORATION: NONE;
  }

.bigsheet_header{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border-top-width: 2px;
  border-bottom-width: 2px;
}

/* used in historical data input box */
.databox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border-style: solid;
  border-color: #336699;
  border-top-width: 2px;
  border-bottom-width: 2px;
  line-height: 2.5em;
  width: 60%;
}

.b_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}


.advisories {
  font face:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 2px;
  padding-bottom: 0px;
}
.ad_header {
  font face:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.paper {
  font face:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.publication {
  font face:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}


.hazard {
  font face=  Verdana, Arial, Helvetica, sans-serif;
  font-size= 12px;
}

.sponsors {
  font-family: "Arial, Helvetica, sans-serif";
  font-size: 12px;
  text-align: left;
}

 img.tstations { /* scalable em size class  */
  width: 15em; /* replaces px width */
  height: 15em; /* replaces px height */
  border: 0px;
  text-align: center;
  }

.sums {
margin-left: 25px;
}

.caption {
  font-size: .8em;
  font-style: italic;
  margin-left: 25px;
  text-align: left;
}

.col {
  font-wieght: bold;
  border-right: meduim solid #9999cc;
}

fieldset    { padding:.5em; margin: 0 0 .5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* next 3 used on  weather_and_snow.html to try 3 column layout */

#left_col {
     float: left;
     width: 120px;
}

#right_col {
     float: right;
     width: 120px;
}

#center_col {
     float: left;
     width: 70%;
}




@media print {
   #navigation {display: none }
   .sponsors {font-size: 10px}
   .b_text {font-size: 10px}
      .advisories {font-size: 12px }
  }