/* Code copyright (c) Willett Consulting Limited 2010-2016 */

/* This style sheet will be included by all browsers. Styles will be overridden
 * by styles in the browser specific style sheets. It contains styles for the main page. */

a
{
  outline: none;
}

body
{
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  overflow: auto;
}

#page
{
  max-width: 900px;
  min-width: 820px;
  height: 100%;
  max-height: 100%;
  background-color: #FFFFFF;
  color: #000000;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  padding: 0;
  font-family: "comic sans MS", sans-serif;
}

#header
{
  border: 0;
  margin: 0;
  padding-top: 10px;
  position: relative;
  height: 125px;
  width: 100%;
}

#headerImage
{
  position: absolute;
  top: 0;
  left: 0;
}

#menu
{
  position: absolute;
  top: 0;
  left: 102px;
  right: 0;
  background-color: #009966;
}

#headerTitle
{
  color: #FFFFFF;
  font-size: x-large;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

.social-icons {
  float: right;
  margin-right: 0.625em;
  word-spacing: 0.25em;
}
.social-icons a {
  display: inline-block;
}
.social-icons a img {
  display: block;
  height: 1em;
  filter: invert(1);
}

#pageTitle
{
  color: #009966;
  position: absolute;
  left: 112px;
  bottom: -10px;
  right: 10px;
}

#contents
{
  color: #000000;
  /* No vertical padding.
   * The horizontal padding should add up to the same as the
   * header, #menuBar, #menuBar li, #menuBar li a */
  padding: 0px 9px;
  height: 100%;
  margin: 0;
}

#footer
{
  width: 100%;
  background-color: #009966;
  color: #FFFFFF;
  overflow: hidden;
  font-size: small;
  margin: 0;
  position: relative;
}

#footer a
{
  color: #FFFFFF;
  text-decoration: none;
}

#footerLeft
{
  float: left;
  /* The vertical padding should match the #menuBar padding.
   * The horizontal padding should add up to the same as the
   * header, #menuBar, #menuBar li, #menuBar li a */
  padding: 3px 9px;
  position: relative;
  z-index: 100;
}

#footerRight
{
  float: right;
  /* The vertical padding should match the #menuBar padding.
   * The horizontal padding should add up to the same as the
   * header, #menuBar, #menuBar li, #menuBar li a */
  padding: 3px 9px;
  position: relative;
  z-index: 100;
}

#footerCentre
{
  width: 100%;
  text-align: center;
  padding: 3px 0px;
  position: absolute;
  bottom: 0;
}

hr
{
  color: #009966;
  background-color: #009966;
}

div.hidden
{
  visibility: hidden;
}

div.mapContent
{
  width: 800px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

div.standardContent
{
  overflow: auto;
  padding: 0px;
  height: 100%;
  margin: 0px;
}

div.innerContent
{
  width: 700px;
  max-width: 700px;
  margin-top: 0px;
  margin-left: auto;
  margin-bottom: 1em;
  margin-right: auto;
  padding: 0;
}

div.innerContent div.published
{
  font-size: 80%;
  color: #009966}

p.poetry
{
  font-family: "Bookman Old Style", serif;
  font-style: italic;
}

ul.unbulleted
{
  list-style: none;
}

h2,
h3,
h4
{
  color: #009966;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.biography
{
  overflow: auto;
}

p.biography img
{
  float: left;
  padding-right: 10px;
}

#leftMenuContent
{
  position: relative;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  overflow: hidden;
}

#leftMenu
{
  float: left;
  width: auto;
  max-width: 200px;
  overflow: auto;
  font-size: 75%;
  background-color: #FFFFFF;
  color: #009966;
  height: 100%;
}

#leftMenu .menuTitleLeft
{
  float: left;
  color: #C0C0C0;
}

#leftMenu .menuTitleLeftLink
{
  float: left;
}

#leftMenu .menuTitleRight
{
  float: right;
  color: #C0C0C0;
}

#leftMenu .menuTitleRightLink
{
  float: right;
}

#leftMenu ul
{
  clear: both;
}

#leftMenu a
{
  color: #009966;
  text-decoration: none;
}

#leftMenu a:hover,
#leftMenu a.hover
{
  color: #FFA500;
  background-color: #009966;
  text-decoration: none;
}

#leftMenu ul
{
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}

#leftMenu ul li
{
  list-style: none;
}

#leftMenu ul li a
{
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #009966;
  text-decoration: none;
}

#rightContent
{
  overflow: auto;
  padding-left: 5px;
  padding-right: 5px;
  height: 100%;
}

#rightContent div.image
{
  width: 450px;
  font-size: 80%;
  color: #009966;
}

#rightContent div.credit
{
  font-size: 80%;
  color: #009966;
  padding-bottom: 10px;
}

img.amazon
{
  float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  border: 0px;
}

div.event
{
  padding-bottom: 15px;
}

table.constitution td
{
  padding: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

table.form
{
  border-collapse: collapse;
  width: 100%;
}

table.form td
{
  vertical-align: top;
}

table.form td.label
{
  text-align: right;
  white-space: nowrap;
  padding-right: 3px;
}

table.form td.heading
{
  font-weight: bold;
}

table.form td.spacer
{
  width: 5px;
}

table.form td input
{
  width: 220px;
}

table.form td input.file
{
  width: 311px;
}

table.form td input.button
{
  width: auto;
}

table.form td select
{
  width: 225px;
}

table.form td textarea
{
  width: 220px;
}

table.form tr.bottomborder td
{
  border-bottom: 1pt solid #000000;
  padding-bottom: 10px;
}

table.form tr.topspace td
{
  padding-top: 10px;
}