/* ================================================================ 
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_vertical.html
Copyright (c) 1815-1817 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu {
list-style-type : none;
padding : 0;
margin : 0;
width : 181px;
position : absolute;
top : 177px;
z-index : 100;

}
#menu ul {
list-style-type : none;
padding : 0;
margin : 0;

}
#menu li {


width:auto;
height:auto;
float : left;
position : relative;
}
li {

list-style : none;
}
#menu ul a {
list-style-type : none;
padding : 0;
margin : 0;

}
#menu li.sub {

display : block;
color : #fff;
font-family : arial, sans-serif;
font-size : 11px;
line-height : 25px;
width : 181px;
text-decoration : none;
cursor : pointer;
height : 25px;
border-top : 1px solid #fff;
padding-left : 12px !important ;
background-repeat : no-repeat !important ;
padding-left : 12px;
margin-right : 0;
background : url(../images/bg-subbutton.png);

}
#menu li.sub2 {

display : block;
color : #fff;
font-family : arial, sans-serif;
font-size : 11px;
line-height : 25px;
width : 181px;
text-decoration : none;
cursor : pointer;
height : 25px;
margin-left : -12px !important ;
margin-left : -12px;
}
#menu li.sub2 a {

display : block;
color : #fff;
font-family : arial, sans-serif;
font-size : 11px;
line-height : 25px;
width : 181px;
text-decoration : none;
cursor : pointer;
height : 25px;
background : url(../images/bg-subbutton2.png);
background-repeat : no-repeat !important ;
padding-left : 17px;
}
#menu li.sub2 a:hover {
background : url(../images/bg-subbutton3.jpg);
}
.cur {
background : url(../images/bg-subbutton5.png);
}
#menu ul, #menu li.click ul ul, #menu li.click ul li.hover ul ul {
display : none;

}
#menu li.hover {
color : #fff;
z-index : 500;
}
#menu li.click {
color : #fff;

float : none !important ;
float : left;
}
#menu li.click ul {
display : block;

}

#menu li.click ul li.hover ul, #menu li.click ul li.hover ul li.hover ul {
display : block;
position : absolute;
left : 125px;

}
#menu li.click ul li.fly {
background : #657 url(frog_arrow.gif) no-repeat top right;


}
#menu li.click ul li.hover ul li.hover ul li {
background : #780;
z-index : 500;
}
#menu li.click ul li.hover ul li.fly {
background : #c60 url(frog_arrow.gif) no-repeat top right;
}
#menu li.click ul li.hover ul li.hover {
z-index : 500;
background : #fa4;
}
#menu li.click ul li.hover ul li.hover a {
color : #000;
}
#menu li.click ul li.hover ul li.hover ul li.hover {
background : #aa0;
}
#menu li.click ul li.hover ul li.hover ul li.hover a {
color : #fff;
}

