#menu ul { 
    font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 185px; /* Edit this, Width of Menu Items */ 
	/*border-bottom: 1px solid #000; */
} 
 
#menu ul li { 
	position: relative; 
} 
 
#menu li ul { 
	position: absolute; 
	left: 184px; /* Edit this, 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: #fff; 
	
	background: url(images/greybutton.gif) no-repeat;   
	padding: 5px; /*Edit this*/
	/*border: 1px solid #000; 
	border-bottom: 0; */
} 
 
/* Hover Styles */ 
#menu ul a:hover { 
	color: #fff; 
	/*background: #f9f9f9; */
	background: url(images/hovermenubutton.gif) no-repeat; 
} 
 
/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #7b7b7b; /*Edit this*/
 
	background: url(images/openbutton.gif) no-repeat; 
	padding: 5px; /*Edit this*/
	/*border: 1px solid #000; 
	border-bottom: 0; */
} 
 
/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #fff; 
	background: url(images/hovermenubutton.gif) no-repeat; 
} 
 
/* Icon Styles */ 
#menu ul a.submenu {background:url("images/greybutton.gif") no-repeat ; } 
#menu ul a.submenu:hover {background: url("images/hovermenubutton.gif") no-repeat ;}
#menu ul a.submenu1 {background: url("images/openbutton.gif") no-repeat ; } 
#menu ul a.submenu1:hover {background: url("images/greybutton.gif") no-repeat ;}
#menu ul a.activemenu {background: url("images/hovermenubutton.gif") no-repeat ;}
 


