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

.mattblackmenu ul{
margin: 0;
padding: 0;
font-family: janieHMK, cursive, san-serif; 
font-size: 10pt; 
color: #57587b; 
font-weight: bold; 
list-style-type: none;
border-bottom: 0px solid #57587b;
background: #dadbe6 url('../images/HeaderBack.png') ; /*Strip background*/
overflow: hidden;
}

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

.mattblackmenu li a{
float: center;
display: inline-block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid #57587b; /*right divider between tabs*/
border-bottom: 0px solid #57587b;
color: #57587b;
background: #dadbe6 url('../images/HeaderBack.png') ; /*Button background*/
}

.mattblackmenu li a:visited{
color: #57587b;
}

.mattblackmenu li a:hover{
background: #dadbe6 url('../images/HeaderBack.png'); /*background of tabs for hover state */
color: #fd5fd6;
}

.mattblackmenu a.selected{
background: #dadbe6 url('../images/HeaderBack.png'); /*background of tab with "selected" class assigned to its LI */
color: #fd5fd6;
}