﻿#skeleton { width:100%; min-width:700px;  width:expression(document.body.clientWidth < 700? "700px" : document.body.clientWidth > 1262? "1260px" : "auto");
}
#MainMenu { margin: 0; /* all lists */ }
#MainMenu ul { margin: 0; /* all lists */ padding: 0; color: #ffffff; line-height:1.2em; }
#MainMenu li { margin: 0; /* all list items */ float: left; display: block; background: none; color: #fff; cursor: pointer; }
/**************   TOP LEVEL *****************/  
#MainMenu li a { margin: 0; display: block; cursor: pointer; line-height:1.0em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; color: white; padding: 12px 25px 12px 25px;  /***   also affect position of submenu  ****/ font-size: 0.8em; /*filter:glow(Color=#4297cc,Strength=2);*/
}
#MainMenu li a:hover { color: #fff; }
#MainMenu li a.active { color: #fff; }
#MainMenu li a.active:focus { }
#MainMenu TD#ACTIVETD a { color: #fff; }
#MainMenu TD#ACTIVETD a:hover { color: #fff; }
/**********   LEVEL1 SUB MENU   **********/

/* Thiet lap menu trong suot */ 
#MainMenu li ul { border: 1px solid #000000; background-color: #333333;/*4aa7e2*/ filter:Alpha(Opacity=90, FinishOpacity=75, Style=1); -moz-opacity:.80; }
#MainMenu li ul.Submenu { border: 1px solid #CCCCCC; }
#MainMenu li ul a {				/**********   item of submenu**************/ border-right: none; padding-left: 25px; padding-top: 5px; padding-bottom: 5px; height:14px; border-top: none; background: none; font-weight: normal; text-transform: none; }
#MainMenu li ul a:hover,
#MainMenu li ul a:active,
#MainMenu li ul a:focus { color: #00CCFF; }
/* level 2 */
#MainMenu li ul { width: 10em; position: absolute; margin: -0.1em;  /* level 2, where to start  */ z-index: 99; left: -999em; height: auto; }
/* level 3, where to start  */ 
#MainMenu li ul ul { margin: -1.3em 0em 0em 14em; }
/* width of submenu item*/
#MainMenu li li { padding: 4px 0 4px 0; margin: 0; width: 10em; border-bottom: 1px solid #202020; text-transform: lowercase; text-align: left; }
#MainMenu ul a { width: auto; }
#MainMenu li:hover ul ul,
#MainMenu li:hover ul ul ul,
#MainMenu li.sfhover ul ul,
#MainMenu li.level1sfhover ul ul,
#MainMenu li.level1-activesfhover ul ul,
#MainMenu li.sfhover ul ul ul,
#MainMenu li.level1sfhover ul ul ul,
#MainMenu li.level1-activesfhover ul ul ul { left: -999em; }
/* This "unhides" the sub-menus (left: -999em is what hides them) */

#MainMenu li:hover ul,
#MainMenu li li:hover ul,
#MainMenu li li li:hover ul,
#MainMenu li.sfhover ul,
#MainMenu li.level1sfhover ul,
#MainMenu li.level1-activesfhover ul,
#MainMenu li li.sfhover ul,
#MainMenu li li.levelhavechildsfhover ul,
#MainMenu li li.levelhavechild-activesfhover ul,
#MainMenu li li li.sfhover ul,
#MainMenu li li li.levelhavechildsfhover ul,
#MainMenu li li li.levelhavechild-activesfhover ul { left: auto; }
/*
-----------------------------------*/

#MainMenu li li a.active { border-top: none; background: none; color: #ffffff; font-weight: bold; }
/*Muc 1*/

#MainMenu li.level1 { background: transparent; color: White; }
#MainMenu li.level1_selected { background:  url(menu_selected.gif) repeat-x top center; color:#fff; }
#MainMenu li.level1 a:hover,
#MainMenu li.level1_selected a:hover,
#MainMenu li.level1 ul a:hover,
#MainMenu li.level1_selected ul a:hover,
#MainMenu li ul a:active,
#MainMenu li ul a:focus { background: transparent; color:#fff; }
#MainMenu li.levelhavechild { background: url(arrow.png) no-repeat 95% 50%; border-bottom: 1px solid #054e8b; }
#MainMenu li.levelhavechild-active { }
/* hover li with sub
   change arrow7.jpg to arrow12.gif
   bgcolor = #e0ffff
*/
#MainMenu li.levelhavechild:hover { background: url(arrow12.gif) no-repeat 95% 50% #ce7312 !important; }
/* hover or active level 1
   bground = topbg_green1.gif	
   backcolor = #FFFFFF
*/
#MainMenu li:hover,
#MainMenu li.sfhover,
#MainMenu li.level1sfhover,
#MainMenu li.level1-activesfhover { background: url(menu_hover.gif) repeat-x top right #076fc5 !important; }
/* hover li no sub
   backcolor = #e0ffff
*/
#MainMenu ul li:hover,
#MainMenu ul ul li:hover,
#MainMenu ul ul ul li.hover #MainMenu ul li.sfhover,
#MainMenu ul ul li.sfhover,
#MainMenu ul ul ul li.sfhover { background: #076fc5 !important; color: #fff; }
