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

#theMenu
{
float: left;
width: 100%;
background-color: #F4F4F4;
border-bottom: 1px solid gray;
overflow: hidden;
position: relative;
margin-top: 5px;
}

.mattblackmenu ul{
font: bold 12pt Arial;
clear: left;
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}

.mattblackmenu li{
display: block;
float: left;
list-style: none;
position: relative;
right: 50%;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: black;
background: #F4F4F4;
}

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

.mattblackmenu li a:hover{
background: #CCCCCC; /*background of tabs for hover state */
color: Black;
}

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

.mattblackmenu a.selected:visited
{
    background: black;
    color: White;
}