/* --------- Mystrix Core Menu ------------ */

/**
 * ********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 * <div id="menu">
 * <ul class="menu">
 * <li><a href="#" class="parent"><span>level 1</span></a>
 * <div><ul>
 * <li><a href="#" class="parent"><span>level 2</span></a>
 * <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 * </li>
 * </ul></div>
 * </li>
 * <li class="last"><a href="#"><span>level 1</span></a></li>
 * </ul>
 * </div>
 *********************************************
 */

/* z-index 2 */
div#Index{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	z-index:1000;
	width:76%;
	height:30px;
	text-align:center;
}

div#Index p {
	padding-top:1.0em;
}

/* Mystrix Core Menu */
div#menu {
	position:relative;
	z-index:1000;
	width:100%;
	height:36px;
	margin-left:auto;
	margin-right:auto;
}

/* seems to be the first level of menus */
div#menu .menu {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background:none;
}

div#menu * {
	list-style:none;
	border:0px;
	padding:0px;
	margin:0px;
}

div#menu a {
	display:block;
	padding:7px 14px 7px 14px;
	white-space:nowrap;
}

div#menu li {
	float:left;
	background:#fff;
}

div#menu li li {
	float:none;
	_border:1px solid #494949;
	/** fix for ie6 */
}

div#menu div {
	visibility:hidden;
	position:absolute;
	background:black;
}

div#menu div div {
	margin:-24px 0 0 -1px;
	position:absolute;
	left:100%;
}

div#menu li:hover>div {
	visibility:visible;
}


/* menu::special styles */
/* menu::level 1 */
div#menu a {
	text-decoration:none;
	color:#fff;
	position:relative;
	z-index:770;
}

div#menu a:hover {
	background:url(/img/button6_1.png);
	color:#6bb90d;
}

div#menu a:hover span {
	color:#6bb90d;
}

div#menu>ul>li:hover>a {
	background:url(/img/button6_1.png);
	color:#6bb90d;
}

div#menu>ul>li:hover>a span {
	color:#6bb90d;
}

div#menu span {
	text-transform:uppercase;
	font:14px/18px Trebuchet MS, Arial, Helvetica, Sans-serif;
	color:#fff;
}

div#menu li {
	background:url(/img/button6_1.png) black;
}

/* menu::level >= 2 */
div#menu li li a {
	padding:0px;
	position:static;
}

div#menu li li a:hover {
	background:#57ac3c;
}

div#menu li li a span {
	color:#fff;
}

div#menu li li a:hover span {
	color:#ffffff;
}

div#menu li li a.parent span {
	background:url(/img/pointer.gif) no-repeat right 9px;
	_background-position:right 10px;
}

*+html div#menu li li a.parent span {
	background-position:right 10px;
}

div#menu li li span {
	display:block;
	text-transform:none;
	line-height:16px;
	padding:4px 25px 4px 14px;
	font-size:14px;
}

div#menu li div {
	background:url(/img/button6_1.png) black 0px 0px;
}

/** <fix for ie6> */
div#menu div div {
	_margin-top:-25px;
	_background:#393939;
}

div#menu li li li {
	_border:1px solid #393939;
}

div#menu div div div {
	_background:#292929;
}

div#menu li li li li {
	_border:1px solid #292929;
}

/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
	width:10px;
	height:32px;
	z-index:1000;
	position:absolute;
}

div#menu li.back .left {
	width:auto;
	height:32px;
	float:none;
	position:relative;
	top:0;
	left:0;
	visibility:visible;
}


div#menu ul.lavaLamp {
	padding:5px; /*use some minimal padding to account for sloppy mouse movements*/
}

div#menu ul.lavaLamp li.backLava {
	z-index:999; /* must be less than z-index of A tags within the LI elements*/
}

div#menu ul.lavaLamp li a {
	display:block; /*helps with positioning the link within the LI element*/
	z-index:1000; /*or must be higher than li.backLava z-index*/
}


/* --------- End Mystrix Core Menu ------------ */