#menu {
	font-size: 12px;
	color: #000;
	/*background-color: #f5f5f5;*/
	/*border: 1px solid #ccc;*/
}

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

#menu li {
	margin: 1px;
	/*padding: 2px;*/
	border: 1px solid #C9C9DE;
}

#menu li:hover {
	background-color: #E9E9EE;
	border: 1px solid #9b9bab;
    cursor:pointer;
}

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

#menu li ul {
	color: #000;
	background-color: #E9E9EE;
	/* background-image: url(images/iconbg.gif); */
	/*background-repeat: repeat-y;*/
	/*border: 1px solid #999999;*/
	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;*/
}