/* ---- Basic ---- */

body {
   background-color: #fff;
   color: #000;
   margin: 0;
/*   font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue', 'Helvetica', 'Arial', "Bitstream Vera Sans", sans-serif; */
/*    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', "Bitstream Vera Sans", sans-serif; */
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
/*   font-family: 'Helvetica', 'Arial', "Bitstream Vera Sans", sans-serif; */
   font-size: 11pt;
}

h1, h2, h3,
h4, h5, h6,
b, em, strong {
   font-weight: bolder;
   margin: 0;
}

p {
   margin: 0 0 1.12em 0;
}

h1 {
/*   font-family: inherit; */
/*   color: inherit; */
   font-size: 2em;
   text-align: left;
   margin-bottom: .67em;
   z-index: 2;
   font-weight: 300;
}

h2 {
   font-size: 1.5em;
   margin-bottom: .75em;
   text-align: left;
}

h3 {
   font-size: 1.17em;
   margin-bottom: .83em;
   text-align: left;
}

h4 {
   font-size: 1em;
   margin-bottom: 1.12em;
}

h5 {
   font-size: .83em;
   margin-bottom: 1.5em;
}

h6 {
   font-size: .75em;
   margin-bottom: 1.67em;
}

em {
   font-weight: bolder;
   font-style: normal;
   color: red;
}

img {
   padding: 1em;
}

figure {
  margin: 0 0 2ex 0;
  padding: 0;
}

figcaption {
  font-size: smaller;
  font-style: italic;
  margin: 0ex 2em 1ex 2em;
}

ul {
   list-style: outside;
   margin: 1.12em 0;
   padding: 0;
}

ol {
   margin: 1.12em 0;
   padding: 0;
}

li {
   margin: 0.5ex 2em;
}

ul ul {
   list-style: outside circle;
   margin: 0 0 0 1.12em;
}

table {
   border-collapse: collapse;
}

th {
   text-align: center;
   vertical-align: middle;
   font-weight: bolder;
   border-collapse: collapse;
}

td {
   margin: 0;
   text-align: left;
   vertical-align: middle;
   font-weight: normal;
   border-collapse: collapse;
}

address {
   margin: 2ex 1em;
}

address.right {
   text-align: right;
}

/* ---- Links ---- */

a, a:link,  a:visited {
   color: #306;
   text-decoration: none;
}

a {
   font-weight: bolder;
}

a:hover {
/*   color: inherit; */
   text-decoration: underline;
}

a:active {
   color: #f06;
   text-decoration: underline;
}

/* ---- Fonts ---- */

.italic {
   font-style:italic;
}

.red {
   color: red;
}

.smaller {
   font-size: 0.8em;
}

.larger {
   font-size: 1.1em;
}

.boldtext {
   font-weight: bold;
}

.basefont {
   font: inherit;
}

pre.wrapwords {
   white-space: pre-wrap;
}

/* ---- Main Body ---- */

.fullpage {
  margin:0;
  height:100%;
  width: 100%;
  /* overflow:hidden; */
}

.container {
   margin-left:auto;
   margin-right:auto;
   min-width: 650px;
   max-width: 1500px;
   width:expression(document.body.clientWidth < 650? "650px" : document.body.clientWidth > 1500? "1500px" : "auto");
}

.narrow {
   margin-left:auto;
   margin-right:auto;
   width: 100%;
   min-width: 100px;
   max-width: 600px;
   width:expression(document.body.clientWidth < 100? "100px" : document.body.clientWidth > 600? "600px" : "auto");
}

.midwide {
   margin-left:auto;
   margin-right:auto;
   width: 100%;
   min-width: 200px;
   max-width: 1000px;
   width:expression(document.body.clientWidth < 200? "200px" : document.body.clientWidth > 1000? "1000px" : "auto");
}

.content {
   background: white;
   margin: 0;
   color: black;
   padding: 1ex;
   z-index: 2;
}

 .body {
    padding: 0;
    border: none;
 }

.bodytext {
   margin: 0;
   padding: 0 1em;
   min-width: 200px;
   max-width: 900px;
   width:expression(document.body.clientWidth < 200? "200px" : document.body.clientWidth > 900? "900px" : "auto");
   border: none;
}

.bodywide {
   margin: 0;
   padding: 0 1em;
   border: none;
}

/* ---- Page Layout ---- */

.margined {
   margin: 1ex 1em;
}

.wrapped {
   word-break: break-all;
}

.double li {
   margin: 2ex 2em;
}

.middle {
   position: relative;
   margin-top: 1.5ex;
}

.bottom {
   position: relative;
   bottom: 0;
   margin-top: 1ex;
}

.hidden {
   display: none;
}

.clear {
   clear: both;
   display: block;
}

.block {
   display: block;
}

.block:after {
    clear: both;
}

.inlineblock {
  display: inline-block;
}

.scaled {
   max-width: 96%;
   width: auto;
   height: auto;
}

.halfscaled {
   max-width: 50%;
   width: auto;
   height: auto;
}

.left {
   float: left;
   padding-right: 1em;
}

.leftPad {
   float: left;
   padding-right: 8em;
}

.right {
   float: right;
   padding-left: 1em;
}

.other {
   margin-left: 2em;
   vertical-align: top;
}

.novborder {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
}

.notlrborder {
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
}

.notborder {
   padding-top: 0;
   margin-top: 0;
}

.left25 {
   float: left;
   width: 25%;
}
.left30 {
   float: left;
   width: 30%;
}
.left50 {
   float: left;
   width: 50%;
}

.right50 {
   float: right;
   min-width: 30%;
   max-width: 50%;
}

.maxw100 {
   max-width: 100%;
}

.centred {
   text-align: center;
}

.justified {
   text-align: justify;
}

.lefttext {
   text-align: left;
}

@media screen {
   .right50 {
      padding-left: 2em;
   }
}

.main_caption {
  font-style: italic;
  font-size: 80%;
  margin: 0ex 2em 4ex 2em;
  color: blue;
  border: 1px;
}

.caption {
  font-size: smaller;
  font-style: italic;
  margin: 0ex 2em 4ex 2em;
}

.address {
   margin: 2ex 3em;
}

blockquote {
  border: 1px solid black;
  padding: 1ex 1em;
  margin: 1ex 1em;
}

.blackborder {
   border: 1px solid black;
}

.tbbordered {
   padding-top: 1ex;
   margin-bottom: 1ex;
   border: 0;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}