BODY {
    background: #fff url(images/background.png) top left repeat-x;
    color: #000;
    font: 100% normal Helvetica, Arial, sans-serif;
    margin: 0;
}
A {
    background-color: transparent;
    color: #39c;
    font-weight: bold;
    text-decoration: none;
}
A:hover {
    background-color: transparent;
    color: #6cf;
    text-decoration: underline;
}
A:active {
    background-color: #999;
    color: #fff;
}
A IMG {border: none}

DD, DL, H1, H2, H3, H4, H5, H6, LI, P, TD, TH {
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}
DD, DT, LI, P, OL, TD, TH {
    font-size: 1em;
}
DT, LI, P, OL, TD, TH {
    margin-bottom: 0;
    margin-top: 1em;
}
H1, H2, H3, H4, H5, H6 {
    background: transparent;
    color: #c66;
}
H1 {
    font-size: 2em;
    margin: 1.25em 0 0.5em 0; /* 2.5 / 2 = 1.25; 1 / 2 = 0.5 */
}

H2 {
    font-size: 1.5em;
    margin: 1.3333em 0 0 0; /* 2 / 1.5 */
}

H3 {
    font-size: 1.25em;
    margin: 0;
}

H4, H5, H6 {
    font-size: 1em;
    margin: 0;
}
TABLE, TR, TH, TD {
    border-collapse: separate;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
TD, TH {
    padding-bottom: 0.25em;
    padding-right: 1em;
}
INPUT, SELECT, TEXTAREA {
    border: 1px solid #c66;
    background-color: #fcc;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0.25em;
}
EM, I {font-style: italic}
B, STRONG {font-weight: bold}
BIG {font-size: 125%}
SMALL {font-size: 80%}
CODE {
    font-family: "Courier New", monospace;
}
VAR {
    font-style: italic;
}
UL {
    padding-left: 1.5em;
}
UL LI {
    display: list-item;
    list-style-position: outside;
    list-style-type: square;
}
.head, .body {
    margin: 1em auto;
    max-width: 60em;
    padding-left: 1em;
    padding-right: 1em;
}
.headPic {
    background: #fff url(images/yoko_sakura.jpg) center center no-repeat;
    border: 1px solid #c66;
    color: #000;
    float: left;
    height: 505px;
    margin-bottom: 2em;
    padding: 0.5em;
    width: 192px;
}
.headTitle {
    background: transparent url(images/title.png) top left no-repeat;
    display: block;
    height: 127px;
    margin-bottom: 0;
    margin-left: 15em;
    text-indent: -100em;
}
.headTitle A {
    display: block;
}
.nav {
    margin: 0 0 0 15em;
}
.nav H2 {
    display: none;
}
.nav UL {
    display: block;
    margin: 0.25em 0;
    padding: 0;
}
.nav LI {
    display: inline;
    list-style: none;
    padding: 0;
}
.nav A {
    background: transparent;
    color: #999;
    padding: 0.25em 1em;
}
.nav A:hover {
    background-color: #fcc;
    color: #000;
}
.navCurrent, .navCurrent A {
    background-color: #c66;
    color: #fff;
}
.body, .foot {
    background: #fff;
    border: 1px solid #c66;
    color: #000;
}
.bodyEnd, .footEnd {
    clear: both;
}
.main {
    padding-bottom: 2em;
    padding-left: 16em;
}
.formField {
    width: 100%;
}
.formSubmit {
    background: #c66;
    color: #fff;
}
.quizQ, .quizOpts, .quizA {
    margin-left: 2em;
}
.quizOpts {
    margin-top: 0.25em;
}
.quizFalse, .quizTrue {
    font-size: 0.8em;
    padding: 0 0.5em;
}
A.quizFalse {
    background-color: #c66;
    color: #fff;
}
A.quizTrue {
    background-color: #6c6;
    color: #fff;
}
.quizA {
    background: #fcc;
    border: 1px solid #c66;
    color: #000;
    display: none;
    padding: 0.5em 1em;
}
.quizA STRONG {
    background: transparent;
    color: #c66;
    font-weight: bold;
}
.foot {
    font-size: 0.8em;
    margin: 1em auto;
    padding: 0.625em 1.25em; /* 0.5 / 0.8; 1 / 0.8 */
    width: 75em; /* 60 / 0.8 */
}
.foot A {
    font-weight: normal;
}
.foot P {
    margin: 0;
}