#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
    font: 12px arial;		/* Font */
	}

#menu li {					/* All list items */
	text-align: center;
	float: left;
	position: relative;
	width: 10.25em;			/* Horizontal menu width dimension */
	}

#menu li ul {				/* Second-level lists */
	position: absolute;
	display: block; 
	top: 2em;				/* Gap between top and drop menus */
	left: 0;
	}

#menu li>ul {				/* To override top and left in browsers other than IE */
	top: auto;
	left: auto;
	}

#menu li ul li ul  {		/* Third-level lists */
	position: absolute;
	display: block; 
	top: 0;
	left: 12em;				/* Third-level horizontal menu width */
	}

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

* html #menu ul li a { 
	height: 1%; 
	}						/* End */

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

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

#menu ul ul { 
	visibility: hidden; 
	}		

#menu ul, li {				/* Make-up styles */
	margin: 0 0 0 0; 
	}

#menu ul a {								/* Styles - Top Menu Items */
	display: block;
	text-decoration: none;
	color: #ffffff;							/* Font color - top menu */
    background-image: url('menubg1.gif');	/* BG image - top menu */
	padding: 5px;							/* Margin - top menu */
	border: 0px solid #ffffff;				/* Spacing - top menu */
	}

#menu ul a:hover {							/* Hover Styles */
	color: #ffffff; 						/* Hover font color - top menu */
    background-image: url('menubg2.gif');	/* Hover bg image - top menu */
	text-decoration: underline;				/* Hover decor - top, 2nd & 3rd menus */
	} 

#menu li ul a {								/* Sub Menu Styles */
	text-decoration: none;
	color: #000000;							/* Font color - 2nd & 3rd menus */
	background: #eeeeee;					/* BG color - 2nd & 3rd menus */
	border: 1px solid #d2d2d2;				/* Border color - 2nd & 3rd menus */
	padding: 5px;							/* Margin - 2nd & 3rd menus */
	} 

#menu li ul a:hover {						/* Sub Menu Hover Styles */
	color: #ffffff;							/* Hover font color - 2nd & 3rd menus */
	background: #008ECB;					/* Hover bg color - 2nd & 3rd menus */
	} 

#menu li a.submenu {						/* Icon Styles */
    background-image: url('menubg1.gif');	/* BG image - top menu */
	}

#menu li a.submenu:hover {
	background: #008ECB;					/* Hover bg color - top menu */
	}

#menu li ul a.submenu {
	background: #eeeeee url("r_arrow.gif") no-repeat right;		/* Drop menu bg color and arrow image */
	}

#menu li ul a.submenu:hover {				/* Hover bg color - third-level */
	background: #008ECB;
	}