body { background-color: #E0FFFF; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3 { margin: 5px; clear: left; }
img { border: none; }
a { text-decoration: none; }
a:link, a:visited { color: black; }
a:active, a:hover { color: #FF6600; }

.center { text-align: center; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.code { background-color: #add8e6; padding: 5px; }

#header { width: 800px; margin: 10px auto 0px; border: 1px solid #000080; background-color: #1E90FF; #0099FF; color: white; text-align: left; padding: 10px; }
#content { width: 800px; margin: 0px auto; background-color: white; border: 1px solid black; padding: 10px; }
#navbar { width: 800px; margin: 0px auto; background-color: #00BFFF; padding: 10px; font-size: 1.2em; font-weight: bold; text-align: center; border-left: 1px solid #000080; border-right: 1px solid #000080; }
#navbar img { margin-right: 5px; }
#navbar a { color: white; margin: 5px; }
#navbar a:hover { color: orange; }
#navbar img { vertical-align: middle; }
#footer { width: 800px; margin: 0px auto 0px; text-align: center; padding: 10px; }
#footer a { color: black; }
#footer a:hover { text-decoration: underline; }