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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 9pt Arial;
list-style-type: none;
border-bottom: 0px solid gray;
background: url(s1.jpg);
overflow: hidden;
width: 100%;
}

.mattblackmenu2 ul{
margin: 0;
padding: 0;
font: bold 9pt Arial;
list-style-type: none;
border-bottom: 0px solid gray;
background: url(web1.jpg);
overflow: hidden;
width: 100%;
}

.mattblackmenu3 ul{
margin: 0;
padding: 0;
font: bold 9pt Arial;
list-style-type: none;
border-bottom: 0px solid gray;
background: url(servr1.jpg);
overflow: hidden;
width: 100%;
}

.mattblackmenu4 ul{
margin: 0;
padding: 0;
font: bold 9pt Arial;
list-style-type: none;
border-bottom: 0px solid gray;
background: url(dg1.jpg);
overflow: hidden;
width: 100%;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
height: 82px;
width: 108px;
margin: 0;
padding: 0px 0px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: url(s1.jpg);
}

.mattblackmenu2 li a{
float: left;
display: block;
text-decoration: none;
height: 24px;
width: 100px;
margin: 0;
padding: 0px 0px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: url(web1.jpg);
}

.mattblackmenu3 li a{
float: left;
display: block;
text-decoration: none;
height: 24px;
width: 62px;
margin: 0;
padding: 0px 0px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: url(servr1.jpg);
}

.mattblackmenu4 li a{
float: left;
display: block;
text-decoration: none;
height: 24px;
width: 96px;
margin: 0;
padding: 0px 0px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: url(dg1.jpg);
}

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

.mattblackmenu li a:hover{
background: url(s2.jpg); /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: url(s2.jpg); /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu2 li a:hover{
background: url(web2.jpg); /*background of tabs for hover state */
}

.mattblackmenu2 a.selected{
background: url(web2.jpg); /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu3 li a:hover{
background: url(servr2.jpg); /*background of tabs for hover state */
}

.mattblackmenu3 a.selected{
background: url(servr2.jpg); /*background of tab with "selected" class assigned to its LI */
}
.mattblackmenu4 li a:hover{
background: url(dg2.jpg); /*background of tabs for hover state */
}

.mattblackmenu4 a.selected{
background: url(dg2.jpg); /*background of tab with "selected" class assigned to its LI */
}