/* common styling */
.menu {
	width:560px;
	position:relative;
	font: 1em "Lucida Sans", Tahoma, "Trebuchet MS";
	margin-top: 2px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	text-align: center;
}
.menu ul li {
	float: left;
	position: relative;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	height:3em;
	color:#000;
	background:#ccc;
	line-height:3em;
	width: 90px;
	padding-left: 2px;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 0 solid #eaeaea;
	border-left: 0 solid #eaeaea;
}
* html .menu ul li a, .menu ul li a:visited {
	width:90px;
	w\idth:90px;
}
.menu ul li ul {
	display: none;
	text-align: left;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#333; 
background:#f0f0f0;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:3em;
margin-top:1px;
left:0; 
width:150px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#ffffff; 
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
}
.menu ul li:hover ul li a.drop {
background:#ffffff;
}
.menu ul li:hover ul li a:hover {
background:#f3efe0; 
color:#000;
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}
.menu ul li:hover ul li:hover ul.left {
left:-150px;
}