#TreeMenuContainer{ margin:0;margin-left:-14px;padding:0;}
#TreeMenu, #TreeMenu ul{
  text-align:left;
  margin:0;				/* Removes browser default margins applied to the lists. */
  margin-left:-1em; /* There was still way to much left margin. */
  padding:0;				/* Removes browser default padding applied to the lists. */
}

#TreeMenu li{
  margin:0 0 0 30px;			/* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0;				/* Removes browser default padding applied to the list items. */
  list-style-type:none;			/* Removes the bullet point that usually goes next to each item in a list. */
}

#TreeMenu .symbols{			/* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:19px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}
#TreeMenu h2{ margin-left:-5px;}
#TreeMenu>h2 { margin-left: 10px;}
#TreeMenu li.lititulo,
#TreeMenu div.lititulo {border-bottom:dotted 1px #999999; margin-top:10px; padding-bottom:10px;}