/* MENU LEVEL 0 */

#boxNav{
	width: 720px;
	height: 137px; 
	position: absolute;
	z-index: 90; 
	top: 0px;
	left: 239px;
	line-height: 19px;
	} 
ul#nav {
    width:720px;
	height:137px;
}
    ul#nav li {
        float: left;
        list-style-type:none;
        position: relative;
    }
        ul#nav li a:link,
        ul#nav li a:visited {
            display: block;
            color: #661a00;
			text-indent:-9999px;
			font-weight:normal;
        }
		ul#nav li a{ 
			background:url(../images/menu.png) no-repeat; 
			display:block; 
			text-indent:-9999px;
			position: relative;
			overflow: hidden;
		}
		ul#nav li a span {
			text-indent: -9999px;
			position: absolute;
			top: -100px;
			right: 0;
		}
		ul#nav li a:hover span, ul#nav li.Active a span, ul#nav li.Hilite a span {
			animation: Menu linear 0.2s forwards;
			-moz-animation: Menu linear 0.2s forwards;
			-webkit-animation: Menu linear 0.2s forwards;
			-o-animation: Menu linear 0.2s forwards;
		}
		/*----------*/
		ul#nav li a.Nav-1{ 
			background-position: 0 0; 
			width: 134px;
			height: 111px;
		}
		ul#nav li a.Nav-1:hover, ul#nav li.Active a.Nav-1, ul#nav li.Hilite a.Nav-1 {
			background-position: 0 -137px;
		}
		ul#nav li a.Nav-1 span {
			background:url(../images/icon-home.png) no-repeat;
			display: block;
			width: 78px;
			height: 57px;
		}
		ul#nav li.Off a.Nav-1{
			cursor:default;
			background-position: 0 -274px;
		}
		/*----------*/
		ul#nav li a.Nav-2{ 
			background-position: -134px 0; 
			width: 111px;
			height: 99px;
		}
		ul#nav li a.Nav-2:hover, ul#nav li.Active a.Nav-2, ul#nav li.Hilite a.Nav-2 {
			background-position: -134px -137px;
		}
		ul#nav li a.Nav-2 span {
			background:url(../images/icon-tintuc.png) no-repeat;
			display: block;
			width: 65px;
			height: 68px;
		}
		ul#nav li.Off a.Nav-2 {
			cursor:default;
			background-position: -134px -274px;
		}
		/*----------*/
		ul#nav li a.Nav-3 {
			background-position: -245px 0;
			width: 112px;
			height: 98px;
		}
		ul#nav li a.Nav-3:hover, ul#nav li.Active a.Nav-3, ul#nav li.Hilite a.Nav-3 {
			background-position: -245px -137px;
		}
		ul#nav li a.Nav-3 span {
			background:url(../images/icon-sukien.png) no-repeat;
			display: block;
			width: 67px;
			height: 58px;
		}
		ul#nav li.Off a.Nav-3{
			cursor:default;
			background-position: -245px -274px;
		}
		/*----------*/
		ul#nav li a.Nav-4 { 
			background-position: -356px 0; 
			width: 129px;
			height: 107px;
		}
		ul#nav li a.Nav-4:hover, ul#nav li.Active a.Nav-4, ul#nav li.Hilite a.Nav-4 {
			background-position: -356px -137px;
		}
		ul#nav li a.Nav-4 span {
			background:url(../images/icon-camnang.png) no-repeat;
			display: block;
			width: 95px;
			height: 62px;
		}
		ul#nav li.Off a.Nav-4 {
			cursor:default;
			background-position: -356px -274px;
		}
		/*----------*/
		ul#nav li a.Nav-5 { 
			background-position: -484px 0; 
			width: 111px;
			height: 119px;
		}
		ul#nav li a.Nav-5:hover, ul#nav li.Active a.Nav-5, ul#nav li.Hilite a.Nav-5 {
			background-position: -484px -137px;
		}
		ul#nav li a.Nav-5 span {
			background:url(../images/icon-canbiet.png) no-repeat;
			display: block;
			width: 76px;
			height: 58px;
		}
		ul#nav li.Off a.Nav-5 {
			cursor:default;
			background-position: -484px -274px;
		}
		/*----------*/
		ul#nav li a.Nav-6 { 
			background-position: -595px 0; 
			width: 121px;
			height: 137px;
		}
		ul#nav li a.Nav-6:hover, ul#nav li.Active a.Nav-6, ul#nav li.Hilite a.Nav-6 {
			background-position: -595px -137px;
		}
		ul#nav li a.Nav-6 span {
			background:url(../images/icon-diendan.png) no-repeat;
			display: block;
			width: 87px;
			height: 54px;
		}
		ul#nav li.Off a.Nav-6 {
			cursor:default;
			background-position: -595px -274px;
		}
		ul#nav li.Off a:hover span {
			animation: none;
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
		}
		
@keyframes Menu {
	0% {top: -100px;}
	50% {top: -50px;}
	100% {top: 0px;}
}
@-moz-keyframes Menu {
	0% {top: -100px;}
	50% {top: -50px;}
	100% {top: 0px;}
}
@-webkit-keyframes Menu {
	0% {top: -100px;}
	50% {top: -50px;}
	100% {top: 0px;}
}
@-o-keyframes Menu {
	0% {top: -100px;}
	50% {top: -50px;}
	100% {top: 0px;}
}
		
		
		
											
        ul#nav li.Active a:link,
        ul#nav li.Active a:visited,
        ul#nav li.Hilite a:link,
        ul#nav li.Hilite a:visited,

        ul#nav li a:hover {
            text-decoration: none;
            color: #fff;
			
        }
        /* SUB-MENU LEVEL 1 */
        ul#nav li ul {
            width: 176px;
			position:absolute;            
            top: 52px;
            display:none;
			font-size:13px;
			background:url(../images/menu-sub-bottom.png) 0px bottom no-repeat;
			padding-bottom:22px;
			padding-top:4px;
        }
        ul#nav li ul.ToRight {
            left: auto;
            right:0;
        }

		    ul#nav li ul li {
				float:left;
                color:#baaf9a;
                text-indent:0px;
				margin-bottom:0px;
				height:30px;
            }
            ul#nav li.Active ul li.Top{
            		height: 50px;
            }
			ul#nav li.Active ul li.Top a:link,
			ul#nav li.Active ul li.Top a:visited,
			ul#nav li.Active ul li.Top a:hover{
				padding-top: 20px;
			
				
			}
			ul#nav li ul li a { height:30px;}
			
                ul#nav li.Active ul li a:link,
                ul#nav li.Active ul li a:visited {
					width:150px;
					line-height:23px;
					color:#baaf9a;
					text-indent:0;
					background:url(../images/menu-sub.png) 0 1px repeat-y;
					font-weight:bold;
					padding-left:20px;
                }


				ul#nav li.Active ul li.Active a:link,
				ul#nav li.Active ul li.Active a:visited{
					color:#ebab23;
				}
                ul#nav li.Active ul li.Off a:link,
				ul#nav li.Active ul li.Off a:visited,
				ul#nav li.Active ul li.Off a:hover{
                    color:#5e3737;
					cursor:default;
                }

                ul#nav li.Active ul li a:hover {
                    color:#ebab23;
                }
                
/*
				
				ul#nav li.Active ul li.HasChild.Active.bottom a:link,
				ul#nav li.Active ul li.HasChild.Active.bottom a:visited{
					background-position:0 0;
				}
				*/
				

				
    /* MODIFIED : set active o day, muon hightlight cai nao thi phai style = class Hilite */
                ul#nav li.Active ul li.Hilite a:link,
				ul#nav li.Active ul li.Hilite a:visited,
				ul#nav li.Active ul li.Hilite a:hover{
                    color:#ff6600;
                }
    /* end. MODIFIED */
	
				ul#nav li.Active ul li.Hilite a.NoLine:link,
				ul#nav li.Active ul li.Hilite a.NoLine:visited{
					color:#ff6600;
					
				}

	

