/* ######### 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 maroon;
background: #ffffff;
overflow: hidden;
width: 100%;
}

.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: 0px solid gray; /*right divider between tabs*/
color: black;
background: #ffffff url(/ddlevelsfiles/halfmoontab.gif) top right no-repeat;
}

.mattblackmenu li a:visited{
color: black;
}

.mattblackmenu li a:hover{
background: gray url(/ddlevelsfiles/h2.gif) top right no-repeat; /*background of tabs for hover state */
color: white;
}






.mattblackmenu2 ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 2px solid orange;
background: #000000;
overflow: hidden;
width: 100%;
}

.mattblackmenu2 li{
display: inline;
margin: 0;
}

.mattblackmenu2 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 0px solid gray; /*right divider between tabs*/
color: white;
background: #ffffff url(/ddlevelsfiles/h3.png) top right no-repeat;
}

.mattblackmenu2 li a:visited{
color: white;
}

.mattblackmenu2 li a:hover{
background: gray url(/ddlevelsfiles/h2.gif) top right no-repeat; /*background of tabs for hover state */
color: white;
}

.mattblackmenu2 a.selected{
background: gray; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu3 ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 0px solid orange;
background: #ffffff;
overflow: hidden;
width: 100%;
}

.mattblackmenu3 li{
display: inline;
margin: 0;
}

.mattblackmenu3 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 0px solid gray; /*right divider between tabs*/
color: blue;
background: #ffffff url(/ddlevelsfiles/halfmoontab2.gif) top right no-repeat;
}

.mattblackmenu3 li a:visited{
color: blue;
}

.mattblackmenu3 li a:hover{
text-decoration: underline;

}

.mattblackmenu3 a.selected{
background: gray; /*background of tab with "selected" class assigned to its LI */
}

.mattblackmenu4 ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 0px solid orange;
background: #ffffff;
overflow: hidden;
width: 100%;
}

.mattblackmenu4 li{
display: inline;
margin: 0;
}

.mattblackmenu4 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 0px solid gray; /*right divider between tabs*/
color: Maroon;
background: #ffffff url(/ddlevelsfiles/halfmoontab2.gif) top right no-repeat;
}

.mattblackmenu4 li a:visited{
color: Maroon;
}

.mattblackmenu4 li a:hover{
text-decoration: underline;

}

.mattblackmenu4 a.selected{
background: gray; /*background of tab with "selected" class assigned to its LI */
}
