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



.mattblackmenu ul{

margin: 0;

padding:0 9px;

font: 11px arial;

list-style-type: none;

border-bottom: 0px solid gray;

background-image:url(bg_menuxanh.jpg) ;

overflow: hidden;

height:34px;

}



.mattblackmenu li{

display: inline;

margin: 0;

}



.mattblackmenu li selected{

display: inline;

margin: 0;

}



.mattblackmenu li a{

float: left;

display: block;

text-decoration: none;

font-weight: bold;

margin: 0;

padding: 10px 12px; /*padding inside each tab*/

border-right: 1px dotted #CCCCCC;/* right divider between tabs*/

color:#f4fee5;

text-transform:uppercase;

text-align:center;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

}



.mattblackmenu li a:hover{

background-image:url(bg_menuxanh_over.jpg); /*background of tabs for hover state */

margin:0px;

color:#f4fee5;

}



.mattblackmenu a.selected{

background-image:url(bg_menuxanh_over.jpg); /*background of tab with "selected" class assigned to its LI */

margin:0px;

color:#f4fee5;

}



.mattblackmenu a.active{

background-image:url(bg_menu_white.jpg); /*background of tab with "selected" class assigned to its LI */

margin-top:3px;

color:#e86e02;

font-weight:bold;

border:1px solid #448801;

border-bottom:0px;

}