/******************************************************************************
 *                                                                    2009-01 *
 * Project | Ramsar 2009                                                      *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *                                                                            *
 * Package | Nav                                                              *
 ******************************************************************************/

div#leftnav {
  width: 202px;
  float: left;
  padding-bottom: 40px;
}

div#leftnav ul {
  list-style-type: none;
  width: 192px;
  margin: 0 0 0 2px;
}

div#leftnav ul li {
  background: url(/ramsar/img/nav.dotted.gif) 0 0 repeat-x;
  border-bottom: 1px solid #ebede1;
}

div#leftnav ul li a {
  text-decoration: none;
  color: #23241c;
  display: block;
  padding: 5px 0 3px 19px;
  background: url(/ramsar/img/arrow.nav.gif) 8px 9px no-repeat;
}

div#leftnav ul li a:hover { text-decoration: underline; }

div#leftnav ul li ul {
  margin: 0 0 -1px 0;
  background-color: #f3f4ed;
}

div#leftnav ul li ul li {
  border-bottom: 1px solid #f3f4ed;
}

div#leftnav ul li ul li a {
  padding: 5px 0 3px 36px;
  background: url(/ramsar/img/arrow.nav2.gif) 25px 9px no-repeat;
}

div#leftnav ul li ul li ul {
  background-color: #fafaf7;
}

div#leftnav ul li ul li ul li {
  border-bottom: 1px solid #fafaf7;
}

div#leftnav ul li ul li ul li a {
  padding: 5px 0 3px 52px;
  background: url(/ramsar/img/arrow.nav4.gif) 41px 9px no-repeat;
}

div#leftnav ul li ul li ul li ul {
  background-color: #fff;
}

div#leftnav ul li ul li ul li ul li {
  border-bottom: 1px solid #fff;
}

div#leftnav ul li ul li ul li ul li a {
  padding: 5px 0 3px 68px;
  background: url(/ramsar/img/arrow.nav3.gif) 57px 9px no-repeat;
}