/* Menu bar width (<div>) */
#clientmenu {
	width: 800px;
	z-index: 400;
}
/* Main menu bar's list of items (<ul>) */
#menu {
	position: relative;
	height: 25px;
	margin: 5px 0px 5px 0px;
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
}
/* Mmain items 'inline' for horizontal menu */
#item {
	display: inline;
	float: left;
	width: 105px;
	border-right: 1px solid white;
/*	border: 2px solid lightblue; */
}
#menu a {
	display: block;
	line-height: 12pt;
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
ul#menu {
	/*visibility: hidden;*/
}
/* Set menu item colors for states */
#menu a:hover {
	color: #cac9c7;
	background-color: transparent;
}
#menu a.unfolded {
	color: white;
	background-color: transparent;
}
#menu a.unfolded:hover {
	color: white;
	background-color: transparent;
}
/* Set submenu item colors for states */
#item a.unfolded {
	color: white;
	background-color: transparent;
}
#item a.unfolded:hover {
	color: #cac9c7;
	background-color: transparent;
}
/* Drop down menu relative to bar item */
#menu li {
	position: relative;
	margin: 0px;
	padding: 1px 1px 1px 1px;
}
/* Level 1 Submenu item */
#menu li ul {
	position: absolute;
	top: 30px;
	left: 0px;						/* For IE must be 0 */
	width: 200px;
	z-index: 100;
	display: none;
	padding: 4px;
	list-style-type: none;
	color: #FFFFFF;
	background-color: #000000;
}
/* Level 1 submenu relative to horizontal bar item */
html>body #menu li ul {
	left: 10px;
}
/* Level 2 submenu item */
#menu li ul li ul {
	top: 0px;
	left: 150px;
	z-index: 200;
}
/* Level 2 submenu item relative to horizontal bar item */
html>body #menu li ul li ul {
	left: 200px;
}
/* Check exactly what all these below do */
#menu li ul li, #menu li ul li ul li {
	margin: 0px;
	padding: 1px 2px 1px 2px;
}
html>body #menu li ul li, html>body #menu li ul li ul li {
	padding: 0px 2px 0px 2px;
}
html>body #menu li ul li a, html>body #menu li ul li ul li a {
	padding: 1px 0px 1px 0px;
}