div.sitemap
{
  margin:           1em 0;
}

div.sitemap ul
{
  margin:           0;
  padding:          0;
  list-style:       none;
}

div.sitemap li
{
  line-height:      1.25em;
  border-top:       1px solid transparent; /* Fix stupid IE7, which doesn't want to properly align the
                                              description to the left-floating anchor */
}

div.sitemap li a
{
  margin:           0 0.25em 0 0.25em;
  padding:          0 0.25em !important;  /* Otherwhise the 2px padding earlier declared would be used */
  width:            12em;
  display:          block;
  float:            left;
}

div.sitemap li li a
{
  margin-left:      1.25em;
  width:            11em;
}

div.sitemap li li li a
{
  margin-left:      2.25em;
  width:            10em;
}

div.sitemap li li li li a
{
  margin-left:      3.25em;
  width:            9em;
}

div.sitemap li span
{
  display:          block;
  clear:            none;
  overflow:         hidden;
  border:           1px solid transparent; /* To match the dimensions of the <a> border */
}