.bar{
background: #F1F1F1;
border-top: 2px solid #F8F8F8;
border-bottom: 3px solid #e8e8e8;
border-right: 2px solid #F8F8F8;
}

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
list-style-type: none;
border-top: 2px solid #F8F8F8;
border-bottom: 3px solid #e8e8e8;
background: #F1F1F1;
overflow: hidden;
width: 100%;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 10px;
border-right: 2px solid #F8F8F8;
color: #a31000;
background: #F1F1F1;
}

.mattblackmenu li a:visited{
color: #a31000;
}

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

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