.mainNav {
position:absolute;
visibility: hidden;
border:1px solid #fff;
font:normal .8em Verdana;
line-height: 18px;
z-index: 100;
background-color: #fff;
width: 150px;
}

.mainNav a {
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #000;
border-right: 1px solid #fff;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
color:#fff;
background-color: black;
text-align:left;
}

.mainNav a:hover{ /*hover background color*/
background-color: #fff;
color:  #000000;
font-weight: bold;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

#headerNav {margin: 0; 
padding: 1px; 
background-color: #000; 
/* background-color: #990000;  */
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align:center;
white-space:nowrap;
}
#headerNav a {
text-decoration: none;
font-size: .8em;
padding: 2px 15px 1px 15px;
font-weight:bold;
text-align:left;
}
#headerNav a:hover {
background-color: #fff;
color: #000;
}