/* ######### Matt Black Strip Main Menu Bar CSS ######### */
#mattblacknavbar{
display: table; 
margin: 0 auto; 
text-align: center; /* for IE */ 
width:100%;
background: #414141;
}

#mattblacknavbar2{
display: table; 
margin: 0 auto; 
text-align: center; /* for IE */ 
width:100%;
background: #E4E4E4;
color: black;
}

#mattblacknavbar3{
display: table;
margin: 0 auto;
text-align: center; /* for IE */
width:100%;
background: #E4E4E4;
color: black;
}

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: #414141;
overflow: hidden;
width: 100%;
text-align: center;
display: inline-block;
}

.mattblackmenu2 ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid #E4E4E4;
background: #E4E4E4;
color: black;
overflow: hidden;
width: 100%;
text-align: center;
display: inline-block;
}

.mattblackmenu ul{
display:inline;
}

.mattblackmenu2 ul{
display:inline;
}

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

.mattblackmenu2 li{
display: inline-block;
margin: 0;
}

.mattblackmenu li{
display:inline;
}

.mattblackmenu2 li{
display:inline;
}

html>body #mattblacknavbar ul {display: table-row;} 
html>body #mattblacknavbar li {display: table-cell;}
html>body #mattblacknavbar2 ul {display: table-row;} 
html>body #mattblacknavbar2 li {display: table-cell;}
html>body #mattblacknavbar3 ul {display: table-row;} 
html>body #mattblacknavbar3 li {display: table-cell;}

.mattblackmenu li a{
float: center;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 8px; /*padding inside each tab*/
color: white;
background: #414141;
}

.mattblackmenu2 li a{
float: center;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 8px; /*padding inside each tab*/
color: black;
background: #E4E4E4;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu2 li a:visited{
color: black;
}

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

.mattblackmenu2 li a:hover{
color:#BC0707;
background: #E4E4E4; /*background of tabs for hover state */
}

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

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