/* ================================================================ 
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/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#menu {height:160px; width:200px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:0px 0px 0 0px; height:160px;width:200px;}

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

#menu a {display:block; font:normal 13px arial,sans-serif; color:#fff; line-height:22px; text-decoration:none;padding:0 10px 0 10px;background-color: #1b4f64;} 

#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:1%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#1b4f64; color:#fff;} 
#menu li:hover > a {
	background:#82bbc9;
	color:#fff;
}
#menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#menu li a.fly:hover {background:#82bbc9 url(anywidth/arrow.gif) no-repeat right top;} 
#menu li:hover > a.fly {background:#82bbc9 url(anywidth/arrow.gif) no-repeat right top;}

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


#menu2 { height:67px; width:200px; position:relative;}

#menu2 ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:0px 0px 0 0px; width:200px;}

#menu2 li {margin:0; padding:0; list-style:none;}
#menu2 li {display:inline-block; display:inline;}
#menu2 ul ul {position:absolute; left:-9999px;}
#menu2 ul#toplevel {
	position:absolute;
	left:0;
	top:0;
	background-color: #4b91b2;
	color: #fff;
}

#menu2 a {display:block; font:bold 12px arial,sans-serif; color:#fff; line-height:22px; text-decoration:none;padding:0 10px 0 10px;background-color: #72878b;} 

#menu2 ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

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

#menu2 li a:hover {background:#4b91b2; color:#fff;} 
#menu2 li:hover > a {
	background:#82bbc9;
	color:#fff;
}
#menu2 li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#menu2 li a.fly:hover {background:#82bbc9 url(anywidth/arrow.gif) no-repeat right top;} 
#menu2 li:hover > a.fly {background:#82bbc9 url(anywidth/arrow.gif) no-repeat right top;}

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