.chromestyle{ width: 100%; font-weight: bold; } .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .chromestyle ul{ width: 100%; margin: 0; text-align: center; /*set value to "left", "center", or "right"*/ background-image: url(images/chromebg.gif); background-repeat: repeat-x; background-position: center center; padding-top: 13px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; } .chromestyle ul li{ display: inline; } .chromestyle ul li a{ color: #333333; margin: 0; text-decoration: none; padding-top: 8px; padding-right: 25px; padding-bottom: 7px; padding-left: 12px; border-right-width: 1px; border-right-style: solid; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; float: none; text-align: right; border-right-color: #E5E5E5; } .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ color: #000000; text-shadow:none; background-color: #ff9900; font-weight: bold; text-transform: uppercase; border-top-left-radius:8px; border-top-right-radius:8px; background-image: url(images/menuhover.jpg); background-repeat: repeat-x; } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position:absolute; top: 0; /*THEME CHANGE HERE*/ border-bottom-width: 1px; line-height:25px; z-index:100; background-color: #FFFFFF; width: 200px; visibility: hidden; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CDCDCD; border-bottom-color: #CDCDCD; border-left-color: #CDCDCD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #000000; text-transform: uppercase; padding-left: 8px; padding-right: 5px; padding-top: 2px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding-bottom: 2px; background-image: url(images/dropdownover.jpg); background-repeat: repeat-x; background-position: bottom; } .dropmenudiv a{ width: auto; display: block; text-indent: 3px; text-decoration: none; font-weight: bold; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6E6E6; font-family: Arial; text-transform: uppercase; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 0; border-radius:6px; } * html .dropmenudiv a{ /*IE only hack*/ width: 100%; } .dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #99CC33; color: #000; }