ul.tree li.collapsed ul { display: none }

ul.tree li.collapsed {
  list-style: none;
  margin: 0.1em 0em 0.1em 0;
  padding: 0 0 0 20px;
  background: transparent url(expand.png) no-repeat 5px 5px;
}

ul.tree li.expanded {
  list-style: none;
  margin: 0.1em 0em 0.1em 0;
  padding: 0 0 0 20px;
  background: transparent url(collapse.png) no-repeat 5px 5px;
}

ul.tree li {
  list-style: none;
  margin: 0.1em 0em 0.1em 0;
  padding: 0 0 0 20px;
  background: transparent url(leaf.png) no-repeat 5px 5px;
}

ul.tree {
  margin-left: 0;
  padding: 0;
}

ul.tree ul {
  margin-left: 0.5em;
  padding: 0;
}

ul.tree span.active { font-weight: bold; color: blue; background-color: rgb(250,250,250) }

ul.tree li { margin-left: 0}

ul.tree li.collapsed:hover { cursor: pointer }
ul.tree li.expanded:hover { cursor: pointer }
ul.tree li.leaf:hover { cursor: default }

ul.tree span.supplemental { font-style: italic }