ul.menu-accordion-hover {
  display: block;
  position: absolute;
  top: 196px;
  left: 0px;
  width: 148px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  list-style-type: none;
  list-style-position: outside;
  text-align: right;
  font-family: "Century Gothic", "Lucida Sans", "Verdana", "Helvetica", "Arial", "sans-serif";
}

ul.menu-accordion-hover > li {
  display: block; 
  position: relative;
  margin: 0px;
  padding: 10px 10px 10px 0px;
  font-size: 16px;
}

* html ul.menu-accordion-hover li {
  display: block; 
  position: relative;
  margin: 0px;
  padding: 10px 10px 10px 0px;
  font-size: 16px;
}

ul.menu-accordion-hover > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #806f86;
  padding-bottom: 1px;
}

/* <= IE6 */
* html ul.menu-accordion-hover li a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #806f86;
  padding-bottom: 1px;
}

ul.menu-accordion-hover > li > a:hover {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0px;
  color: #b9a1c2;
}

/* <= IE6 */
* html ul.menu-accordion-hover li a:hover {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0px;
  color: #b9a1c2;
}

ul.menu-accordion-hover > li ul {
  position: relative;
  display: none;
  width: 138px; /* this stops the IE7 flickering on slide */
  margin: 0px 0px 0px 0px; /* must state other margins 0 to keep next li in correct position in IE6+ */
  /* separate from prev and next section. */
  /* better to use padding than margin so IE can calculate heights properly and not nudge elements when sliding. */
  padding: 5px 0px 10px 0px;
  list-style-type: none;
  list-style-position: outside;
  /* separate from section header */
}

/* <= IE6 */
* html ul.menu-accordion-hover li ul {
  position: relative;
  display: none;
  width: 138px; /* this stops the IE7 flickering on slide */
  margin: 0px 0px 0px 0px; /* must state other margins 0 to keep next li in correct position in IE6+ */
  /* separate from prev and next section. */
  /* better to use padding than margin so IE can calculate heights properly and not nudge elements when sliding. */
  padding: 5px 0px 10px 0px;
  list-style-type: none;
  list-style-position: outside;
  /* separate from section header */
}

ul.menu-accordion-hover li ul li {
  position: relative;
  display: block;
  height: 14px; /* for IE7+ not to nudge when sliding */
  margin: 0px;
  padding: 3px 10px 3px 0px;
  font-size: 11px;
  color: #bbb;
  list-style-type: none;
  list-style-position: outside;
}

ul.menu-accordion-hover li ul li a {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  font-size: 11px;
  color: #a5a5a5;
}

/* <=IE6 */
* html ul.menu-accordion-hover li ul li a {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px 0px 1px;
  text-decoration: none;
  font-size: 11px;
  color: #a5a5a5;

  padding-bottom: 1px; /* for mouseover highlight */
}

ul.menu-accordion-hover li ul li a:hover {
  border-bottom: 1px solid #bbb;
  color: white;
}

/* <=IE6 */
* html ul.menu-accordion-hover li ul li a:hover {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0px;
  color: white;
} 

ul.menu-accordion-hover li.current-section {
  border-bottom: 1px solid #292929;
  background-color: #292929;
  color: #666666;
}

ul.menu-accordion-hover li.current-section ul {
  display: block; /* show current section on load */
}

ul.menu-accordion-hover li ul li.current-subsection {
  background-color: #292929;
  border-bottom: 1px solid #292929;
  color: #666666;
}