@charset "utf-8";
/*NOTE: The down-ward arrow that appears next to a parent menu item
		is set in topMenu.js file. So if you move these files, or 
		want to change the arrow image, you must make the changes
		in topMenu.js file. */

.chromestyle{ width: 100%; font-weight: bold; }

/*Add margin between menu and rest of content in Firefox*/
.chromestyle:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chromestyle ul{ width: 100%; padding: 4px 0; margin: 0; text-align:right; }
.chromestyle ul li{ display: inline; }
.chromestyle ul li a{ padding-left: 12px; margin: 0; text-decoration: none; }
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ color:#5A9C31; }

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
	position:absolute;
	margin-left:12px;
	top: 0px;
	padding-left:5px;
	margin-right:15px;
	border-bottom-width:0px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	line-height:18px;
	z-index:100;
	background-color:#5A9C31;
	visibility:hidden; 
	text-align:left;
}
.dropmenudiv a{ 
	width: 100%; 
	display:block; 
	text-indent:3px; 
	padding:2px 0; 
	text-decoration:none;
	font-weight:bold; 
	margin-right:15px; 
	text-align:left;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ background-color:#A4F071;text-align:left; color:#254B0E; margin-right:15px; }