body
{	background-color: #FFEFD5;
 	color: black;
}
table
{	font-family: serif; text-align: left;
}
table.Centred
{	font-family: serif; text-align: center;
}
p
{	font-family: sans-serif; font-size: medium;
}
p.Normal
{	font-family: sans-serif; color: black; font-size: medium; text-align: Left;
}
span.SmallCaps {
    text-transform:lowercase;
    font-variant: small-caps;}
h1, h2, h3, h4, h5, h6
{	font-family: sans-serif; color: black; 
}
img
{	border:0px none;
}
.ImageMiddle
{	vertical-align:middle;
}
.Subhead
{	font-family: sans-serif; color: black; font-weight: bold; text-align: Left; 
}
.BoldRight
{	font-family: sans-serif; color: black; font-size: medium; font-weight: bold; text-align: Right;
}
.SmallBoldLeft
{	font-family: sans-serif; color: black; font-size: x-small; font-weight: bold; text-align: Left;
}
.SmallBoldRight
{	font-family: sans-serif; color: black; font-size: x-small; font-weight: bold; text-align: Right;
}
.SmallBoldCentre
{	font-family: sans-serif; color: black; font-size: x-small; font-weight: bold; text-align: Center;
}
.VerySmallLeft
{	font-family: sans-serif; color: black; font-size: xx-small; text-align: Left;
}
.VerySmallCentre
{	font-family: sans-serif; color: black; font-size: xx-small; text-align: Center;
}
.VerySmallRight
{	font-family: sans-serif; color: black; font-size: xx-small; text-align: Right;
}
.SmallLeft
{	font-family: sans-serif; font-size: small; text-align: Left;
}
.SmallRight
{	font-family: sans-serif; font-size: small; text-align: Right;
}
.SmallItalic
{	font-family: sans-serif; font-size: small; text-align: Left; font-style: italic;
}
.SmallCentred
{	font-family: sans-serif; font-size: x-small; text-align: Center;
}
.BoldMidSmallLeft
{	font-family: sans-serif; font-size: small; text-align: Left; font-weight: bold; 
}
.BoldMidSmallRight
{	font-family: sans-serif; font-size: small; text-align: Right; font-weight: bold; 
}
.BoldMidSmallItalic
{	font-family: sans-serif; font-size: small; text-align: Left; font-style: italic; font-weight: bold; 
}
.BoldMidSmallCentred
{	font-family: sans-serif; font-size: small; text-align: Center; font-weight: bold; 
}
.BigHeading
{	font-family: sans-serif; color: black; font-size: xx-large; font-weight: bold; text-align: Center;
}
.CentredHeading
{	font-family: sans-serif; color: black; font-size: large; font-weight: bold; text-align: Center;
}
.Heading
{	font-family: sans-serif; color: black; font-size: large; font-weight: bold;
}
.CentredText
{	font-family: sans-serif; text-align: Center;
}
.Left
{	font-family: sans-serif; color: black; text-align: Left;
}
.Right
{	font-family: sans-serif; color: black; text-align: Right;
}
p.Quote
{	font-family: sans-serif; color: black; margin-left: 3em; margin-right: 3em;
}
.Listed
{	font-family: sans-serif; color: black; font-size: x-small; font-weight: bold;
}
.Red
{	color: #dd0000;
}
.Purple
{	color: #800080;
}
.Navy
{	color: #000080;
}
.DarkYellow
{	background: #FFCC00;
	color: black;
}
.BoldUnderline
{	font-weight: bold;
	text-decoration: underline;
}
.Bold
{	font-weight: bold;
}
.RightItalic
{	font-style: italic;
	text-align: right;
}
div#main
{	float: left;
	width: 100%;
	color: black;
}
div#footer
{	float: left;
	width: 100%;
	height: 3px;
	margin-top: 12px;
	border-top: solid #000 2px;
	text-align: left;
	color: black;
}
div#footerleft
{	float: left;
	width: 50%;
}
div#footerright
{	float: left;
	width: 50%;
	display: block;
	margin: auto;
}
div#bookleft
{	float: left;
	width: 25%;
	height: 150px;
	display: block;
	margin: auto;
}
div#bookright
{	float: left;
	width: 75%;
}
html {
   /* Keeps page centred in all browsers regardless of content height */
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
} 
*.site-main {
  *zoom: 1;
  max-width: 72.286em;
  _width: 72.286em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.538em;
  padding-right: 1.538em;
  margin-bottom: 4.5em;
}
*.site-main:after {
  content: "";
  display: table;
  clear: both;
}

ul.subnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top:3px;
    overflow: hidden;
    background-color: white;
}
ul.subnav li {
	float: left;
	font-family:sans-serif;
}
ul.subnav li a {
    display: block;
    color: black;
    text-align: center;
    padding: 10px;
    text-decoration: none;
}
ul.subnav li a:hover:not(.active) {
	background-color: Black;
	color:white;
}
ul.subnav li a.active {
	background-color: Purple;
	color:white;
}
ul.subnav li.right {
	float: right;
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top:3px;
    overflow: hidden;
    background-color: #FFDD00;
}
ul.topnav li {
	float: left;
	font-family:sans-serif;
}
ul.topnav li a {
    display: block;
    color: black;
    text-align: center;
    padding: 10px;
    text-decoration: none;
 }
ul.topnav li a:hover:not(.active) {
	background-color: Black;
	color:white;
}
ul.topnav li a.active {
	background-color: Purple;
	color:white;
}
ul.topnav li.right {
	float: right;
}

@media (min-width: 600px) {
.footerleft
{	float: left;
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
}
.footerright
{	float: left;
	width: 50%;
	margin: auto;
	display: block;
	padding: 0 20px;
	box-sizing: border-box;
}
.bookleft {
	float: left;
	width: 25%;
	display: block;
	margin: auto;
	height: 150px;
	padding: 0 20px;
	box-sizing: border-box;
}
.bookright {
	float: left;
	width: 75%;
	padding: 0 20px;
	box-sizing: border-box;
	}
}
@media screen and (max-width: 600px){
    ul.topnav li.right, ul.topnav li, ul.subnav li.right, ul.subnav li { float: none; }
}