/* hack to correct IE5.5 faulty box model */
* html div#xxl_mainmenu {
	width:860px; 
	w\idth:860px;
}




/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#xxl_mainmenu li {
	float:left;
	position:relative;
}





/* style the links for the top level */
div#xxl_mainmenu ul ul {
	width:136px;
	margin:0;
	padding:0;
	visibility:hidden;
	position:absolute;
	height:0;
	left:0;
	border-top:0px solid #A9A9A9;

}


	* html div#xxl_mainmenu ul ul  {
		width:136px;
		margin:0;
		padding:0;
		top:15px;
		display:block;
		border-top:none !important;
	}
	


	 * html div#xxl_mainmenu ul ul li a, * html div#xxl_mainmenu ul ul li a:link {
		background-image:none !important;
		background-color:#00417C;
		text-transform:none;
		border:none;
		width:126px;
		display:block;
		border-collapse:collapse;
		left:-8px;
		position:relative;
		margin:0;
		padding:3px 4px 3px 4px; 
		border:1px solid #A9A9A9;
		border-width:1px 1px 1px 1px;
	}

/**/
div#xxl_mainmenu ul ul li a, div#xxl_mainmenu ul ul li a:link {
	margin:0 0 0 -4px;
	padding:0;
	display:block;
	width:135px;
	text-decoration:none;
	border:1px solid #A9A9A9;
	background-image:none !important;
	line-height:1em; 
	padding:3px 2px 3px 2px; 
	width:130px;
	border-width:0 1px 1px 1px;
	color:#FFCC00;
	background-color:#00417C;
	text-transform:none;
	height:auto;
}


div#xxl_mainmenu ul ul li a:hover {
	color:#00417C;
	background-color:#FFCC00;
}

/* a hack so that IE5.5 faulty box model is corrected */
/** html div#xxl_mainmenu a, * html div#xxl_mainmenu a:visited {width:149px; w\idth:138px;}*/


/* hide the sub levels and give them a positon absolute so that they take up no room */


/* another hack for IE5.5 */




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



/* yet another hack for IE5.5 */


/* style the top level hover */
div#xxl_mainmenu a:hover {
	zoom: 1;
}

div#xxl_mainmenu ul ul a:hover{
	color:#fff;
	background:#A9A9A9;
}

div#xxl_mainmenu ul ul :hover > a {
	color:#fff;
	background:#A9A9A9;
	}

/* make the second level visible when hover on first level list OR link */
div#xxl_mainmenu ul li:hover ul, div#xxl_mainmenu ul a:hover ul{
	visibility:visible;
}