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

body.l-wide #l-content .mattblackmenu ul, body.l-inner #l-content .mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type:none;
border-bottom: 0px solid gray;
background: #8E3E7C;
overflow: hidden;
width: 100%;
}

body.l-wide #l-content .mattblackmenu li, body.l-inner #l-content .mattblackmenu li{
display: inline;
margin: 0;
}

body.l-wide #l-content .mattblackmenu li a, body.l-inner #l-content .mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 21px; /*padding inside each tab*/
border-left: 1px solid white; /*right divider between tabs*/
color: white;
background: #8E3E7C;
font: bold 10px Verdana;
}

body.l-wide #l-content .mattblackmenu li a:visited{
color: white;
font: bold 10px Verdana;
}

body.l-wide #l-content .mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
font: bold 10px Verdana;
}

body.l-wide #l-content .mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
font: bold 10px Verdana;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */
/* ######### Normal Width Page ########################## */

body.l-inner #l-content .mattblackmenu ul, body.l-inner #l-content .mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type:none;
border-bottom: 0px solid gray;
background: #003366;
overflow: hidden;
width: 100%;
}

body.l-inner #l-content .mattblackmenu li, body.l-inner #l-content .mattblackmenu li{
display: inline;
margin: 0;
}

body.l-inner #l-content .mattblackmenu li a, body.l-inner #l-content .mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 17px; /*padding inside each tab*/
/*border-left: 1px solid white; *//*right divider between tabs*/
color: white;
background: #003366;
font: bold 10px Verdana;
}

body.l-inner #l-content .mattblackmenu li a:visited{
color: white;
font: bold 10px Verdana;
}

body.l-inner #l-content .mattblackmenu li a:hover{
background: #FC3; /*background of tabs for hover state */
color: #036;
font: bold 10px Verdana;
}

body.l-inner #l-content .mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
font: bold 10px Verdana;
}