#menu {
width:1000px; height:42px; float:left;  
float:left; margin-left:5px;

 
}
#menu ul {
	display:inline-block;
	margin-left:2px;
padding:0;
} 
#menu ul.top-level {
	margin-left:0;
}
#menu ul {
	margin:10px 0 0 0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	text-align:left;
} 
#menu li {
	margin:0 0 0 0; 
	padding:0 0 0 0;
	
}






#menu a {
	display:block; 
	font-weight:bold;
    font-size:13px;
	color:#fff; 
	line-height:23px; 
	text-decoration:none; 
	padding:0 2px;
	 
} 
* html #menu ul.top-level {margin-left:0; } /* I don't know why, but this centers IE5.5 ?? */
 
#menu li:hover > ul {
	visibility:visible;	
}
#menu ul li:hover > ul {
	visibility:visible;	
}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
	visibility:visible;
	
}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
	visibility:hidden;
	
}
 
#menu ul.top-level {
	margin:0 auto;
} 
#menu li.top-level-li {
	float:left; 
	position:relative; 
	margin-right:6px;
	z-index:1000;
}
 
#menu a.top-level-a {
	float:left; 
	padding:0 7px 0 25px; 
	background:url(../images/taba.jpg) no-repeat left top;
	height:34px;
	border-radius:5px;
} 
#menu a.top-level-a b {
	/*float:left; */
	padding:0 20px 0 15px; 
	background:url(../images/tabb.jpg) no-repeat right top; 
	cursor:pointer; 
	cursor:hand;
	height:34px;
	border-radius:5px;
	
}
#menu a.down b {
	float:left;
	
	padding:6px 14px 0 0; 
	background:url(../images/tabc.jpg) no-repeat right top; 
	cursor:pointer;
	height:28px;
}
 
#menu a.top-level-a:hover {
	white-space:nowrap; 
	background:url(../images/taba.jpg) no-repeat left -34px;
	height:34px;
	color:#FFFFFF;
}
 
#menu a.down:hover b {
	color:#ffffff; 
	background:url(../images/tabc.jpg) no-repeat right -34px;
	height:28px;
	cursor:pointer;
}
 
#menu li.top-level-li:hover > a {
	white-space:nowrap; 
	background:url(../images/taba.jpg) no-repeat left -34px;
	height:34px;
}
#menu li.top-level-li:hover > a b {
	color:#ffffff;  
	background:url(../images/tabb.jpg) no-repeat right top;
	height:34px;
}
#menu li.top-level-li:hover > a.down b {
	color:#ffffff;  
	background:url(../images/tabc.jpg) no-repeat right -34px;
	height:28px;
}
 
#menu li ul {
	display:block; 
	position:absolute; 
	visibility:hidden; 
	padding:3px 0px 3px 0px; 
	z-index:12000;
	left:0;
	font-weight:bold;
	font-size:12px;
	width:200px;
}
#menu li li {
	/*border-bottom:1px solid #505060;*/
	-position:fixed;
	-border:solid #FAA830 1px;
	-padding:0px;
	-margin:0px;
	-display:block;
	
}
#menu li li a {
	/*background-image:url(../../images/dropBg.png);
	background-repeat:repeat-y;*/
	background:#FAA830 url(../images/arr.jpg);
	background-repeat:no-repeat;
	background-position:6px center;
	color:#ffffff;
	font-weight:weight;
    font-size:13px;
	display:block;
	height:auto; 
	padding-left:10px;
	

/*	background:#fff;*/
}
#menu li li a:hover {
	background-image:url(../images/arr.jpg);
	background-repeat:no-repeat;
	background-position:6px center;
	color:#FEE6E1;
	background-color:#00B0F0;
	/*background:#e3e6ed;*/
} 
#menu li li:hover > a {
	background-image:url(../images/arr.jpg);
	background-repeat:no-repeat;
	background-position:6px center;	
}
  
 
#menu ul.drop-down {
	top:22px; 
	opacity:0.95;
	z-index:120000;
} 
#menu li li ul {
	left:100%; 
	margin-top:-32px; 
	margin-left:-10px;
	padding:10px;
}

 
#menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	text-align:left;
}
#menu table ul li a {
	padding-left:0; 
	padd\ing-left:20px;
}
#menu table table {
	top:auto; 
	left:100%; 
	margin-left:-1px; 
	padding:0; 
	margin:0;
}
#menu table table ul {
	margin-top:-4px; 
	marg\in-top:-7px;
}
<!--[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
</style>
<![endif]-->