BODY {
   font-family: Arial, sans-serif;
   font-size: 90%;
   margin-left:  auto;
   margin-right: auto;
   width: 840px;
   border: 1px solid navy;
   }
p { padding: 5px 0px 1px 15px; }
p.topnav, p.topnav a:link, p.topnav a:visited {
           background-color: navy;
           color: white;
           padding: 5px 5px 5px 5px;
           margin: 0;
  }

h1 { font-size: 200%; color: black; background-color: #daf2da; }
h2 { font-size: 140%; color: black; background-color: #daf2da; }
h3 { font-size: 120%; color: black; background-color: #daf2da; }
h4 { font-size: 120%; color: black; background-color: #daf2da; }

h1, h2, h3, h4 {
           text-align: left;
           padding: 5px 0px 1px 15px;
           margin: 0px 0px 0px 0px;
           }

table.chart-top {
   margin: 0;
   border-collapse: collapse;
   background-color: #ffffcc;
   color: black;
   }

td.chart-top-left {
   padding: 10px;
   font-size: 90%;
   border-collapse: collapse;
   background-color: #ffffcc;
   color: black;
   margin: 0px 0px 0px 0px;
    }

td.bar {
   border-top: 3px solid white;
    }

div.warmingx {
    font-size: smaller;
    color: black;
    /* background-color: #ffeeaa; */
    /* padding: 10px 10px 20px 10px; */
    /* padding: 5px 5px 5px 15px; */
    margin: 0px 0px 0px 0px;
    }

div.warming h6 {
     font-size: 100%;
     text-align: left;
     /* padding: 3px 0px 1px 0px; */
     margin: 0px 0px 0px 0px;
     }

div.warming b {
    color: red;
    background-color: #ffeeaa;
     }

div.warming p {
     /* padding: 2px 0px 3px 0px; */
     margin: 0px 0px 0px 0px;
     }

.sectionHead {
    color: black;
    background-color: #c0FFc0;
    font-size: larger;
    padding: 5px 5px 1px 5px;
    }

table.data {
     border-collapse: collapse;
     }
table.data td, table.data th {
    border:  thin solid gray;
    }

table.data td.blank {
    border:  none;
    padding: 0;
    font-size: x-small;
    }

table.data td {
     font-family: Courier, monospace;
     font-size: 80%;
     padding: 2px 3px 2px 3px;
     text-align:  right;
     }

.ave, .snow {
     color: black;
     background-color: white;
     }

.have {
     color: black;
     background-color: #cccc99;
     }

.high {
     color: black;
     background-color: #ffcccc;
     }

.low {
     color: black;
     background-color: #ccccff;
     }

.precip, .tave {
     color: black;
     background-color: #ccffcc;
     }

.lat {
     /* text-align: right; */
     font-family: Courier, monospace;
     }

.areas {
/*   font-size: larger; */
   }

p.selectLabel {
   width: 133px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   border-style: none;
   border-width: 0px 0px 0px 0px;
   width: 125px;
   }

table.topnav, table.topnav a:link, table.topnav a:visited {
   color: white;
   background-color: navy;
   border-collapse: collapse;
   margin: 0 0 0px 0;
   }

table.nav {
   border-collapse: collapse;
   margin: 0 0 10px 0;
   }

table.nav td, table.nav a:link, table.nav a:visited {
   border-collapse: collapse;
   margin: 0;
   padding: 5px 10px 5px 10px;
   list-style: none;
   color: white;
   background-color: navy;
   }

td.left {
   text-align: left;
   }

td.right {
   text-align: right;
   }

table.extremes  {
   border-collapse: collapse;
   }

table.extremes td, table.extremes th {
   padding: 5px 5px 5px 20px;
   border: thin solid black;
   }

table.frost {
   margin-left:  auto;
   margin-right: auto;
   border-collapse: collapse;
   }

table.frost td, table.frost th {
   font-size: larger;
   border:  thin solid gray;
   padding-left:  5px;
   padding-right: 5px;
   }

table.series td {
   text-align: left;
   }

table.stateIndex {
   margin-left:  auto;
   margin-right: auto;
   border-collapse: collapse;
   }

table.stateIndex td, th {
   border:  thin solid gray;
   font-size: smaller;
   white-space:nowrap;
   text-align: left;
   }

table.stateIndex td {
   font-family: Courier, monospace;
   text-align: right;
   }

table.stateIndex th.si { text-align: center; }

table.stateIndex th.sir {
   text-align: center;
   color: black;
   background-color: #ffcccc;
   }

table.stateIndex td.r {
   color: black;
   background-color: #ffcccc;
   }

table.stateIndex td.r1 {
   color: black;
   background-color: #ffe0e0;
   }

table.stateIndex th.sig {
   text-align: center;
   color: black;
   background-color: #ccffcc;
   }

table.stateIndex td.g {
   color: black;
   background-color: #ccffcc;
   }

table.stateIndex td.g1 {
   color: black;
   background-color: #e0ffe0;
   }

table.location {
   padding: 15px;
   }

.series {
   font-size: 120%;
   font-variant: small-caps;
   font-weight: bold;
   }