/* MENU LEVEL 0 */

#box-menu{ width:1000px; height:108px; position:absolute; z-index:4} 

ul#menu {
    width: 100%;
    float: left;
    margin:0;
    
}
    ul#menu li {
        float: left;
        text-indent:-9999px;
        list-style-type:none;
        position: relative;
    }
    
        ul#menu li a:link,
        ul#menu li a:visited {
            display: block;
            color: #efefef;
            
        }
/*
            ul#menu li a.gioithieu{background:url(../images/menu/gioithieu.jpg) no-repeat left bottom; width:108px; height:60px;}
            ul#menu li a.gioithieu-off{background:url(../images/menu/gioithieu-off.jpg) no-repeat; cursor:default}

*/
		ul#menu li.gioithieu a{background:url(../images/menu/gioithieu.jpg) no-repeat left bottom; width:80px; height:55px; text-indent:-9999px;}
		ul#menu li.gioithieu a:hover{background-position:0 0}
		ul#menu li.gioithieu a.off{background:url(../images/menu/gioithieu-off.jpg) no-repeat; cursor:default}

		ul#menu li.huongdan a{background:url(../images/menu/huongdan.jpg) no-repeat left bottom; width:89px; height:55px; text-indent:-9999px;}
		ul#menu li.huongdan a:hover{background-position:0 0}
		ul#menu li.huongdan a.off{background:url(../images/menu/huongdan-off.jpg) no-repeat; cursor:default}

		ul#menu li.dactrung a{background:url(../images/menu/dactrung.jpg) no-repeat left bottom; width:82px; height:55px; text-indent:-9999px;}
		ul#menu li.dactrung a:hover{background-position:0 0}
		ul#menu li.dactrung a.off{background:url(../images/menu/dactrung-off.jpg) no-repeat; cursor:default}

		ul#menu li.nhiemvu{margin-right:190px;}
		ul#menu li.nhiemvu a{background:url(../images/menu/nhiemvu.jpg) no-repeat left bottom; width:68px; height:55px; text-indent:-9999px;}
		ul#menu li.nhiemvu a:hover{background-position:0 0}
		ul#menu li.nhiemvu a.off{background:url(../images/menu/nhiemvu-off.jpg) no-repeat; cursor:default}

		
		ul#menu li.monphai a{background:url(../images/menu/monphai.jpg) no-repeat left bottom; width:80px; height:55px; text-indent:-9999px;}
		ul#menu li.monphai a:hover{background-position:0 0}
		ul#menu li.monphai a.off{background:url(../images/menu/monphai-off.jpg) no-repeat; cursor:default}

		ul#menu li.tinhnang a{background:url(../images/menu/tinhnang.jpg) no-repeat left bottom; width:74px; height:55px; text-indent:-9999px;}
		ul#menu li.tinhnang a:hover{background-position:0 0}
		ul#menu li.tinhnang a.off{background:url(../images/menu/tinhnang-off.jpg) no-repeat; cursor:default}


		ul#menu li.thegioi a{background:url(../images/menu/thegioi.jpg) no-repeat left bottom; width:85px; height:55px; text-indent:-9999px;}
		ul#menu li.thegioi a:hover{background-position:0 0}
		ul#menu li.thegioi a.off{background:url(../images/menu/thegioi-off.jpg) no-repeat; cursor:default}

		ul#menu li.camnang a{background:url(../images/menu/camnang.jpg) no-repeat left bottom; width:77px; height:55px; text-indent:-9999px;}
		ul#menu li.camnang a:hover{background-position:0 0}
		ul#menu li.camnang a.off{background:url(../images/menu/camnang-off.jpg) no-repeat; cursor:default}

		ul#menu li.thuvien a{background:url(../images/menu/thuvien.jpg) no-repeat left bottom; width:78px; height:55px; text-indent:-9999px;}
		ul#menu li.thuvien a:hover{background-position:0 0}
		ul#menu li.thuvien a.off{background:url(../images/menu/thuvien-off.jpg) no-repeat; cursor:default}

		ul#menu li.hotro a{background:url(../images/menu/hotro.jpg) no-repeat left bottom; width:85px; height:55px; text-indent:-9999px;}
		ul#menu li.hotro a:hover{background-position:0 0}
		ul#menu li.hotro a.off{background:url(../images/menu/hotro-off.jpg) no-repeat; cursor:default}

        ul#menu li.HasChild a:link,
        ul#menu li.HasChild a:visited {
        }
        ul#menu li.Active a:link,
        ul#menu li.Active a:visited,
        ul#menu li.Hilite a:link,
        ul#menu li.Hilite a:visited,
        ul#menu li a:hover {
            background-position: left 0;
            text-decoration: none;
            color: #fff;
        }


        
    
        /* SUB-MENU LEVEL 1 */
        ul#menu li ul {
            width: 158px;
			height:100px;
            position: absolute;
            top: 55px;
            left: 0;
            display:none;
			font-size:11px;
			
        }
        ul#menu li ul.ToRight {
            width: 158px;
            left: auto;
            right: 0;
        }
            
        ul#menu li.Active ul {
        }
		    ul#menu li ul li {
                width: 140px;
                color:#cee4ad;
                text-indent:0px;				
					
            }
                ul#menu li.Active ul li a:link,
                ul#menu li.Active ul li a:visited {
					display:block;
					color:#cee4ad;			
					background:url(../images/menu/sub-bg.png);		
					text-indent:0;
					line-height:14px;
					width:120px;
					height:14px;
					padding:5px 10px;
					border-bottom:solid 1px #006176;
                }
                
                ul#menu li.Active ul li.HasChild a:link,
                ul#menu li.Active ul li.HasChild a:visited {
                }

             
                
                
    /* MODIFIED : set active o day, muon hightlight cai nao thi phai style = class Hilite */
                ul#menu li.Active ul li.Hilite a:link,
				ul#menu li.Active ul li.Hilite a:visited,
				ul#menu li.Active ul li.Hilite a:hover
				{
                    color:#fff;
					background:url(../images/menu/sub-bg2.png);
					cursor:default;
                }
    /* end. MODIFIED */
	            ul#menu li ul li.top{ padding-top:5px;}
	            ul#menu li ul li.bottom{background:url(../images/menu/submenu-bt.gif) no-repeat; height:52px;}
				
                ul#menu li.Active ul li.off a:link,
				ul#menu li.Active ul li.off a:visited,
				ul#menu li.Active ul li.off a:hover{
                    color:#52736a;
					cursor:default;
					background:url(../images/menu/sub-bg.png);
                }

                ul#menu li.Active ul li a:hover {
                    color:#cee4ad;
					background:url(../images/menu/sub-bg2.png);
                }