/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {
    width: 100px;
    margin-top: 0px;
    }   

#menu {
    list-style-type:none;
    padding:0;
    margin: 0;
    width:100px;}
    
#menu ul {
    list-style-type:none;
    padding:0;
    margin:0;
    width:160px;
    background: #D8D8D8;
    }
    
#menu ul li {
    position:relative;
    margin: 0;
    padding: 0;
    cursor:pointer;
    /*background: url(../images/cat-bg.gif) top left no-repeat;*/
}

#menu li.sub {
    margin: 0;
    padding: 7px 0 7px 20px;
    background: url(../images/cat-bg.gif) top left no-repeat;
    color: #fff;
    vertical-align: center;
    width:140px;
    text-transform: uppercase;
    cursor: pointer;
    }

 #menu li a {
    display:block;
    width:140px;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 2px 0 2px 20px;
    vertical-align: center;
    background: #D8D8D8;
    text-transform: none;
    color: #656566;
}
    
 #menu li a:hover{
    color: #000;
}


#menu ul {display:none;}

#menu li:hover {
    color: #c0c0c0;
    margin: 0;
    padding: 0;
    padding: 6px 0 0 20px;
    width: 140px;
    }

#menu li:hover ul {
    display:block;
    height:auto;
    padding: 0;
    margin: 0;
    margin-top: 8px;
    margin-left: -20px;
    background: #D8D8D8;
    }
    

#menu li:hover ul li:hover ul {
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:auto;
    margin: 0;
    padding: 0;
    background: #D8D8D8;
    }

#menu li:hover ul li:hover {
    background:#98a;
    margin: 0;
    padding: 0;
    }