/**************** menu coding *****************/
#menu {
width: 130px;
background: #eee;
}

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

#menu a {
	font: 11px arial, helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 2px 12px;
	background: #eee;
	background-image:url(/images/common/left_nav_background.gif);
	background-repeat:repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

#menu a.sub {
background-image: none;
background: #fff;
border: 1px #cccccc solid;
}

#menu a.sub:hover {
background-image: none;
border: 1px #ff9901 solid;
text-decoration:underline;
}

#menu a.subArrow {
	background-image: url(/images/common/left_nav_arrow.gif);
	background-position:right;
	background-repeat: no-repeat;
	border: 1px #cccccc solid;
	background-color: #fff;
}

#menu a.subArrow:hover {
	background-image: url(/images/common/left_nav_arrow.gif); background-position:right; background-repeat: no-repeat;
	border: 1px #ff9901 solid;
	text-decoration:underline;
}

#menu a:hover {
/*color: #a00;*/
text-decoration:none;
background: #fff;
background-image:url(/images/common/left_nav_background.gif);
background-repeat:repeat-y;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 160px;
}

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

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