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

.mattblackmenu ul{
margin: 1px;
padding: 0px;
font: normal 11px Arial;
font-weight: bold;
list-style-type: none;
background: #ffffff;
overflow: hidden;
border: thin #CCCCCC;
border-right: 17px solid white; /*right divider between tabs*/
}

.mattblackmenu li{
display: inline;
margin: 1px;
font: normal 11px Arial;
border: 1.5px solid #cccccc;

}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0px;
padding: 6px 10px; /*padding inside each tab*/
color: #FFFFFF;
background: #0850A3;
font-weight: bold;
border: 1px solid #cccccc;

}

.mattblackmenu li a:visited{
margin: 0;
font-weight: bold;
/*border-right: 15px solid white; /*right divider between tabs*/
}

.mattblackmenu li a:hover{
margin: 0;
background: #FFFFFF; /*background of tabs for hover state */
color: #0850A3;
font-weight: bold;
border: 1px solid #cccccc;
padding: 6px 10px; /*padding inside each tab*/
/*border-right: 15px solid white; /*right divider between tabs*/
}

.mattblackmenu a.selected{
background: #0850A3; 
color: #ffffff;
border: 1px solid #cccccc;/*background of tab with "selected" class assigned to its LI */
/*border-right: 15px solid white; /*right divider between tabs*/
}