/* Vertical menu for the CMS CSS Menu Module */
div#menu_vertical {
     width: 99%;         /* menu width */
}

div#menu_vertical ul {
  background-color: rgb(80, 109, 118);
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

div#menu_vertical ul li {
  margin: 0;
  padding: 0;
  background-color: rgb(80, 109, 118);
  display:block;
  border-top: 1px solid rgb(239, 106, 49);        /*   lines */
}

div#menu_vertical ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: rgb(80, 109, 118);
  padding: 1px 3px 1px 15px;
  margin:0;
  text-decoration: none;
  max-height:23px;           /* hint for IE, alternatively remove whitespace from HTML */
}

div#menu_vertical ul ul li a {
  margin-left: 16px;     /* indent level 1 */
}

div#menu_vertical ul ul ul li a {
  margin-left: 26px;     /* indent level 2 */
}

div#menu_vertical li ul, div#menu_vertical li.open li.closed ul {
  display: none;         /* collapse */
}

div#menu_vertical li.open ul {
  display: block;        /* expand */
}
 
div#menu_vertical ul li.open a {
  background-image: url(/uploads/images/icons/bullet_leaf.gif);
  background-repeat: no-repeat;
}

div#menu_vertical ul li.closed a {
  background-image: url(/uploads/images/icons/bullet_closed.gif);
  background-repeat: no-repeat;
}

div#menu_vertical ul li.leaf a {
  background-image: url(/uploads/images/icons/bullet_leaf.gif);
  background-repeat: no-repeat;
}
 
div#menu_vertical li.active a {
  background-position: 0px -20px;
  color: rgb(239, 106, 49);            /* highlight text */
}
 
div#menu_vertical li.active li a {
  background-position: 0px 0px;
  color: white;          /* fix lower levels */
}

div#menu_vertical ul li a:hover {
  color: black;
  background-color: rgb(205, 218, 222); /* rollover effect */
}