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

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

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

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

.mattblackmenu li a{
BACKGROUND-POSITION: left top; DISPLAY: block; FLOAT: left; background-image:url(../images/me1.jpg); MARGIN-BOTTOM: 0px; WIDTH: 147px; MARGIN-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; font-family:Helvetica; color:#fff; font-size:14px; text-decoration:none; text-align:center; padding-top:0px; padding-bottom:0px; line-height:94px;
}

.mattblackmenu li a:hover{
BACKGROUND-POSITION: left top; DISPLAY: block; FLOAT: left; background-image:url(../images/me2.jpg); MARGIN-BOTTOM: 0px; WIDTH: 147px; MARGIN-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; font-family:Helvetica; color:#fff; font-size:14px; text-decoration:none; text-align:center; padding-top:0px; padding-bottom:0px; line-height:94px;
}

.mattblackmenu li a.me{
BACKGROUND-POSITION: left top; DISPLAY: block; FLOAT: left; background-image:url(../images/me2.jpg); MARGIN-BOTTOM: 0px; WIDTH: 147px; MARGIN-RIGHT: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 94px; font-family:Helvetica; color:#fff; font-size:14px; text-decoration:none; text-align:center; padding-top:0px; padding-bottom:0px; line-height:94px;
}

.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 */
background-image:url(../images/me2.jpg);
HEIGHT: 94px; font-family:Helvetica; color:#fff; font-size:14px; text-decoration:none; text-align:center; padding-top:0px; padding-bottom:0px; line-height:94px;
}