html    { background-color: #333; }
body    { background-color: #9cd; width: 600px; margin: 40px auto 80px auto; padding: 0 20px; border: 5px solid #666; border-radius: 5px; }
#page { background-color: #fff; padding: 20px; margin: 0 0 20px; }
img     { margin: 20px; border: 5px solid #ccc; }

h2 { font-size: 1.3em; margin-top: 30px; }
hgroup>h2 { margin-top: 10px; }
strong>p { text-align: center; font-weight: normal; font-size: 1.2em; padding: 40px 20px; }
.clear { clear: both; }
.center { text-align: center; }
.right { float: right; }
.left { float: left; }

blockquote { text-align: center; font-style: italic; }

#nav    { background-color: #3465a4; margin-top: 20px; }
#nav ul { margin: 0; padding: 0; }
#nav ul li { list-style-type: none; display: inline; }
#nav li a { display: inline-block; padding: 6px 10px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
#nav li a:hover { background-color: #204a87; }
#nav .active { background-color: #204a87; }