/*--------------------------- LAYOUT ----------------------------*/
#ja-mainnav, #ja-mainnav ul{padding:0; margin:0; line-height:20px}
#ja-mainnav li{/* all list items */float:left; margin:0; padding:0}
#ja-mainnav a{display:block; line-height:20px; margin:0; padding:10px 20px}
#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{background:#01132D}
#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:#01132D; padding-left:20px}
#ja-mainnav >ul >li{background-color:#444; margin-right:1px}
#ja-mainnav >ul >li.active{background:url(../images/arrow2.png) no-repeat bottom center #444; color:#CCC}
#ja-mainnav >ul >li:hover, #ja-mainnav >ul >li:active, #ja-mainnav >ul >li:focus{background:url(../images/arrow2.png) no-repeat bottom center #555; color:#FFF}
/* -------- sub-levels -------- */
#ja-mainnav ul ul li{border:none; margin-bottom:1px}
#ja-mainnav li ul{/* second-level lists */background-color:#555}
#ja-mainnav li a{color:#CCC; 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:#444; color:#FFF}

/*old css*/

#ja-mainnav ul.menu{margin:0; /* all lists */padding:0; float:left}
#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:18.4em; position:absolute; /* second-level lists */z-index:99; height:auto; w\idth:17.9em}
#ja-mainnav ul.menu li ul ul{margin:-2.5em 0 0 16em; /* third-and-above-level lists */}
#ja-mainnav ul.menu li li{padding:0 1em 0 0; margin:0; width:16.9em}
#ja-mainnav ul.menu ul a{width:18em; w\idth:14em}
#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{display:block; color:#EEE; font-weight:bold; line-height:normal; text-decoration:none; background:url(../images/menur.png) no-repeat 100% 0; margin:0; padding:10px 10px 10px 3px}
#ja-mainnav ul.menu li a span{padding:10px 2px 10px 13px; background:url(../images/menul.png) no-repeat 0 0}
#ja-mainnav ul.menu li a:hover, #ja-mainnav ul.menu li a:active, #ja-mainnav ul.menu li a:focus{background:url(../images/menuar.png) no-repeat 100% 0; color:#01132D}
#ja-mainnav ul.menu li a:hover span, #ja-mainnav ul.menu li a:active span, #ja-mainnav ul.menu li a:focus span{background:url(../images/menual.png) no-repeat 0 0; color:#01132D}
#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:none; color:#01132D}
#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:none; color:#01132D}
#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/menuar.png) no-repeat 100% 0; color:#01132D}
#ja-mainnav ul.menu li.active a span, #ja-mainnav ul.menu li.active a:hover span, #ja-mainnav ul.menu li.active a:active span, #ja-mainnav ul.menu li.active a:focus span{background:url(../images/menual.png) no-repeat 0 0; color:#01132D}

/* 2nd level and above */
#ja-mainnav ul.menu li ul{background:#063F8C}
#ja-mainnav ul.menu li ul li{border-top:1px solid #053370; border-bottom:1px solid #0649A4; background:none}
#ja-mainnav ul.menu li ul a{border-right:none; margin:0; padding:7px 5px 7px 10px; background:none; color:#fff; font-weight:normal; line-height:normal; text-transform:none}
#ja-mainnav ul.menu li ul a span{background:none; color:#fff}
#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:#0749A3 url(../images/bullet2.gif) no-repeat 12px 50%; color:#fff; }
#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:#fff}
#ja-mainnav ul.menu li.active li a,{background:none !important; color:#fff}
#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; color:#fff !important}
#ja-mainnav ul.menu li.active ul li a span, #ja-mainnav ul.menu li.active ul li a:hover span, #ja-mainnav ul.menu li.active ul li a:active span, #ja-mainnav ul.menu li.active ul li a:focus span{background:none; color:#fff}
#ja-mainnav ul.menu li.active ul li a span{color:#fff}
#ja-mainnav ul.menu li ul li a:hover span, #ja-mainnav ul.menu li ul li a:active span, #ja-mainnav ul.menu li ul li a:focus span{background:none; color:#fff}
#ja-mainnav h3{display:none}
#ja-mainnav .moduletable_menu{background:none; margin:0; padding:0}