h1 {
   color: #088;
   }
h2 {
   color: #088;
   margin-top: 2em;
   }
h3 {
   color: #088;
   margin-top: 2em;
   }
sup {
   vertical-align: text-top;
   font-size: 80%;
   }
p.data {
   color: #088;
   font-style: italic;
   }
p.data span.right {
   float: right;
   }
.hidden {
   display: none;
   }
/*
table.small {
   font-size: 80%;
   }
*/
table.rainfall {
   clear: both;
   font-size: 80%;
   }
table.rainfall tr td {
   vertical-align: top;
   }
table.rainfall thead tr th {
   vertical-align: top;
   text-align: center;
   font-weight: bold;
/* background: #eef; */
   }
/*
table.rainfall col#region {
   font-weight: bold;
   background: #efe;
   }
table.rainfall #region {
   font-weight: bold;
   background: #4fe;
   }
.region {
   font-weight: bold;
   background: #0ef;
   }
*/
table.rainfall * .region {
   font-weight: bold;
   text-align: left;
/* background: #eef; */
   padding-left: 2px;
   }
table.rainfall * .unit {
   font-weight: bold;
   text-align: center;
/* background: #efe; */
   }
table.rainfall * .mm {
   text-align: right;
   padding-right: 1em;
   }
table.rainfall * .p {
   text-align: right;
   margin-bottom: 2px;
   }
table.rainfall .junk {
   font-style: italic;
   background: #fee;
   }
table.rainfall .min {
   background: #fdd;
   }
table.rainfall .max {
   background: #ddf;
   }
.debug {
   color: #f00;
   background: #fee;
   }
table.drought {
   border-collapse: collapse;
   }
table.drought th {
   font-style: italic;
   font-weight: normal;
   }
table.drought td,th {
   padding-left: 0.5em;
   padding-right: 0.5em;
   }
table.drought tr.hr td {
   border-top: solid 1px black;
   }