

/* All <ul> tags in the menu including the first level */
.menulist { 
	position: relative;
	top: 85px;
	left: 0px;
	/*width: 738px;*/
	margin: 5px 0px 0px 0px;
	margin-left: 36px; /* centers menu; was 44 */
	text-align: left;
	float: left;
	display: inline;
	overflow: visible;
}

/* 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: 5px;
	/*width: 120px; this width affects IE submenus? */
	padding: 0px;
	list-style: none;
}


/* 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; /*set to float:none for vertical submenu*/
	display: block; /*set to block for vertical submenu*/
	position: relative;
	margin: 0px;
	list-style: none;
}
/* doubled-margin fix for IE6 */ 
* html .menulist li.left {
	margin-left: 0px;
}
.menulist li.left ul li {
	width: 90px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none; /*set to float:none for vertical submenu or float:left for horizontal*/
	display: block; /*set to block for vertical submenu*/
	margin: 0px 0px 0px 0px;
	margin-bottom: 0px;
	width: 90px;
	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 9px;
}
.menulist ul>li:last-child {
 	margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a { 
	display: block;
	padding: 2px 9px 2px 9px;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFF;
	opacity: .60;
	-moz-opacity: .60;
	filter: alpha(opacity=60);
}
* html .menulist a {
	display: inline-block;/* fixes extra whitespace in links list bug for IE */
}

.menulist a.special {
	background: none; 
	color: #000;
	padding: 0px 9px;
	height: 15px;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#home .menulist a.special {
	color: #F30;
}

.menulist a.standard {
	padding: 2px 0px 3px 15px;
	color: #000;
	width: 190px; /* must be this width or IE7 has scrollbars */
	text-decoration: none;
}
.menulist li.left ul li a.standard {
	width: 70px;
	padding-right: 0px;
}

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

/*********************current-page styles*******************************/
		#listMenuRoot li a.current-page { 
			padding: 2px 9px 0px 9px;			
			color: #F30; 
			text-decoration: none;
			opacity: 1;
			-moz-opacity: 1;
			filter: progid:dximagetransform.microsoft.alpha(opacity=100);
		}
		#listMenuRoot li ul li a.current-page { 
			padding: 2px 0px 3px 15px;
			width: 190px; /* plus 15px left padding = 80px width */
			color: #F30; 
			background: #FFF;
			opacity: .60;
			-moz-opacity: .60;
			filter: progid:dximagetransform.microsoft.alpha(opacity=60);
		}
		#listMenuRoot li.left ul li a.current-page { 
			width: 70px;
		}
		#listMenuRoot .current-page img {
			position: relative;
			padding-left: 0px;
			margin-left: 0px;
		}
		#listMenuRoot a.current-page:hover {
			color: #F30;
			opacity: .80;
			-moz-opacity: .80;
			filter: progid:dximagetransform.microsoft.alpha(opacity=80);
			overflow: auto;
		}
		#listMenuRoot li a {
			background: none;
		}
		#listMenuRoot li ul li a {
			background: #FFF;
			overflow: auto;
			-moz-opacity: .60;
			filter: progid:dximagetransform.microsoft.alpha(opacity=60);
		}
		#listMenuRoot li ul li a:hover {
			color: #F30;
			opacity: .80;
			-moz-opacity: .80;
			overflow: auto;
			filter: progid:dximagetransform.microsoft.alpha(opacity=80);
	}
/***********************************************************************/

