.chromestyle{
	font-size:11px;
	padding:0px;
	z-index: 90;
}
#chromemenu{
	margin-bottom: 10px;
	background: url(images/bg-menu.gif) repeat-x;

}


.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	padding:0;
	margin:0;
	list-style-type:none;
	height:40px; z-index:500;
}

.chromestyle ul li{
display: inline;
float:left;height:40px;line-height:40px;
}

.chromestyle ul li a{
	display:block;
	float:left;
	height:100%;
	font-size:12px;
	text-decoration:none;
	color:#C1AA77;
	padding:0 15px;
	border-right: 1px solid #543b1a;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: #ac8d49 url(images/bg-menu-hover.gif) repeat-x top; /*THEME CHANGE HERE*/
	color: #FFFFFF;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
     display:block;
	 width: auto;
	 height:auto;
	position:absolute!important;
	top: 138px!important;
	line-height:18px;
	z-index:100;
	background-color: #7b6534;
	visibility: hidden;
	border-top: 1px solid #8d733b;
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid #8d733b;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	color: #FFFFFF;
	background: #8a713a;
}