#top-menu
{
    position: absolute; 
} 

#top-menu ul
{
   list-style: none;
   padding: 0;
   margin: 0;
}

#top-menu li
{
   float: left;
   padding: 0; 
   margin-right: 5px; 
   border-top: 1px solid;
   border-bottom: 1px solid;
   border-left: 1px solid;
   border-right: 1px solid;
}

#top-menu li a
{
   background: url(http://www.movingtowaterlooregion.ca/images/navbgblue.gif) #fff bottom left repeat-x;
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   font-size: 11px;
   height: 15px;
   line-height: 15px;
   float: left;
   width: 76px; 
   display: block;
   border: 1px solid #ffffff;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
}

/* Hide from IE5-Mac \*/
#top-menu li a
{
   float: none
}
/* End hide */

#top-menu li a:hover, #top-menu li a:active
{
   background: url(http://www.movingtowaterlooregion.ca/images/navbgorange.gif) #fff bottom left repeat-x;
   font-family: arial, helvetica, sans-serif;
   font-size: 11px;
   height: 15px;
   line-height: 15px;
   float: left;
   width: 76px;
   display: block;
   border: 1px solid #ffffff;
   color: #ffffff;
   text-decoration: none;
   text-align: center;
}