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

.mattblackmenu {
width: 798px;
}

.mattblackmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.mattblackmenu ul{
margin: 0;
padding: 1px 0;
list-style-type: none;
border: 1px solid #BBB;
overflow: hidden;
width: 100%;
text-align: center;
}

.mattblackmenu li{
display: inline;
font: bold 14px Verdana;
}

.mattblackmenu ul li a{
text-decoration: none;
margin: 0;
padding: 2px 10px; /*padding inside each tab*/
border-right: 1px solid #BBB; /*right divider between tabs*/
color: black;
background: white;
}

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

.mattblackmenu li a:hover{
color: white;
background: #221e1f; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
color: white;
background: #221e1f; /*background of tab with "selected" class assigned to its LI */
}