/* navigation */
/* styling guide 
    [ul], [a]
        - level : jm01, jm02, ...
    [li]
        - level : jm01, jm02, ...
        - lf : leaf node
        - cs : currently selected
        - hk : has kids(children)
        - ks : kid selected, set for the parents.
        - first : first item
        - last : last item
        - hover : set when the children link is hover (set by jquery dynamically)
        - {joined class names} : there are concatenated class name with 'level' and others like 'jm01_lf' and 'jm01_cs' as well.   
 */


/* top menu */
#topnav { text-transform :uppercase; font-size :12px;  padding-top :0px; }
.oneType #topnav ul{ margin:0 0 0 230px;}
.twoType #topnav ul{ margin:0 0 0 230px;}
#topnav ul{ margin:0 0 0 230px;}
#topnav li{ display:block; float:left; margin-right:10px; }
#topnav li a{text-decoration:none; display:block;height:30px; line-height:30px; padding:0 8px; _width:1px; _white-space:nowrap; }
#topnav li span{letter-spacing :1px;}
#topnav li a:hover{background-color:#ee4444;color:#fff;}
#topnav li.jm01_cs a.jm01, #topnav li.jm01_ks a.jm01 {background-color:#ee4444;color:#fff;}


/* 2st level */
#topsubnav {padding-top:10px;}
#topsubnav a { text-decoration:none;}

#topnav2, #topnav3 { float:left;text-transform :none;}
#topnav3 {margin-left:30px;}
#topnav3 a {color:#ee4444;}

#topsubnav li.cs a, #topsubnav li.ks a {color:#ee4444;text-decoration:underline;}

#topnav2 .performance {margin-left:86px;_margin-left:85px;}
#topnav2 .music {margin-left:223px;_margin-left:223px;}
#topnav2 .support{margin-left:480px;_margin-left:485px;}

/* help for IE - try these
    position:relative; 
    background-position:top left;
    float:left
    
#nav {background-image:url(/core/general/img/bg/nav_bg.gif); background-repeat:repeat-x;}
#nav {width:250px;}
#nav a {position:relative; text-decoration:none; display:block; padding:0; margin:0; width:250px;}
#nav a span{}
    
#nav ul.jm01 {text-transform:uppercase;}
#nav li.jm01 {}
#nav li.jm01_cs {}
#nav li.jm01_cs a.jm01, #nav li.jm01_ks a.jm01 {color:#000; background-image:url(/core/general/img/menu/menu01_on.gif); background-repeat:no-repeat;}
#nav a.jm01{height:36px;line-height:36px;font-weight:bold;}
#nav a.jm01:hover {color:#000; background-image:url(/core/general/img/menu/menu01_on.gif); background-repeat:no-repeat;}
#nav a.jm01 span{margin:0 10px;}


#nav ul.jm02 {text-transform:uppercase; margin:5px 0;}
#nav li.jm02 {}
#nav li.jm02_cs {}
#nav li.jm02_cs a.jm02, #nav li.jm02_ks a.jm02 {color:#000; background-image:url(/core/general/img/menu/menu02_on.gif); background-repeat:no-repeat;}
#nav a.jm02{height:22px;line-height:22px;font-weight:normal;font-size:80%;}
#nav a.jm02:hover {color:#000; background-image:url(/core/general/img/menu/menu02_on.gif); background-repeat:no-repeat;}
#nav a.jm02 span{margin:0 30px;}    
 */