@charset "utf-8";
/* CSS Document */

.chromestyle{
width: 850px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; /* Size of the font in the nav-bar */
/* margin-left: auto;
margin-right: auto; */
}

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

.chromestyle ul{
/* border: 1px solid #BBB; */
width: 100%;
background-color: #dac46f; /*CHANGE THE COLOR OF THE BACKGROUND HERE */
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;  /* Menu text color */
padding: 4px 12px;
margin: 0;
text-decoration: none;
/* border-right: 1px solid #E8BEBE; /*If you want to have lines between the menu items, this is the place */
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/* background: url(../images/gifs/dropdown.gif) center center repeat-x; /*THEME CHANGE HERE*/
background-color: #dac46f;
color: #fff;
/* color: #8e3724;  Color of the font when rolled over */
}


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

.dropmenudiv{
position:absolute;
margin: 2px 0 0 0; /* This negative setting is so the drop down menu will line up properly.  Also, the 2px (top margin setting) is so the drop menus will drop below the black line */
top: 0; 
/* border: 1px solid #faf3c9; /* If you want a border around the drop down menu, put it here */
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:26px;
z-index:100;
background-color: #dac46f;
filter: alpha(opacity=90); /* ie  this is the opacity for the drop down menus */
-moz-opacity: 0.90; /* mozilla  this is the opacity for the drop down menus version 1.6 and below*/
opacity: 0.90; /* mozilla  this is the opacity for the drop down menus  version 2 and above */
width: 200px;
visibility: hidden;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
/* border: 1px solid #faf3c9; /*If you want a border around each individual drop down menu, put it here */
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #a28b5a;  /* background color of the drop down lists */
filter: alpha(opacity=75); /* ie  this is the opacity for the drop down menus */
-moz-opacity: 0.75; /* mozilla  this is the opacity for the drop down menus */
opacity: 0.75; /* mozilla  this is the opacity for the drop down menus  version 2 and above */
color: #fff; /* white color of the text when rolled over on the drop down list */
/* color: #8e3724;  /* red color of the text when rolled over on the drop down list */
}