/*******************************
          Menu Styles
 *******************************/

#menu {
        width: 160px;   
}
#menu .launcher a {
        display: block;
        cursor: pointer;
        width: 100%;
        height: 0px;
        padding: 41px 0px 0px; 
        float: left;
        overflow: hidden;
        background: url(../images/menu-sprite.png) no-repeat  0px -52px;
}
#menu .launcher a:hover, #menu.active .launcher a {
        background-position: 0px -93px; 
}

#menu.visible .list {
        display: block; 
}
#menu .list {
        clear: left;
        display: none;
        background: url(../images/menu-sprite.png) repeat-y -165px 0px;
        color: #FFFFFF;
        padding: 0px 0px 10px;
}

#menu .list li {
        padding: 0px;
        text-shadow: 1px 1px #111111;
        list-style-type: none;  
}
#menu .list > ul > li.hover {           
        cursor: pointer;
        background: url(../images/menu-sprite.png) no-repeat -330px 0px;
}

#menu .list > ul {
        display: block; 
        opacity: 0;
}
#menu .list > ul li ul {
        display: none;  
        opacity: 0;
        margin-bottom: 5px;
}
#menu .list > ul li ul li {
        padding-left: 15px;
        font-size: 11px;
}
#menu .list > ul li ul li a {
        color: #AAAAAA; 
}
#menu .list > ul li ul li.hover {       
        cursor: pointer;
        background: url(../images/menu-sprite.png) no-repeat -660px 0px;
}
#menu .list  a {
        height: 24px;
        line-height: 24px;
        display: block;
        background: url(../images/menu-sprite.png) no-repeat -495px -24px;
        padding-left: 15px;
        text-decoration: none;
}
#menu .list a:hover {
        color: #FAFAFA; 
        text-decoration: none;
}

#menu .list a.active, #menu .list a.active:hover {
        color: #E8E8E8;
        background-position: -495px -72px;
}


#menu .list > ul > li a[href] {
        background: none;
}

/* First tier links */
#menu .list > ul > li > a {
        margin-left: 5px;
        color: #F6F6F6;         
}

/* Second tier links */
#menu .list > ul > li > ul {
        background: url(../images/menu-sprite.png) no-repeat -825px 0px;        
        margin-bottom: 0px;
        padding: 4px 0px;
}
#menu .list > ul > li > ul > li > a {
        background: url(../images/menu-sprite.png) no-repeat -495px -123px;
        padding-left: 13px;
        margin-left: 0px;
        height: 17px;
        line-height: 17px;
}
#menu .list > ul > li > ul > li > a.active, #menu .list > ul > li > ul > li > a.active:hover {
        background-position: -495px -99px;      
}
#menu .list > ul > li > ul > li > a[href] {
        /* Tier two link styles */
}

/* Third tier links */
#menu .list > ul > li > ul > li > ul > li  {
        padding: 0;
        margin-left: -15px;
        background: none;
}
#menu .list > ul > li > ul > li > ul > li > a {
        margin-left: 15px;
        padding-left: 15px;
        height: 17px;
        line-height: 17px;      
}