ul#navlist { 
  font-family: Arial;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1.2em; 
}
ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background-color: #84C3E7;


}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;

}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;

}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
padding: 5px 10px 5px 10px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;

border-right: 1px solid #B63B45;
border-left: 1px solid #B63B45;


}

ul#navlist li:hover ul#subnavlist li a
{
display: block;

border: none;

}

ul#navlist li:hover ul#subnavlist li a:before { content: "  "; }