#menu {
	float:left;
	background-color: #9e9a98;
}

#menu a, #menu h2 {
   display: block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#menu h2 {
   font-size: 101%;
	background: #9e9a98 no-repeat 98% 98%;
}

#menu a {
   background: #9e9a98;
	text-decoration: none;
}

#menu a, #menu a:visited {
   color: #000;
}

#menu a:hover {
   color: #505050;
	background: #9e9a98;
}

#menu a:active {
   color: #000;
	background: #9e9a98;
}

#menu ul {
   list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 8em;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #000;
}

#menu li {
   position: relative;
}

#menu ul ul {
   position: absolute;
	z-index: 500;
	top: auto;
	display: none;
}

#menu ul ul ul {
   top: 0;
   left: 100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover {
   background: #9e9a98 no-repeat -999px -9999px;
}

div#menu li:hover {
   cursor: pointer;
   z-index: 100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul {
   display: none;
}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul {
   display: block;
}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited {
   background: #9e9a98 no-repeat 98% 98%;
}

#menu a.x:hover {
   background: #9e9a98 no-repeat 98% 98%;
}

#menu a.x:active {

}