/* Appearance */ 
body {
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 9pt;
}

ul.slidingmenu {
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 9pt;
  border: none;
}
ul.slidingmenu ul {
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 9pt;
  border: none;
}

ul.slidingmenu li {
  background: (204,232,60);;
  text-align: left;
}

ul.slidingmenu a {
  color: rgb(0,0,0);
  background: (204,232,60);
  text-decoration: none;
}

ul.slidingmenu ul a {
  color: rgb(255,255,255);
  background: (204,232,60);
  margin-left: 0px;
  text-decoration: none;
}

ul.slidingmenu a.subheader {
  background: rgb(204,232,60);
}

ul.slidingmenu a:hover {
  background: (204,232,60);;
  color: rgb(255,255,255);
}
ul.slidingmenu ul a:hover {
  background: (204,232,60);;
  color: rgb(0,179,232);
}

/* layout styles */

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
  padding: 1;
  margin-left: 5px;
  display: block;
}

/* use a fixed width for menu and submenus */
ul.slidingmenu
{
	width: 5em;
}
ul.slidingmenu ul {
  margin-left: 0px;
  width: 10em;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  margin-left: 0px;
  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: 2px;
  left: 100%; 
  display: none;
}
