body {width: 100%; text-align: center; background-color: #000000; margin: 0px;}

/* page elements */

#heading {position: absolute; top: 0px; left: 0px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #0000ff; width: 100%; height: 15%; overflow: hidden;}
#main {position: absolute; top: 16%; margin: 0 auto; left: 0px; width: 99.8%; height: 83.5%; overflow: auto;}

hr {border-style: dotted; border-color: #0000cc; border-width: 1px}

/* page titles */
h1{color: #ffcc99; 
margin-left: -15px; margin-right: auto; font-family: Buckingham, "Times New Roman", serif;  
font-size: 200%; font-weight: bold;}

/* item dates */
h2{color:#ffcc99; font-weight: bold;  font-family: Buckingham, "Times New Roman", serif;
margin-left: auto; margin-right: auto; width: 75%;
font-size: 125%;}

/* item titles */
h3{color:#ffcc99; font-weight: bold;  font-family: "Times New Roman", serif;
text-decoration: underline; margin-left: auto; margin-right: auto; width: 75%;
font-size: 115%;}

h3.left {text-align: left}

/* standard text */
h4{color:#ffcc99; font-weight: normal; font-family: "Times New Roman", serif;
text-align: left; margin-left: 12.5%; width: 75%;
font-size: 110%;}

h4.center {text-align: center;}

h4.right {text-align: right;}

h4.blockquote {text-align: center; margin-left: 17.5%; font-style: italic; width: 65%;}

/* lists*/

ul{list-style-type: disc; color:#ffcc99; font-weight: normal; font-family: "Times New Roman", serif;
margin-left: 15%; margin-right: auto; width: 60%;
font-size: 110%; text-align: left;}

ol{color:#ffcc99; font-weight: normal; font-family: "Times New Roman", serif;
margin-left: 15%; margin-right: auto; width: 60%;
font-size: 110%; text-align: left; }

li{margin-bottom: 10px;}

/* link colours  - must always be in order link-visited-focus-hover active*/

a:link {color: #33ccff}
a:active {color: #33ccff}
a:visited {color: #ffd3f2}