#menu
{
position: absolute;
top: -12px;
width: 70px;
height: 460px;
background-color: transparent;
}
#navi
{
width: 70px;
list-style: none;
position: absolute;
top: 0px;
left: 0px;
}
#navi ul
{
position: absolute;
top:0px;
left: 0px;
list-style: none;
}
#navi li
{
position: relative;
top: 0px;
height: 20px;
line-height: 20px;
float: top;
left: -40px;
list-style: none;
background-color: #336633;
text-decoration: none;
font-family: verdana, sans-serif;
font-size: 12px;
color: #dcdcdc;
padding-left: 5px;
width: 105px;
}
#navi li a
{
color: #dcdcdc;
text-decoration: none;
}
#navi li:hover
{
background-color: #003300;
}
#navi li:hover a
{
color: #ffffff;
}

#navi li ul
{
display: none;
}
#navi li:hover>ul
	{
		display: block;
		position: absolute;
		top: 0px;
		left:110px;
		background-color: #336633;
	}


#navi li ul li
	{
		display: block;
		position: relative;
		background-color: #336633;
		padding-left: 5px;
		color: #dcdcdc;
	}
#navi li ul li a
	{
		color: #dcdcdc;
		text-decoration: none;
	}


#navi li ul li:hover
	{
		display: block;
		position: relative;
		top: 0px;
		left:-40px;
		background-color: #003300;
	}


#navi li ul li:hover a
	{
		color: #ffffff;
	}