#menu {
	font-size: 12px;
	font-weight: bold;
	color: #004F75;
	background: #999999 url("../image/menu-top-bg.png") repeat-x;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 21px;
	*height: 19px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#menu a {
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	padding: 2px 10px 4px 10px;
	margin: 0;
}

#menu li {
	border:0;
	border-right: 1px solid #FFFFFF;
	padding: 0;
	margin: 0;
}

#menu li:hover {
	background-color: #666666;
    cursor:pointer;
	padding: 0;
	margin: 0;
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
#menu li li {
	min-width: 158px;
	border: 0;
	border-bottom: 1px solid #FFFFFF;
	background-color: #999999;
	float: none;
	padding: 0;
	margin: 0;
}

#menu li ul {
	color: #000;
	background-color: #666666;
	margin: 0;
	padding: 0;
}

#menu li ul a {
	text-align: left;
}

#menu li li.submenu {
}

#menu li li.submenu:hover {
}