/* 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: 16pt;
  color: #002888;
}

.tree-menu span {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 7px 0px 7px 10px;
  background-color: #D8D8D8;
  border-radius: 5px;
  font-size: 16pt;
  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 }
.treeview li.lastExpandable { background-position: -32px -67px }