.treemenu{
    width:172px;
/*    height: 233px;
    overflow: hidden;*/
    background-color:transparent;
    text-align: left;
    margin: 0px auto;
}

.treemenu h3 {margin: 0px;}

/*CSS class for menu headers in general (expanding or not!)*/
.treemenu .menuheader{
    font: bold small-caps 14px Arial, Helvetica, sans-serif;
    color:#ffffff;
    padding:0px;
    text-decoration:none;
    cursor: pointer;
}

/*CSS for UL of each sub menu*/
.treemenu ul{
    list-style-type: none;
    padding:0px;
    margin:0px 3px;
}

/*bottom spacing between menu items*/
.treemenu ul li{
    margin: 0px;
	padding: 0px;
	/*padding-bottom: 2px; */
}

.treemenu ul li a{
    font: normal 11px Arial, sans-serif;
    text-decoration:none;
    color:#82d4e5;
    padding:0px;
    margin:0px;
}

.treemenu ul li a:visited{
    color:#82d4e5;
    text-decoration:none;
}

.treemenu ul li a:hover{ /*hover state CSS*/
    color: #ac3961;
    text-decoration:none;
}

/* Not expandable headers (links) */
.treemenu h3 a:link, .treemenu h3 a:visited,  .treemenu h3 a:active {
    color: #ffffff;
    text-decoration:none;
}
.treemenu h3 a:hover {
    color: #ac3961;
    text-decoration:none;
}

/*CSS class to apply to expandable header when it's expanded*/
.treemenu .openheader, .treemenu .openheader a:link, .treemenu .openheader a:visited, .treemenu .openheader a:active{ color: #ac3961; }
.treemenu a.on, .treemenu a:visited.on,  .treemenu a:active.on { /*hover state CSS*/
    color: #ac3961;
    text-decoration:none;
}