body { background-color: #4682b4; font-family: "Open Sans",Helvetica,Arial,sans-serif}
h1 { font-size: 40px; font-weight: bold; }

.header { position: relative; width: 800px; height: 100px; margin-bottom: 0; text-align: center; margin-left: auto; margin-right: auto; background-color: #ffffff;}
.body { position: relative; width: 800px; height: 600px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; background-color: #ffffff; }
.footer { position: relative; width: 800px; height: 60px; text-align: center; margin-left: auto; margin-right: auto; background-color: #ffffff;}

.logo { position: absolute; left: 15px; z-index: 0; }
.page-title { position: absolute; left: 20px; z-index: 1; width: 800px; top: 5px; text-align: center; }

.text { font-size: 20px; }
.small-text { font-size: 14px; }
.note {padding:8rem 0 0 2rem;}
.main-list { font-size: 32px; line-height: 200%; margin-top:0; margin-bottom:0; margin-left: 20px; padding-top:1rem; }
.bulleted-list { font-family:Verdana, Geneva, sans serif; font-size: 24px; line-height: 170%; list-style-image: url("img/buoy_small2.gif"); margin-right: 10px; }
.main-bulleted-list { font-size: 32px; line-height: 170%; margin-left: 20px; list-style-image: url("img/buoy_small2.gif"); }

.author { font-style: italic; font-size: 12px; position: absolute; left: 5px; top: 42px; }
.prev-link {  font-size: 24px; position: absolute; left: 10px; top: 14px; }
.toc {  font-size: 24px; position: absolute; left: 300px; top: 14px; }
.next-link {  font-size: 24px; position: absolute; left: 730px; top: 14px; }