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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: 14px Franklin Gothic Demi, Arial, Helvetica, sans-serif;
list-style-type: none;
overflow: hidden;
width: 100%;
color: #FFFFFF;
}

.mattblackmenu li{
display: inline;
margin: 0;
width: 100%;
color: #FFFFFF;
}

.mattblackmenu li a{
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
width: 100%;
}

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

.mattblackmenu li a:hover{
color: #FFFFFF;
}

.mattblackmenu a.selected{
color: #FFFFFF;
}



/* Section2 */
.mattblackmenu2 ul{
margin: 0;
padding: 0;
font: 14px Franklin Gothic Demi, Arial, Helvetica, sans-serif;
list-style-type: none;
color: #FFFFFF;
overflow: hidden;
width: 100%;
}

.mattblackmenu2 li{
display: inline;
margin: 0;
width: 100%;
color: #FFFFFF;
}

.mattblackmenu2 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
color: #FFFFFF;
width: 100%;
}

.mattblackmenu2 li a:visited{
color: #FFFFFF;
}

.mattblackmenu2 li a:hover{
/*background: black; /*background of tabs for hover state */
}

.mattblackmenu2 a.selected{
/*background: black; /*background of tab with "selected" class assigned to its LI */
}