/*
	menu.css
	CSS definitions for the menu bar and elements.
*/

#menu {
	background-color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 5px;
	height: 25px;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu li{
	margin:0;
	padding: 5px;
	width: 90px;
	/*text-align: center;*/
	background-color: #666666;
	cursor: pointer;
	/*border: 1px  solid yellow;*/
}

/* these are the LIs that contains a submenu*/

/* This line is for version 1.1.2, but a javascript conflict is requiring us to use 1.1.0 */
/* #menu li.submenu-down{ */
#menu li.submenu{
	background: url('../images/menu/expand_down.png') center left no-repeat;
	padding-left: 20px;
	width: 90px;
}

#menu li.spacer {
	margin-right: 2px;
	padding: 5px 0px 0px 0px;
	width: 1px;
	background: #FFFFFF;
	/* border: 1px solid #FFFFFF; */
}

#menu a{
	text-decoration:none;
	color:#FFFFFF;
	width:100%;
	text-decoration: none;
	font-family: Verdana;
	font-size: 15px;
}

#menu a:hover{
	text-decoration: none;
	color: #00CCFF;
}

/* these are the LIs that only belong to submenu*/
#menu li ul li{
	border-top: 1px solid #FFFFFF;
	width: 100px;
}