"

From 2013.igem.org

.chromestyle{ position: relative; width: 100%; font-weight: bold; font:normal 25px Verdana;

}

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

.chromestyle ul{ border: none; width: 100%; background-color: #FFD700; /*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: none; /*THEME CHANGE HERE*/ } background-color: #FFD700; .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/ background: ; /*THEME CHANGE HERE*/ }

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

.dropmenudiv{ position:absolute; top: 0; border:none #E8BEBE; /*THEME CHANGE HERE*/ border-bottom-width: 0; font:normal 25px Verdana;

line-height:35px; z-index:100; background-color: #FFD700; width: 250px; visibility: hidden; }

.dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border: none; /*THEME CHANGE HERE*/ padding: 2px 0; text-decoration: none; font-weight: bold; color: white; }

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ background-color: #FFECEC; }