body { background-color: #ffffff; color: #000000; position: absolute;
       left: 5%; width: 90%; }

a { margin: 0; padding: 0; }
a:link { text-decoration: none; color: #0000D0; font-weight: bold; }
a:visited { text-decoration: none; color: #D00000; font-weight: bold; }
a:active { text-decoration: none; color: #00D000; font-weight: bold; }
a:hover { text-decoration: underline; }

p { margin: 0 0 1em 0; } 

img { margin: 1em; padding: 0 0 1em 0; vertical-align: middle; }

h1 { font-size: x-large; font-weight: bold; font-family: sans-serif;
     margin: 0; padding: 0; text-align: center; }

h2 { font-size: large; font-weight: bold; font-family: sans-serif;
     margin: 0; padding: 0; text-align: center; font-style: italic; }

h3 { font-size: large; font-weight: bold; font-family: sans-serif;
     margin: 0 0 1em 0; padding: 0; text-align: left; }

h4 { font-size: medium; font-weight: bold; font-family: sans-serif;
     margin: 0; padding: 0 0 1em 0; text-align: left; font-style: italic; }

#logo { text-align: center; }

.screenshot { text-align: center; }

#copyright { font-size: small; font-style: italic; text-align: center;
             margin: 0 0 2em 0; padding: 0; }

.appname { font-weight: bold; font-style: italic; font-family: sans-serif; }

.caveats { margin: 1em; padding: 1em; border: 1px solid #000000;
              background-color: #ffffff; }
.caveats ol { margin: 0; }
.caveats li { margin-bottom: 1em; }              

.chapter { margin: 0 0 2em 0; padding: 1em;
           border: 1px solid #ff0000; background-color: #f0f0ff; }

.section { margin: 1em; padding: 1em;
           border: 1px solid #000000; background-color: #f8f8f8; }  
           
.toplink { margin: 1px 0 5px 0; padding: 0;
           font-size: small; font-style: italic; }
           
.quote { margin: 1em; text-align: center; font-style: italic; }

.onechar { font-family: Corpus Courier monospace; font-style: normal; }

.inlinequote { font-family: Corpus Courier monospace; font-style: normal;  }

#footer { position: relative; left: 0; width: 100%; margin: 20px 0 5px 0; padding: 20px 0 0 0;
          text-align: center; }
.imagecentre { margin: 0; padding: 0; text-align: center; }
.imagecentre img { margin: 0; padding: 0; }

#srslogo { position: relative; left: 0%; width: 100%; height: 78px; margin: 0; padding: 0;
           border-bottom: 1px #ff0000 solid; text-align: center; }
#srstitle { position: relative; left: 16%; width: 68%; margin: 0 0 4px 0; padding: 0; }