/* Appearance */ 

/*ul.slidingMenu, ul.slidingMenu ul {
  border: 1px solid #FFFF00; /* #666 */
  /*border-width: 4px 1px 1px 1px; /* 1px */
/*}*/

ul.slidingMenu li {
  background: #541D1D; /* #efe #371212 */
  text-align: left; /* center */
  text-indent: 10px;
  border-bottom: 1px solid #FFFF00; /* #999 */
}

ul.slidingMenu li.top {
	border-top: 1px solid #FFFF00;
}

ul.slidingMenu a {
  color: #F7F5D9; /* #666 */
  background: #541D1D; /* #efe #371212 */
  text-decoration: none;
  line-height: 2em;
}

ul.slidingMenu a.subheader {
  background: #371212; /* #ded */
}

ul.slidingMenu a:hover {
  background: #9E2E2F; /* #cdc */
  color: #F7F5D9; /* #333 */
}

/* 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;
}

/* use a fixed width for menu and submenus */
ul.slidingMenu,
ul.slidingMenu ul {
  width: 150px; /* 10em */
}

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

/* Make list items do what they're supposed to in IE */
ul.slidingMenu a {
  width: 100%;
}

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

ul.slidingMenu li { /* strip the navigation list items of all margin and padding to be able to better control the spacing */
  margin: 0;
  padding: 0;
  /* float: left; This corrects the */
  /* width: 100%; IE Whitespace bug */
}