/****************MENU FORMATTING (w. thanks to P7exp)***********************/
#menuWrapper {
	display:block;
	margin-left:199px;
	width:551px;
	clear:both;

	height:40px;
	background-color:#9EA264; /*olive green*/
	margin-top:-3px;
}

/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#menuBar, #menuBar ul {
	margin: 0;
	list-style: none;
	font-size:.8em;
}
#menuBar {
}
#menuBar a {
	display: block;
	width:110px;
	height:29px;
	text-decoration: none;
	text-align:center;
	padding: 10px 10px 0px 8px;
	color: #50492c;
	border-right: 1px solid #50492c; /*brown*/
	border-left: 1px solid #d7d19a; /*light cream*/
	border-bottom:none;

}
#menuBar a.lastLink {
	border-right:none;
}
#menuBar a.trigger {
	padding: 10px 10px 0px 8px;
}
#menuBar li {
	float: left;
	width: 10em; /*for benefit of IE5 mac*/
	margin-left:0; /*sets width to auto for all other browsers*/
	height:40px;
	padding-top:0;

}
#menuBar li ul, #menuBar ul li  {
	width: 130px; /*adjust as necessary to fit submenu items on single line*/
}
#menuBar ul li a  {
	color: #50492c;
	padding: 10px 10px 0px 8px;
	border-right: 1px solid #50492c;
	border-bottom: 1px solid #50492c;
	border-top: 1px solid #d7d19a;
	border-left: 1px solid #d7d19a;

}
#menuBar li ul {
	position: absolute;
	display: none;
	background-color:#9EA264; /*olive green*/
}
/*Affects root-level menu items on mouseover. The second selector (#menuBar a:focus) affects r-l items on tab key access. The third
selector (#menuBar a:active) sets an active state to support keyboard access in MSIE. The fourth 
selector (#menuBar li.hvr a) is assigned to IE5 and IE6 Windows via the Menu script.*/
#menuBar li:hover a, #menuBar a:focus, #menuBar a:active, #menuBar li.hvr a {
	color: white; 
	background-color: #50492c;
}
/*Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the Menu script.*/
#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. The second selector is 
assigned to IE5 and IE6 via the Menu script.
The color set should match the normal Sub-Level link color
in the rule: #menuBar ul li a. The background color must be
transparent to allow the underlying gradient background on the UL
to show through.*/
#menuBar li:hover ul a, #menuBar li.hvr ul a {
	color: #50492c;
	background-color: transparent;
}
/*The normal hover class for Sub-Level links. The Important directive
is required for older browsers. */
#menuBar ul a:hover {
	background-color: #50492c!important;
	color: white!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menuBar li {width: auto;}

/*END OF MENU FORMATTING*/