body { margin: 0; padding: 0; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; color: #004682; font-size: 20px; }

#mainbox { width: 720px; margin: auto auto; }
h3 { margin: 0; font-size: 20px; font-weight: normal; }
h2 { margin: 0; font-size: 20px; font-weight: normal; color: #0194d7; }
h2#answer { font-size: 24px; font-weight: bold; color: #004682; }
h1 { margin: 0 0 40px; font-size: 30px; font-weight: bold; }
p { width: 520px; margin: 20px 0 30px; }

.button { line-height: 50px; text-align: center; width: 225px; height: 50px; background-image: url(../images/button-225x50.png); }
.button:hover { line-height: 50px; color: #fff; width: 225px; height: 50px; background-image: url(../images/button-225x50-ON.png); }

.smallbutton { line-height: 50px; text-align: center; width: 125px; height: 50px; background-image: url(../images/button-125x50.png); float: left; text-decoration: none; }
.smallbutton:hover { background-image: url(../images/button-125x50-ON.png); }

.medbutton { line-height: 50px; text-align: center; width: 150px; height: 50px; background-image: url(../images/button-150x50.png); float: left; text-decoration: none; font-weight: bold; }
.medbutton:hover { background-image: url(../images/button-150x50-ON.png); }

.bigbutton { float: left; width: 595px; margin: 0 0 10px; padding-left: 25px; height: 40px; line-height: 40px; background-image: url(../images/button-list-620x40.png); text-decoration: none;  }
.bigbutton:hover { color: #FFFFFF; background-image: url(../images/button-list-620x40-ON.png); }

a, a:active, a:visited { color:#004682;}

.checkbox, 
.radio { float: left; clear: left; display: block; width: 40px; height: 40px; padding: 0 5px 0 0; background: url(../images/button-check.png) no-repeat; cursor: pointer; }

#mainbox #progress { float: left; width: 100%; margin: 0 0 20px; }
#mainbox #progress .left,
#mainbox #progress .right { float: left; width: 50%; }