/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-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.
=================================================================== */

#submenu {width:200px; margin:0; position:relative; z-index:5; border-top:8px solid #00467f; border-bottom:1px solid #00467f; margin-bottom:23px; }

/* Style the top level */
#submenu ul 
{
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	text-align:left; 
	padding:0px 0px 0px 0px; 
	width:200px; 
	border-bottom:1px solid #00467f;
	background-color:#fff;
}
/* Style or override the second level */
#submenu ul 
{
	border-bottom:0px solid #00467f;
}

#submenu li {margin:0; padding:0; list-style:none; }
#submenu li {display:inline-block; display:inline;}
#submenu ul {position:absolute; left:-9999px;}
#submenu ul.level1 {position:relative; left:0; top:0px;}

#submenu a {
	display:block; 
	font:bold 13px arial,sans-serif; 
	color:#080808; 
	line-height:18px; 
	text-decoration:none;
	padding:2px 15px 1px 15px; 
	border-top:1px solid #336c99;
	border-bottom:1px solid #ccdae5;
} 
#submenu a:hover, #submenu a:active {
	border-left:10px solid #336c99; 
	padding:2px 15px 1px 5px; 
}

#submenu ul li:hover > ul {visibility:visible; left:100%; margin-top:-23px; margin-left:-1px;	background-color:#c2d3e0;
}

#submenu a:hover ul,
#submenu a:hover a:hover ul, 
#submenu a:hover a:hover a:hover ul {left:100%; visibility:visible; }
#submenu a:hover ul ul, 
#submenu a:hover a:hover ul ul {left:-9999px;}

#submenu li a:hover {background:#ccdae5;border-left:10px solid #336c99; } 
#submenu li:hover > a {background:#8eaec6;}
/*
#submenu li a.fly {background: url(/images/arrow.gif) no-repeat right top;}
#submenu li a.fly:hover {background:#ccdae5 url(/images/arrow.gif) no-repeat right top;} 
#submenu li:hover > a.fly {background:#ccdae5 url(/images/arrow.gif) no-repeat right top;}
*/

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