#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 210px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc; 
	background: #963232;
} 

#menu ul li { 
	position: relative; 
	} 

#menu li ul { 
	position: absolute; 
	left: 210px; /*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; 
	text-decoration: none; 
	color: #68777A; 
	background: #963232; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #68777A; 
	background: #963232; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #FFFFFF; 
	background: #963232; /* IE6 Bug */ 
	font-size: 12px;
	font-style: verdana, bold;
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: white; 
	background: #68777A; 
} 

/* Icon Styles */ 
#menu ul a.submenu {color: white; font-size: 19px; font-style: verdana, bold; background: #963232 url("images/r_arrow.gif") no-repeat right; } 
#menu ul a.submenu2 {color: white; font-size: 12px; font-style: verdana, bold; background: #963232 url("images/r_arrow.gif") no-repeat right; } 
#menu ul a.submenu:hover {color: white; font-size: 19px; font-style: verdana, bold; background: #68777A url("images/r_arrow.gif") no-repeat right;}
#menu ul a.submenu2:hover {color: white; font-size: 12px; font-style: verdana, bold; background: #68777A url("images/r_arrow.gif") no-repeat right;}