/* Below font is for the titles on menu bar */
body 
{
   font-size: 10pt; 
   font-family: sans-serif;  
}
/* Adjust the width if the menu bar is shifting */
#wrap 
{

   margin: 0 auto;
   width: 740px;

}
/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #153E7E;
   color: #fff;
   border-width:1px;
   border-style:solid;
   border-color:#000000;
   text-decoration: none; }
#navbar li ul {
   display: none; 
   width: 15em; /* Width to help Opera out */
   background-color: #0000FF;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #0000FF;
   border-bottom: 1px solid #fff;
   color: #FFFFFF; }
#navbar li li a:hover {
   background-color: #FF0000 ; }
</style>

<script>
// Javascript originally by Patrick Griffiths and Dan Webb.
// http://htmldog.com/articles/suckerfish/dropdowns/
sfHover = function() {
   var sfEls = document.getElementById("navbar").getElementsByTagName("li");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" hover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" hover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);