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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: normal 14px Verdana;
list-style-type: none;
border-bottom: 0px solid gray;

overflow: hidden;
width: 100%;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 6px; /*padding inside each tab*/
border-left:#96915c 1px solid; /*right divider between tabs   #993333 */
color: #c4b55e;
background: /*url(/templates/pj_hamster/images/right-button.png) center center no-repeat*/;
}

.mattblackmenu li a:link{
color: #111;
}

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

.mattblackmenu li a:active{
color: #111;
}

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

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

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

.mattbluemenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 0px solid gray;
background: #f00;
overflow: hidden;
width: 100%;
}

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

.mattbluemenu 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: white;
background: #f00;
}

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

.mattbluemenu li a:hover{
background: blue; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
/*background: url(/templates/pj_hamster/images/right-button.png) left top no-repeat; /* background of tab with "selected" class assigned to its LI */
}