body {
 background-color: #a52a2a;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 }

#outside {
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 768px;
 }

#surround {
 background-color: #ffcc66;
 border: 1px solid black;
 margin-left: 0;
 width: 768px;
 }

#header {
 text-align: center;
 }

.justify {
 text-align: justify;
 }

.centered p,
.centered {
 text-align: center;
 }

.fleft {
 float: left;
 margin: 10px;
 }

.fright {
 float: right;
 margin: 10px;
 }

fieldset.centered,
form.centered,
table.centered {
 margin-left: auto;
 margin-right: auto;
 }

fieldset {
 border-color: #a52a2a;
 }

legend {
 color: #a52a2a;
 }

a img {
 border: 0;
 }

h1, h2, h3 {
 text-align: center;
 }

.red {
 color: red;
 }

.hide {
 display: none;
 }

.show {
 background-color: #FFCCCC;
 font-style: italic;
 font-weight: bold;
 }

.w70 {
 width: 70%;
 }

.w80 {
 width: 80%;
 }

p {
 padding: 0 10px 0 10px;
 }

.pad10 {
 padding: 0 10px 0 10px;
 }

.size4 {
 font-size: 120%;
 margin: 0;
 padding: 10px 10px 0 10px;
 text-align: center;
 text-indent: 0;
 }

.size5 {
 font-size: 150%;
 margin: 0;
 padding: 10px 10px 0 10px;
 text-align: center;
 text-indent: 0;
 }

p.left,
.left {
 text-align: left;
 }

input,
select,
option,
checkbox,
textarea {
 background-color: #f7e9c1;
 border: 2px solid silver;
 font-family: Courier, monospace;
 font-size: 110%;
 font-weight: bold;
 }

input:focus,
textarea:focus {
 background-color: silver;
 }

.note {
 font-size: 75%;
 font-style: italic;
 text-align: center;
 }

#footer {
 text-align: center;
 }