body {
   margin: 0;
   padding: 0;
   font-family: Arial, Times, Helvetica, sans-serif;
   font-size: 0.8em;
}

h1 {
   font-size: 1.4em;
   display: inline;
   padding-left: 6px;
   text-align: right;
   font-family: Verdana, Arial, sans-serif;
   color: #235;
}

h2 {
   font-size: 1.2em;
   font-family: Verdana, Arial, sans-serif;
   color: #235;
   margin: 8px 0 8px 0;
   border-bottom: 1px solid #000;
   padding-left: 2px;
   padding-top: 2px;
}

h3 {
   font-size: 1.0em;
   font-family: Verdana, Arial, sans-serif;
   color: #235;
   margin: 0px 0 6px 0;
   padding-left: 2px;
   padding-top: 16px;
}

p {
   margin: 0;
   text-align: justify;
}

/* for those paras where you do want spacing above */
p.para {
   margin: 6px 0 12px 0;
   text-align: justify;

}

h2.table_heading {
   background-color: #ccb;
   margin: 0px 0 0px 0;
}


div#topdiv {
   background-image: url('images/design/wirral_top_strip.gif');
   height: 78px;
   width: 900px;
   margin: 0;
   padding: 0;
   display: block;
   float: left;


}

.clear {
   clear: both;
   height: 1px;
}

#topmenu{
   clear: both;
   height: 22px;
   width: 100%;
   border-top: solid 1px black;
   border-bottom: solid 1px black;
   background-color: #ccb;
   margin-bottom: 6px;


}

#topmenu ul{
   display: inline;
   padding-left: 2px;
   margin-left: 0;

}


#topmenu li {
   display: inline;

}

#topmenu a, #topmenu a:visited {
   display: block;
   float: left;
   color: #235;

   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 10px;
   padding-left: 10px;
   border-right: 1px solid black;
   text-decoration: none;

}

#topmenu a:hover, #topmenu a:active {
   color: #000;
   background-color: #fff;

}

#intro {
   margin: 8px 0 8px 0;
   padding: 0 0 3px 8px;
   color: #666;
}


#page {
   padding: 0 6px 0 6px;
   width: 700px;

}

#current_readings, #highlow{
   float: left;
   clear: left;
   width: 330px;
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
   font-weight: bold;
   margin-left: 4px;
   margin-bottom: 10px;
}

.element {
   padding-top: 6px;
   color: #336;
   border-bottom: solid 1px #666;


}

.highlowelement {
   padding-top: 6px;
   color: #933;
   float: left;
   border-bottom: solid 1px #666;

}

.highlowdate {
   padding-top: 6px;
   color: #363;
   border-bottom: solid 1px #666;
   text-align: right;
}

.label {
   padding-top: 6px;
   float: left;
   width: 45%;
   clear: left;
   color: #330;
   border-bottom: solid 1px #666;
   padding-left: 2px;
}

#content {
   margin-left: 360px; /* this should be left table size + space between */
   width: auto;
}

.left_image {
   float: left;
   padding-right: 10px;
   margin-right: 20px;
   text-align: center;
}

.right_image {
   float: right;
   padding-left: 10px;
   margin-left: 20px;
   text-align: center;
}

IMG {
   border: 0;
}

div#skip {
    height: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url('images/design/wirral_top_strip.gif');    
}

acronym:hover, abbr:hover {cursor: help}

abbr[title], acronym[title] {
  border-bottom: thin dotted;
  cursor: help;
}

#footer {
   margin-top: 20px;
   border-top: solid 1px #000;
   padding-top: 4px;
   padding-left: 4px;
   background-image: url('images/design/footer_strip.gif');
   font-size: 0.8em;
   height: 45px;
}

#inner_footer {
   float: left;
   width: 570px;
}

.centered_para {
  text-align: center;

}