/* Son of Suckerfish Dropdowns---------------------------------------------------------Originally developed by Patrick Griffiths and Dan Webbhttp://www.htmldog.com/articles/suckerfish/dropdowns/---------------------------------------------------------NOTE: After a deep research, we decide to divide thisCSS 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: 0px;	line-height: 2em;	margin-left: auto;	margin-right: auto;	width: auto;	height: 2em;}
#ja-mainnav a {	display: block;	line-height: 2em;	margin: 0;	padding: 5px 5px;}
#ja-mainnav li { /* all list items */	float: left;	margin: 0;	padding: 0;	height: auto;}
#ja-mainnav li ul { /* second-level lists */	position: absolute;	width: auto;
/*	 * 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: auto;}
#ja-mainnav li ul ul { /* third-and-above-level lists */	margin: -12px 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: 0px solid #666666;	background: #fff;	margin: 0 10px;}
#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: none;*/	padding-left: 0px;}
#ja-mainnav > ul > li {	background-color: #fff;	border-left: 0px solid #990000;	border-right: 0px ridge #990000; margin-right: 0px;	width: auto;	text-align: center;	font-weight: bold;}
#ja-mainnav > ul > li.active {	/*background: url(../images/redtab.png) no-repeat bottom center #fff;*/	color: #ffffff;}
#ja-mainnav > ul > li:hover,#ja-mainnav > ul > li:active,#ja-mainnav > ul > li:focus {	/*background: url(../images/redtab.png) no-repeat bottom center #fff;*/	color: #FFFFFF;}
/* -------- sub-levels -------- */
#ja-mainnav ul ul li {	border: 0px solid #009999;	margin: 1px 0px;	text-align: left;}
#ja-mainnav li ul { /* second-level lists */	/*background-color: #ffffff;*/}
#ja-mainnav li a {	color: #009999;	font-weight: bold;	text-decoration: none;}
#ja-mainnav ul ul  li {	background: none;	color: #009999;}
#ja-mainnav ul ul  li:hover,#ja-mainnav ul ul  li:active,#ja-mainnav ul ul  li:focus {	background: none;	color: #990000;}

/*old css*//* Son of Suckerfish Dropdowns---------------------------------------------------------Originally developed by Patrick Griffiths and Dan Webbhttp://www.htmldog.com/articles/suckerfish/dropdowns/---------------------------------------------------------NOTE: After a deep research, we decide to divide thisCSS 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: 0px; /* all lists */	padding: 0;	/*float: left;*/	margin: 0px auto;	width: auto;}
#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-color: #fff; cursor: pointer;position: relative;	list-style: none;height: 2em;}
#ja-mainnav ul.menu li ul {	width: auto;	position: absolute; /* second-level lists */	z-index: 99;	height: 2em;	w\idth: 13.9em;}
#ja-mainnav ul.menu li ul ul {	margin: -0.5em 0 0 14em; /* third-and-above-level lists */}
#ja-mainnav ul.menu li li {	padding: 0 1em 0 0;	margin: 0;	width: 12.9em;}
#ja-mainnav ul.menu ul a {	width: auto;	w\idth: 12.8em;}
#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 {	background-color: #fff; margin: 0;padding: 1px 15px;border: 1px outset #009999;display: block;color: #009999;font-weight: bold;line-height: 2em;	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: url(../images/redball.png) no-repeat left center #fff;*/	color: #990000;}
#ja-mainnav ul.menu li {	margin: 0;height: 2em;}
#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: url(../images/redball.png) no-repeat left center #fff;*/	color: #990000;}
#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: url(../images/redball.png) no-repeat left center #fff;*/	color: #990000;}
/* 2nd level and above */
#ja-mainnav ul.menu li ul {	border: 0px solid #555555;	background: #fff /*url(../images/opaque.png)*/;}
#ja-mainnav ul.menu li ul li {	border-top: 0px solid #777777;	border-bottom: 0px solid #444444;	background: none;height: 2em;}
#ja-mainnav ul.menu li ul a {	border-right: none;	margin: 0;	padding: 2px 15px;	/*background: url(../images/turball.png) no-repeat left center #fff;*/	color: #009999;	font-weight: bold;	line-height: 2em;	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:active,#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: url(../images/turball.png) no-repeat left center #fff;	color: #990000;*/}
#ja-mainnav ul.menu li ul a:hover,#ja-mainnav ul.menu li ul a:focus,#ja-mainnav ul.menu ul li:hover,#ja-mainnav ul.menu ul li.sfhover {	/*background: url(../images/redball.png) no-repeat left center #fff;*/	color: #990000;}
#ja-mainnav ul.menu ul li.active a,#ja-mainnav ul.menu ul li.active a:active,#ja-mainnav ul.menu ul li.active a:focus {	background: none !important;	color: #009999;	font-weight: bold;}
#ja-mainnav ul.menu li.active li a:hover,#ja-mainnav ul.menu ul li.active a:hover {	background: none !important;	color: #990000;	font-weight: bold;}
#ja-mainnav ul.menu li.active li a,#ja-mainnav ul.menu li.active li a:active,#ja-mainnav ul.menu li.active li a:focus {	/*background: url(../images/turball.png) no-repeat left center #fff;*/	color: #009999;}
#ja-mainnav h3 {	display: none;}
#ja-mainnav .moduletable_menu {	background: none;	margin: 0;	padding: 0;}
