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;}

#navbar {position: absolute; top: 16.5%; margin-left: 0px; width: 15.5%; height: 83%; overflow: auto; border-right-width: 1px; border-right-style: solid; border-right-color: #0000ff;}

#main {position: absolute; top: 16.5%; margin: 0 auto; left: 15.25%; width: 84.5%; height: 83%; overflow: auto;}

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


/* page titles */
h1{color: #ffcc99; 
margin-left: -7.5%; 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;
margin-right: 12.5%; width: 75%;
font-size: 110%; text-align: left;}

h4.center {text-align: center;}

/* image block*/
img.displayed{display: inline-block; margin-left: auto; margin-right: 25%;}

/* 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: #ffcc99; text-decoration: none;}
a:active {color: #ffcc99; text-decoration: none;}
a:visited {color: #ffcc99; text-decoration: none;}

/* table settings (based on http://www.devarticles.com/c/a/Web-Style-Sheets/Building-a-ThreeColumn-Web-Page-Layout-with-DIVBased-CSS-Tables/2/)*/

#datecol, #catcol, #titlecol{display: table-cell;}
#tablewrapper{width: 100%; display: table; margin-left: auto; margin-right: auto; table-layout: fixed; padding: -40%;}
#datecol{width: 35%; padding: 0%; overflow: auto;}
#catcol{width: 40%; padding: 0%; overflow: auto;}
#titlecol{width: 25%; padding: 0%; overflow: auto;}

/* end of table settings*/