body { background-color: #FFFFFF; color: black; margin: 5px; padding: 5px}

div { margin:0px; padding: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; }

h1 { font-family: Verdana,Arial,Helvetica,sans-serif; color: #333399; text-align: center; margin-top: 0;
     font-size: 30px; width: 600px; height: 40px;
     margin-bottom: 0; padding: 2px; background-color: #FFFFFF; font-variant:small-caps; }
.wide h1 { width: 800px; }

h2 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14pt; color: #333399; font-weight: bold; 
     margin-left: 0; padding-left: 6px; padding-top: 4px; margin-top: 0; margin-bottom: 4;  border-bottom: solid 1px #333399;
     background: white url(standard-h2-background.png) repeat-y right; }

.module h2 { font-family: Verdana,Arial,Helvetica,sans-serif; color: #333399; text-align: left; font-size: 10pt; 
             font-weight: bold; margin-left: 0; margin-top: 0; border-bottom: solid 1px #333399;
             margin-bottom: 0; padding: 2px; background-color: #FFFFFF;
             background: white url(standard-h2-background.png) repeat-y right; }

h3 { margin-top: 2px; margin-bottom: 2px; padding: 2px; font-weight: bold; color: #333399;
     font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;}

/* Order must be LOve-HAte */
a { color: #993333; text-decoration: none }
a:link { color: #993333; text-decoration: none }
a:visited { color: #993333; text-decoration: none }
a:hover { color: #FF3333; text-decoration: underline }
a:active { color: #FF3333; text-decoration: underline }

p, td { margin-top: 2px; margin-bottom: 2px; padding: 2px;
        font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt;}

ul, ol, dl { margin-top: 2px; margin-bottom: 2px; margin-left: 25px; padding-top: 2px; padding-bottom: 2px;
             font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt;}

ul li { list-style-type: circle; }

dt { color: #0033CC; font-weight: bold; margin-left: 5px }

#torso { width: 820px; margin-left: auto; margin-right: auto;}

.mainarea { background:#FFFFFF;
            width: 600px; border: 0; float: left;}
.wide .mainarea { width: 800px; }

.section { background: white url(standard-section-background.png); border: solid 1px #333399;
           margin: 20px; }

.section p, .section ul, .section ol { padding: 10px;  }

.bloginfo { font-size: 0.7 em; color: #666; font-style: italic; }
.infotext {font-size: 0.7 em; }
.date { font-size: 0.7em; color: #666; }

.illustration { display: block; margin: 10px auto 10px auto; min-width: 200px; }
.illustration img { display: block; margin: 2px auto 2px auto; border: 0; padding: 2px; }
.illustration p { display: block; margin: 2px auto 2px auto; padding: 4px; font-style: italic;
                  border-left: solid #999 1px; border-right: solid #999 1px; color: #999; width: 70%;}

/*.sidebar { width: 200px; left: 620px; top: 76px; position: absolute; }*/
.sidebar { width: 200px; margin: 20px 20px 20px 620px;} /* combine with .mainarea { float: left } */

.module { background-color: white; border: solid 1px #333399; margin-bottom: 20px; padding-bottom: 4px; }
.module p, .module ul, .module ol, .module dl { margin-left: 4px; }

.parent { margin-left: 2px; font-style: italic; padding: 1px; }
.here { margin-left: 6px; font-weight: bold; padding: 1px;  }
.sibling { margin-left: 6px; padding: 1px;  }
.child { margin-left: 14px; padding: 1px; font-size: 80%; }

ul.children { list-style-type: none; margin: 0; padding: 0;}
.children li { list-style-type: none; margin-left: 8px;}

.childlink { font-size: 0.7 em; }
.childdesc { font-size: 0.6 em; margin-left: 12px; }

.footer { background-color: #FFF; width: 600px; border: 0; margin-top: 20px; }
.wide .footer { width: 800px; }

.footer p { color: #999; font-style: italic; text-align: center; clear: both;}

strong { font-weight: bold; color: #FF3333; padding-left: 2px; padding-right: 2px; }

em { font-style: italic; color: #FF3333; padding-left: 2px; padding-right: 2px; }