#menuwrapper {
	border-top: 2px solid #000;
	border-bottom: 2px solid #333; /*Dark Gray*/
	background-color: #000000;  / black *Royal Blue  0D4A80*/
	background-repeat: repeat-x;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menubar {
	width: auto; /*160em;*/
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
    z-index: +5;
}
#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 2px solid #333; /*dark gray*/
	font-size: 1.2em;
	color: #CCCCCC;
}
#menubar a.trigger {
	padding: 5px 10px 5px 10px;
	background-repeat: no-repeat;
	background-position: left; /*right center;*/
}
#menubar li {
	float: left;
	width: 9em;
}
#menubar li {position: relative;}

/* hide from IE mac \*/
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li  {
	width: 12em;
}
#menubar ul li a  {
	color: #86a4bf; /*#565656;*/    /*dark gray*/
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 3px solid #333333; /*dark gray*/
	border-bottom: 3px solid #333333;
	background-repeat: repeat-x;
}
/*Main bar colors*/
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #000000;   /*black*/
	background-color: #aaaaaa; /*B0C1D8;*/  /*light blue*/
}
#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}

/*drop down colors*/
#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #fff; /*#000000;*/      /*black*/
	background-color: #685740;/*#93bc78;*/ /*#B0C1D8; /*E6ECF5; /*light blue transparent;*/
}
#menubar ul a:hover {
	background-color: #aaaaaa!important; /*Light Gray*/
	color: #FFFFFF !important; /*white*/
}