body { margin: 0px; padding: 0px; background-color: #FFEECC; } h1, h2, h3, h4, h5, h6, p { margin: 0px; font-size: 12pt; } a { color: #3333BB; text-decoration: underline; } a:hover { color: #111188; text-decoration: underline; } span.super { vertical-align: 33%; font-size: 9pt; } div.header { margin: 16px; } div.header a.skip { display: none; } div.header h1 { font-family: serif; font-size: 24pt; } div.header h1 span.super { vertical-align: 33%; font-size: 18pt; } div.header p { font-style: italic; text-align: right; font-size: 12pt; } div.menu { margin: 0px 0px 0px 0px; padding: 0px 72px 0px 72px; background-color: #CC4433; text-align: center; } div.menu ul { list-style-type: none; margin: 0px; padding: 12px 0px 12px 0px; } div.menu ul li { display: inline; font-family: sans-serif; font-size: 12pt; } div.menu ul li a { color: #FFFFFF; font-weight: bold; font-size: 12pt; text-decoration: none; padding: 12px; } div.menu ul li a:hover { color: #FFFFAA; background-color: #BB3311; font-weight: bold; text-decoration: none; } div.body { margin: 24px 64px 8px 64px; font-family: serif; } div.body p { margin: 16px 0px 16px 0px; } div.footer { margin: 32px 8px 8px 8px; padding-top: 8px; font-family: sans-serif; border-top: 1px solid #666666; } div.footer p.copyright, div.footer p.license, div.footer p.tos { margin-bottom: 16px; } div.footer p.license img { float: left; /*vertical-align: middle;*/ margin-right: 8px; } /* Homepage */ div.body img.photo { float: right; margin: 0px 0px 16px 16px; width: 240px; height: 240px; }