/*
-------------
INI BUAT MENU
-------------
*/
#othermenu a{ color:#fff; text-decoration:none; font-weight:bold; }
#othermenu a:hover{ background-color:#FFFFFF; color:#e2144a;}

#menu{   width:200px;  margin:140px 0px 0px 60px;
}
#menu ul {  
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 170px; /* Width of Menu Items */ 
	border-bottom: 0px solid #ccc; 
} 
#menu li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ffffff; }

#menu ul li { position: relative; margin: 0px 0px 0px 0px; padding: 0 0 0 5px;  } 

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

#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; font-size:15px; 
	text-decoration: none; 
	color: #fff; 
	 /* IE6 Bug */ 
	padding: 1px 0px 0px 0px; 
	border-bottom: 0; 
} 

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

/* Sub Menu Styles */ 
#menu li ul a { margin-left:-3px; text-align:center;  
	text-decoration: none; 
	color: #ffffff; 
	background: #3d505a; /* IE6 Bug */ 
	border: 1px solid #ffffff; 
	border-bottom: 0; 
} 
/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

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