.mattblackmenu
{
}
.mattblackmenu ul{
height: 36px;
margin: 0;
padding: 0;
font: bold 12px Arial;
background: url('../images/design/background.gif') no-repeat;
overflow: hidden;
list-style-type:none;
padding-left:60px;
width: 100%;
}

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

.mattblackmenu li a{
float:left;
/*display: block;*/
text-decoration: none;
margin: 0;
background: url('../images/design/separator.gif') no-repeat;
background-position:center right; 
padding-left: 12px;	
padding-right: 12px;
padding-top:10px;
padding-bottom:12px;
text-align: center;
color: #ffffff;
}

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

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

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