body {font-size: 85%; background-color: #dddddd;}

#banner {margin: auto; margin-bottom: 10px; width: 750px; padding: 5px; border: solid 1px #929ab6; background-color: #26386b;}
#banner h1 {margin: 5px; font-size: 250%; font-family: sans-serif; color: #ffcc00; letter-spacing: -1px; border-bottom: solid 3px #ffcc00;}
#banner p {margin: 5px; color: #ffcc00; font-family: sans-serif; font-weight: bold; letter-spacing: -1px;}

#container {margin: auto; width: 744px; padding: 8px; border: solid 1px #ccccff; background-color: #ffffff;}
#container h1 {margin: 0; font-family: serif; color: #aa0000;}
#container h2 {margin: 0; font-family: sans-serif; color: #000000; font-weight: normal; font-size: 160%; letter-spacing: -1px; color: #222222;}
#container h5 {font-weight: normal;}

#related {width: 35%; float: right; padding: 0;}
.shout {margin: 0; margin-top: 10px; margin-bottom: 10px; border: solid 1px #929ab6; font-family: sans-serif;}
.shout h3 {margin: 0;padding: 2px; border-bottom: solid 1px #888888; background-color: #929ab6; color: #ffffff; font-weight: normal;}
.shout ul {margin-top: 5px; margin-left: 8px;}
.shout li {color: #aa0000; list-style: square;}
.shout li a {color: #000000; text-decoration: none;}
.shout li a:hover {color: #aa0000; text-decoration: underline;}

#content {margin-right: 37%; font-family: sans-serif;}
#content h3 {margin-bottom: 0; font-weight: normal; font-size: 130%;}

#footer {clear: both; border-top: solid 1px #929ab6; border-bottom: solid 1px #929ab6;}
#footer p {margin: 5px;}

#bottom {clear: both; margin-top: 20px; padding: 5px; border-top: solid 1px #222222; text-align: center; font-family: sans-serif;}
#bottom p {margin: 0;}
#bottom a {margin-left: 5px; margin-right: 5px; color: #000000; text-decoration: none;}
#bottom a:hover {color: #000000; text-decoration: underline;}

p#who {margin-top: 20px; color: #444444;}