/*Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------
--------------------------- LAYOUT ----------------------------*/
#ja-mainnav, #ja-mainnav UL
{
	padding: 0;
	margin: 0;
	line-height: 20px;
}
#ja-mainnav A
{
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px;
}
#ja-mainnav LI
{
/*all list items*/
	float: left;
	margin: 0;
	padding: 0;
}
#ja-mainnav LI UL
{
/*second-level lists*/
	position: absolute;
	width: 202px;
/*
* Using left instead of display to hide menus because display: none isn't
* read by screen readers
*/
	left: -999em;
}
#ja-mainnav UL UL A
{
/*sub-links*/
	width: 160px;
}
#ja-mainnav LI UL UL
{
/*third-and-above-level lists*/
	margin: -42px 0 0 200px;
}
#ja-mainnav LI:hover UL UL, #ja-mainnav LI:hover UL UL UL, #ja-mainnav LI.sfhover UL UL, #ja-mainnav LI.sfhover UL UL UL
{
	left: -999em;
}
#ja-mainnav LI:hover UL, #ja-mainnav LI LI:hover UL, #ja-mainnav LI LI LI:hover UL, #ja-mainnav LI.sfhover UL, #ja-mainnav LI LI.sfhover UL, #ja-mainnav LI LI LI.sfhover UL
{
/*lists nested under hovered list items*/
	left: auto;
}
/*--------------------------- VISUAL ----------------------------
-------- All levels --------*/
#ja-mainnavwrap
{
	border-top: 1px solid #666666;
	background: #444444;
	border-left: 1px solid #444444;
	border-right: 1px solid #444444;
}
#ja-mainnav UL, #ja-mainnav LI
{
	background-image: none;
	list-style: none;
}
#ja-mainnav SPAN.separator
{
	display: none;
}
/*-------- Top level --------*/
#ja-mainnav>UL
{
	background-color: #444444;
	padding-left: 20px;
}
#ja-mainnav>UL>LI
{
	background-color: #444444;
	border-left: 1px solid #666666;
	border-right: 1px solid #333333;
	margin-right: 1px;
}
#ja-mainnav>UL>LI.active
{
	background: #444444 url(../images/arrow2.png) no-repeat bottom center;
	color: #CCCCCC;
}
#ja-mainnav>UL>LI:hover, #ja-mainnav>UL>LI:active, #ja-mainnav>UL>LI:focus
{
	background: #555555 url(../images/arrow2.png) no-repeat bottom center;
	color: #FFFFFF;
}
/*-------- sub-levels --------*/
#ja-mainnav UL UL LI
{
	border-left: 1px solid #666666;
	border-right: 1px solid #333333;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #333333;
	margin-bottom: 1px;
}
#ja-mainnav LI UL
{
/*second-level lists*/
	background-color: #555555;
}
#ja-mainnav LI A
{
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}
#ja-mainnav UL UL LI:hover, #ja-mainnav UL UL LI:active, #ja-mainnav UL UL LI:focus
{
	background: #444444;
	color: #FFFFFF;
}
/*old css
Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
#ja-mainnav UL.menu
{
	margin: 0;
/*all lists*/
	padding: 0;
	float: left;
	border-right: 1px solid #555555;
}
#ja-mainnav UL.menu UL
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-mainnav UL.menu LI
{
	margin: 0;
/*all list items*/
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	position: relative;
	list-style: none;
}
#ja-mainnav UL.menu LI UL
{
	//width: 16.4em;
	width: 19.4em;
	position: absolute;
/*second-level lists*/
	z-index: 99;
	height: auto;
	//w\idth: 15.9em;
	w\idth: 18.9em;
}
#ja-mainnav UL.menu LI UL UL
{
	margin: -1.5em 0 0 14em;
/*third-and-above-level lists*/
}
#ja-mainnav UL.menu LI LI
{
	padding: 0 1em 0 0;
	margin: 0;
	//width: 14.9em;
	width: 17.9em;
}
#ja-mainnav UL.menu UL A
{
	//width: 14.8em;
	width: 17.8em;
	//w\idth: 10.8em;
	w\idth: 16.5em;
}
#ja-mainnav UL.menu LI UL
{
	left: -999em;
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
}
#ja-mainnav UL.menu LI:hover UL UL, #ja-mainnav UL.menu LI:hover UL UL UL, #ja-mainnav UL.menu LI.sfhover UL UL, #ja-mainnav UL.menu LI.parentsfhover UL UL, #ja-mainnav UL.menu LI.parent-activesfhover UL UL, #ja-mainnav UL.menu LI.activesfhover UL UL, #ja-mainnav UL.menu LI.sfhover UL UL UL, #ja-mainnav UL.menu LI.parentsfhover UL UL UL, #ja-mainnav UL.menu LI.parent-activesfhover UL UL UL, #ja-mainnav UL.menu LI.activesfhover UL UL UL
{
	left: -999em;
}
/*This "unhides" the sub-menus (left: -999em is what hides them)*/
#ja-mainnav UL.menu LI:hover UL, #ja-mainnav UL.menu LI LI:hover UL, #ja-mainnav UL.menu LI LI LI:hover UL, #ja-mainnav UL.menu LI.sfhover UL, #ja-mainnav UL.menu LI.parentsfhover UL, #ja-mainnav UL.menu LI.parent-activesfhover UL, #ja-mainnav UL.menu LI.activesfhover UL, #ja-mainnav UL.menu LI LI.sfhover UL, #ja-mainnav UL.menu LI LI.havesubchildsfhover UL, #ja-mainnav UL.menu LI LI.havesubchild-activesfhover UL, #ja-mainnav UL.menu LI LI.activesfhover UL, #ja-mainnav UL.menu LI LI LI.sfhover UL, #ja-mainnav UL.menu LI LI LI.havesubchildsfhover UL, #ja-mainnav UL.menu LI LI LI.havesubchild-activesfhover UL, #ja-mainnav UL.menu LI LI LI.activesfhover UL
{
	left: auto;
}
/*STYLING THE MENU
-----------------------------------
1st level*/
#ja-mainnav UL.menu LI A
{
	margin: 0;
	padding: 10px 20px;
	border-left: 1px solid #555555;
	border-right: 1px solid #333333;
	display: block;
	color: #CCCCCC;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}
#ja-mainnav UL.menu LI A:hover, #ja-mainnav UL.menu LI A:active, #ja-mainnav UL.menu LI A:focus
{
	background: #555555 url(../images/arrow2.png) no-repeat bottom center;
	color: #FFFFFF;
}
#ja-mainnav UL.menu LI
{
	margin: 0;
}
#ja-mainnav UL.menu LI:hover, #ja-mainnav UL.menu LI.sfhover, #ja-mainnav UL.menu LI.parentsfhover, #ja-mainnav UL.menu LI.parent-activesfhover
{
	background: #555555 url(../images/arrow2.png) no-repeat bottom center;
	color: #FFFFFF;
}
#ja-mainnav UL.menu LI.active A, #ja-mainnav UL.menu LI.active A:hover, #ja-mainnav UL.menu LI.active A:active, #ja-mainnav UL.menu LI.active A:focus
{
	background: #333333 url(../images/arrow2.png) no-repeat bottom center;
	color: #FFFFFF;
}
/*2nd level and above*/
#ja-mainnav UL.menu LI UL
{
	border: 1px solid #555555;
	background: url(../images/opaque.png);
}
#ja-mainnav UL.menu LI UL LI
{
	border-top: 1px solid #777777;
	border-bottom: 1px solid #444444;
	background: none;
}
#ja-mainnav UL.menu LI UL A
{
	border-right: none;
	margin: 0;
	padding: 7px 10px;
	background: none;
	color: #CCCCCC;
	font-weight: normal;
	//line-height: normal;
	line-height: 95%;
	text-transform: none;
}
#ja-mainnav UL.menu LI.havesubchild, #ja-mainnav UL.menu LI.havesubchild-active
{
	background: url(../images/bullet2.gif) no-repeat 94% 50%;
}
#ja-mainnav UL.menu LI UL A:hover, #ja-mainnav UL.menu LI UL A:active, #ja-mainnav UL.menu LI UL A:focus, #ja-mainnav UL.menu UL LI:hover, #ja-mainnav UL.menu UL LI.sfhover, #ja-mainnav UL.menu UL LI.havesubchildsfhover, #ja-mainnav UL.menu UL LI.havesubchild-activesfhover, #ja-mainnav UL.menu UL UL LI:hover, #ja-mainnav UL.menu UL UL LI.sfhover, #ja-mainnav UL.menu UL UL LI.havesubchildsfhover, #ja-mainnav UL.menu UL UL LI.havesubchild-activesfhover
{
	background: #333333;
	color: #CCCCCC;
}
#ja-mainnav UL.menu UL LI.active A, #ja-mainnav UL.menu UL LI.active A:hover, #ja-mainnav UL.menu UL LI.active A:active, #ja-mainnav UL.menu UL LI.active A:focus
{
	background: none !important;
	color: #FFFFFF;
	font-weight: bold;
}
#ja-mainnav UL.menu LI.active LI A, #ja-mainnav UL.menu LI.active LI A:hover, #ja-mainnav UL.menu LI.active LI A:active, #ja-mainnav UL.menu LI.active LI A:focus
{
	background: none !important;
}
#ja-mainnav H3
{
	display: none;
}
#ja-mainnav .moduletable_menu
{
	background: none;
	margin: 0;
	padding: 0;
}