/* ----- RIGHT MENU ----- */
#left ul.navigation { font: normal 12px verdana, arial, helvetica, sans-serif;}
#left ul.navigation { padding: 0; margin: 0 0 0 0; list-style: none;}

/* MAIN MENUS */
#left ul.navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
/* -------------- */
#left .navigation
	{  /* The style for main menus */
	display: block;
	margin: 0px;
	padding: 0px;
	}

/* The bgds for main menus */
#left .navigation li
	{
	background: transparent url(../Images/FadeMenu.png) repeat-x left top;
	width: 215px;
	}

/* -------------- */
#left .navigation li a
	{  /* The hover style for main menus */
	display: block;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background-color: #989898;
	background-color: transparent;
	background-image: url(../Images/FadeMenu.png);
	background-repeat: repeat-x;
	background-position: left top;
	}

/* -------------- */
#left .navigation li a:hover
	{  /* The hover style for main menus */
	text-decoration: underline;
	color: #004477;
	}


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

/* SUB MENUS */
#left ul.navigation li ul
	{
	position: absolute;
	display: none;
	display: block;
	margin: 0;
	margin-top: -25px;
	margin-left: -100%;
	padding: 0;
	list-style: none;
	width: 155px;
	border-top: 1px solid #989898;
	}
#left ul.navigation li:hover ul
	{
	display: block;
	margin-left: 215px;
	}
#left ul.navigation li ul li
	{
	background-image: none;
	}
#left ul.navigation li ul li a
	{
	display: block;
	padding: 4px 0px 4px 4px;
	color: #FFFFFF;
	border-left: 1px solid #BAEAFA;
	border-bottom: 1px solid #BAEAFA;
	border-right: 1px solid #BAEAFA;
	TEXT-ALIGN: left;
	font-weight: bold;
	TEXT-DECORATION: none;
	background-color: #3399FF;
	background-color: #000000;
	background-image: none;
	}
#left ul.navigation li ul li a:hover
	{
	color: #FFFFFF;
	background-color: #3399FF;
	}
#xleft ul.navigation li li a { background: #3399FF; width:155px; text-align:left;} /*           ****CHANGE-SUBMENU**** */
#xleft ul.navigation li li li a { width: 15em;} /*           ****CHANGE-SUB-SUBMENU**** */

#xleft ul.navigation ul li a:hover, #left ul.navigation ul li:hover a:hover {
	color: #FFFFFF;
	background: #989898;
}
#xleft ul.navigation li ul
	{
	/* Hides the first unhovered submenu */
	}
#xleft .navigation li:active ul ul, #left .navigation li:active ul ul ul, #left .navigation li:hover ul ul, #left .navigation li:hover ul ul ul, #left .navigation li.sfhover ul ul, #left .navigation li.sfhover ul ul ul {
	left: -0px; /* Hides the second and following unhovered submenus */
}
#xleft .navigation li:hover ul, #left .navigation li li:hover ul, #left .navigation li li li:hover ul, #left .navigation li.sfhover ul, #left .navigation li li.sfhover ul, #left .navigation li li li.sfhover ul
	{
	left: 0px;
	margin-left: 100%;
	
	/*top:100%;top:65px;*/
	}
#xleft .navigation ul li:hover ul
	{
	left: 250px;
	margin-top: -26px;
	}
#xleft .navigation ul ul li {
	width: 180px;
}