#menu {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	display: inline;
}

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

#menu li {
	margin: 1px;
}

#menu li:hover {
    cursor:pointer;
}

/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
#menu li li {
	width: 158px;
	float: none;
}

#menu li ul {
	margin: 0;
	padding: 0;
	min-width: 160px;
}

#menu li ul a {
	text-align: left;
	/* padding-left: 29px; */
}

#menu li li.submenu {
	/*background-image: url(images/arrow-b.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right;*/
}

/*
#menu li li.submenu>a {
	background: url(images/arrow-b.gif) no-repeat right;
}

#menu li li.submenu:hover>a {
	background-image: none;
}
*/

#menu li li.submenu:hover {
	/*background-image: url(images/arrow-w.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: right;*/
}