/* #########   Menu CSS Below ######### */

.menustyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.menustyle ul{
	width: 975px; /*menu width */
	background:  url(/images/templateimages/menu_transparentbox.gif) center center repeat-x;
	text-align: center; /*set value to "left", "center", or "right"*/
	height: 20px;
}

.menustyle ul li{
display: inline;
}

.menustyle ul li a{
	color: #c9ad86;  /*font color for links themselves */
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #c9ad86;  /*color of vertical separator bars between buttons, if you want them, if not set it to the base color and they will disappear */
	padding-top: 3px;   /* these set the width and height of the rollover boxes, doesn't work in IE */
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.menustyle ul li a:hover{
background: url('/images/templateimages/menu_transparentbox.gif') repeat-x center; /* top menu rollover color */
height: 30px;
color: #c9ad86;  /*font color for rollover links*/
text-decoration: none;
font-weight: bold;
}

.menustyle ul li a:visited{
background: url('/images/templateimages/menu_transparentbox.gif') repeat-x center; /* top menu rollover color */
height: 30px;
color: #c9ad86;  /*font color for rollover links*/
text-decoration: none;
font-weight: bold;
}

.menustyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(arrow_menu.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid #c9ad86; /*border color separating vertical menu items */
background-color:#264215;  /*menu start color */
padding: 3px 2px;   /*padding in dropdown menu */
text-decoration: none;
font-weight: bold;
color: #c9ad86;  /*menu font color */
}

.dropmenudiv a:hover{ 
background-color: #386920;  /*menu rollovercolor */
text-decoration: none;
font-weight: bold;
color: #c9ad86;

}
.dropmenudiv a:visited{ 
text-decoration: none;
font-weight: bold;
color: #c9ad86;

}

/* ######### End Style for Drop Down Menu ######### */
