body {
	background-color: #E3F8FB;
	color: #000;
	font-family: verdana, tahoma, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: none;
}

#container {
	color: #000;
    margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 900px;	
}
#homecontainer {
	color: #000;
	margin: auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 100%;
}
#content {
  background-color: #fffff0;
	color: #000;
    float: left;
	padding-top: 1em;
	padding-left: 3em;
	padding-right: 2.5em;
    margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 90%;
	text-align: left;
    z-index: -2;
}

#homecontent {
  background: transparent;
  color: #000;
	margin-left: 3em;
	padding-left: 3em;
	padding-right: 2em;
	margin-right: 3em;
	position: relative;
	width: 86%;
}
#content p{
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 1em 1em 1em 1.5em;
}

#content p + p {
	padding-left: 1.5em;
    margin-bottom: 1.5em;
}

/* keep superscript and subscript text from breaking the line-spacing */
#content sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#returntotop {
	padding: 0.75em 0;
	text-align: center;
}
.bold_text{
    font-weight: bold;
}
.top {
	text-align: center;
}

h1 {
	font-weight: normal;
	text-align: center;
}
.headandfoot {
	background-color: #C9DCBA;
}
div.headandfoot {
	margin: 0;
	height: 60px;
}

img#leftflag {
  position: absolute;
	top: 0.5em;
	left: 5em;
}
img#rightflag {
  position: absolute;
	top: 0.5em;
	right: 5em;
}

#homefooter, h1.headandfoot {
	clear: both;
	color: #000;
	float: none;
	font-family: papyrus;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	text-transform: capitalize;
    margin-top: 0;
}
.contentdivider {
	font-family: sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 5%;
	text-transform: capitalize;
}
h3.contentdivider {
	text-align: left;
	text-transform: uppercase;
}
h4.contentdivider {
	text-align: left;
}
h5.contentdivider {
	letter-spacing: 0.25em;
	text-align: center;
    clear: both;
}
.subheader {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.25em;
	text-align: center;
	padding-top: 1em;
	clear: both;
}
h4.subheader {
    font-weight: bold;
}

h4.intro {
	background: #fff5c6;
	border: 2px solid #ccc;
	font-size: 1.1em;
	font-weight: normal;
	margin-top: 0.5em;
	padding: 0.5em;
	position: absolute;
	right: 10px;
	text-align: justify;
	width: 40%;
}
h3.intro {
	font-weight: bold;
	margin-top: 5%;
	text-align: center;
	text-transform: capitalize;
}

p.intro, h5.intro {
	font-family: verdana, tahoma, sans-serif;
	font-weight: normal;
	background-color: #fffff0;
	letter-spacing: 1px;
	padding: 1em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-top: 3em;
	border: 2px solid #ccc;
}
#homecontent p:first-letter { font-size: 200%; }
#homecontent p:first-line { line-height: 100%; }

h4.galleryintro {
	font-family: verdana, helvetica, ariel, serif;
	font-size: 1em;
	font-weight: normal;
	border: 2px solid #000;
	letter-spacing: 2px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	padding: 1em;
	text-align: left;
}
.subject {
	background: #fff5c6;
	border: 2px solid #ccc;
	color: #024;
	font-weight: bold;
	margin-top: 0;
	text-align: center;
}
h3.subject {
	font: 25px sans-serif;
	letter-spacing: 0.5em;
	/* position: relative; */
	width: 480px;
	float: right;
	padding: 20px;
	margin-top: 1em;
}
h4.subject{
	font: 20px cursive;
	letter-spacing: 0.25em;
    word-spacing: 0.5em;
    width: 520px;
    margin-top: 0.5em;
    margin-bottom: 1em;
    float: right;
}

.content_list, .content_list_end {
  font-size: 0.9em;
  font-weight: normal;
	width: 80%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin-left: 1.5em;
}
.content_list_end {
  border-bottom:1px solid #6666ff;
}
ul.content_list {
	border: none;
}

ol.square_list, ol.square_list_largerfont {
  font-size: 1em;
  font-weight: normal;
  list-style-type: square;
}

ol.square_list {
  font-size: 0.9em;
}

ol.square_list_largerfont {
  font-size: 100%;
}


li.square_list {
  padding-bottom: 0.5em;
  padding-left: 1.5em;
}

li.list_commentary, li.quote2_inset {
  list-style: none;
  line-height: 1.5em;
  padding-bottom: 1.5em;

}

li.list_commentary {
  margin-left: 1.5em;
  font-size: 0.9em;
}


li.quote2_inset {
    font-family: verdana, tahoma, sans-serif;
    margin-left: 3em;
    font-size: 100%;
}

li.content_list, li.content_list_end {
	border-left:1px solid #6666ff;
	border-right:1px solid #6666ff;
	border-top:1px solid #6666ff;
}
.verse_list, .verse_list_break {
	font-family: 'Comic Sans MS', cursive;
  font-size: 0.9em;
  font-weight: normal;
	width: 300px;
	padding: 0.5em 0.5em 0.5em 0;
	margin-left: 0.5em;
}

ul.verse_list, ul.verse_list_inset {
	border: none;
}

ul.verse_list_inset {
    margin-left: 2em;
    margin-bottom: 2em;
}

li.verse_list, li.verse_list_break {
  border: none;
}

li.verse_list_break {
 padding-bottom: 1.5em;
}

table.twocol {
border-collapse:collapse;
border: 1px solid #000;
/* width: 100%; */
margin-left: 1.5em;
}
td.twocol {
width: 330px;
padding-left: 20px;
}

table.def {
  border:1px solid black;
}

td.def {
  border:1px solid black;
  padding:15px;
}

span.r_pad {
  padding-right: 1em;
}

span.bigpicp {
	border: none;
	float: right;
	margin: 2em;
}
span.bigpicp_r {
	border: none;
	float: right;
	margin-left: 0.5em;
}
.bigpicp_l {
	border: none;
	float: left;
	margin: 2em;
}
.bigpicl_l {
	border: none;
	float: left;
	margin: 2em 2em 1em 2em;
}
.bigpicp_r {
	border: none;
	float: right;
	margin:  2em;
}
.bigpicl_r {
	border: none;
	float: right;
	margin:  2em;
}
span.bigpicl {
	border: none;
	float: right;
	margin: 2em;
}
span.smallpic {
	border: 2px solid #000;
	float: left;
	margin: 2em;
}
span.smallpic {
	border: 2px solid #000;
	float: left;
	margin: 2em;
}
span.smallpic_r {
	border: 2px solid #000;
	float: right;
	margin: 2em;
}
div.smallpic {
	border: none;
	float: left;
	margin: 2em;
}
div.smallpic_narrow {
	border: none;
	float: left;
	margin: 0.5em;
    display:inline;
    text-align: center;
}
div.smallpic_r {
  border: none;
	float: right;
	margin: 2em;
}
div.pclear, div.pclear_imgdsc {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-left: 1em;
	padding: 0.5em;
	clear: both;
}
div.pclear_imgdsc {
    margin-left: 5.5em;
    margin-right: 5.5em;
}

/* images with captions below (derived from Eric Meyer's Gallery project) */
div.gallery {height: 400px;
  padding: 0; margin: 5px; border: solid 1px;}
div.gfl {
  float:left;
}
div.gfr {
  float:right;
}


div.ls img {height: 300px; margin: 0;}
div.ls ul {
  width: 300px;
}


div.pt img {height: 300px; margin: 0;}
div.gallery ul {border: none; margin: 0.5em 0 0 1em; padding-left: 1em;
  font-size: small;}


li.title {display: block; text-align: center;}

div.pleft, div.pleft_midpic, div.pleft_smallpic, div.pleft_smallpic_mp, div.pleft_tinypic {
	line-height: 1.5em;
	margin-top: 2em;
	margin-left: 1em;
	padding: 0.5em;
	width: 250px;
	float: left;
    text-align: justify;
	clear: both;
}
 div.pleft, div.pleft_midpic, div.pleft_smallpic, div.pleft_tinypic {
    font-size: 0.9em;
 }

div.pleft_smallpic, div.pleft_smallpic_mp {
    width: 400px;
    margin-top: 1em;
}
// outer div for multiple paragraphs
div.pleft_smallpic_mp {
    font-size: 100%;
}

div.pleft_midpic {
    width: 300px;
    margin-top: 1em;
}

div.pleft_tinypic {
    width: 500px;
    margin-top: 1em;
}
div.bigpicl_home_nofloat {
	border: none;
	margin: 2em 2em 16em 2em;
    text-align: center;
}
div.bigpicl_nofloat {
	border: none;
	margin: 2em;
    text-align: center;
}
div.bigpicp_nofloat {
	border: none;
	margin: 2em;
    text-align: center;
}

div.OSmap_dartmoor {
    width: 600px; height: 1200px; border: 1px solid black; margin: 0 auto; clear: both;
}

div.OSmap_very_big {
    width: 750px; height: 750px; border: 1px solid black; margin: 0 auto; clear: both;
}

div.OSmap_big {
    width: 500px; height: 500px; border: 1px solid black; margin: 0 auto;  clear: both;
}

div.OSmap_tall {
    width: 500px; height: 700px; border: 1px solid black; margin: 0 auto;  clear: both;
}

div.OSmap_small {
    width: 400px; height: 400px; border: 1px solid black; margin: 0 auto; clear: both;
}

div.margin_l0 {
    margin-left: 0; padding-left: 0
}

div.margin_r0 {
    margin-right: 0; padding-right: 0
}

.scale_on_hover {
	border: none;
	margin: 2em;
}

div.scale_on_hl {
  float: left;
}
div.scale_on_hr {
  float: right;
}

.scale_on_hover img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.scale_on_hover:hover img {
    -webkit-transform:scale(1.80); /* Safari and Chrome */
    -moz-transform:scale(1.80); /* Firefox */
    -ms-transform:scale(1.80); /* IE 9 */
    -o-transform:scale(1.80); /* Opera */
     transform:scale(1.80);
}

img.bordered {
	border: 2px solid #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #32CD32;
	text-decoration: none;
}
a:hover {
	background-color: #E5E5E5;
	color: #8B8B83;
	text-decoration: none;
}
a span {
	display: none;
}
a:hover span {
	background: #fff;
	color: #000;
	display: block;
	font: 80% verdana, helvetica, ariel, serif;
	left: 5em;
	margin: 10px;
	padding: 5px 5px;
	position: absolute;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	top: 15em;
	width: 100px;
}
span.smcap {
	font-variant: small-caps;
	text-transform: none;
}
a:hover span.rnav { /* rnav links on home page (to be phased out) */
	position:absolute; 
	top: 22em; 
	left: 80%;
} 
a:hover span.lhdr, a:hover span.lhdr_short { /* link on top left of a page */
	left: 179px;
	width: 300px;
    border: 1px solid #000;
	position:absolute; 
	top: 0;
}
a:hover span.lhdr_short {
    width: 80px;
}

a:hover span.image {
  left: 179px;
  position: absolute;
  top: 0;
  width: auto;
  padding: 0;
}


a:hover span.lhome, a:hover span.hover_comment {
	display: block;
	left: 179px;
	margin: 2px;
    border: 1px solid #000;
	position: absolute;
	top: 0;
	z-index: 2;
}

a:hover span.lhome { /* hover comment on home page */
    width: 180px;
}

a:hover span.hover_comment { /* hover comment on other pages */
	width: 300px;
}

a:active {
	color: #8B8B83;
	text-decoration: none;
}

a.headandfoot {
	color: #000000;
	text-decoration: none;
}

.abbr {
  border-bottom: 1px dotted #666;
  font-style: oblique;
  cursor: help;
  padding-right: 2px;
}

/* The following declarations are used for styling the feedback form */
form {
	border: 1px solid #000;
	font-size: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1em;
	width: 27.5em;
}
label {
	float: none;
	margin-left: 2em;
	padding-top: 2em;
	text-align: right;
	width: 64px;
	cursor: pointer;
}
input {
	background: #e8e8e8;
	border: 1px solid #000;
	color: #000;
	margin-left: 2em;
}
input.submit {
	background: #d1d1d1;
	border: 2.5px outset #000;
	color: #000;
	font-size: 1em;
	margin-left: 7em;
	margin-right: 0.5em;
}
input.reset {
	background: #d1d1d1;
	border: 2.5px outset #000;
	color: #000;
	font-size: 1em;
	margin-left: 6em;
	margin-right: 0.5em;
}
textarea#feedback {
	background: #e8e8e8;
	border: 1px solid #000;
	color: #000;
	margin-left: 2em;
}
p.errmsg {
  font-size: 1em;
	line-height: 1.5em;
	padding: 1em 1em 1em 1.5em;
  color: red;
}
// the following two declarations force the reCAPTHCHA display to be indented

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
  background-color:#3399FF !important;

} 
.recaptchatable, div#recap {
  margin-left: 2em;
  padding-left: 2em;
}

#searchform {
	border: none;
	float: none;
}
#searchformsubmit {
	background-color: #87CEEB;
	font-size: 1em;
	margin-bottom: 0.5em;
}
#searchforminput {
	background-color: #ffffff;
	font-size: 1em;
	margin-bottom: 0.5em;
}
#searchformimage {
	padding-left: 2em;
}
#searchform_fr {
	float: right;
}
/* The following class declarations are used for feedback entries or quotations */
div.quote2, div.quote2_clear, p.quote2 {	/* For a separate paragraph or the last line of an entry */
	font-family: 'Comic Sans MS', cursive;
	font-size: 0.95em;
	line-height: 1.5em;
	margin-left: 1.5em;
	padding-bottom: 1.5em;
	padding-top: 0.5em;
}
div.quote2_clear {
  clear: both;
}

div.quote1 {		/* For multiple adjacent lines */
	font-family: 'Comic Sans MS', cursive;
	font-size: 0.9em;
	margin-left: 1.5em;
}
div.quote2_inset, div.quote2_inset_clear, li.quote2_inset {	/* For the last line inset, as for a poem */
	font-family: 'Comic Sans MS', cursive;
	font-size: 0.95em;
	margin-left: 2.5em;
	padding-bottom: 1.5em;
}
div.quote2_inset_clear {
  clear: both;
}
div.quote1_inset {	/* For multiple adjacent lines inset, as for a poem */
	font-family: 'Comic Sans MS', cursive;
	font-size: 0.9em;
	margin-left: 2.5em;
}
/* The div.prequote class declaration is used immediately prior to 
 * feedback entries or quotations 
 * This is the same as the div.closeparas class used for a sequence
 * of paragraphs separated by a smallish gap.
 */
div.prequote, div.closeparas, div.closeparas_inset, div.closeparas_center, div.closeparas_nogap{
	font-family: verdana, tahoma, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-left: 1.5em;
	padding-bottom: 1.5em;
}
div.closeparas_inset {
    margin-left: 3em;
}
div.closeparas_nogap {
    padding-bottom: 0;
}
div.closeparas_center, div.closeparas_center_bordered {
    text-align: center;
    width: 60%;
    margin-left: 19%;
}

div.closeparas_center {
    padding: 2px;
}

div.closeparas_center_bordered {
    padding: 4px;
    border: 4px solid #E3F8FB;
}

div.small_centred {
  margin-left: auto;
  margin-right: auto;
  font-size: small;
  width: 28em;
  text-align: center;
}
div.small_left {
  margin-bottom: 20px;
  margin-top: 0;
  margin-left: 2em;
  margin-right: auto;
  font-size: small;
  // width: 28em;
  text-align: left;
}

/*
a.rss, a.rss:visited {
    background:transparent url(rss.gif) no-repeat scroll left 50%;
    padding-left:1.8em;
}
*/

span.inset20 {
	margin-left: 20%;
}
span.previouspage {
	margin-left: 30%;
}
span.firstpage {
	margin-left: 40%;
}
span.otherpage {
	margin-left: 20px;
}

#menus {
	background-color: #E3F8FB;
	position: relative;
	width: 360px;
	margin-right: 10px;
	padding-bottom: 2em;
	float: left;
}
#homemenus {	/* on home page only */
	background-color: #E3F8FB;
	margin-bottom: 3em;
	position: relative;
	width: 50%;
}

ul.nobottomborder
{
  list-style: none;
  border: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;	/* Width of Menu Items */
	z-index: 2;
	position: relative;
}

ul#nav li{
	position: relative;
}

ul#nav {
    border-bottom: 1px solid #ccc;
}

li ul{
	display: none;
	left: 179px;	/* Set 1px less than menu width */
	position: absolute;
	top: 0;
    border-bottom: 1px solid #ccc;
}
ul#nav li a {
	background: #fff;	/* IE6 Bug */
	border: 1px solid #ccc;	/* IE6 Bug */
	border-bottom: 0;
	color: #777;
	display: block;
	font-size: 90%;
	padding: 5px;
	text-decoration: none;
}
ul#nav li a:hover { 
  color: #E2144A; background: #f9f9f9;
} /* Hover Styles */

/* Holly Hack. IE Requirement */
* html ul li {
	float: left;
	height: 1%;
}
* html ul li a {
	height: 1%;
}
/* end of Holly Hack */
li:hover ul, li.over ul { /* The magic */
	display: block;
}

/* horizontal navigation */
ul#footnav, ul.lrnav {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	width:100%;
	border-bottom: 0;
	} 
ul#footnav li, ul.lrnav li {
	margin-left: 0;
	margin-right: 2px;
	padding-bottom: 5px;
	list-style: none;
	display: inline;
	}
ul#footnav li a, ul.lrnav li a{
  background: #fff;
  padding: 5px;
	border: 1px solid #ccc; 
	color: #777;
	text-decoration: none;
	font-size: 90%;
	}
ul#footnav li a:hover, ul.lrnav li a:hover {
  color: #E2144A;
	background: #f9f9f9;
	}

/* 3-column layout for new home page */
#wrapper {     /* honed to centre the 3-col layout */
    position:relative;
	width:960px;
	margin:0 auto;
    padding-left: 3%;
}

#inner_container{
  background-color:#fffff0;
  float:left;
  width: 500px;
  border-left:180px solid #fff; /* The width and color of the left rail */
  border-right:250px solid #F0FFF0; /* The width and color of the right rail */
}

#leftRail{
  float:left;
  width:180px;
  margin-left:-180px;
  position:relative;
}

#center{
  float:left;
  width:500px;
  margin-right:-500px;
  text-align: left;
}

#rightRail{
  float:right;
  width:250px;
  margin-right:-250px;
  position:relative;
}

#map a:hover {
  cursor: pointer;
}

  // The following gallery styles used on the homepage are derived those used in
  // "A simple CSS photo-album" at http://www.cssplay.co.uk/menu/photo_album.html
  // © 2004-2013 Stu Nicholls - CSS play - All rights reserved.

  /* default link style - needed to make the :active work correctly in IE */
  a, a:visited, a:hover, a:active {
  color:#000;
  }
  /* style the outer containing div to fit the landscape, portrait and buttons */
  #places_holder {
  width:500px;
  height:600px;
  border:1px solid #aaa;
  margin:0 auto 20px auto;
  }
  /* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
  .places_gallery {
  padding:0;
  margin:420px 0 0 0;
  list-style-type:none;
  position:relative;
  width:500px;
  }
  /* remove the default image border */
  .places_gallery img {
  border:0;
  }

  .places_gallery ul {
    border-bottom: none;
  }

  /* make the list horizontal */
  .places_gallery li, .gallery_goto li {
  float:left;
  }

  /* style the link text to be central in a surrounding box */
  .places_gallery li a, .places_gallery li a:visited {
  font-size:11px;
  float:left;
  text-decoration:none;
  color:#000;
  background:#fff;
  text-align:center;
  width:130px;
  height:24px;
  line-height:24px;
  border:1px solid #444;
  margin:2px;
  }



  /* position the images using an absolute position and hide them from view */
  .places_gallery li a img {
  position:absolute;
  top:-350px;
  visibility:hidden;
  border:0;
  }
  /* Show first image in each gallery when none has been selected */
  #firstPlace a img, #firstCharacter a img, #firstVillain a img {
  visibility: visible;
  }

  /* fix the left position for the landscape images */
  .places_gallery li a img.landscape {
  left:75px;
  }
  /* fix the left position and border for the portrait images */
  .places_gallery li a img.portrait {
  left:75px;
  border-left:60px solid #fffff0;
  border-right:60px solid #fffff0;
  }
  /* style the hover background colour for the text boxes */
  .places_gallery li a:hover {
  background:#ddd;
  }
  /* style the active/focus colours for the text boxes (required for IE) */
  .places_gallery li a:active, .places_gallery li a:focus {
  background:#444;
  color:#fff;
  outline:0;
  }
  /* make the images visible on active/focus */
  .places_gallery li a:active img, .places_gallery li a:focus img {
  visibility:visible;
  outline:0;
  }

  .biog_holder {
  width:250px;
  height:600px;
  border:1px solid #aaa;
  margin:0 auto 20px 0;
  }
  /* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
  .biog_gallery {
  padding:0;
  margin:420px 0 0 0;
  list-style-type:none;
  position:relative;
  width:250px;
  }
  /* remove the default image border */
  .biog_gallery img {
  border:0;
  }

  /* make the list horizontal */
  .biog_gallery li {
  float:left;
  }
  /* style the link text to be central in a surrounding box */
  .biog_gallery li a, .biog_gallery li a:visited {
  font-size:11px;
  float:left;
  text-decoration:none;
  color:#000;
  background:#fff;
  text-align:center;
  width:200px;
  height:26px;
  line-height:24px;
  border:1px solid #444;
  margin:2px;
  margin-left: 0px;
  }
  /* position the images using an absolute position and hide them from view */
  .biog_gallery li a img {
  position:absolute;
  top:-355px;
  visibility:hidden;
  border:0;
  }
  /* fix the left position for the landscape images */
  .biog_gallery li a img.landscape {
  left:24px;
  }
  /* fix the left position for the portrait images */
  .biog_gallery li a img.portrait {
  left:12px;
  }
  /* style the hover background colour for the text boxes */
  .biog_gallery li a:hover {
  background:#ddd;
  }
  /* style the active/focus colours for the text boxes (required for IE) */
  .biog_gallery li a:active, .biog_gallery li a:focus {
  background:#444;
  color:#fff;
  outline:0;
  }
  /* make the images visible on active/focus */
  .biog_gallery li a:active img, .biog_gallery li a:focus img {
  visibility:visible;
  outline:0;
  }

  li.gallery_goto {
    width: 26px;
  }

  li.gallery_goto a {
    font-size: 18px;
    width: 26px;
  }