/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
overflow: hidden;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 12px 4px 10px; /*padding inside each tab*/
color: #424141; 
font: bold 13px "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
text-decoration: none; 
}

.mattblackmenu li a.none { background: none; }

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: url(../images/menu-hover.gif) no-repeat right top; color: #FFF; padding: 4px 12px 4px 10px; /*padding inside each tab*//*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: url(../images/menu-hover.gif) no-repeat right top; color: #FFF; padding: 4px 12px 4px 10px; /*padding inside each tab*//*background of tab with "selected" class assigned to its LI */
}

/* ######### Topbar Subnav Menu Bar CSS ######### */

.subnav ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}

.subnav li{
display: inline;
margin: 0;
}

.subnav li a{
float: right;
display: block;
margin: 0;
padding: 0 8px; 
color: #666; 
font: bold 12px "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
text-decoration: none; 
/*background: url(../images/divider-small.gif) no-repeat right;*/ 
}

.subnav li a.none { background: none; }

.subnav li a:visited{
color: #666;
}

.subnav li.arrow a, .subnav li.arrow a:hover, .subnav li.arrow a.selected { padding: 0 16px 0 8px; background: url(../images/arrow.gif) no-repeat right 3px; }

.subnav li a:hover{
padding: 0 8px; 
color: #0d79b4; 
font: bold 12px "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
text-decoration: none; 
}

.subnav a.selected{
padding: 0 8px; 
color: #0d79b4; 
font: bold 12px "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
text-decoration: none; 
background: url(../images/divider-small.gif) no-repeat right; /*padding inside each tab*//*background of tab with "selected" class assigned to its LI */
}