/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	height:230px;
	width:118px;
	position:relative;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	padding:1px 1px 0 1px;
	background:#fff;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu li {
	display:inline;
}
#menu ul ul {
	position:absolute;
	left:-9999px;
}
#menu ul#toplevel {
	position:absolute;
	left:0;
	top:0;
}
#menu a {
	display:block;
	font:normal 11px verdana, arial, sans-serif;
	color:#000;
	line-height:22px;
	text-decoration:none;
	padding:0 4px 0 10px;
}

#menu li a.orange {
	background-color:#FFF;
	background-image:url('images/orange.jpg');
	color:#FFF;
	background-repeat:no-repeat;
	padding-top: 6px;
	display: block;
	height: 26px;
	text-decoration: none;
	padding-left: 4px;
	text-align: center;
	/*background: url(anywidth/arrow.gif) no-repeat right top;*/
}
#menu li a:hover.orange {
	background-color:#FFF;
	background-image:url('images/orange_ovr.jpg');
	background-repeat:no-repeat;
}
#menu li a.orange_active {
	color:#FFF;
	padding-top: 6px;
	display: block;
	height: 26px;
	text-decoration: none;
	padding-left: 4px;
	text-align: center;
	background-color:#FFF;
	background-image:url('images/orange_ovr.jpg');
	background-repeat:no-repeat;
}
#menu li a.blue {
	background-color:#FFF;
	background-image:url('images/blue.jpg');
	color:#FFF;
	background-repeat:no-repeat;
	padding-top: 6px;
	display: block;
	height: 26px;
	text-decoration: none;
	padding-left: 4px;
	text-align: center;
	/*background: url(anywidth/arrow.gif) no-repeat right top;*/
}
#menu li a:hover.blue {
	background-color:#FFF;
	background-image:url('images/blue_ovr.jpg');
	background-repeat:no-repeat;
}
#menu li a.blue_active {
	color:#FFF;
	padding-top: 6px;
	display: block;
	height: 26px;
	text-decoration: none;
	padding-left: 4px;
	text-align: center;
	background-color:#FFF;
	background-image:url('images/blue_ovr.jpg');
	background-repeat:no-repeat;
}
#menu li a:hover {
	background-color:#09c;
	color:#fff;
}
#menu li:hover > a {
	background-color:#09c;
	color:#fff;
}
#menu ul li:hover > ul {
	left:100%;
	margin-top:-23px;
	margin-left:-1px;
}
#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;
}