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

.mattblackmenu ul{
margin: 0;
padding: 5px 0px 0px 10px;
font: bold 11px tahoma;
list-style-type: none;
overflow: hidden;
width: 99%;
background:transparent url(bg1.jpg) repeat-x;
color: white;
list-style-image: none;
}

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

.mattblackmenu li  a.aero{
float: left;
display: block;
text-decoration: none;
padding: 6px 5px 14px; /*padding inside each tab*/
color: white;
background: transparent url(L_menu.jpg) no-repeat top left;
}


.mattblackmenu li  a.aero span{
background: transparent url(R_menu.jpg) no-repeat top right;
padding: 6px 12px 12px 11px;
text-align:center;
}


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

.mattblackmenu li a.aero:hover, .mattblackmenu li a.selected{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
background: transparent url(L_menu_hover.jpg) no-repeat top left;
font: bold 11px tahoma;
color: white;
}


.mattblackmenu li a.aero:hover span, .mattblackmenu li a.selected span{ /* Hover state CSS (for text) */
background: transparent url(R_menu_hover.jpg) no-repeat top right;
font: bold 11px tahoma;
color: white;
}
/*
.mattblackmenu a.selected{
background: #335672; /*background of tab with "selected" class assigned to its LI 
}*/