body {background-color: #f8f8ee; background-image: url(../images/menu.gif); background-repeat: repeat-y; background-position: 156px 0px; margin: 0; padding: 0; border: 0; font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }


/* block positioning */

#menu {z-index: 2; position: absolute; left: 20px; top: 120px; margin: 0; width: 140px; } 

#preamble, #footer {margin-left: 180px; margin-right: 30px; background-color: #ead3d3; padding: 10px 20px; }

#preamble {position: relative; top: 20px; margin-bottom: 40px; height: 80px; overflow: auto; }

#banner {position: relative; top: 20px; margin-left: 180px; margin-right: 30px; margin-bottom: 40px; height: 100px; background-color: #ead3d3; padding: 0; }

#content {margin-top: 0; margin-bottom: 40px; margin-left: 180px; margin-right: 100px; padding-top: 20px; }

#modified {margin-left: 180px; margin-top: 10px; margin-bottom: 20px; padding-bottom: 20px; }

h1, h2, h3, #content p {padding-left: 10px; }

h2 {margin-top: 25px; }

.body-img {padding-left: 20px; }

.banner-image {position: absolute; top: 0; left: 0; z-index: 2; margin: 0; }

.figure-box {margin: 10px 20px; float: left;}

.figure-box-off {display: none; }

.inline-img {border: solid 1px; }


/* font formatting  */

#menu {font-size: 90%; }

#preamble {color: #000; font-size: 75%; }

#footer {color: #000; font-size: 70%; }

#content {color: #000; }

#content h1 {font-size: 110%; }

#content h2, #content h3 {font-size: 95%; }

#content p, #content li, #content td {font: 85% serif; }

#content blockquote {font: 85% serif; color: #900; }

.caption {font: 70% sans-serif; text-align: center; margin-top: 5px; }

.addition {color: #f03; }


/* span formatting */

.footer {color: #300; font-size: 70%; }

.superscript {position: relative; bottom: 0.35em; font-size: 85%; }

.pageRef {font: 85% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; background-color: #ccc; color: #300; }

.sidePage {position: absolute; top: auto; right: -60px; font: 85% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }


/* pseudo-class formatting */

#content p a:link, blockquote a:link, .figure-box  a:link {font-family: serif; color: #06f; text-decoration: none; } 
#content p a:visited, blockquote a:visited, .figure-box  a:visited {font-family: serif; color: #639; text-decoration: none; } 
#content p a:hover, blockquote a:hover, .figure-box a:hover {font-family: serif; color: #33c; text-decoration: underline; }
#content p a:active, blockquote a:active, .figure-box a:active {font-family: serif; color: #ffc; text-decoration: none; background-color: #c66; }

a:link img {border: solid 1px #06f; } 
a:visited img {border: solid 1px #639; } 
a:hover img, a:active img {border: solid 1px #33c; }

#preamble a:link, #preamble a:visited {color: #933; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: none; }
#preamble a:hover {color: #933; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: underline; }
#preamble a:active {color: #ffc; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: none; background-color: #c66; }

#menu a:link, #menu a:visited {color: #933; text-decoration: none; }
#menu a:hover {color: #933; text-decoration: underline; }
#menu a:active {color: #933; text-decoration: none; background-color: #c66; }

#footer a:link, #footer a:visited {color: #933; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; text-decoration: none; }
#footer a:hover {color: #933; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; text-decoration: underline; }
#footer a:active {color: #933; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #c66; }