/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.tree-menu .hitarea {
    z-index: 1;
    background: url(../images/gray2.gif) -64px -24px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.treeview li {
    margin: 2px;
}

.tree-menu ul { list-style: none; }

.tree-menu a {
    display: block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 16;
    color: #002888;
}

/* controls the way the tree looks */
.tree-menu span {
    display: block;
    vertical-align: middle;
    text-decoration: none;
    padding: 7px 0px 7px 10px;
    background-color: #D8D8D8;
    border-radius: 5px;
    font-size: 14pt;
    /*height: 15px;*/
    height: auto;
    color: #002888;
    -moz-transition: background-color 0.25s linear;
    -webkit-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.tree-menu img {display:none;}
.tree-menu a:hover img {display:block;height:200px; max-width: 90%; margin:auto;}

.tree-menu span:hover{
    color: #ffffff;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}
.tree-menu a:hover{
    color: #ffffff;
}
.tree-menu .active > a:hover,
.tree-menu .active > span:hover,
.tree-menu .selected > span,
.tree-menu span:hover { background-color: #8f99af; }
.tree-menu .active > a:hover,
.tree-menu .selected > a,
.tree-menu a:hover { background-color: #8f99af; }

#treecontrol { color: #d8d8d8; text-align: center; margin: 2em 0; display: block; }

.treeview .hover { cursor: pointer; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px;}

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(http://www.soest.hawaii.edu/HURL/HURLarchive/images/gray2.gif) no-repeat; }
.treeview li.lastCollapsable { background-position: 0 -111px }
title="Select locality to search for"lastExpandable { background-position: -32px -67px }