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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px sans-serif;
list-style-type: none;
background: transparent url(../resources/images/topmenu-bg.gif) repeat-x scroll 0 0;
overflow: hidden;
height: 47px;
width: 100%;
}

.mattblackmenu li{
display: inline;
height: 45px;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
height: 23px;
padding: 12px 8px; /*padding inside each tab*/
border-right: 1px dotted grey; /*right divider between tabs*/
color: #696969;
font-size: 15px;
font-weight: bold;
}

.mattblackmenu li a:hover{
background: transparent url(../resources/images/topmenu-active-bg.gif) repeat-x scroll 0 0; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: transparent url(../resources/images/topmenu-active-bg.gif) repeat-x scroll 0 0; /*background of tab with "selected" class assigned to its LI */
}