/* ================================================================ 
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.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:20px;
	text-align:center;
	margin-top: 0px;
	padding-top: 1px;
}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {
	display:block;
	font:normal 12px arial,sans-serif;
	color:#444;
	line-height:20px;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 1px solid #000;
} 

#menu ul li:first-child a {
	border-left: 0;
}
#menu ul li ul li a {
	border-left: 0;
}

* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */
 
#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}
 
#menu ul.top-level {display:table; margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:0px;}
 
#menu a.top-level-a {float:left; padding:0 0 0 8px;} 
#menu a.top-level-a span {float:left; padding:0 8px 0 0; cursor:pointer; cursor:hand;}
#menu a.down span {float:left; padding:0 8px 0 0;  cursor:pointer;}
 
#menu a.top-level-a:hover {white-space:nowrap;}
#menu a.top-level-a:hover span, 
#menu a.top-level-a:focus span, 
#menu a.top-level-a:active span {color:#000; cursor:pointer;}
#menu a.down:hover span, 
#menu a.down:focus span, 
#menu a.down:active span {color:#000; cursor:pointer;}
 
#menu li.top-level-li:hover > a {white-space:nowrap;}
#menu li.top-level-li:hover > a span {color:#000;}
#menu li.top-level-li:hover > a.down span {color:#000;}
 
#menu li ul {
	display:block;
	position:absolute;
	visibility:hidden;
	padding:1px 1px 1px 1px;
	left:0;
	background-color: #D1E3EF;
}
#menu li li {border-top:1px solid #FFF;}
#menu li li a {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #D1E3EF;
} 
#menu li li a:hover {background: #FFF;} 
#menu li li:hover > a {background:#FFF;}
#menu li li a.fly {}
#menu li li a.fly:hover {} 
#menu li li:hover > a.fly {}
 
#menu ul.drop-down {top:20px; opacity:0.85;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}
 
#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}