/* Appearance */ 
ul.slidingmenu, ul.slidingmenu ul {
  color: #000000;
  position: relative;
  z-index: 99;
}
ul.slidingmenu ul {
  border-top: 1px solid #000000;
}
ul.slidingmenu li {
  font-size: 10pt;
  color: #000000;
  background: #000000;
  text-align: center;
  border-bottom: 1px solid #DEDEDE;
  position: relative;
  z-index: 99;
}

ul.slidingmenu a {
  color: #DEDEDE;
  background: #000000;
  text-decoration: none;
  position: relative;
  z-index: 99;
}

ul.slidingmenu a.subheader {
  color: #DEDEDE;
  background: #000000;
  position: relative;
  z-index: 99;
}

ul.slidingmenu a:visited {
  color: #DEDEDE;
  position: relative;
  z-index: 99;
}

ul.slidingmenu a:hover {
  background: #CE314A;
  color: #000000;
  position: relative;
  z-index: 99;
}

/* layout styles */

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  z-index: 99;
}

/* use a fixed width for menu and submenus */
ul.slidingmenu,
ul.slidingmenu ul {
  width: 109px;
  position: relative;
  z-index: 99;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  list-style-type: none; 
  position: relative;
  z-index: 99;
}

/* Make list items do what they're supposed to in IE */
ul.slidingmenu a {
  padding: 2px 0;
  width: 100%;
  position: relative;
  z-index: 99;
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
  position: absolute;
  z-index: 99; 
  top: -1px; /* the height of the top border */
  left: 100%; 
  display: none;
}