/* ================================================================ 
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-pullup.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.
=================================================================== */

#menuHolder {
	float: left;
/*margin-top:200px*/
}

img {
	display: block;
}

#menu {
	width: 744px;
	padding: 0px;
	margin: 0px;
	/*height: 25px;*/
	/*background: #b07e4b;*/
	text-align: left;
	/*border: 1px solid #000;*/
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	white-space: nowrap;
	text-align: left;
}

#menu ul {
	display: inline-block;
}

* html #menu ul {
	display: inline;
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	/*width: 85px;*/
}

#menu li {
	display: inline;
}

#menu ul ul {
	position: absolute;
	left: -9999px;
	/*border: 3px solid #000;*/
}

#menu ul.level1 {
	margin: 0 auto;
}

#menu ul.level1 li.level1-li {
	float: left;
	display: block;
	position: relative;
}

#menu ul.level1 {
	background: #343534;
}
#menu ul.level1 li#current {
	background: #484741;
	
}

#menu ul.level2 {
	background: #484741;

}
#menu ul.level2 li {
	border-bottom: 1px #fff solid;

}

#menu ul.level3 {
	background: #7879ba;
}

#menu ul.level4 {
	background: #ffb200;
}

#menu b {
	position: absolute;
}

/* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {
	display: block;
	font: normal 12px verdana,arial,sans-serif;
	color: #fff;
	height: 20px;
	/*line-height: 25px;*/
	text-decoration: none;
	padding: 4px 20px 1px 20px;
}

#menu ul.level1 li.level1-li a.level1-a {
	float: left;
}

#menu ul li:hover ul li {
	display: block;
}

#menu ul ul li:hover {
	display: block;
	position: relative;
}

#menu ul li:hover > ul {
	left: -2px;
	bottom: 25px;
}

#menu ul ul li:hover > ul {
	left: 100%;
	top: auto;
	bottom: -3px;
}

#menu li.left:hover > ul {
	left: auto;
	right: -2px;
	bottom: 25px;
}

#menu li.left ul li:hover > ul {
	left: auto;
	right: 100%;
}

#menu a:hover ul {
	left: -2px;
	bottom: 8px;
}

#menu li.left a:hover ul {
	left: auto;
	right: -3px;
	bottom: 8px;
}

#menu li.left ul a {
	text-align: center;
	padding: 0 10px 0 20px;
}

#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
	left: 100%;
	visibility: visible;
}

#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {
	left: auto;
	right: 0;
	visibility: visible;
}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
	left: -9999px;
}

#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {
	left: -9999px;
}

#menu li a.fly {
	background: transparent url(anywidth/arrow.gif) no-repeat right center;
}

#menu li.left ul a.fly {
	background: transparent url(anywidth/arrow-left.gif) no-repeat left center;
}

#menu li a:hover,
#menu li a.fly:hover {
	background-color: #ffead5;
}

#menu li:hover > a,
#menu ul li:hover > a.fly {
	background-color: #484741;
	
}

#menu table {
	position: absolute;
	height: 0;
	width: 0;
	left: 0;
	border-collapse: collapse;
}

#menu table table {
	position: absolute;
	left: 99%;
	height: 0;
	width: 0;
	border-collapse: collapse;
	/*margin-top: 28px;*/
}

#menu li.left table {
	position: absolute;
	height: 0;
	width: 0;
	left: auto;
	right: 0;
	border-collapse: collapse;
}

#menu li.left table table {
	position: absolute;
	left: auto;
	right: 100%;
	height: 0;
	width: 0;
	border-collapse: collapse;
	/*margin-top: 28px;*/
}