"

From 2010.igem.org

overflow: hidden; }

1. topnav li {

list-style: none; float: left; }

1. topnav li a {

display: block; width: 183px; height: 60px; margin-right: 7px; background-color: #4ca14c; font-family: "Comic Sans MS"; font-size: medium; line-height: 1.25em; color: #fff; -webkit-border-radius: 1.5ex; -moz-border-radius: 1.5ex; margin-bottom: 0px; }

1. topnav li a.last {

margin-right: 0px; }

1. topnav li.over ul,
2. topnav li:hover ul,

body.about #topnav li.about ul, body.people #topnav li.people ul, body.academics #topnav li.project ul, body.notebook #topnav li.notebook ul, body.contributions #topnav li.safety ul { display: block; -webkit-border-radius: 1.5ex; -moz-border-radius: 1.5ex; }

body.about #topnav li.about ul, body.people #topnav li.people ul, body.academics #topnav li.project ul, body.notebook #topnav li.notebook ul, body.contributions #topnav li.safety ul { z-index: 1; }

1. topnav li.over ul,
2. topnav li:hover ul {

z-index: 100; }

1. topnav li ul {

display: none; clear: both; position: absolute; top: 111px; left: 0px; width: 950px; overflow: hidden; }

1. topnav li li {

float: none; display: block; }

1. topnav li a:hover,
2. topnav li a:active {

text-decoration: none; }

1. topnav li li {

display: block; float: left; padding-top: 11px; padding-bottom: 14.5px; }

1. topnav li li a {

margin: 0; padding: 0 8px; background-color: transparent; height: auto; width: auto; font-weight: normal;

       font-size: small;
       border-right: none;

}

1. topnav li li.last a {

background-image: none; padding-right: 0px;

       border-right: none;

}

1. topnav li li a:hover,
2. topnav li li a:active,
3. topnav li li.sel a {

text-transform: uppercase; }

/* specific styles */

1. topnav li.about a:hover,
2. topnav li.about a:active,
3. topnav li.about ul,

body.about #topnav li.about a:link, body.about #topnav li.about a:visited { background-color: #8b0000; }

1. topnav li.about ul {

width: 923px; }

1. topnav li.people a:hover,
2. topnav li.people a:active,
3. topnav li.people ul,

body.people #topnav li.people a:link, body.people #topnav li.people a:visited, body.people #sidenav .sel a:link, body.people #sidenav .sel a:visited, body.people #sidenav a:hover, body.people #sidenav a:active, body.people #sidenav li.sel li a:hover, body.people #sidenav li.sel li a:active { background-color: #e6881a; }

1. topnav li.people ul {

width: 713px; padding-left: 210px; }

1. topnav li.project a:hover,
2. topnav li.project a:active,
3. topnav li.project ul,

body.project #topnav li.project a:link, body.project #topnav li.project a:visited, body.project #sidenav li.sel a:link, body.project #sidenav li.sel a:visited, body.project #sidenav li.sel li a:hover, body.project #sidenav li.sel li a:active, body.project #sidenav li a:hover, body.project #sidenav li a:active, body.project #sidenav li.sel li a:hover, body.project #sidenav li.sel li a:active { background-color: #2e2e91; }

1. topnav li.project ul {

width: 558px; padding-left: 365px; }

1. topnav li.notebook a:hover,
2. topnav li.notebook a:active,
3. topnav li.notebook ul,

body.notebook #topnav li.notebook a:link, body.notebook #topnav li.notebook a:visited, body.notebook #sidenav li.sel a:link, body.notebook #sidenav li.sel a:visited, body.notebook #sidenav li.sel li a:hover, body.notebook #sidenav li.sel li a:active, body.notebook #sidenav li a:hover, body.notebook #sidenav li a:active, body.notebook #sidenav li.sel li a:hover, body.notebook #sidenav li.sel li a:active { background-color: #016b9d; }

1. topnav li.notebook ul {

width: 363px; padding-left: 560px; }

1. topnav li.safety a:hover,
2. topnav li.safety a:active,
3. topnav li.safety ul,

body.safety #topnav li.safety a:link, body.safety #topnav li.safety a:visited, body.safety #sidenav li.sel a:link, body.safety #sidenav li.sel a:visited, body.safety #sidenav li a:hover, body.safety #sidenav li a:active, body.safety #sidenav li.sel li a:hover, body.safety #sidenav li.sel li a:active { background-color: #2e2e2e; }

1. topnav li.safety ul {

width: 393px; padding-left: 530px; }

</style>

</head> <body>