#menu {
	height:360px;
	width:146px;
	position:relative;
	background-color:#cddbee;
	z-index: 1; /* So popups appear over the page */
}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:0px 0 0 0px; background:#cddbee;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline; }
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.toplevel {position:absolute; left:0; top:0; background-color: #cddbee;}

#menu a {display:block; font: bold 11px verdana,arial,sans-serif; color:#617abc; line-height:22px; text-decoration:none;padding:0 0px 0 10px; border-top:#fff 2px solid; width:136px;} 
#menu li a.fly {background: url(../images/fo_arrow.gif) no-repeat right center;}

#menu li a:hover {background-color:#aabbee; color:#fff; } 
#menu li:hover > a {background-color:#aabbee; color:#fff; }

#menu ul ul li a {width: auto; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0 10px 0 10px;}
#menu ul li:hover > ul {left:100%; margin-top:-24px; margin-left:-1px; width:auto;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/*************************************************/
#topmenu {

	width:852px;
	position:relative;
	background-color:#cddbee;
	z-index: 1; /* So popups appear over the page */
}
#topmenu ul {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:0; background-color:#cddbee; }
#topmenu ul.toplevel {position:absolute; left:0; top:0; background-color: #cddbee; text-align:center; }
#topmenu ul.toplevel li { display:inline; float:left; width:211px; border-right: #fff 2px solid;}
#topmenu ul.toplevel li.right { border-right: 0px; }
#topmenu ul.toplevel li li { display:block; padding:0; float:none; width:auto; border-bottom: #fff 2px solid;}

#topmenu li {margin:0; list-style:none;}
#topmenu li a.fly {background: url(../images/fo_down_arrow.gif) no-repeat 200px center;}
#topmenu li li a.fly {background: url(../images/fo_arrow.gif) no-repeat 200px center;}


#topmenu ul li div {display: inline; }

#topmenu ul a {float:left; line-height:29px; text-align:center; }
#topmenu ul ul a {float:none; line-height:22px; padding-left:10px;  display:block; text-align:left; width: 201px;}
#topmenu ul ul ul a {width:auto; padding: 0 10px 0 10px;}

#topmenu a { 
	font: bold 11px verdana,arial,sans-serif; 
	color:#617abc; 
	line-height:22px; 
	text-decoration:none; 
	padding:0; 
	width:100%
}



#topmenu .parent {position: relative; }
#topmenu .dropdown {position:absolute; left:-9000px; top: 20px; display:block }

/* Hide rules! */
#topmenu .dropdown ul li ul {position:absolute; left:-9000px;}
#topmenu .dropdown ul a:hover ul ul,
#topmenu .dropdown ul a:hover ul ul ul { left:-9000px;}


/* Show / hover rules */
#topmenu li a:hover,
#topmenu li:hover,
#topmenu li:hover > a {background-color:#aabbee; color:#fff;}


#topmenu .parent:hover div.dropdown {left: -211px; top:29px; min-width:209px;}
#topmenu .dropdown li:hover > ul { left:100%; margin-top:-22px; margin-left:-1px; width:auto; height:auto;}

#topmenu .dropdown a:hover ul,
#topmenu .dropdown a:hover a:hover ul, 
#topmenu .dropdown a:hover a:hover a:hover ul {left:100%;}

#topmenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}