ÿþ.jqueryslidemenu{

font: bold 12px Verdana;

background-image: url(../IMAGECSS/menu_1px.jpg);	

background-repeat:repeat-x;

width: 100%;

}



.jqueryslidemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.jqueryslidemenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.jqueryslidemenu ul li a{

display: block;

background-image: url(../IMAGECSS/menu_1px.jpg);	

background-repeat:repeat-x; /*background of tabs (default state)*/

color: white;

padding: 8px 10px;

border-right: 1px solid #0794d5;

color: Red;

text-decoration: none;

}



* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

color: white;

}



.jqueryslidemenu ul li a:hover{

background: #0285fb; /*tab link background during hover state*/

color: white;

}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

font: normal 13px Verdana;

width: 220px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid gray;

}



.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

background: #eff9ff;

color: black;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}





/************************* HÖ TRâ MENU Tð 
ØNG TH¢ XUÐNG***************************/



.arrowlistmenu{

width: 200px; /*width of accordion menu*/

}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 14px Arial;

color: white;

background-image:url(../IMAGECSS/TabLeft.gif);

background-repeat:repeat-x;

margin-bottom: 0px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0px 4px 10px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

height:28px;

}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-image: url(../IMAGECSS/TabLeftDo.gif);

height:28px;

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

/*padding-bottom: 2px; /*bottom spacing between menu items*/

border-bottom: 1px solid #a1c67b;

}



.arrowlistmenu ul li a{

color: #A70303;

background: url(../IMAGECSS/arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

/*padding: 2px 0;*/

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #dadada;

font-size: 90%;

}



.arrowlistmenu ul li a:visited{

color: #A70303;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}









/*************************HÖ TRâ MENU THè 2**************************/



.arrowsidemenu{

	width: 202px; /*width of menu*/

	

	/*border-style: solid solid none solid;

	border-color: #94AA74;

	border-width: 1px;*/

	

}

	

.arrowsidemenu div a{ /*header bar links*/

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	display: block;

	background: transparent url(../IMAGECSS/arrowgreen4.gif) 100% 0;

  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	padding: 4px 0px 4px 10px;

	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	text-decoration: none;

	border-bottom:solid 1px #e0e0e0;

	border-right:solid 1px #e0e0e0;

	border-left:solid 1px #e0e0e0;

}

	

.arrowsidemenu div a:link, .arrowsidemenu div a:visited{

	color: Black;

	

}



.arrowsidemenu div a:hover{

	background-position: 100% -32px;

}



.arrowsidemenu div.unselected a{ /*header that's currently not selected*/

	color:#3d3333;

}



	

.arrowsidemenu div.selected a{ /*header that's currently selected*/

	color: White;

	background-position: 100% -64px !important;

	border-right:solid 0px #e0e0e0;

	border-left:solid 0px #e0e0e0;

}



.arrowsidemenu ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	background-color:#e2f9cb;

}



.arrowsidemenu ul li{

	border-bottom: 1px solid #a1c67b;

}





.arrowsidemenu ul li a{ /*sub menu links*/

	display: block;

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: black;

	padding: 5px 0;

	padding-left: 10px;

	border-left: 10px double #a1c67b;

}



.arrowsidemenu ul li a:hover{

	background: #d5e5c1;

}