﻿#MenuHolder {
}
#MainMenu {
	margin: 0; /* all lists */
	width:100%;
	min-width:700px;
 width:expression(document.body.clientWidth < 700? "700px" : document.body.clientWidth > 1262? "1260px" : "auto");
}
#MainMenu ul {
	margin: 0; /* all lists */
	padding: 0;
	list-style: none;
	line-height:1.2em;
}
#MainMenu li {
	margin: 0; /* all list items */
	list-style: none;
	float: left;
	display: block;
	background: none;
	color: #fff;
	cursor: pointer;
	line-height:1.2em;
}
/**************   TOP LEVEL *****************/  
#MainMenu li a {
	margin: 0;
	display: block;
	cursor: pointer;
	line-height:1.2em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
	color: white;
	padding: 14px 10px 12px 10px;  /***   also affect position of submenu  ****/
	font-size: 1em;
}
#MainMenu li a:hover {
	color: #fff;
}
#MainMenu li a.active {
	color: #fff;
}
#MainMenu li a.active:focus {
}
/**********   LEVEL1 SUB MENU   **********/

/* Thiet lap menu trong suot */ 
#MainMenu li ul {
	border: 1px solid #055787;
	background-color: #05669f;
	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: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:10px;
	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: #7194be;
}
/* level 2 */
#MainMenu li ul {
	width: 16em;
	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: 2px 0 2px 0;
	margin: 0;
	width: 16em;
	border-bottom: 1px solid #055787;
	text-transform: lowercase;
}
#MainMenu ul a {
	width: 16em;
}
#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: #ffffff;
}
#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 #4297cc;
}
#MainMenu li.levelhavechild-active {
}
/* hover li with sub
   change arrow7.jpg to arrow12.gif
   bgcolor = #e0ffff
*/
#MainMenu li.levelhavechild:hover {
	background: #009DE0 url(arrow12.gif) no-repeat 95% 50% !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: #05669f url(menu_hover.gif) repeat-x top right !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: #009DE0 !important;
	color: #fff;
}
#MainMenu .seperator img {}
