/* MENU 1 */

#menu
	{
		width: 225px;
		height: 165px;
		padding: 0px 0px 0px 30px;
		margin: 0px 0px 0px 0px;
	}


/**** MENU 1 - NIVEAU 1 ****/
#menu ul
	{
		list-style:none;
		font-family: Verdana;
		font-size: 11px;
		width: 205px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}

#menu li
	{
		position:relative;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px solid #FFFFFF;
		color: #FFFFFF;
		height: 19px;
		width: 205px;
		padding: 0px 0px 0px 0px;		/* top right bottom left*/
		margin: 0px 0px 0px 10px;
		
		background-image: url('../interface/nav_arrow_off.gif');
		background-repeat: no-repeat;
		background-position: right center;
		
		text-transform: uppercase;
	}

#menu li:hover
	{
		background: #ef7a29;
		background-image: url('../interface/nav_arrow_on.gif');
		background-repeat: no-repeat;
		background-position: right center;
		
	}
	
#menu ul li a, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active
	{
		height: 9px;
		width: 205px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #FFFFFF;
		text-decoration: none;
		margin: 1px 0px 0px 0px;
		padding: 3px 0px 4px 4px;		/* top right bottom left*/
		
	}

#menu ul li a:hover
	{
		color: #FFFFFF;
	}


/**** MENU 1 - NIVEAU 2 ****/
#menu ul ul
	{
		position:absolute;
		z-index:500;
		display:none;
		list-style:none;
		margin: -1px 0px 0px 205px;
		padding: 0px 0px 0px 0px;
		float:left;
		width:155px;
		top:	0px; /*auto;*/
		border-top: 1px solid #FFFFFF;
	}

#menu ul ul li 
	{
		background: 			#f7eec4;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				9px;
		color: 						#000000;
		text-decoration:	none;
		height: 					19px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 						155px;
		border-top:				0px solid #FFFFFF;
		border-bottom:				1px solid #FFFFFF;
		border-left:				1px solid #FFFFFF;
		border-right:				1px solid #FFFFFF;
		text-transform: none;
	}

#menu ul ul li:hover
	{
		background: 			#ef7a29;
		color: 						#ffffff;
	}
	
#menu ul ul li a, #menu ul ul li a:visited, #menu ul ul li a:hover, #menu ul ul li a:active
	{
		background: 			none;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		text-decoration: none;
		
		height: 19px;
		padding: 3px 2px 2px 2px;
		width: 155px;
	}

#menu ul ul li a:hover
	{
		background: 	none;
		color: 				#FFFFFF;
	}

/**** MENU 1 - NIVEAU 3 BEGIN ****/
#menu ul ul ul
	{
		top:0;
		left:100%;
	}
	
#menu ul ul ul li a, #menu ul ul ul li a:visited, #menu ul ul ul li a:hover, #menu ul ul ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#cc3300;
		text-decoration:	none;
		height: 					23px;
		padding:					2px;
		width: 						200px;
	}

#menu ul ul ul li a:hover
	{
		background: 	none;
		color: 				#003A73;
	}
/**** MENU 1 - NIVEAU 3 EINDE ****/


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End CSS Popout Menu 1 */