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

.mattblackmenu ul{
font: 12px Verdana;
list-style-type: none;
/* background of menu bar background: #AFEAAA;*/
background: #9d1f80;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
max-width:1100px;
min-height: 35px;
position: relative;
padding-left:30px;
min-width:500px;
margin-top:-35px;

}
.mattblackmenufoot ul{
font: 12px Verdana;
list-style-type: none;
/* background of menu bar background: #AFEAAA;*/
background: #9d1f80;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
max-width:1100px;
min-height: 15px;
position: relative;
padding-left:30px;
min-width:500px;

}
.mattblackmenu li{
display: inline;

}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
border-right: 1px solid #41924B; /*right divider between tabs*/
 /*right divider between tabs*/
color: white;
/* background of menu bar background: #AFEAAA;*/
background: #9d1f80;
padding-bottom: 11px;
padding-top: 10px;
padding-left:15px;
padding-right:15px	 ; 
}

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

.mattblackmenu li a:hover{
/*background:#41924B; background of tabs for hover state 
color: #FFF;*/
background: #00aaab;
color: white;
}

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