:link, :visited {text-decoration: none; color: #009; border-bottom: 1px dotted #AAC;}
h1, h2, h3, h4 {font-size: 100%; margin: 0; font-weight: inherit;}
ul, pre {margin: 0; line-height: 1em;}
html, body {margin: 0; padding: 0;}

code {padding: 2px 0.25em; font-weight: bold; color: #533;}
code.bad, code del {color: red;}
code.old {color: silver;}
pre {padding: 0; margin: 0.75em 0 1.25em 1.5em; color: #533;}
pre code {display: block;}
ul {margin-left: 5%; margin-right: 10%; list-style: disc;}
li {margin-top: 0.66em; margin-right: 0;}
ul ul {line-height: 1;}
ul ul li {margin: .2em; font-size: 85%; list-style: square;}

body {background: #fff url(bodybg.gif) -16px 0 no-repeat; color: #000; font-size: 2em;}
div.header, div.footer, div.slide {position: absolute; width: 100%; left: 0;}
body>div.header, body>div.footer, body>div.slide {position: fixed;}

div.header, div.footer {background: #005; color: #AAB; z-index: 1; font-family: Verdana, sans-serif;}
div.header {top: 0; height: 3em; line-height: 1px; background: #005 url(bodybg.gif) -16px 0 no-repeat;}
div.footer {bottom: 0; height: 3em; font-size: .5em; font-weight: bold; padding: 1em;}
.footer h1, .footer h2 {display: block;}
.footer h2 {font-style: italic;}

div.slide {top: 1.25em; width: 91%; padding: 1em; visibility: hidden;}
.slide h2 {margin: 1em 0 0.66em; font-size: 160%; white-space: nowrap; text-transform: capitalize; font-weight: bold;}
.slide h3 {font-size: 130%;}
h2 abbr {font-variant: small-caps;}

div.controls {position: absolute; left: 80%; top: 1em; width: 20%; z-index: 1; text-align: right; padding: 0;}
div>div.controls {position: fixed; bottom: 1em; top: auto;}
div.controls a {font-size: 2em; margin: 0; padding: 0 0.5em; 
  background: #005; border: none; color: #779; 
  cursor: pointer;}

#s0 {visibility: visible;}
#s0 h2 {margin: 1.5em 0 0; font: bold 2.33em sans-serif;}
#s0 h3 {margin-top: 4em;}
#s0 h4 {margin-top: .2em;}
div.eg, div.eg2, div.eg3 {background: silver; padding: .5em; margin: .5em 5% 0; font-size: 70%; line-height: 1.1em;}
div.ti {text-indent: 2em;} 
.eg h1 {font: bold xx-large Georgia, serif; padding: 6px 0; line-height: 1.1;}
li .eg h1 {color: green;}
li .eg h1.c {text-align: center;}
li.uc .eg h1.c {text-transform: uppercase;}
li.uc .eg#ls h1.c {letter-spacing: .25em; text-align: center;}

.eg p {margin: 2em 0;}
.eg2 p {margin: 0;}

div.spectrum {font-size: 70%; margin: 0; background: #000; color: #fff; padding: 1em 0;}
.spectrum span.pres {color: red;}
.spectrum span.semip {color: yellow;}
.spectrum span.struct {color: #fff;}
.spectrum span.lowsem {color: #6F6;}
.spectrum span.hisem {color: #0F0;}

ul.urls {list-style: none; display: inline; margin: 0;}
.urls li {display: inline; margin: 0;}
.note {display: none;}

blockquote, q {font-style: italic;}
blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
blockquote p {margin: 0;}
blockquote i {font-style: normal;}
blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal; color: #445;}
blockquote b i {font-style: italic;}

blockquote.sole {font-size: 1.5em;}
blockquote.sole b {font-size: 70%;}

kbd {font-weight: bold; font-size: 1em;}