.chromestyle{ width: 99%; 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{ border: 1px solid #BBB; width: 100%; background: url(chromebg2.gif) center center repeat-x; /*THEME CHANGE 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; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #B5E2FE; /*THEME CHANGE HERE*/ } .chromestyle ul li a:hover{ background: url(chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/ } .chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/ content: " v"; /*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv{ position:absolute; top: 0; border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/ border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; 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-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/ padding: 2px 0; text-decoration: none; font-weight: bold; color: black; } .dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #EBF7FF; }