/* LAYOUT */
/* -------- All levels -------- */
#ja-mainnavwrap{}

/*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.4em 0 0 17.9em; /* 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:16.1em; w\idth:16.1em}

#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:5px; display:block; color:#333; 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:none; color:#0080C2}

#ja-mainnav ul.menu li{margin:0 4px}

#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}

#ja-mainnav ul.menu li:hover a, 
#ja-mainnav ul.menu li.sfhover a, 
#ja-mainnav ul.menu li.parentsfhover a, 
#ja-mainnav ul.menu li.parent-activesfhover a{color:#0080C2}

#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:#0080C2}


/* 2nd level and above */
#ja-mainnav ul.menu li ul{background:#f2f2f2; border:1px solid #e2e2e2}
#ja-mainnav ul.menu li ul li{border-bottom:1px solid #e2e2e2}
#ja-mainnav ul.menu li ul a{margin:0; padding:7px; color:#666; font-weight:normal; line-height:normal; text-transform:none; border-bottom: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:hover li a, 
#ja-mainnav ul.menu li.sfhover li a, 
#ja-mainnav ul.menu li.parentsfhover li a, 
#ja-mainnav ul.menu li.parent-activesfhover li a{color:#666}

#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:#DDEFF5; color:#666; border:none}

#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{border-bottom:1px solid #e2e2e2; color:#666}

#ja-mainnav ul.menu ul li li:hover, 
#ja-mainnav ul.menu ul li li.sfhover, 
#ja-mainnav ul.menu ul li li.havesubchildsfhover, 
#ja-mainnav ul.menu ul li li.havesubchild-activesfhover{border-bottom:1px solid #e2e2e2; color:#666}

#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:#666; border:none}

#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; border:none; color:#666}

#ja-mainnav h3{display:none}

#ja-mainnav .moduletable_menu{background:none; margin:0; padding:0}