Thanks!
The following is the exact CSS code of the nav bar directly from my style sheet. You will have to change image urls and the positioning of the supernavcontainer to match your site’s layout.
#supernavcontainer
{
position: absolute;
top: 58px;
left: 50%;
width: 500px;
height: 17px;
margin: 0 0 0 -250px;
padding: 15px 0 0;
background: url('images/headernav.png') top center no-repeat;
}
#supernav
{
margin: 0;
padding: 0;
width: 500px;
left: 0;
text-align: center;
color: #777;
font: bold 11px Arial, Sans-Serif;
letter-spacing: 0.07em;
display: block;
}
#supernav li
{
display: inline;
margin: 0 5px;
padding: 0;
text-transform: lowercase;
}
#supernav a
{
color: white;
text-shadow: 0 0 2px black;
padding: 0 5px 5px;
text-decoration: none;
}
#supernav a:hover
{
background: url('images/navarrow2.png') bottom center no-repeat;
text-decoration: none;
}
a#blognav, a#archivesnav, a#forumnav, a#contactnav, a#gbnav, a#writingsnav, a#gallerynav, a#photosnav, a#aboutnav, a#archivesnav, a#photosnav { background: url('images/04-navarrow.png') bottom center no-repeat; }