/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#mainmenu {
	padding: 2px 0 0;
	height: 27px;
	width:750px;
	float:left;
	margin:0; 
	list-style:none; 
	position:relative;
	z-index:500; 
	font-family:arial, verdana, sans-serif;
}

#mainmenu li {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	float:left; 
	margin-right:1px;
}

#mainmenu li a {
	font-size: 12px;
	cursor: pointer;
	color:#fff;
	padding: 0 0 0 10px;
	display:block; 
	float:left; 
	height: 27px;
	line-height: 27px;
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
}

#mainmenu li a b {
	font-size: 12px;
	float: left;
	display: block;
	padding: 2px 12px 0 2px;
	height: 27px;
	line-height: 27px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}
#mainmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#mainmenu li a:hover {
	color: #000;
	text-decoration: none;
	background: url(../images/menu_left.jpg) 0 0 no-repeat;
}

#mainmenu li:hover {
	position:relative; 
	z-index:200;
}

#mainmenu li:hover > a {
	color: #000;
	text-decoration: none;
	background: url(../images/menu_left.jpg) 0 0 no-repeat;
}

#mainmenu li:hover > a b{
	color: #000;
	text-decoration: none;
	background: url(../images/menu_right.jpg) 100% 0 no-repeat;
}

#mainmenu li.current a {
	color: #000;
	text-decoration: none;
	background: url(../images/menu_left.jpg) 0 0 no-repeat;
}

#mainmenu li.current > a b{
	color: #000;
	text-decoration: none;
	background: url(../images/menu_right.jpg) 100% 0 no-repeat;
}

#mainmenu :hover ul {
	left:2px; 
	top:27px; 
	width:200px;
	background-color:#fff;
}

/* keep the 'next' level invisible by placing it off screen. */

#mainmenu ul, 
#mainmenu :hover ul ul {
	border:2px #2c4895 solid;
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:220px;
	width: 195px;
	padding: 8px 6px;
	margin:0; 
	padding:0; 
	list-style:none;}

#mainmenu :hover ul,
#mainmenu :hover ul ul {
	padding:5px 0 0 ;
}
#mainmenu :hover ul :hover ul {
	left:190px; 
	top:3px; 
	background:white; 
	white-space:nowrap; 
	width:200px; 
	z-index:200; 
	height:auto;}

#mainmenu :hover ul li {
	margin:0; 
}
#mainmenu :hover ul li a {
	width:200px; 
	padding:2px 0 0; 
	color:#ccc;
}

#mainmenu :hover ul :hover {
	color:#fff;
}

#mainmenu :hover ul :hover ul li a {
	display: block;
	padding: 0 9px 3px;
	width: 192px;
	line-height: 23px;
	color: #3968be;
	font-size:12px;
}
#mainmenu :hover ul li:hover > a ,
#mainmenu :hover ul :hover ul :hover {
	font-size:12px;
	background: url(../images/bg_menu_drop2_li.jpg) 5px 0 no-repeat;
	color: #fff;
}

#mainmenu :hover ul li > a {
	background-image:none;
	display: block;
	padding: 0 9px 3px 15px;
	width: 192px;
	line-height: 23px;
	color: #3968be;
	font-size:12px;
}




#mainmenu :hover ul li:hover a.fly {
	background: url(../images/bg_menu_drop_limore.jpg) 5px 0 no-repeat;
}