html { background: #FFFFFF; color: #000000; font: 12px Verdana, Arial, Helvetica, sans-serif; }
body { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 0; height: 100%; width: 100%; }

#header { position: absolute; top: 0; left: 0; right: 0; height: 4.5em; background: #000000; color: #000000; text-decoration: none; width: 100%; }
#header a { position: absolute; top: 0; left: 0; margin: 0; border: 0; height: 4em; background: #000000; color: #000000; }
#header img { position: absolute; top: 0em; left: 0; height: 4em; border: 0; }

#toc { position: absolute; top: 4.5em; left: 0; right: 0; bottom: 0; height: 1.4em; background: #999999; color: #FFFFFF; width: 100%; }
#toc a { position: relative; bottom: -.1em; margin: 1em; font-size: .8em; color: #FFFFFF; text-decoration: none; border: .25em solid #999999; }
#toc a:hover { margin: 1em; background: #FFFFFF; color: #000000; text-decoration: none; border: .25em solid #FFFFFF; }

#sidebar { position: absolute; top: 8em; margin: 1em; left: 0; float: left; display: block; width: 8em; }
#sidebar img { clear: left; margin: 0 0 .5em .5em; width: 6em; }
#sidebar p { clear: left; margin: 0 0 .5em 0; font: .8em Georgia, Verdana, Arial, Helvetica, sans-serif; text-align: center; }
#sidebar a { clear: left; display: block; margin: 0 0 .5em .5em; border: .1em solid #000000; text-align: center; text-decoration: none; color: #000000; background: #BBBBBB; }
#sidebar a:hover { clear: left; display: block; margin: 0 0 .5em .5em; border: .1em solid #000000; text-align: center; text-decoration: none; color: #000000; background: #FFFFFF; }
#sidebar i { clear: right; display: block; font: .8em Verdana, Arial, Helvetica, sans-serif; color: #555555; text-align: right; }

#mainpage { position: absolute; top: 8em; left: 10em; right: 5em; display: block; text-align: justify; width: 50em; }
#mainpage h1 { margin: 0 0 0 1em; font: bold small-caps 1.5em Verdana, Arial, Helvetica, sans-serif; color: #999999; }
#mainpage p { clear: left; display: block; }

#mainpage ol { position: relative; top: 0; left: 1em; right: 1em; }
#mainpage li.requirement { clear: both; margin: 1em 0 0 0; }
#mainpage p.requirement { clear: both; margin: .5em 0 0 0; }

#mainpage ul.gifts { position: relative; top: 0; left: 1em; right: 1em; }
#mainpage li.gift { clear: both; list-style: none; margin: 0; width: 50em; }
#mainpage p.gift { clear: left; float: left; margin: 0.5em 1em 0.5em 0; width: 20em; text-align: left; }
#mainpage p.price { clear: none; float: left; margin: 0.5em 1em 0.5em 1em; width: 8em; }
#mainpage p.year { clear: none; float: left; margin: 0.5em 1em 0.5em 0; width: 8em; }

#mainpage ul.staff { display: block; position: relative; top: 0; left: 0em; right: 1em; }
#mainpage li.staff { float: left; list-style: none; }
#mainpage ul.member { display: block; }
#mainpage li.member { clear: both; list-style: none; }
#mainpage p.stafftitle { clear: both; margin: 1.5em 0 0 0; font: bold small-caps 1.2em Verdana, Arial, Helvetica, sans-serif; color: #999999; width: 35em; }
#mainpage p.staffname { clear: left; float: left; margin: 1em 0 0 1em ; width: 15em; font: bold small-caps 1em Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; }
#mainpage p.staffcontact { clear: both; margin: 0 0 0 5em; width: 35em; font: small-caps .8em Verdana, Arial, Helvetica, sans-serif; color: #000000; }
#mainpage p.staffinfo { clear: none; float: left; margin: 1em 0 0 1em ; width: 25em; }

#contacts { text-align: center; }