#site {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT: 12px Georgia, "Times New Roman", Times, serif; BORDER-LEFT: #999999 1px solid; WIDTH: 950px; COLOR: #000000; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
#navigation {
	PADDING-LEFT: 20px; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid; TEXT-ALIGN: left
}

#navigation A:link {
	COLOR: #555; TEXT-DECORATION: none
}

#navigation A:hover {
	COLOR: #000; BACKGROUND-COLOR: silver; TEXT-DECORATION: none
}

#navigation .selected {
    font-weight: bold;
}

#subnavigation {
	PADDING-LEFT: 40px; FONT-SIZE: 16px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #999999 1px solid; TEXT-ALIGN: left
}

#subnavigation A:link {
	COLOR: #555; TEXT-DECORATION: none
}

#subnavigation A:hover {
	COLOR: #000; BACKGROUND-COLOR: silver; TEXT-DECORATION: none
}

#mainbody {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-TOP: 6px; PADDING-BOTTOM: 10px; TEXT-ALIGN: left
}
.content {
	FONT-SIZE: 12pt; PADDING-RIGHT: 20px;
	overflow:auto; 
}
#header {
	BORDER-BOTTOM: #999999 1px solid; HEIGHT: 70px;
}
A:link {
	COLOR: #555; TEXT-DECORATION: none
}
A:visited {
	COLOR: #555; TEXT-DECORATION: none
}

A:hover {
	COLOR: #000; BACKGROUND-COLOR: silver; TEXT-DECORATION: none
}
A:active {
	COLOR: #333333; TEXT-DECORATION: none
}
.body-subtext {
	FONT-SIZE: 10pt
}
.body {
	FONT-SIZE: 12pt
}
.body-headings {
	DISPLAY: block; FONT-SIZE: 125%; BORDER-BOTTOM: #999999 1px solid
}
.page-headings {
	DISPLAY: block; FONT-SIZE: 200%; BORDER-BOTTOM: #999999 1px solid
}
.images-left {
	PADDING-RIGHT: 20px; FLOAT: left; PADDING-BOTTOM: 10px; FONT: 10px "Lucida Grande", Lucida, Verdana, sans-serif; TEXT-ALIGN: left
}
.images-right {
	PADDING-LEFT: 20px; FLOAT: right; PADDING-BOTTOM: 10px; FONT: 10px "Lucida Grande", Lucida, Verdana, sans-serif; TEXT-ALIGN: left
}
.images-centre {
	margin-left: auto; margin-right : auto;  PADDING-BOTTOM: 10px; FONT: 10px "Lucida Grande", Lucida, Verdana, sans-serif; TEXT-ALIGN: left
}
.images-title {
	text-align:center;; padding-top: 3px
}
.taken-book {
	text-align:center;; padding-top: 3px; color: red;
}
#footer-navigation {
	PADDING-LEFT: 20px; FONT-SIZE: 14px; FLOAT: left; VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}
#footer {
	CLEAR: both; PADDING-RIGHT: 20px; BORDER-TOP: #999999 1px solid; VERTICAL-ALIGN: middle; PADDING-TOP: 8px; HEIGHT: 30px; TEXT-ALIGN: right
}
.caption {
	FONT: 10px "Lucida Grande", Lucida, Verdana, sans-serif
}
#sponsors {
	PADDING-RIGHT: 10px; MARGIN-TOP: 25px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; FONT: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; WIDTH: 150px; COLOR: gray; MARGIN-RIGHT: 15px; PADDING-TOP: 10px
}
#bookVerticalMenu {
	BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; FONT-SIZE: 16px; PADDING-RIGHT: 10px; MARGIN-TOP: 25px; MARGIN-BOTTOM: 25px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 180px; MARGIN-RIGHT: 15px; PADDING-TOP: 10px
}
#homeEast {
	BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; FONT-SIZE: 16px; PADDING-RIGHT: 10px; MARGIN-TOP: 10px; MARGIN-BOTTOM: 25px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 300px; MARGIN-RIGHT: 15px; PADDING-TOP: 0px
}

// Added by me
div.glossary {
  float: left;
  margin: 1em 1ex 2em 1ex;
  padding: 1em 1ex 2em 1ex;
}
div.glossary-row {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 10px;
}
div.glossary-row div.glossary-term {
  float: left;
  width: 150px;
  text-align: left;
  padding: 0ex 0.5ex 0ex 0ex;
}
div.glossary-row div.glossary-description {
  float: left;
  text-align: left;
  padding: 0ex 0ex 0ex 2ex;
  width: 650px;
}
div.glossary-row div.glossary-toolbar {
  float: right;
  text-align: left;
  padding: 0ex 0ex 0ex 2ex;
  padding-right: 20px;
}

div.gobbet {
  padding-right: 20px;
}

div.gobbet-row {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.gobbet-row div.gobbet-page {
  float: left;
  padding-top: 10px;
  text-align: left;
}
div.gobbet-row div.gobbet-toolbar {
  float: right;
  padding-top: 10px;
  text-align: right;
}

div.section {
	overflow:auto;
}

   /* Stop the blue border around a clickable image */
   a img {
	border-style: none;
   }
   
h1 {
	DISPLAY: block; FONT-SIZE: 200%;
}

h2 {
	DISPLAY: block; FONT-SIZE: 125%;
}

.licence {
  padding-top: 3px;
  padding-right: 3px;
}