#navcontainer
    {
    position: absolute; 
    left: .8%; 
    top: 27.5%;
    width: 99%;
    }   
    
ul#navlist
{
position: relative; 
width: 12.34%;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;

}
    
    ul#navlist li a span {
  display: none;
}

    
    
    ul#navlist li a:hover span {
  border: thin outset;
  position: absolute;
  left: 113.12%;
  width: 130%;
  padding: 2%;
  background-color: #f2f2f2;
  color: black;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 3px;
  z-index: 1;
}  

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
    {
    border-color: #ff9000;
    color: #ffffff;
    background: #000d33;
    }