#ddtopmenubar { background: url(../images/bg-menu.jpg) repeat-x left top; height: 32px; }

.topbarmenu ul{
margin: 0;
padding: 0 0 0 13px;
font: bold 12px Verdana;
list-style-type: none;
overflow: hidden;
}

.subnavlinks ul{
margin: 0 10px 0 0;
padding: 0;
font: bold 11px Verdana;
list-style-type: none;
overflow: hidden;
float: right; 
}

.topbarmenu li, .subnavlinks li {
display: inline;
margin: 0;
}

.topbarmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 17px 8px 16px; /*padding inside each tab*/
color: white;
background: transparent url(../images/menu-divider.gif) no-repeat right;
}

.subnavlinks li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0 10px 0 12px; /*padding inside each tab*/
color: #03689c;
border-right: 1px solid #03689c; 
}

.mtopbarmenu li a:visited{
color: white;
}

.subnavlinks li a:hover, .subnavlinks li a.selected { text-decoration: underline; color: #009933; }
.topbarmenu li a:hover{
background: transparent url(../images/menu-divider.gif) no-repeat right; color: #75c2f0; text-decoration: none; /*background of tabs for hover state */
}

.topbarmenu a.selected{
background: transparent url(../images/menu-divider.gif) no-repeat right; color: #75c2f0; /*background of tab with "selected" class assigned to its LI */
}