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

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

.chromestyle ul   { background: repeat-x center; text-align: left; margin: 0; padding: 0px; width: 100%; width:180px;}

.chromestyle ul li { display: block; background-image: url(nav_bg.jpg); padding:7px;  background-repeat: no-repeat; vertical-align:top; margin: 0;}

.chromestyle ul li a    { color: #dbe6cb; font-weight:bold; font-size:14px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0;  padding:0 0 0 30px; vertical-align:top; }

.chromestyle ul li a:hover  { color: #676f5b; font-weight:bold; font-size:14px;  font-family: Geneva, Arial, Helvetica, sans-serif; background: repeat-x center; vertical-align:top;}

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

.dropmenudiv         { color: #69aa07; font-style: normal; font-variant: normal; font-size: 12px; line-height: 18px; font-family: Arial; background-color: #000000; border: solid 2px #464646; position: absolute; left:500px;  z-index: 100; top: 0; width: 200px; visibility: hidden;  margin:0 0 0 30px;}


.dropmenudiv a      { color: #69aa07; font-size: 10pt; font-weight:bold; text-decoration: none; text-indent: 3px; padding: 0px; border-top: 0px solid; border-right: 0px solid; border-bottom: 1px solid #000000; border-left: 0px solid; width: 100%; height: 20px; display: block }

.dropmenudiv a:hover   { color: #000000; background-color: #69aa07; }