* { margin: 0; padding: 0; }
body { padding: 0.5em 0.2em; font: 1em 'Lucida Grande', Verdana, Helvetica; }
div { width: 46em; margin: auto; }
ul { clear: both; list-style: none; height: 1.2em; border-bottom: 0.1em solid #ccc; }
ul:hover { background: #eee; }
li { float: left; width: 32em; font-size: 90%; }
li.left { width: 17.8em; font-size: 90%; padding-left: 0.2em; }
small { color: #ff0000; }
h2 { font-size: 0.9em; clear: both; padding: 0.2em 0 0.2em 1em; border-top: 1em solid #fff; border-bottom: 0.1em solid #ccc; color: #fff; background: #555; }
p { border-top: 0.1em solid #ccc; border-bottom: 0.1em solid #ccc; padding: 0.5em 0; }
h1 { font-size: 2.2em; padding: 0.1em 0 0.1em 0.4em; color: #fff; background: #555; }
h1 a { color: #fff; text-decoration: none; }
h3 { font-size: 1.2em; padding: 0.1em 0 0.3em 0.6em; color: #fff; background: #555; }
h2 > span { float: right; margin-right: 1em; }
h2 > span a { color: #fff; }
p.footer { border: 0; padding: 0.5em 0; text-align: center; color: #ccc; }
p.footer a { color: #ccc; font-size: smaller; }
ol { list-style: none; position: absolute; top: 12.2em; left: 50%; width: 100px; margin-left: 17em; }
ol li { float: left; width: 22px; }
ol li a { width: 18px; height: 18px; display: block; }
ol li a span { display: none; }