#mainMenu {
	_height: 1px; /* IE6 hack */
	position:relative;
	z-index:200;
	background-color: #292929;
}
#mainMenu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	border: 1px solid #424242;
	background-color: #292929;
}
#mainMenu li {
	float:left;
}
#mainMenu li.clear {
	float: none;
	clear: both;
	border: 0;
	_display: none; /* IE6 hack */
}
#mainMenu li a {
	border: 0;
	display:block;
	float:left;
	padding:0 35px 0 10px;
	white-space:nowrap;
	color: #ffffff;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
}
#mainMenu li a.fly {
	background-image:url(../interface/SpryMenuBarDown.gif);
	background-position:95% 50%;
	background-repeat:no-repeat;
}
#mainMenu li:hover, 
#mainMenu li.cssplay_hover {
	position:relative; 
	z-index:300;
}
#mainMenu li:hover > a {
	background-color: #333333;
}
#mainMenu li.cssplay_hover a {
	background-color: #333333;
}
#mainMenu li:hover > a.fly {
	background-image:url(../interface/SpryMenuBarDownHover.gif);
}
#mainMenu li.cssplay_hover a.fly {
	background-image:url(../interface/SpryMenuBarDownHover.gif);
}

#mainMenu li li {
	float: none; 
}

#mainMenu li li.last {
	border-bottom: 0;
}
/* a hack for  IE6 */
* html #mainMenu li li {
	float:left;
}
#mainMenu li li a {
	/*padding:0 25px 0 10px;*/
	float:none; 
	background-color: #292929;
}

#mainMenu li.cssplay_hover li a,
#mainMenu li.cssplay_hover li.cssplay_hover li a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{
	background-color: #292929;
}
#mainMenu li li a.fly {
	background-image:url(../interface/SpryMenuBarRight.gif) !important;
}
#mainMenu li li:hover > a {
	background-color: #333333;
}
#mainMenu li li.cssplay_hover a,
#mainMenu li.cssplay_hover li.cssplay_hover a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a {
	background-color: #333333;
}
#mainMenu li li:hover > a.fly {
	background-image:url(../interface/SpryMenuBarRightHover.gif) !important;
}
#mainMenu li li.cssplay_hover a.fly,
#mainMenu li.cssplay_hover li.cssplay_hover a.fly,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover a.fly,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a.fly,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a.fly,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a.fly {
	background-image:url(../interface/SpryMenuBarRightHover.gif) !important;
}

#mainMenu li:hover ul,
#mainMenu li.cssplay_hover ul {
	z-index:500;
	left:-1px; 
	top: 23px;
}
* html #mainMenu ul {width:2px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#mainMenu li:hover li:hover > ul {
	left:0px; 
	top:-1px;
	margin-left:100%;
	z-index:500;
}

/* keep further levels hidden */
#mainMenu li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto; 
}

/* but IE5.x and IE6 need this lot to style the flyouts*/

/* show next level */

#mainMenu li.cssplay_hover li.cssplay_hover ul,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{
	left:100%; 
	top:-1px;
}

/* keep further levels hidden */
#mainMenu li.cssplay_hover ul ul,
#mainMenu li.cssplay_hover li.cssplay_hover ul ul,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#mainMenu li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}