.chromestyle{
	text-align:center;
}

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

.chromestyle ul#menu{list-style:none;margin:0px;padding:0px 10px;height:30px;line-height:27px;display:block;width:100%;font-size:15px;font-weight:500}
.chromestyle ul#menu li{display:inline;}
.chromestyle ul#menu li a{padding:5px 15px;color:#fff; text-transform:uppercase}
.chromestyle ul#menu li a:hover,.chromestyle ul#menu li a.selected{color:#FFFF00;background:url(../images/menu-hover.jpg) center center repeat-x;}

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

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #1a0607; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:14px;
z-index:100;
background: url(../images/dot.png) repeat;
width: 210px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #1a0607; /*THEME CHANGE HERE*/
padding: 2px 0px;
text-decoration: none;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color:#555;
color:#FFFF00;
}
.dropmenudiv div{
background-color:#333;
color:#CCC;
}

<!--
.dropmenudiv {opacity: 0.80;}
.dropmenudiv a:hover, .dropmenudiv div{opacity: 1;}
-->
<!--[if lte IE 7]>
.dropmenudiv {filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.dropmenudiv a:hover, .dropmenudiv div{filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
<![endif]-->