/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist { 
	position: relative;
	top: 0px; /*74px;*/
	left: 0px; /*66px;*/
	/*width: 360px;*/
	margin: 1px 0px 0px 0px;
	text-align: center;
	float: left;
	display: inline;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	position: absolute;
	top: 1.0em;
	margin-top: 10px; /* I'm using ems and px to allow people to zoom their font */
	left: 66px;
	width: 229px;
	padding: 0px;
	list-style: none;
}
/*.menulist li.left {
	width: 120px;
}*/

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	top: 0px; 
	margin-top: 0;
	left: 170px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	margin: 0px;
}
/* doubled-margin fix for IE6 */ 
* html .menulist li.left {
	margin-left: ;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	margin: 0px 0px 0px 0px;
	margin-bottom: 0px;
	border: none;
}
/* drop-down "wiggle" / doubled-margin fix for IE6 */ 
* html .menulist ul li {
	margin-left: 0px;
}
/*#hdr #listMenuRoot .special, 
#hdr #listMenuRoot .menurt {
	padding: 2px 5px 2px 5px;
}*/
.menulist ul>li:last-child {
 	margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
	display: inline-block; /* fixes extra whitespace in links list bug for IE */
	display: block;
	/*padding: 2px 2px 3px 3px;*/
	color: #999;
	text-align: left;
	text-decoration: none;
	background-color: #191919;
	opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
}
.menulist a.standard {
	padding: 5px 2px 3px 118px;
}
.menulist a.special {
	height: 218px; /*98px; 24px;*/
	width: 360px;
	background: none;
	color: #999;
	padding: 0px;
	opacity: .99;
	-moz-opacity: .99;
	filter: alpha(opacity=99);
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #FFF;
	background-color: #191919;
}
.menulist a.special:hover, .menulist a.special:focus {
	color: #FFF;
	background: none;
}
.menulist a:focus {
 	color: #FFF;
 }
.menulist a.highlighted a:focus {
	color: #FFF;
	background-color: #191919;
}
.menulist a.standard {
	opacity: .70;
	MozOpacity: .70;
	overflow: auto;
	filter: alpha(opacity=70);
	filter: progid:dximagetransform.microsoft.alpha(opacity=70);
}
.menulist a.standard:hover {
	opacity: .95;
	MozOpacity: .95;
	overflow: auto;
	filter: alpha(opacity=95);
	filter: progid:dximagetransform.microsoft.alpha(opacity=95);
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}
.menulist ul a {
	float: none;
}
/* \*/
.menulist a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */