body { margin: 2%; line-height: 1.2; background: black; color: #ffffff; }

body, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; }

p { margin: 0.75em 0 0.75em 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, div,dt, dd, address, blockquote, pre, br, hr { display: block; }
b, strong, i, em, cite, var, tt, code, kbd, samp, img, span { display: inline; }
li {display: list-item; }

h1, h2, h3, h4, h6 {  font-weight: bold; }
h3 { clear:both; }

h1    { color: red; font-variant: small-caps; text-align: center; text-transform: capitalize; }

h2 { color: #b0e0e6; text-transform: capitalize; }
h3 { color: #66cdaa; font-size:0.95em; background: #696969; text-transform: uppercase; text-indent: 1em; letter-spacing: 0.3em; padding: 1px; border: 1px solid #808080; }
h3 a:link, h3 a:visited, h3 a:active { color: #afeeee; font-variant: small-caps; text-decoration: none; text-transform: capitalize; letter-spacing: 0.3em; }
h3 a:hover { color: #afeeee; text-decoration: underline overline; }
h4 { color: #b0e0e6; letter-spacing: 0.3em; }
h4 a:link, h4 a:visited, h4 a:active  { color: #1e90ff; font-variant: small-caps; text-decoration: underline; text-transform: capitalize; letter-spacing: 0.3em; }
h4 a:hover { text-decoration: underline overline; }
h5 { color: #d3d3d3; text-align: center; }
h6 { color: #66cdaa; font-size: 0.75em; }
/* green: #66cdaa | yellow(ish) #d7d700 */

ul { line-height: 1.5em; list-style: none;}

cite  { text-align: center; }
/* em  { color: #ff0000; font-weight: bold; } */
address { margin-left: 2em; margin-top: 0; }

a:link, a:visited, a:active { color: #1e90ff; text-decoration: underline; text-transform: capitalize; }

p.openpara:first-letter { font-size: 3em; color: black; }

.sections { position: relative; height: 100%; overflow: visible; }
.allcenter { text-align: center; }

.leadingtext { color: #1e90ff; font-style: italic; font-weight: normal; font-size: 1.5em; letter-spacing: 0.25em;}

/* TIMELINE COLOURING */
.eet-fact, .highlight-text { color: #ffd700; }
.eet-infered { color: #ff0000; }
.eet-fiction { color: #90ee90; }

div#timeline { color: #ffd700; text-align: justify; margin: 50px 20px; }
/* -------- --------- */

div#spacebgtext { background: black; float: none; clear: none; padding: 10px; }

/* CSS2 STUFF */
ul > ul > li { font-size: 0.9em; color: silver; }
p > a:link, p > a:visited, p > a:active { color: #add8e6; text-decoration: none;  }
p > a:hover { color: #1e90ff; text-decoration: underline; }
/* ---- ----- */

.photo { float: right; margin-bottom: 30px; margin-left: 24px; }

/* ---------- LAYOUT DESIGN ---------- */
/*
div#top { z-index: 100; background: black; position: fixed; top: 0; bottom: 80%; left: 3%; right: 3%; margin: 0 1% 0 1%; width: 100%;  border: 2px solid #606060; clear: both; }
div#top h1, div#top p { margin-top: 0; margin-bottom: 0; }
div#whatsnew { float: right; margin: 1%; width: 190px; padding: 10px; border: solid 2px #606060; }
div#content { float: left; width: 70%; border: 2px solid #606060; margin: 1%; padding: 10px; text-align: justify;}
*/
/* ORIGINAL
div#top { position: fixed; top: 0; bottom: 80%; left: 3%; right: 3%; margin: 0 1% 0 1%; min-height: 8em; background: black; border: 2px solid #606060; padding-top: 10px; z-index: 100; }
div#whatsnew { position: fixed; top: 23%; bottom: 0; left: 67%; right: 3%; min-width: 160px; margin: 1%; padding: 10px; border: solid 2px #606060; z-index: 1; }
div#content { position: absolute; top: 23%; bottom: auto; left: 3%; right: 25%; width: auto; border: 2px solid #606060; margin: 1%; padding: 10px; text-align: justify; z-index: 2; }
/*   -------- */