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

.mattblackmenu ul{
margin: 0;
padding: 0;
padding-left:0px;
font: bold 13px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background-image: url(../images/mid-navi-bg.gif);
background-repeat: repeat-x;
background-position: center bottom;
overflow: hidden;
width: 100%;
}

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

.mattblackmenu li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
padding-right:20px;
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background-image: url(../images/mid-navi-bg.gif);
background-repeat: repeat-x;
background-position: center top;
}

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

.mattblackmenu li a:hover{
	background: black; /*background of tabs for hover state */
	overflow: auto;
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}