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

.mattblackmenu ul{
font: 14px DroidSansRegular, Arial, Helvetica, sans-serif;
text-decoration: none;
font-variant: normal;
cursor: pointer;
margin: 0;
margin-top: 1px;
padding: 0;
margin-bottom: 0px;
list-style-type: none;
\\border: 1px solid #B5B5B5;
overflow: hidden;
width: 973px;
\\background-image:url('/images/menu-bar.png');
background-repeat: repeat-x;
text-align: left;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
//border-right: 1px solid #9A9A9A; /*right divider between tabs*/
//border: 1px solid #EEE;
color: #FFF;
font-weight: bold;
width: 120px;
}

.mattblackmenu li.right a{
float: right;
//display: block;
text-decoration: none;
margin: 0;
padding: 6px 12px; /*padding inside each tab*/
//border-right: 1px solid #9A9A9A; /*right divider between tabs*/
}

.mattblackmenu li.right a img{
padding: 0px 7px;
vertical-align: middle;
}

.mattblackmenu li a:hover{
//background: #316415; /*background of tabs for hover state */
//background: #FFF;
//color: #FFF;
//color: #629C32;
color: #DDD;
}

.mattblackmenu a.selected{
//background: #316415; /*background of tab with "selected" class assigned to its LI */
//background: #FFF;
color: #DDD;
}