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

.mattblackmenu ul{
margin: 0;
padding: 0 0 0 30px;
list-style-type: none;
/*border-bottom: 1px solid #ffffff;*/
background:url(../../images/nav-bg-over.gif) top left repeat-x;
overflow: hidden;
width: 97%;
height:40px;
font-family:"Myriad Pro", Arial;
font-size:15px;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 12px 10px 11px 10px; /*padding inside each tab*/
/*border-right: 1px solid white;*/ /*right divider between tabs*/
color: #d2efff;
background:url(../../images/nav-bg-over.gif) top left repeat-x;
text-transform:lowercase;
}

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

.mattblackmenu li a:hover, .mattblackmenu li a:active, .mattblackmenu li a:focus{
background:#f3fbff /*url(../../images/nav-bg.gif) top left repeat-x*/; /*background of tabs for hover state */
color:#000000;
}

.mattblackmenu a.selected{
background:#f3fbff /*url(../../images/nav-bg.gif) top left repeat-x*/; /*background of tab with "selected" class assigned to its LI */
color:#000000 !important;
}