@charset "utf-8";
ul.menu, ul.menu ul, ul.menu li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.menu {
	height: 21px;
	margin-top: 0px;
	text-align: left;
	background-color: #7DBF29;
}
 /* main menu + defaults */
ul.menu li {
	float: left;
	position: relative;
}
ul.menu li a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 0 6px;
	background-color: #fff;
	border: 1px solid #7DBF29;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	height: 19px;
	color: #693;
	width: 147px;
}
/* hovering */
ul.menu li:hover,
ul.menu li.fhover {
	z-index: 999;
}
ul.menu a:hover, /* 1st level */
ul.menu li:hover a, ul.menu li:hover a:hover,
ul.menu li.fhover a, ul.menu li a:hover {
	color: #fff;
	background-color: #7DBF29;
	border: 1px solid #693;
	border-bottom: 0 none;
}
ul.menu li:hover >ul {
	display: block;
}
ul.menu li.fhover ul.fhover {
	display: block;
	clear: both;
}

/* active */
ul.menu li.active {
	position: static;
}
ul.menu li.active a {
	background-color: #7DBF29;
	color: #fff;
	width:auto;
}

/* submenus */
ul.menu ul { /* level 2 */
	display: none;
	position: absolute;
	top: auto;
	left: 0;
	border: 1px solid #693;
	background-color: #7DBF29;
	margin-left: -1px;
	margin-top: -1px;
	padding: 2px;
	z-index: -1;
	width: auto;
}
ul.menu li:first-child ul  { /* level 2 - 1st item */
	margin-left: 0px;
}
ul.menu ul li {
	width: 100%;
}
ul.menu ul li a 
{
	background-color: #7DBF29;
	color: #fff;
	border: 0 none;
	width: 143px;
}
*+html ul.menu ul li a { /* IE7 hack */
	width: 11em;
}
/* active */

ul.menu li.active ul {
	display: block;
	z-index: 1;
	border: 0 none;
	margin: 0;
	padding: 0;
	left: 24px;
}
ul.menu li.active ul li {
	width: auto;
}
ul.menu li.active ul li a {
	display: block;
	float: left;
}
ul.menu li ul li.active a {
	background-color: #7fa4c1;
}

ul.menu ul ul { /* level 3 ff */
	position: absolute;
	z-index: 999;
	top: auto;
	left: 0;
	margin-top: -10px;
	margin-left: 80%;
	
}
ul.menu ul ul li {
	width: 100%;
}
ul.menu ul ul li a 
{
	background-color: #7DBF29;
	color: #fff;
	border: 0 none;
}

/* keep parents selected when hovering children: has to coded for every level */
ul.menu li:hover li:hover a, ul.menu li:hover li:hover a:hover,/* 2nd level */
ul.menu li.fhover li.fhover a, ul.menu li li a:hover, 
ul.menu li:hover li:hover li:hover a, ul.menu li:hover li:hover li:hover a:hover, /* 3rd level */
ul.menu li.fhover li.fhover li.fhover a, ul.menu li li li a:hover { 
	color: #000;
	background-color: #fff;
	border: 0 none;
}

ul.menu li:hover li a,
ul.menu li:hover li:hover li a,
ul.menu li.fhover li a,
ul.menu li.fhover li.fhover li a {
	color: #fff;
	background-color: #7DBF29;
	border: 0 none;
}
/* submenu icons */
ul.menu ul li a.hasSubMenu {
	background-image: url(../images/icons/hasSubmenu.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}
ul.menu ul li:hover a.hasSubMenu,
ul.menu ul li.fhover a.hasSubMenu {
	background-position: right -27px;
}

/* end parent hovering*/

/* IE6 HACKS */
* html ul.menu li a {float: left;}
* html ul.menu ul,
* html ul.menu ul li a {
	width: 12em;
}

* html ul.menu li.active ul {
	clear: both;
	width:auto;
}
* html ul.menu li.active a {
	float: left;
}
