#navigation ul {
	font-family:sans-serif;
	text-align:left;
	margin:0;
	padding:0;
	list-style:none;
	display: inline;
	height:30px;
	}

#navigation ul li {
	float:left;
	position: relative;
	z-index:1;
	display:inline;
  width:140px;
  height:30px;
	margin:0;
	padding:0;
	background:transparent url('../images2/nav_submenu_bg_active.png');
}
	
#navigation ul li ul li:hover, #navigation ul li ul li:focus {
	background:transparent url('../images2/nav_submenu_bg.png');
}
	
#navigation ul li ul {
	position: absolute;
	z-index:-1;
	left: 0px; /* Set 1px less than menu width */
	/* top: relative; */
	margin-top:-4px;
	display: none;
	background-color: transparent;
	}
#navigation ul li ul li {
	height:24px;
	border:1px solid #000;
	border-top:none;
}
#navigation ul li ul li.first {
	padding-top:4px;
}

/* Styles for Menu Items */
#navigation ul li a, #navigation ul li a:hover, #navigation ul li a:focus  {
	display:block;
	margin:0;
	font-size:10pt;
	color:#fff;
	background-color:transparent;
	text-decoration:none;
	}

/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { float: left; height: 1%; }
* html #navigation ul li a { height: 1%; }
/*  THIS SEEMS TO BE SCREWING UP THE LAYERING IN IE 6... LEAVE IT DISABLED.
* html #navigation ul li { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images2/nav_submenu_bg_active.png', sizingMethod='scale'); }
*/
* html #navigation ul li ul { z-index:100; }
/* End */

#navigation ul li a:hover { color:#fff; } /* Hover Styles */
		
#navigation ul li ul li a { padding: 3px 12px; } /* Sub Menu Styles */
		
#navigation ul li:hover ul, #navigation ul li:focus ul { display: block; } /* The magic */