/* ================================================================ 
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) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#treemenu {list-style-type:none; padding:0; margin:0; width:150px; position:relative; z-index:100;}
#treemenu ul {list-style-type:none; padding:0; margin:0; width:150px;}
#treemenu li {
    float:left; 
	background-color: #ffffff;
    position:relative; 
    overflow:clip;
}

#treemenu li.sub {background:#d30;}

#treemenu li, #treemenu li a {
    display:block; 
	color:#646e7b; 
	font-family: Tahoma, Arial, Geneva, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
    line-height:22px;  
    width:150px;  
    cursor:pointer; 
    text-indent:3px;
	border-bottom:1px solid #c6ced9; 
	border-right:1px solid #c6ced9; 
    overflow:clip;
}

#treemenu ul,
#treemenu li.active ul ul,
#treemenu li.active ul li:hover ul ul {display:none;}

#treemenu li:hover,
#treemenu li a:hover,
#treemenu li.active:hover,
#treemenu li.active a.active:hover
{    background-color:#dfe5ec;
     color:#646e7b !important;
     text-decoration:none; 
}

#treemenu li.active { 
/*    background-color:#4f89d2; */
    background-color:#489FD8; 
	border-bottom:1px solid #c6ced9; 
	border-right:1px solid #c6ced9; 
}
#treemenu li.active a {background-color:#489FD8; color:#FFFFFF; font-weight:bold; border-right:0px}
#treemenu li.active a.active {background-color:#489FD8; color:#FFFFFF; font-weight:bold; border-right:0px}

#treemenu li.active ul,
#treemenu li.active ul li {
    display:block; 
    text-align:left; 
    text-indent:15px;
	border-right:1px solid #c6ced9; 
	border-bottom:1px solid #c6ced9; 
	font-size: 10px; 
}

#treemenu li.active ul {
	border-bottom:0px solid #c6ced9; 
}

#treemenu li.active ul li a {
	color:#489FD8; 
	background:#FFFFFF;
	border-bottom:2px solid #c6ced9; 
	border-right:2px solid #c6ced9; 
	font-weight:normal;
	font-size: 11px; 
    margin-left:20px; 
    text-indent:0px;
    width:135px;
    line-height:1.4em;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:center;
}

#treemenu li.active ul li.active, 
#treemenu li.active ul li.active a.active 
{ 
     font-weight:bold;
     color:#489FD8; 
     background:  #FFFFFF url(images/bullet3.gif) no-repeat center left;
}

#treemenu li.active ul li.active:hover, 
#treemenu li.active ul li.active a.active:hover 
{
     font-weight:bold; 
     color:#646e7b; 
     background:  #dfe5ec url(images/bullet3.gif) no-repea center left;
}