.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 13px arial;
list-style-type: none;
border-bottom: 1px solid gray;
border-bottom: none;
background: #414141;
background: transparent;
overflow: hidden;
/* width caused problem in IE6 */
/*width: 100%;*/
text-transform: uppercase;
}

.mattblackmenu li{
display: inline;
margin: 0;
line-height: normal;
}

.mattblackmenu li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 11px 10px; /*padding inside each tab*/
border-right: 1px solid #eee; /*right divider between tabs*/
border-top: 1px solid #eee;
background: #f9f9f9 url(../images/menu-bg.jpg) repeat-x bottom left;
color: #000;
}

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

.mattblackmenu li a:hover{
/*background of tabs for hover state */
background: #cc0101 url(../images/menu-bg-hover.gif) repeat-x bottom left;
color: #fff;
}

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