body {width: 100%; text-align: center;}

/* page elements */

#heading {position:absolute; background-color: #ffffff; top: 0px; left: 0px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #c0c0c0; width: 100%; height: 15%; overflow: hidden; text-align: center;}
#main {position:absolute; background-color: #ffffff; top: 15.75%; text-align: center; margin: 0 auto; left: 0px; width: 100%; height: 83.5%; overflow: auto;}

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

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

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

h3.left {text-align: left;}

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

h4.left {text-align: left;}

h4.right {text-align: right;}

h4.blockquote {margin-left: 20%; font-style: italic; width: 60%;}

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

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

hr {border-style: solid; border-color: #0000ff; border-width: 2px}