#navlist {
width: 185px;
}
#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
line-height: 1.5em;
font-family:arial;
font-size:11px;

}
#navlist li {
margin: 0;
}

#navlist a {
display: block;
padding: 2px 2px 2px 24px;
border: 0px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #999999;
background-image:  url(down.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}

#navlist a:link, #navlist a:visited {
color: #ffffff;
text-decoration: none;
}

#navlist a:hover, #navlist a:active {
background-color: #7685AC;
background-image:  url(over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #ffffff;
}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #7685AC;
background-image:  url(over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #ffffff;
}

<!--[if IE 5]>
<style>
#navlist a {
height: 1em;
float: left;
clear: both;
width: 100%;
}
</style>
<![endif]-->

<!--[if IE 6]>
<style>
#navlist a {height: 1em;}
</style>
<![endif]-->

<style type="text/css">
a:link {color: #0000FF}
a:visited {color: #FF00FF}
a:hover {color: #F16D0C}
a:active {color: #F16D0C}
</style>