* { margin: 0; padding: 0; border: none; }
body { font: 0.8em Helvetica, Verdana, sans-serif; text-align: center; padding: 2em 0 1em 0; }
#page { margin: auto; width: 52em; text-align: left; }
a { text-decoration: none; color: #3333C8; font-weight: bold; }
a:hover { text-decoration: none; color: #777; }
div.sponsor { width: 125px; float: left; padding: 3.2em 0.3em 0 0; }
h1 { padding: 0 0 0.3em 0.3em; font-size: 2em; }
h1 a, h1 a:hover { color: #000; }
h1 span { font-size: 70%; }
h2 { padding: 0.6em 0 0.3em 0.5em; border-bottom: 0.1em solid #fff; font-size: 1.4em; }
#page div:hover h2 { border-bottom: 0.1em solid #000; }
p { padding: 5px 0; }
ul { margin-left: 120px; position: relative; line-height: 1.6em; padding: 0.3em 0 0.5em 0.5em; }
li { list-style: none; }
li span { margin-left: -120px; display: none; }
li:hover span { display: block; position: absolute; top: -2em; left: 0; width: 50em; text-align: right; font-weight: bold; }
.nope { display: none; }
ul.sup li span { display: block; position: relative; font-weight: normal; margin: 0; }
ul.sup li:hover span { position: relative; width: auto; top: 0; font-weight: normal; text-align: left; }