#menu{
	width: 140px;
	position: relative;
	background: transparent;
	margin: 0;
	z-index: 888;
	padding: 0px;
	

	}

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


#menu a {
	display:block;
	color:#333333;
	text-align: right;
	text-decoration: none;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 15px 8px 0;

	

	

}


#menu ul li a:hover {
	color: #39271B;
	display:block;
	background-color: #cef5ff;
	background:url(../images/new_nav/arrow.jpg) right no-repeat #cef5ff;

}

#menu ul li {
	position: relative;
	color: #dddddd;
			z-index: 150;
			
			
}

#menu ul li li a {
width: 150px;

}

#menu ul li ul{
	width: 150px;
}



#menu li ul {
text-indent:8px;
position:absolute;
top:0;
left:135px;
display:none;
padding-left: 10px;
z-index: 175;
width: 150px;
}
#menu li ul ul { padding-left: 0;left:150px;}

#menu li ul a {
	text-align: left;
	background-color:#f2f2f2;
	padding: 4px 6px 4px 6px;
	line-height: 16px;
	border-top: 1px solid #fff;
	font-weight: normal	;
	z-index: 888;

}

#menu li ul a:hover {
color:#333333;
background-color: #cef5ff;
width: 150px;
background-image: none;
}





/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */

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

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

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:8px;
color:#dddddd;

}

#menu a.x:hover{
color:#ffffff;

}

#menu a.x:active{
color:#dddddd;
}