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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 2px solid white;
background: white;
overflow: hidden; 
width: 768px;
}

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

/*
.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; 
border-right: 1px solid white; 
color: white;
background: #414141;
width:254px;
}
*/

.cat1 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: #414141;
width:239px;
height:65px;
background: url(../img/cat1.gif) no-repeat;
}

.cat2 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: #414141;
width:239px;
height:65px;
background: url(../img/cat2.gif) ;
}

.cat3 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: #414141;
width:239px;
height:65px;
background: url(../img/cat3.gif) no-repeat top right;
}

.cat4 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: #414141;
width:239px;
height:65px;
background: url(../img/cat4.gif) no-repeat;
}

.cat5 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: #414141;
width:239px;
height:65px;
background: url(../img/cat5.gif);
}

.cat6 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: #414141;
width:239px;
height:65px;
background: url(../img/cat6.gif) no-repeat;
}

.cat7 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: #414141;
width:239px;
height:65px;
background: url(../img/cat7.gif) no-repeat;
}

.cat8 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: #414141;
width:239px;
height:65px;
background: url(../img/cat8.gif) no-repeat;
}

.cat9 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: #414141;
width:239px;
height:65px;
background: url(../img/cat9.gif) no-repeat;
}

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

.mattblackmenu li a:hover{
/*background: black; background of tabs for hover state */
}

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