/*-- menu styles --*/
#menuJS {
	width: 100%;
	display: block;
	float: left;
}

#menuJS ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 140px;
}

#menuJS ul li {
	display: block;
}

#menuJS ul li:HOVER, #menuJS ul li.CSStoHighlight {
	display: block;
	color: #ecc101;
}

#menuJS ul li a {
	font: bold 18px Times New Roman;
	text-align: center;
	padding: 19px 0;
	color: #e8d364;
	text-decoration: none;
	display: block;
	outline: none;
}

#menuJS ul li a:hover, #menuJS ul li a.CSStoHighLink { color: #ecc101; }
#menuJS ul li:hover ul a { color: #e8d364; }
#menuJS ul li:hover a, #menuJS ul li:hover #menuJS ul li:hover a { color: #ecc101; }

#menuJS ul ul li a {
	font: bold 16px Times New Roman;
	text-align: left;
	padding: 6px 11px;
	display: block;
}

#menuJS ul ul li a:hover, #menuJS ul ul li a.CSStoHighLink { color: #000000; background-color: #ecc101; }
#menuJS ul ul li:hover ul li a { color: #ffffff; }
#menuJS ul ul li:hover a { color: #ffffff; }

/*--menu positioning--*/

#menuJS ul ul {
	position: absolute;
	top: 58px;
	left: 0px;
	width: 155px;
	background-color: #8a0800;
}

#menuJS ul ul li {
	border-bottom: solid 1px #e8d364;
}
	
#menuJS li { position: relative; }/*Add margins here to get separate menu effect*/

/*-- menu display --*/
#menuJS ul ul,
#menuJS ul li:hover ul ul { display: none; }

#menuJS ul li:hover ul,
#menuJS ul ul li:hover ul { display: block; }