.TreeMenu
{
  font-size: 70%;
  margin: 0px;
  padding: 13px 0px 0px 20px;
  list-style: none;
}

.TreeMenu h2
{
  font-size: 110%;
  font-weight: bold;
  color: White;
  text-transform: uppercase;
  margin: 5px 0px 10px 0px;
}

.TreeMenu ul
{
  margin-left: 45px; /* level 2 submenu indent */
  margin-top: 2px; /* space betw menu item and next indented line */
  display: none;
  list-style: none;
  visibility: collapse;
  padding: 0px; /* clear inherited padding (must do in FF) */
}

.TreeMenu ul ul
{
  margin-left: 30px; /* level 3 submenu indent */
}

.TreeMenu.Visible,
.TreeMenu ul.Visible
{
  visibility: visible;
  display: block; /* opposite of display: none */
}

.TreeMenu li
{
  text-transform: uppercase;
  line-height: 18px; /* fit the bg img (selected) */
}

.TreeMenu li ul li /* Level 2 and beyond */
{
  text-transform: none;
  line-height: 15px;
}

.TreeMenu li a
{
  text-decoration: none;
  color: Black;
  padding-left: 25px; /* space betw img and text */
  display: block;
  display: inline-block; /* IE6 hack */
}

.TreeMenu li a.Selected /* Level 1 only */
{
  background: url(/Images/Aug07/menu_arrow.gif) no-repeat left top;
}

.TreeMenu li ul li a
{
  padding-left: 16px; /* space betw img and text */
}

.TreeMenu li ul li a.Selected, /* Level 2 and beyond */
.TreeMenu li ul li a:hover
{
    background: url(/Images/Aug07/sub_menu_arrow.gif) left 4px no-repeat;
}

.TreeMenu a:hover,
.TreeMenu a.Selected,
.TreeMenu a.Selected:hover
{
    color: #28903a;
}

.TreeMenu li ul li a:hover /* Level 2 and beyond */
{
    color: Black;
}