.listmenu { position: relative; z-index:999; }
/* hack to correct IE5.5 faulty box model */
* html .listmenu {width:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.listmenu ul { border: solid 0px red; padding: 0; margin: 0; list-style-type: none; float: left; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown listmenu positon */
.listmenu li { float: left; position: relative; }	/*set width here if all li is the same width*/
 
 
/*MAIN STYLING*/ 
	/* style the links for the top level */
	.listmenu a, .listmenu a:visited				/*JACK may need to define different language here*/
	{
		padding: 5px 8px 0px 7px;
		min-height: 20px;
		height: 20px;
		float: left;
		
		display: block;
		font-family: Arial, Tahoma;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		color: #333333;
	}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .listmenu a, * html .listmenu a:visited {}

	/* style the second level links */
	.listmenu ul ul a, .listmenu ul ul a:visited
	{
		padding: 4px 26px 4px 15px;
		width: 131px;
		min-height: 18px;
		height: auto !important;
		height: 18px;
		
		font-family: Verdana, Arial, Tahoma;
		font-weight: normal;
		font-size: 11px;
	    
		/*border-left: solid 1px white;
		border-right: solid 1px white;*/
	}
	/* yet another hack for IE5.5 */
	* html .listmenu ul ul a, * html .listmenu ul ul a:visited {width: 131px;}
									
	/* style the third level background */
	.listmenu ul ul ul a, .listmenu ul ul ul a:visited
	{
		padding: 4px 26px 4px 15px;
		width: 131px;
		
		/*border-left: solid 1px white;
		border-right: solid 1px white;*/
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.listmenu ul ul			{ visibility: hidden; position: absolute; left: 0; top: 25px; background-color: #adcc70; }
.listmenu ul ul.left	{ left: -113px; }
/* another hack for IE5.5 */
* html .listmenu ul ul {top:25px;}

/* position the third level flyout listmenu */
.listmenu ul ul ul		{ left: 171px; top: 1px; }
/* position the third level flyout listmenu for a left flyout */
.listmenu ul ul ul.left	{ left: -171px; } /*need to set left to match with width here*/ /*base width 174*/


/* style the table so that it takes no ppart in the layout - required for IE to work */
.listmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* HOVER STYLE */
/* style the top level hover */
.listmenu a:hover		{ color: #333333; background-color: #adcc70; }
.listmenu :hover > a	{ color: #333333; background-color: #adcc70; }
/* style the second level hover */
.listmenu ul ul a:hover		{ color: #333333; background-color: #f8e8d1; }
.listmenu ul ul :hover > a	{ color: #333333; background-color: #f8e8d1; }
/* style the third level hover */
.listmenu ul ul ul a:hover	{ color: #333333; background-color: #f8e8d1; }


/*IMAGE STYLE*/
/* style the background of item with sub menu */
.listmenu ul ul a.drop, .listmenu ul ul a.drop:visited		
{ background-repeat: no-repeat;	background-position: right center; background-image: url(../image/menu-marker.gif);}
.listmenu ul ul a.drop:hover, .listmenu ul ul :hover > a.drop	
{ background-repeat: no-repeat;	background-position: right center; background-image: url(../image/menu-markerSub.gif);}


/* style the background of the menu 
.listmenu ul ul			{ background-image: url(../image/menu-background.png); background-position: bottom; background-repeat: no-repeat; }
.listmenu ul ul ul		{ background-image: url(../image/menu-background.png); background-position: bottom; background-repeat: no-repeat; }
*/

/*FIX CONTROL*/
/* make the second level visible when hover on first level list OR link */
.listmenu ul li:hover ul, .listmenu ul a:hover ul { visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
.listmenu ul :hover ul ul { visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
.listmenu ul :hover ul :hover ul { visibility: visible; z-index: 1; }


/*inbetween menu styling*/
.listmenu ul li ul .level-2-header, .listmenu ul li ul li ul .level-3-header
{
    height: 2px;
    line-height: 2px;
    width: 174px;
    /*background-image: url(../image/menu-top.gif);
    background-repeat: no-repeat;
    background-position: center;*/
}
.listmenu ul li ul .level-2-footer, .listmenu ul li ul li ul .level-3-footer
{   
    height: 2px;
    line-height: 2px;
    width: 174px;
    /*background-image: url(../image/menu-bottom.gif);
    background-repeat: no-repeat;
    background-position: center;*/
}
.listmenu ul li ul .level-2-divider, .listmenu ul li ul li ul .level-3-divider
{
    height: 1px;
    line-height: 1px;
    width: 172px;
    border-top: solid 1px #D7FFA0;
    /*background-image: url(../image/menu-divider.gif);
    background-repeat: no-repeat;
    background-position: center;*/
    /*border-left: solid 1px white;
    border-right: solid 1px white;*/
}

.listmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}