@charset "utf-8";


body {
  background-color: #64b4e6;
  padding: 1em;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}



/* GENERIC STYLES */


/* Tables used for fancy layout */

/*
  Layout tables should only be used as a last resort. Most layouts can
  be achieved by using inline blocks and floats. When you want to have
  an inline block vertically spanning its container, though, a table is
  required. Uunfortunately, a table cell cannot set a local coordinate
  system for things like border and shadow graphics. Hopefully CSS3 will
  obviate the need for layout tables.
*/


table.layout, table.layoutfill {
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  vertical-align: top;
  empty-cells: show;
}
table.layoutfill {
  width: 100%;
  margin: 0;
}
table.layout td {
  padding: 0;
  text-align: left;
  vertical-align: top;
}
table.layoutfill td {
  padding: 0;
}


/* Headings */


h2, h3, h4, h5, h6, h7, h8, h9 {
  color: black;
}
h1 {
  margin-top: 0;
  margin-bottom: 0.1em;
  color: white;
  font-size: 42pt;
  text-transform: lowercase;
}
h1, h2, h3 {
  line-height: 104%;
}
h2 {
  margin-top: 0;
  margin-bottom: 0.1em;
}




/* Paragraphs and lists */


p {
  color: black;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
ul, ol, dl {
  margin: 1em 0em;
}
li, dt, dd {
  line-height: 120%;
}
ul.spaced, ol.spaced, dl.spaced {
  margin: 0em 0em;
}
ul.spaced li, ol.spaced li, dl.spaced dt, dl.spaced.dd {
  margin: 0.5em 0em;
}


/* Superscripts and subscripts */


sup, sub {
  line-height: 0em;
  font-size: 60%;
}


/* Horizontal rules */


hr {
  border: none;
  border-top: 1px solid black;
  height: 1px;
}


/* Footnotes */


div.footnotes p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 2em;
  font-size: smaller;
}


/* Images */


img {
  border: 2px solid black;
}
img.noborder {
  border: none;
}
div.img {
  line-height: 0;
}


/* Floats, including images and sidebars */


.floatleft {
  margin-right: 0.5em;
  float: left;
}
.floatright {
  margin-left: 0.5em;
  float: right;
}
.floatleft, .floatright {
  margin-top: 0.15em;
  margin-bottom: 0.5em;
}
.floatleft.tightbottom, .floatright.tightbottom {
  margin-bottom: 0.15em;
}
div.sidebar {
  width: 25%;
  margin-top: 0.12em;
  border: 2px solid black;
  background-color: #9f0;
  padding: 0.1em 0.5em;
}
div.sidebar.floatleft {
  clear: left;
}
div.sidebar.floatright {
  clear: right;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.clearboth {
  clear: both;
}


/* Centring and indenting */


.centred {
  text-align: center;
}
.indented {
  margin-left: 2.5em;
  margin-right: 2.5em;
}
.leftindented {
  margin-left: 2.5em;
}
.rightindented {
  margin-right: 2.5em;
}


/* Quoted passages and verses or lyrics */


blockquote {
  margin: 1em 2.5em;
}
blockquote p:before {
  content: open-quote;
}
blockquote p {
  /*hanging-punctuation: start;*/ /* not widely supported yet. */
  text-indent: -0.4em;
}
blockquote p:after {
  content: no-close-quote;
}
blockquote p:last-child:after {
  content: close-quote;
}
.verse {
  font-style: italic;
}
blockquote.verse p {
  text-indent: 0;
}
blockquote.verse p:before,
blockquote.verse p:after,
blockquote.verse p:last-child:after {
  content: "";
}
div.quotesource {
  page-break-before: avoid;
  text-align: right;
  font-style: italic;
  font-size: smaller;
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 2.5em;
  margin-right: 2.5em;
}
div.quotesource:before {
  content: "\2014";
}


/* Source code */


pre.code {
  text-align: left;
  white-space: pre-wrap;
}


/* Hyperlinks */


a:link, a:visited {
  text-decoration: none;
  font-weight: bold;
}
a:link:hover, a:visited:hover {
  text-decoration: underline;
}
a:link, a:link:hover {
  color: white;
}
a:visited, a:visited:hover {
  color: #309;
}
a:link:active, a:visited:active {
  color: red;
}


/* Image Hyperlinks */


a:link img {
  border-color: white;
}
a:link:hover img {
  border-color: white;
}
a:visited img {
  border-color: #309;
}
a:visited:hover img {
  border-color: #309;
}
a:link img:active, a:visited img:active {
  border-color: red;
}


/* Simple tables */


table.simple {
  border-collapse: collapse;
  empty-cells: show;
  margin: 1em auto;
}
table.simple caption {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-style: italic;
}
table.simple th, table.simple td {
  padding: 0.02em 0.33em;
}
table.simple thead th {
  border-bottom: 1px solid black;
}
table.simple thead th.norule {
  border-bottom: none;
}
table.simple tfoot th {
  border-top: 1px solid black;
}
table.simple tfoot th.norule {
  border-top: none;
}
table.simple colgroup {
  border-left: 1px solid black;
}
table.simple colgroup.first {
  border-left: none;
}
table.bordered {
  border: 1px solid black;
}


/* Flowing boxes and images */


div.flowblocks {
  word-spacing: 0.25em;
}
div.flowblocks > *, div.flowblocks > a > * {
  margin: 0.25em 0em;
}
div.flowblocks > div {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
}
div.flowblocks.spaced {
  word-spacing: 3em;
}


/* Abbreviations and Acronyms */


abbr, acronym {
  border-bottom-color: #368;
}
div.sidebar abbr,
div.sidebar acronym {
  border-bottom-color: #6b0;
}