#menuwrapper {

}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menubar {
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
#menubar a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: #333333;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#menubar a.trigger {
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#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: 160px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#menubar ul li a  {
	color: #333333;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	text-transform: capitalize;
}
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.p7hvr a {
	color: #FFFFFF;
	background-color: #0364AA;
}
#menubar li:hover ul, #menubar li.p7hvr ul {
	display: block;
}
#menubar li:hover ul a, #menubar li.p7hvr ul a {
	color: #333333; /* dropdown item text color */
	background-color: transparent;
}
#menubar ul a:hover {
	background-color: #0364AA!important;  /* dropdown item background hover color */
	color: #FFFFFF !important;  /* dropdown item background hover text color */
}