html, body {margin: 0; padding: 0}

body {font-family: "Trebuchet MS", Arial, sans-serif}

div#header {padding: 10px 0; text-align: center; background: #036; color: #FFF; font-size: 150%}
div#content {padding: 40px 80px 10px 220px; color: #036}
div#notice {background: #9CF}
div#navigation {padding: 0 0 40px 10px; background: #369; color: #FFF; font-size: 110%}
div#footer {padding: 0; color: #AAA; font-size: 80%}

div#wrapper {float: left; width: 100%}
div#navigation {float: left; width: 180px; margin-left: -100%}
div#footer {clear: left; width: 100%}

div#header p {margin: 0}
div#content p {margin: 0 0 10px}
div#content h1 {margin: 0 0 10px; font-size: 120%; font-weight: bold}
div#content h2 {margin: 0 0 10px; font-size: 100%; font-weight: bold}
div#content img.figure {float: right; margin: 0 -40px 10px 40px; border: 1px solid #666}
div#navigation a {display: block; color: #FFF; text-decoration: none}
div#navigation ul {list-style-type: none; padding: 0}
div#navigation li {padding: 20px 0}
div#footer p {font-size: 80%; margin: 0 0 0 10px}

.sub {font-size: 90%}