/*JABA navigation*/

/*
JABA menu selectors

Used here:
depth -- jm01
currentlyselected -- cs
child(kid)selected -- ks
haschildren(kids) --hk

jm01 + li,a,ul-element: top level navigation
jm02 + li,a,ul-element: 2nd level navigation
jm03 + li,a,ul-element: 3rd level navigation
jm04 + li,a,ul-element: 4th level navigation
only changing element is the class placed in li's

jm01_cs + li-element: top level navigation - chosen
jm02_cs + li-element: 2nd level navigation - chosen
jm03_cs + li-element: 3rd level navigation - chosen
jm04_cs + li-element: 4th level navigation - chosen

jm01_ks + li-element: top level navigation - chosen, kid selected
jm02_ks + li-element: 2nd level navigation - chosen, kid selected
jm03_ks + li-element: 3rd level navigation - chosen, kid selected

jm01_hk + li-element: top level navigation - not open, indicates that there's more underneath
jm02_hk + li-element: 2nd level navigation - not open, indicates that there's more underneath
jm03_hk + li-element: 3rd level navigation - not open, indicates that there's more underneath


possible selectors in the future:
ancestorselected -- as
siblingselected --- ss
parentselected -- ps
 
*/

/*-------wrapping ul-------*/
#nav{font-size:12px;}
#nav ul.jm01{padding:0px 0px 15px 0px; width:235px; text-transform:uppercase; margin-left:3px;}
#nav li{}
#nav a{}
/*-------style for 'a' element. Separate to different statements, if need to style levels differently-------*/
a.jm01{color:#ffffff; display:block; font-weight:bold; height:20px;padding:8px 2px 0px 10px;text-decoration:none;}
a.jm02,a.jm03,a.jm04{color:#303030;display:block; height:20px;padding:3px 2px 0px 10px;text-decoration:none;}
a.jm01:hover,a.jm02:hover,a.jm03:hover,#nav a.jm04:hover{text-decoration:none;}
ul.jm02 a,ul.jm03 a,ul.jm04 a{font-size:90%;}


/*-------background color or other styles for second & third & fourth level items-------*/
/*second level*/
ul.jm02,ul.jm02_cs{ padding:0px 0px 5px 0px;}
/*third level*/
ul.jm03,ul.jm03_cs{}
/*fourth level*/
ul.jm04,ul.jm04_cs{}

/*-------1st level-------*/

li.jm01 a:hover,li.jm01_hk a:hover{color:#333333; text-decoration:none;background-image:url(/core/general/img/interface/menunormal.gif); background-repeat:no-repeat;}
li.jm01_cs a,li.jm01_ks a{background-image:url(/core/general/img/interface/menuon.gif); color:#333333; background-repeat:no-repeat; background-position:0px 0px;}
li.jm01_cs a:hover{background-image:url(/core/general/img/interface/menuon.gif); color:#333333; background-repeat:no-repeat; background-position:0px 0px;}

/*-------2nd level-------*/

li.jm02 a,li.jm02_hk a{padding:5px 0px 0px 20px;color:#000000;background-image:none; background-image:none; background-repeat:no-repeat;}
li.jm02_ks a:hover,li.jm02_cs a:hover{color:#333333;}
li.jm02 a:hover,li.jm02_hk a:hover{padding:5px 0px 0px 20px;background-image:url(/core/general/img/interface/menu2onhover.gif);background-repeat:no-repeat;background-position:center right; color:#333333;}
li.jm02_cs a,li.jm02_ks a{padding:5px 0px 0px 20px;background-image:url(/core/general/img/interface/menu2on.gif); color:#ffffff; background-repeat:repeat-y; background-position:center right;}
li.jm02_cs a:hover{padding:5px 0px 0px 20px;background-image:url(/core/general/img/interface/menu2on.gif); color:#333333; background-repeat:repeat-y; background-position:center right;}

/*-------3rd level-------*/
li.jm03 a,li.jm03_hk a{padding:5px 0px 0px 40px;color:#000000;background-image:none; background-image:none; background-repeat:no-repeat;}
li.jm03_ks a:hover,li.jm03_cs a:hover{color:#333333;}
li.jm03 a:hover,li.jm03_hk a:hover{padding:5px 0px 0px 40px;background-image:url(/core/general/img/interface/menu2onhover.gif);background-repeat:no-repeat;background-position:center right; color:#333333;}
li.jm03_cs a,li.jm03_ks a{padding:5px 0px 0px 40px;background-image:url(/core/general/img/interface/menu3on.gif); color:#ffffff; background-repeat:repeat-y; background-position:center right;}
li.jm03_cs a:hover{padding:5px 0px 0px 40px;background-image:url(/core/general/img/interface/menu3on.gif); color:#333333; background-repeat:repeat-y; background-position:center right;}

/*-------4th level-------*/
li.jm04 a,li.jm04_hk a{padding:5px 0px 0px 60px;color:#000000;background-image:none; background-image:none; background-repeat:no-repeat;}
li.jm04_ks a:hover,li.jm04_cs a:hover{color:#303030;}
li.jm04 a:hover,li.jm04_hk a:hover{padding:5px 0px 0px 60px;background-image:url(/core/general/img/interface/menu2onhover.gif);background-repeat:no-repeat;background-position:center right; color:#333333;}
li.jm04_cs a,li.jm04_ks a{padding:5px 0px 0px 60px;background-image:url(/core/general/img/interface/menu3on.gif); color:#ffffff; background-repeat:repeat-y; background-position:center right;}
li.jm04_cs a:hover{padding:5px 0px 0px 60px;background-image:url(/core/general/img/interface/menu3on.gif); color:#cccccc; background-repeat:repeat-y; background-position:center right;}


/