#menu {
	padding:15px 20px ;
	width: 170px;
}
#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 170px;
	border-bottom: 1px solid #CCC; 
	text-align: left;
	list-style-image:none;
} 

#menu ul li { 
	position: relative; 
	text-align: left;
} 

#menu li ul { 
	position: absolute; 
	left: 96px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
	text-align: left;
} 

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

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

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

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-decoration: none; 
	font-size: 12px;
	color: blue; 
	background: #fff; /* IE6 Bug */ 
	padding: 12px; 
	border: 1px solid #CCC; 
	border-bottom: 0;
	white-space:nowrap;
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #f9f9f9; 
	background: #3190ee; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: blue; 
	width: 175px;
	background: #fff; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #CCC; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #f9f9f9;  
	background: #3190ee; 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#fff url("../images/r_arrow.gif") no-repeat right; } 
#menu ul a.submenu:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;}