/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 11px Tahoma;
list-style-type: none;
border-top: 0px solid #5687A7;
border-bottom: 0px solid #5687A7;
background:url(../images/bluemenu_center.jpg) repeat-x;
height:32px;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 15px 10px 15px; /*padding inside each tab*/
border-right: 1px solid #669BBD; /*right divider between tabs*/
color: white;
border-top:0px;
background:url(../images/bluemenu_center.jpg) repeat-x;
}

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

.mattblackmenu li a:hover{
background:url(../images/vertical_menu.jpg) repeat-x;
text-decoration: none;
 /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background:url(../images/vertical_menu.jpg) repeat-x; /*background of tab with "selected" class assigned to its LI */
}