/*------------------------------------------------------------------------ # JA Avian 1.0 - Jan, 2008 # ------------------------------------------------------------------------ # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com -------------------------------------------------------------------------*/ /* 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. ---------------------------------------------------------*/ #menubg_top{ background:url(../images/menu_inf/menu_bk_right_1215.gif) no-repeat right top; } #ja-cssmenu { margin: 0px; /* all lists */ padding: 0px; } #ja-cssmenu ul { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu li { margin: 0px; /* all list items */ padding: 0ox; float: left; display: block; /*background: none;*/ cursor: pointer; } #ja-cssmenu li ul { width: 144px; 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: 144px; } #ja-cssmenu li ul ul { margin: -1.9em 0 0 12em; /* third-and-above-level lists */ } #ja-cssmenu li li { padding: 0 1em 0 0; margin: 0; height:24px; width: 144px; } #ja-cssmenu ul a { /*width: 14.8em; w\idth: 10.8em;*/ } #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 { color: #CCCCCC; display: block; font-size: 100%; font-weight: bold; margin: 0; padding: 0px; text-decoration: none; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { /*background: #000000;*/ color: #FFFFFF; } #ja-cssmenu li:hover a, #ja-cssmenu li.sfhover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.havechild-activesfhover a { /*background: #000000;*/ color: #FFFFFF; } #ja-cssmenu li:hover li a, #ja-cssmenu li.sfhover li a, #ja-cssmenu li.havechildsfhover li a, #ja-cssmenu li.havechild-activesfhover li a { background: none; } #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: #F09018;*/ } /* 2nd level and above */ #ja-cssmenu li ul { /*border: 1px solid #141414; border-bottom: 2px solid #505050;*/ padding:0px; margin:0px; /*background: url(../../images/trans-bg.png);*/ } #ja-cssmenu li ul li { border: none; color: #CCCCCC; height:24px; display:block; float:left; clear:both; /*background-color:#000066;*/ } #ja-cssmenu li ul li img{ display:block; border:0px; padding:0px; margin:0px; } #ja-cssmenu li ul a { margin: 0px; padding: 0px; border: none; white-space: nowrap; font-weight: normal; font-size: 100%; line-height: 24px; height:24px; } #ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active { background: url(../../images/arrow2.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 { color: #FFFFFF; height:24px; /*background: #F09018;*/ } #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;*/ /*background:url(images/ding.gif) no-repeat top 10px;*/ font-weight: bold; text-decoration: underline; } #ja-cssmenu li ul ul { border:1px #4b000c solid; width:100px; } #ja-cssmenu li.coursedatesfhover, #ja-cssmenu li.coursedatesfhoversfhover,/*fix ie6*/ #ja-cssmenu li.coursedate{ background:url(../images/menu_inf/coursedate-img.gif) no-repeat; width:158px; } #ja-cssmenu li.signupsfhover, #ja-cssmenu li.signupsfhoversfhover,/*fix ie6*/ #ja-cssmenu li.signup{ background:url(../images/menu_inf/signup-img.gif) no-repeat; width:158px; } #ja-cssmenu li.about_benefitssfhover, #ja-cssmenu li.about_benefitssfhoversfhover, #ja-cssmenu li.about_benefits{ background:url(../images/menu_inf/about_benefits.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu li.about_eventsfhover, #ja-cssmenu li.about_eventsfhoversfhover, #ja-cssmenu li.about_event{ background:url(../images/menu_inf/about_event.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu li.about_testmonialssfhover, #ja-cssmenu li.about_testmonialssfhoversfhover, #ja-cssmenu li.about_testmonials{ background:url(../images/menu_inf/about_testmonials.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu li.about_presenterssfhover, #ja-cssmenu li.about_presenterssfhoversfhover, #ja-cssmenu li.about_presenters{ background:url(../images/menu_inf/about_presenters.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu li.about_thumpedsfhover, #ja-cssmenu li.about_thumpedsfhoversfhover, #ja-cssmenu li.about_thumped{ background:url(../images/menu_inf/about_thumped.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu li.about_partnerssfhover, #ja-cssmenu li.about_partnerssfhoversfhover, #ja-cssmenu li.about_partners{ background:url(../images/menu_inf/about_partners.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu li.about_scholarshipsfhover, #ja-cssmenu li.about_scholarshipsfhoversfhover, #ja-cssmenu li.about_scholarship{ background:url(../images/menu_inf/about_scholarship.gif) no-repeat; width:158px; height:24px; } #ja-cssmenu ul li.about_benefitssfhover a:hover, #ja-cssmenu ul li.about_benefitssfhoversfhover a:hover, #ja-cssmenu ul li.about_benefits a:hover, #ja-cssmenu ul li.about_eventsfhover a:hover, #ja-cssmenu ul li.about_eventsfhoversfhover a:hover, #ja-cssmenu ul li.about_event a:hover, #ja-cssmenu ul li.about_testmonialssfhover a:hover, #ja-cssmenu ul li.about_testmonialssfhoversfhover a:hover, #ja-cssmenu ul li.about_testmonials a:hover, #ja-cssmenu ul li.about_presenterssfhover a:hover, #ja-cssmenu ul li.about_presenterssfhoversfhover a:hover, #ja-cssmenu ul li.about_presenters a:hover, #ja-cssmenu ul li.about_thumpedsfhover a:hover, #ja-cssmenu ul li.about_thumpedsfhoversfhover a:hover, #ja-cssmenu ul li.about_thumped a:hover, #ja-cssmenu ul li.about_partnerssfhover a:hover, #ja-cssmenu ul li.about_partnerssfhoversfhover a:hover, #ja-cssmenu ul li.about_partners a:hover, #ja-cssmenu ul li.about_scholarshipsfhover a:hover, #ja-cssmenu ul li.about_scholarshipsfhoversfhover a:hover, #ja-cssmenu ul li.about_scholarship a:hover, #ja-cssmenu ul li.signupsfhoversfhover a:hover,/*fix ie6*/ #ja-cssmenu ul li.signupsfhover a:hover, #ja-cssmenu ul li.signup a:hover, #ja-cssmenu ul li.coursedatesfhoversfhover a:hover,/*fix ie6*/ #ja-cssmenu ul li.coursedatesfhover a:hover, #ja-cssmenu ul li.coursedate a:hover, /*************/ #ja-cssmenu ul li.about_benefitssfhover a.active, #ja-cssmenu ul li.about_benefitssfhover a.active:hover, #ja-cssmenu ul li.about_benefitssfhover a.active:active, #ja-cssmenu ul li.about_benefitssfhover a.active:focus, #ja-cssmenu ul li.about_benefitssfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_benefitssfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_benefitssfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_benefitssfhoversfhover a.active:focus, #ja-cssmenu ul li.about_benefits a.active, #ja-cssmenu ul li.about_benefits a.active:hover, #ja-cssmenu ul li.about_benefits a.active:active, #ja-cssmenu ul li.about_benefits a.active:focus /*about_event*/ #ja-cssmenu ul li.about_eventsfhover a.active, #ja-cssmenu ul li.about_eventsfhover a.active:hover, #ja-cssmenu ul li.about_eventsfhover a.active:active, #ja-cssmenu ul li.about_eventsfhover a.active:focus, #ja-cssmenu ul li.about_eventsfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_eventsfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_eventsfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_eventsfhoversfhover a.active:focus, #ja-cssmenu ul li.about_event a.active, #ja-cssmenu ul li.about_event a.active:hover, #ja-cssmenu ul li.about_event a.active:active, #ja-cssmenu ul li.about_event a.active:focus /*about_testmonials*/ #ja-cssmenu ul li.about_testmonialssfhover a.active, #ja-cssmenu ul li.about_testmonialssfhover a.active:hover, #ja-cssmenu ul li.about_testmonialssfhover a.active:active, #ja-cssmenu ul li.about_testmonialssfhover a.active:focus, #ja-cssmenu ul li.about_testmonialssfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_testmonialssfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_testmonialssfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_testmonialssfhoversfhover a.active:focus, #ja-cssmenu ul li.about_testmonials a.active, #ja-cssmenu ul li.about_testmonials a.active:hover, #ja-cssmenu ul li.about_testmonials a.active:active, #ja-cssmenu ul li.about_testmonials a.active:focus /*about_presenters*/ #ja-cssmenu ul li.about_presenterssfhover a.active, #ja-cssmenu ul li.about_presenterssfhover a.active:hover, #ja-cssmenu ul li.about_presenterssfhover a.active:active, #ja-cssmenu ul li.about_presenterssfhover a.active:focus, #ja-cssmenu ul li.about_presenterssfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_presenterssfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_presenterssfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_presenterssfhoversfhover a.active:focus, #ja-cssmenu ul li.about_presenters a.active, #ja-cssmenu ul li.about_presenters a.active:hover, #ja-cssmenu ul li.about_presenters a.active:active, #ja-cssmenu ul li.about_presenters a.active:focus /*about_thumped*/ #ja-cssmenu ul li.about_thumpedsfhover a.active, #ja-cssmenu ul li.about_thumpedsfhover a.active:hover, #ja-cssmenu ul li.about_thumpedsfhover a.active:active, #ja-cssmenu ul li.about_thumpedsfhover a.active:focus, #ja-cssmenu ul li.about_thumpedsfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_thumpedsfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_thumpedsfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_thumpedsfhoversfhover a.active:focus, #ja-cssmenu ul li.about_thumped a.active, #ja-cssmenu ul li.about_thumped a.active:hover, #ja-cssmenu ul li.about_thumped a.active:active, #ja-cssmenu ul li.about_thumped a.active:focus /*about_partners*/ #ja-cssmenu ul li.about_partnerssfhover a.active, #ja-cssmenu ul li.about_partnerssfhover a.active:hover, #ja-cssmenu ul li.about_partnerssfhover a.active:active, #ja-cssmenu ul li.about_partnerssfhover a.active:focus, #ja-cssmenu ul li.about_partnerssfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_partnerssfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_partnerssfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_partnerssfhoversfhover a.active:focus, #ja-cssmenu ul li.about_partners a.active, #ja-cssmenu ul li.about_partners a.active:hover, #ja-cssmenu ul li.about_partners a.active:active, #ja-cssmenu ul li.about_partners a.active:focus /*about_scholarship*/ #ja-cssmenu ul li.about_scholarshipsfhover a.active, #ja-cssmenu ul li.about_scholarshipsfhover a.active:hover, #ja-cssmenu ul li.about_scholarshipsfhover a.active:active, #ja-cssmenu ul li.about_scholarshipsfhover a.active:focus, #ja-cssmenu ul li.about_scholarshipsfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.about_scholarshipsfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.about_scholarshipsfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.about_scholarshipsfhoversfhover a.active:focus, #ja-cssmenu ul li.about_scholarship a.active, #ja-cssmenu ul li.about_scholarship a.active:hover, #ja-cssmenu ul li.about_scholarship a.active:active, #ja-cssmenu ul li.about_scholarship a.active:focus /**********************/ #ja-cssmenu ul li.coursedate a.active, #ja-cssmenu ul li.coursedate a.active:hover, #ja-cssmenu ul li.coursedate a.active:active, #ja-cssmenu ul li.coursedate a.active:focus, #ja-cssmenu ul li.coursedatesfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.coursedatesfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.coursedatesfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.coursedatesfhoversfhover a.active:focus, #ja-cssmenu ul li.coursedatesfhover a.active, #ja-cssmenu ul li.coursedatesfhover a.active:hover, #ja-cssmenu ul li.coursedatesfhover a.active:active, #ja-cssmenu ul li.coursedatesfhover a.active:focus #ja-cssmenu ul li.signup a.active, #ja-cssmenu ul li.signup a.active:hover, #ja-cssmenu ul li.signup a.active:active, #ja-cssmenu ul li.signup a.active:focus, #ja-cssmenu ul li.signupsfhoversfhover a.active,/*fix ie6*/ #ja-cssmenu ul li.signupsfhoversfhover a.active:hover,/*fix ie6*/ #ja-cssmenu ul li.signupsfhoversfhover a.active:active,/*fix ie6*/ #ja-cssmenu ul li.signupsfhoversfhover a.active:focus, #ja-cssmenu ul li.signupsfhover a.active, #ja-cssmenu ul li.signupsfhover a.active:hover, #ja-cssmenu ul li.signupsfhover a.active:active, #ja-cssmenu ul li.signupsfhover a.active:focus { background-position:10px 0px !important; display:block; width:158px; font-weight: bold; text-decoration: underline; background-image: url(../images/menu_inf/ding.gif); background-repeat: no-repeat; } #ja-cssmenu ul li.about_benefitssfhover a:hover, #ja-cssmenu ul li.about_benefitssfhoversfhover a:hover, #ja-cssmenu ul li.about_benefits a:hover{ background-position:10px 2px !important; display:block; width:158px; font-weight: bold; text-decoration: underline; background-image: url(../images/menu_inf/ding.gif); background-repeat: no-repeat; } #ja-cssmenu ul li.about_eventsfhover ul{ background:url(../images/menu_inf/submenu_bg_02.gif) repeat-y; } #ja-cssmenu li ul ul li{ background:url(../images/menu_inf/submenu_bg.gif) no-repeat;/**/ height:24px; line-height:24px; width:110px; display:block; float:left; clear:left; text-align:right; font-size:10px; letter-spacing: normal; word-spacing: normal; } /**/#ja-cssmenu ul li ul li a, #ja-cssmenu ul li.about_eventsfhover ul li a, #ja-cssmenu ul li.about_eventsfhover ul li a:hover, #ja-cssmenu ul li.about_eventsfhover ul li.sfhover a, #ja-cssmenu ul li.about_eventsfhover ul li.sfhover a:hover, #ja-cssmenu ul li.about_eventsfhover ul li.sfhoversfhover a:hover, #ja-cssmenu ul li.about_eventsfhoversfhover ul li a:hover, #ja-cssmenu ul li.about_event ul li a:hover { /*background:url(images/submenu_bg.gif) no-repeat;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px; margin:0px; width:100px; height:24px; line-height:24px; font-weight:normal; background:none; display:block; color:#FFFFFF; /*background-color:#FF0000;*/ letter-spacing: normal; word-spacing: normal; display:block; float:left; clear:left;/* font-size:10px; padding:0px; margin:0px;*/ }