#menu {
width: 210px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font-size: 12px;
display: block;
border-bottom: 1px solid #878787;
margin: 0;
height: 22px;
line-height: 22px;
text-decoration: none;
color: #878787;
padding-left: 10px;
}

#menu a.arrow {
	background: url(../images/arrows-878787.gif) 95% 0% no-repeat;
	}
	
#menu a.arrow:hover, #menu a.arrowactive:hover {
	color: #FFF;
	background: #78a22f url(../images/arrows-ffffff.gif) 95% 0% no-repeat;
	}
	
#menu a.arrowactive {
	color: #FFF;
	background: #78a22f url(../images/arrows-ffffff.gif) 95% 0% no-repeat;
	}		


#menu a:hover {
color: #FFF;
background: #78a22f;
}

#menu li {
position: relative;
float: left; 
width: 100%;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
display:none;
z-index: 100;
}

#menu ul li:hover ul 
{display: block;
z-index: 200;

}

#menu ul li ul li a {
	background-color: #EFEFEF;
z-index: 300;
	}