.mattblackmenu ul{
margin: 0;
padding: 0;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type: none;
border-bottom: 1px solid gray;
background: #45238B;
overflow: hidden;
width: 100%;
text-transform: uppercase;
}

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

.mattblackmenu li a{
width: 141px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #45238B;
}



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