/*---------------------------------------------------------*/
#ja-cssmenu
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-cssmenu UL
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-cssmenu LI
{
	margin: 0;
/*all list items*/
	padding: 0;
	float: left;
	display: block;
	background: none;
	border-right: 1px solid #CCCCCC;
	cursor: pointer;
}
#ja-cssmenu LI UL
{
	width: 18em;
	position: absolute;
/*second-level lists*/
	z-index: 99;
	left: -999em;
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
	height: auto;
	w\idth: 17em;
}
#ja-cssmenu LI UL UL
{
	margin: -2em 0 0 15em;
/*third-and-above-level lists*/
}
#ja-cssmenu LI LI
{
	padding: 0 1em 0 0;
	margin: 0;
	width: 16em;
}
#ja-cssmenu UL A
{
	width: 16em;
	w\idth: 16em;
}
#ja-cssmenu LI:hover UL UL, #ja-cssmenu LI:hover UL UL UL, #ja-cssmenu LI.sfhover UL UL, #ja-cssmenu LI.havechildsfhover UL UL, #ja-cssmenu LI.havechild-activesfhover UL UL, #ja-cssmenu LI.activesfhover UL UL, #ja-cssmenu LI.sfhover UL UL UL, #ja-cssmenu LI.havechildsfhover UL UL UL, #ja-cssmenu LI.havechild-activesfhover UL UL UL, #ja-cssmenu LI.activesfhover UL UL UL
{
	left: -999em;
}
/*This "unhides" the sub-menus (left: -999em is what hides them)*/
#ja-cssmenu LI:hover UL, #ja-cssmenu LI LI:hover UL, #ja-cssmenu LI LI LI:hover UL, #ja-cssmenu LI.sfhover UL, #ja-cssmenu LI.havechildsfhover UL, #ja-cssmenu LI.havechild-activesfhover UL, #ja-cssmenu LI.activesfhover UL, #ja-cssmenu LI LI.sfhover UL, #ja-cssmenu LI LI.havesubchildsfhover UL, #ja-cssmenu LI LI.havesubchild-activesfhover UL, #ja-cssmenu LI LI.activesfhover UL, #ja-cssmenu LI LI LI.sfhover UL, #ja-cssmenu LI LI LI.havesubchildsfhover UL, #ja-cssmenu LI LI LI.havesubchild-activesfhover UL, #ja-cssmenu LI LI LI.activesfhover UL
{
	left: auto;
}
/*STYLING THE MENU
-----------------------------------
1st level*/
#ja-cssmenu LI A
{
	display: block;
	text-decoration: none;
	padding: 4px 8px 3px;
	color: #333333;
	font-size: 92%;
	text-transform: uppercase;
	border: 1px solid #FFFFFF;
	border-bottom: none;
}
#ja-cssmenu LI A:hover, #ja-cssmenu LI A:active, #ja-cssmenu LI A:focus
{
}
#ja-cssmenu LI:hover, #ja-cssmenu LI.sfhover, #ja-cssmenu LI.havechildsfhover, #ja-cssmenu LI.havechild-activesfhover
{
	color: #333333;
	background: #EBF2F9;
}
#ja-cssmenu LI A.active, #ja-cssmenu LI A.active:hover, #ja-cssmenu LI A.active:active, #ja-cssmenu LI A.active:focus
{
	color: #FFFFFF;
	background: #5F7A9F;
}
/*2nd level and above*/
#ja-cssmenu LI UL
{
	border: 1px solid #666666;
	border-top: 5px solid #666666;
	background: #5E799E;
}
#ja-cssmenu LI UL LI
{
	border-bottom: 1px solid #555555;
	border-right: none;
	background: none;
}
#ja-cssmenu LI UL A
{
	border: none;
	margin: 0;
	padding: 5px 10px;
	line-height: normal;
	background: none;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 92%;
}
#ja-cssmenu LI.havesubchild, #ja-cssmenu LI.havesubchild-active
{
	background: url(../../images/arrow3.png) no-repeat 94% 50%;
}
#ja-cssmenu LI UL A:hover, #ja-cssmenu LI UL A:active, #ja-cssmenu LI UL A:focus, #ja-cssmenu UL LI:hover, #ja-cssmenu UL LI.sfhover, #ja-cssmenu UL LI.havesubchildsfhover, #ja-cssmenu UL LI.havesubchild-activesfhover, #ja-cssmenu UL UL LI:hover, #ja-cssmenu UL UL LI.sfhover, #ja-cssmenu UL UL LI.havesubchildsfhover, #ja-cssmenu UL UL LI.havesubchild-activesfhover
{
	background: #01B595;
	color: #FFFFFF;
}
#ja-cssmenu UL LI A.active, #ja-cssmenu UL LI A.active:hover, #ja-cssmenu UL LI A.active:active, #ja-cssmenu UL LI A.active:focus
{
	background: none !important;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}