#skeleton
{
	width: 100%;
	min-width: 700px;
	width: expression(document.body.clientWidth < 700?   "700px" : document.body.clientWidth > 1262? "1260px" : "auto" );
}
#menuSKarrow
{
	margin: 0; /* all lists */
	float: left;
	width: 100%;
}

#menuSKarrow ul
{
	margin: 0; /* all lists */
	padding: 0;
	line-height: 1em;
}
#menuSKarrow li
{
	margin: 0; /* all list items */
	float: left;
	display: block;
	background: none;
	color: Black;
	cursor: pointer;
	line-height: 1em;
	font-family: Lucida,Verdana,Tahoma,Arial;
}


/**************   TOP LEVEL *****************/
#menuSKarrow li a
{
	color: White;
	margin: 0;
	display: block;
	cursor: pointer;
	line-height: 1em;
	text-transform: uppercase;
	font-family: Lucida,Verdana,Tahoma,Arial;
	text-decoration: none;
	color: white;
	padding: 12px 0px 12px 0px; /***   also affect position of submenu  ****/
	font-size: 11px;
}

#menuSKarrow li a:hover, #menuSKarrow li a.active, #menuSKarrow TD#ACTIVETD a, #menuSKarrow TD#ACTIVETD a:hover
{
	font-weight: bold;
}

/**********   LEVEL1 SUB MENU   **********/

/* Thiet lap menu trong suot */
#menuSKarrow li ul
{
	background: #E6E6E6;
	color: Black;
}

#menuSKarrow li ul a
{
	/**********   item of submenu**************/
	color: Black;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 10px;*/
	background: none;
	font-weight: bold;
	text-transform: none;
}

#menuSKarrow li ul a:hover, #menuSKarrow li ul a:active, #menuSKarrow li ul a:focus
{
	color: Black;
}


/* level 2 */
#menuSKarrow li ul
{
	width: 14em;
	position: absolute;
	margin: -0.5em; /* level 2, where to start  */
	z-index: 99;
	left: -999em;
	height: auto;
}

/* level 3, where to start  */
#menuSKarrow li ul ul
{
	margin: -1.65em 0 0 14em;
}
/* width of submenu item*/
#menuSKarrow li li
{
	padding: 2px 0 2px 0;
	margin: 0;
	width: 14em;
	text-transform: lowercase;
	text-align: left;
}

#menuSKarrow ul a
{
	width: 14em;
}

#menuSKarrow li:hover ul ul, #menuSKarrow li:hover ul ul ul, #menuSKarrow li.sfhover ul ul, #menuSKarrow li.level1sfhover ul ul, #menuSKarrow li.level1-activesfhover ul ul, #menuSKarrow li.sfhover ul ul ul, #menuSKarrow li.level1sfhover ul ul ul, #menuSKarrow li.level1-activesfhover ul ul ul
{
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */

#menuSKarrow li:hover ul, #menuSKarrow li li:hover ul, #menuSKarrow li li li:hover ul, #menuSKarrow li.sfhover ul, #menuSKarrow li.level1sfhover ul, #menuSKarrow li.level1-activesfhover ul, #menuSKarrow li li.sfhover ul, #menuSKarrow li li.levelhavechildsfhover ul, #menuSKarrow li li.levelhavechild-activesfhover ul, #menuSKarrow li li li.sfhover ul, #menuSKarrow li li li.levelhavechildsfhover ul, #menuSKarrow li li li.levelhavechild-activesfhover ul
{
	left: auto;
}

/*
-----------------------------------*/

#menuSKarrow li li a.active
{
	background: none;
	color: Black;
	font-weight: bold;
}

/*Muc 1*/
#menuSKarrow li.level1, #menuSKarrow li.level1_active
{
	background-image: url( "sol_off.png" );
	background-position: 0px top;
	width: 121px;
	color: White;
	text-align: center;
	background-repeat: no-repeat;
}

*+html #menuSKarrow li.level1, *+html #menuSKarrow li.level1_active 
{
	background-position: 50% 50%;
}
#menuSKarrow li.level1 a:hover
{
	font-weight: bold;
}


#menuSKarrow li.levelhavechild
{
	background: url( arrow12.gif) no-repeat 95% 50%;
	text-align: left;
}

#menuSKarrow li.levelhavechild:hover
{
	background: url( arrow12.gif) no-repeat 95% 50% #B3BDC9 !important;
}

#menuSKarrow ul li:hover, #menuSKarrow ul ul li:hover, #menuSKarrow ul ul ul li.hover #menuSKarrow ul li.sfhover, #menuSKarrow ul ul li.sfhover, #menuSKarrow ul ul ul li.sfhover
{
	background: #B3BDC9 !important;
	color: Black;
}

#menuSKarrow li.level1_active { width:122px;}