<style>
/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   height: 5em;
   background-color: #000;}
#navbar li {
   list-style: none;
   padding: 0px 0px 0px 0px;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 14px;
   background-color: #000;
   font-size: 12px; 
   color: #fff;
   text-decoration: none; }
#navbar li a:hover {
   background-color: #bfd461;
   color: #000; }
#navbar li ul {
   display: none; 
   width: 25em; /* Width to help Opera out */
   background-color: #000;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   background-color: #bfd461;
  }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #000;
   border-bottom: 0px solid #000033;
   color: #fff; }
#navbar li li a:hover {
   color: #000; 
   background-color: #bfd461; }
body,td,th {
	color: #FFF;
}
</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);
</script>
