body {
	background-color: #FFFFFF;
	color: #0B0B0B; 
	font-weight: none; 
	font-size: 12px; 
	font-family: "arial", "helvetica", "sans-serif";
	margin-top: 40px; 
}

/*
Container for the menu. We set top and bottom borders only because the menu container
stretches the entire window width. 
*/
#menuwrapper {
	/* border-top: 1px solid #000;
	border-bottom: 1px solid #333; */
	/* background-color:#3167A1;  */
	padding: 0;
	margin: 0;
}
/*
menubar is the root UL and menubar ul applies to all the sub-menu ULs.
This sets font for just the menu. Do not add a font-size here.
*/
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "arial", "helvetica", "sans-serif";
}
/*
Root-Level Links.  Do not change the first two properties.
*/
#menubar a {
	display: block;
	text-decoration: none;
	/*border-right:1px solid #FFFFFF;
	 padding: 5px 10px 5px 10px; */
	color: #FFFFFF; 
	/*font-weight: bold; */
	font-size: 12px;
	font-family: "arial", "helvetica", "sans-serif";
}
/*
Class assigned to those Root-Level links that have associated Sub-Menus.
The top and bottom padding assigned this element must be the same as
that assigned to the menubar a element. 
*/
#menubar a.trigger {
	/*padding: 5px 16px 5px 10px;*/
	/*padding: 5px 14px 5px 14px;*/
	padding: 6px 0px 6px 0px;
	background-position: right center;
	font-family: "arial", "helvetica", "sans-serif";
}
/*
The Root-Level list items. Floating left allows
them to appear horizontally. 
*/
#menubar li {
	float: left;
	/*width: 10em;
	background-color:#3167A1; */
}
/*
Sub-Menu Unordered Lists describes each dropdown sub-menu grouping. 
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
*/
#menubar li ul {
	position: absolute;
	display: none;
	background-color:#3399CC;
	border-right: 1px solid #85C2E0;
	border-bottom: 1px solid #85C2E0;
	text-align:left;
}
/*
Sets width for Sub-Menu box and the List Items inside - in proportional em units. 
This allows the sub-menu width to expand if users resize the text in their browsers.
*/
#menubar li ul, #menubar ul li  {
	width: 14em;
	background-color:#3399CC;
}
/*
The sub-menu links.
*/
#menubar ul li a  {
	color: #FFFFFF;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

/*
Changes the Text color and background color when the Root-Level
menu items are moused over. 
*/
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color:#DC9C02;
	background-color:#3167A1;
}
/*
Set the Sub-Menu UL to be visible when its associated Root-Level link is moused over. 
*/
#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. 
*/
#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #FFFFFF;
	background-color: transparent;
	border-bottom: 1px solid #85C2E0;
}
/*
The normal hover class for Sub-Level links. 
*/
#menubar ul a:hover {
	background-color: #3399CC!important;
	color: #DC9C02!important;
}
/* This rule allows browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. 
#menubar li {width: auto;}*/