@charset "UTF-8";
/*! RGS Main CSS file generated from SCSS in UTF8 £
*/
/* Standard colors  */
/*#c1f0c1; */
/*  /* #c1f0c1; */
/*  #6cabf9; */
/* #79d2a0, #ecf9f1 ); */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000; }

html {
  overflow-y: scroll;
  /* force scroll bars to stop centering jump when one not needed */ }

body {
  text-align: center;
  /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  font-size: 16px;
  /* 1em; */
  line-height: 1.4; }

html li, html div {
  border: solid 0px transparent; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #3399ff;
  text-shadow: none; }

::selection {
  background: #3399ff;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid black;
  /* was #333; */
  margin: .5em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  font-family: helvetica,sans-serif;
  /*
  background-image:url(stonbk.jpg);
  */
  background-color: white;
  /*#ffffe6; */ }

textarea {
  resize: none;
  /* disable resize of text box in chrome/safari */ }

a {
  color: #3399ff;
  text-decoration: none;
  border: 0; }
  a:visited {
    color: #3399ff; }
  a:hover {
    color: red; }
  a img {
    border-color: black;
    border: none; }

abbr {
  cursor: help; }

#container {
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  /* this overrides the text-align: center on the body element. */
  font-family: helvetica,sans-serif;
  font-weight: bold;
  background-color: transparent;
  border-left-color: #333333;
  position: relative; }

#header {
  padding: 0 0px;
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
  width: 1024px;
  /*1024px; */
  text-align: center;
  color: #660000;
  border-bottom-style: none;
  visibility: visible;
  margin: 0 auto -3px auto;
  border-top-color: #333333;
  border-bottom-color: #333333;
  border-top-width: medium;
  position: relative; }
  #header h1 {
    text-align: center;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: 0px;
    position: absolute;
    right: 220px;
    top: 25px;
    color: black;
    font-size: 300%;
    /*3em; */ }
  #header img {
    padding: 0;
    margin: 0; }
  #header .bannerimg {
    width: 1020px;
    height: 100px;
    border: black solid 2px;
    background-image: linear-gradient(to right, #339966, #ecf9f1);
    /*background-color:#e6ffee; */ }
  #header .logoimg {
    border: black solid 2px;
    position: absolute;
    top: 30px;
    right: 30px;
    height: 60px;
    width: 60px; }

#navbar {
  width: 111px;
  /*6.3em; */
  margin: 0;
  text-align: left;
  background-image: linear-gradient(to right, #339966, #ecf9f1);
  /* background-color:#e6ffee; /* #CEF0D3;  #FFFFFF; #6C6C6C; */
  color: black;
  /* #00c633; */
  float: left;
  min-height: 395px;
  border: solid black 2px; }
  #navbar ul {
    border: 0;
    padding: 10px 0 10px 2px; }

#mainContent {
  background-color: white;
  /*#ffffe6; */
  padding: 5px 9px;
  /* top and bottom padding create visual space within this div */
  margin: 0px 0 0 116px;
  text-align: justify;
  font-weight: normal;
  color: black;
  border: solid black 2px;
  overflow: hidden;
  width: 885px;
  min-height: 395px; }
  #mainContent p.justify {
    text-align: justify; }
  #mainContent div.mailform {
    width: 90%;
    margin: 0 auto; }
  #mainContent h2.formhd {
    text-align: left;
    padding-left: 2%; }
  #mainContent p.mainnewstext {
    padding: .5em 2px .5em 2px;
    font-size: 15px;
    line-height: 1.1em;
    text-align: center;
    color: #b35900;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    border: solid 1px #004d1a;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  #mainContent div.mid {
    width: 646px;
    padding: 0 4px;
    overflow: hidden;
    float: left; }
  #mainContent #photopad {
    display: none; }
  #mainContent div.advert {
    border: solid red 3px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 2px;
    margin: 3px auto 3px auto;
    width: 98%; }
    #mainContent div.advert p {
      text-align: center; }
      #mainContent div.advert p.hline1 {
        color: red;
        font-size: 20px;
        font-weight: bold;
        margin: 0; }
      #mainContent div.advert p.hline2 {
        font-size: 18px;
        font-weight: bold;
        margin: 0; }
      #mainContent div.advert p.advtxt {
        font-size: 16px;
        margin: 0; }
  #mainContent h1 {
    font-size: 24px;
    text-align: center;
    margin: .5em 0;
    font-weight: bold; }
  #mainContent h1.left, #mainContent h2.left {
    text-align: left;
    padding-left: 20px; }
  #mainContent h2 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0.5em 0; }
  #mainContent h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0.3em 0; }
  #mainContent h4 {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    margin: 0 2px;
    padding: 0 4px; }
  #mainContent p {
    text-align: left; }

#sidebar1 {
  float: right;
  width: 192px;
  background: transparent;
  padding: 5px 0 0 5px;
  text-align: left;
  color: black;
  border: solid 2px #004d1a;
  /* was brown; */
  margin-top: 0.6em; }
  #sidebar1 h2 {
    margin: 4px 10px 0 10px;
    font-size: 14px;
    color: #004d1a;
    /* was #660000; */
    text-align: left;
    padding-left: 1em; }
  #sidebar1 h1.left,
  #sidebar1 h2.left {
    text-align: left; }

#sidebar2 {
  float: right;
  width: 224px;
  /* 14em; since this element is floated, a width must be given */
  background: transparent;
  /* #CCCCCC; the background color will be displayed for the length of the content in the column, but no further */
  padding: 5px 0 0 5px;
  /* top and bottom padding create visual space within this div */
  text-align: left;
  color: black;
  margin-top: 0.6em; }
  #sidebar2 br.narrow {
    line-height: 0; }
  #sidebar2 .clearfloat {
    display: none; }
  #sidebar2 h2 {
    margin: 4px 10px 0 10px;
    /* the left and right margin should be given to every element that will be placed in the side columns */
    font-size: 14px;
    color: #004d1a;
    /*#660000; */
    text-align: center; }
  #sidebar2 .side_ann {
    float: left;
    width: 214px;
    margin: 0 5px;
    padding: 0 3px 0 3px; }
  #sidebar2 .annhead {
    margin: 0 5px 1em 5px;
    /* the left and right margin should be given to every element that will be placed in the side columns */
    color: #FF0000;
    font-size: 18px;
    text-align: center;
    border: solid #004d1a 1px;
    /*  was red */
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px; }
    #sidebar2 .annhead a {
      color: #3399ff;
      /*  was red */
      text-decoration: none; }
      #sidebar2 .annhead a:hover {
        color: red;
        /* was blue */ }
  #sidebar2 .anntitle {
    margin: 1px 5px 1px 5px;
    /* the left and right margin should be given to every element that will be placed in the side columns */
    color: #004d1a;
    /* #660000; */
    font-size: 16px;
    text-align: left; }
  #sidebar2 .anntxt {
    margin: 1px 5px 1px 5px;
    /* the left and right margin should be given to every element that will be placed in the side columns */
    color: #004d1a;
    /*  was #660000; */
    font-size: 12px;
    text-align: left;
    position: relative; }
  #sidebar2 .progev {
    border: solid 1px #004d1a;
    /*  was brown; */
    margin-top: -1px; }

#sidebar1 h3,
#sidebar2 h3 {
  margin: 3px 10px 0 10px;
  /* the left and right margin should be given to every element that will be placed in the side columns */
  background-color: transparent;
  /* #CCCCCC; */
  font-size: 12px; }
#sidebar1 p,
#sidebar2 p {
  margin: 2px 10px 0 10px;
  /* the left and right margin should be given to every element that will be placed in the side columns */
  background-color: transparent;
  /* #CCCCCC; */
  font-size: 12px; }
#sidebar1 h1,
#sidebar2 h1 {
  margin: 2px 10px 0 10px;
  /* the left and right margin 10px should be given to every element that will be placed in the side columns */
  font-size: 16px;
  text-align: center;
  color: #004d1a;
  /*  was brown; */ }
#sidebar1 a,
#sidebar2 a {
  color: #3399ff; }
  #sidebar1 a:hover,
  #sidebar2 a:hover {
    color: red; }

#committee {
  border: solid 1px #004d1a;
  /* was brown; */ }
  #committee h2 {
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: center; }
  #committee h3 {
    margin-top: 3px;
    margin-bottom: 1px;
    text-align: center; }
  #committee p {
    margin-top: 0px;
    margin-bottom: 2px;
    text-align: center; }

div #contactinf p {
  text-align: center; }

#reports, #photos, #evtlist {
  background-color: transparent;
  /*#ffffe8; */ }

#news {
  background-color: transparent;
  /*#ffffe8;  */ }
  #news h2.nlet {
    margin: .4em 0 0.2em 0;
    text-align: center;
    font-size: 19px;
    font-weight: bold; }
  #news ul.hlist {
    margin: 0;
    padding: 0 2px;
    list-style-type: none;
    height: 50px;
    margin: auto; }
  #news li.list {
    float: left;
    padding-bottom: 5px;
    width: 83px;
    margin: 0 20px;
    color: black; }
  #news div.nlbutton {
    text-align: center;
    border: solid 1px black;
    background-color: #79d2a0;
    /*#FFB663; */
    color: black; }
  #news a div.nlbutton:hover {
    background-color: #004d1a;
    color: white; }
  #news a div.nlbutton:active {
    background-color: #004d1a;
    color: white;
    position: relative;
    top: 1px; }

#lreps {
  background-color: transparent;
  padding: 2px 4px;
  text-align: left; }
  #lreps .reptable {
    width: 98%;
    border: none; }
    #lreps .reptable tr {
      width: 99%; }
    #lreps .reptable td {
      padding: 2px 2px;
      vertical-align: top; }
      #lreps .reptable td.bold {
        font-weight: bold; }

#slideshow {
  background-color: black;
  position: relative;
  background-image: none;
  max-height: 100%;
  height: 100vh; }

div#ssoverlay {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 75%;
  background-color: transparent;
  border: none;
  text-align: right;
  line-height: 1.15; }
  div#ssoverlay button {
    border: none;
    color: grey;
    background-color: black;
    padding: 0.1% 0.1%;
    text-align: center;
    cursor: pointer;
    width: 3.25%;
    height: auto;
    overflow: hidden; }
    div#ssoverlay button img {
      overflow: hidden;
      margin: 0;
      width: 200%;
      height: auto;
      display: block;
      border: none; }
      div#ssoverlay button img:hover {
        position: relative;
        right: 100%;
        border: none; }
  div#ssoverlay button#ssstop {
    background-color: #3399ff; }
  div#ssoverlay button#ss_kickoff {
    opacity: 100%;
    height: auto;
    width: 500px;
    padding: 3px 3px;
    background-color: #3399ff;
    color: black;
    font-weight: bold;
    font-size: 250%;
    position: relative;
    display: block;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%); }

div#sspicture {
  height: 100vh;
  width: 100vw; }
  div#sspicture img {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: none;
    object-fit: contain;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  div#sspicture video {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: none;
    object-fit: contain;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

#reports {
  position: relative; }
  #reports .tip {
    padding-left: 2px;
    padding-top: 2px;
    font-size: 16px;
    line-height: 1.2em;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: normal;
    width: 800px;
    top: 10px;
    left: 0;
    font-style: normal; }
  #reports h2.nlet {
    margin: .4em 0 0.2em 0;
    text-align: center;
    font-size: 19px;
    font-weight: bold; }
  #reports ul.hlist {
    margin: 0;
    padding: 0 2px;
    list-style-type: none;
    margin: auto; }
  #reports li.list {
    float: left;
    padding-bottom: 5px;
    width: 202px;
    margin: 0 4px;
    color: black; }
  #reports a.rbutton:hover {
    background-color: #004d1a;
    color: white;
    border: solid 1px red; }
  #reports a.rbutton:active {
    background-color: #004d1a;
    color: white;
    position: relative;
    top: 1px; }
  #reports .rbutton {
    text-align: center;
    font-size: 14px;
    border: solid 1px black;
    background-color: #79d2a0;
    /* #FFB663; */
    height: 205px;
    color: black;
    overflow: hidden;
    display: inline-block; }
  #reports .defimg {
    width: 200px;
    height: 159px; }

#footer {
  padding: 0 10px;
  /* this padding matches the left alignment of the elements in the divs that appear above it. */
  background: transparent;
  /* #DDDDDD; */
  line-height: normal;
  border-top: #004d1a solid 1px;
  margin-top: 5px;
  color: #000; }
  #footer .navbottom {
    list-style-type: none;
    height: 30px;
    width: 900px;
    line-height: 30px;
    padding: 0;
    margin: auto; }
  #footer .nav {
    font-size: 12px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px; }
  #footer .active {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    text-align: center; }
  #footer ul a {
    display: block;
    line-height: 30px;
    text-decoration: none;
    color: black; }
  #footer li {
    width: 100px;
    float: left;
    font-family: helvetica, sans-serif;
    font-size: 12px;
    color: grey;
    text-align: center; }
  #footer a:hover {
    color: red; }
  #footer p {
    margin: 0;
    padding: 10px 0; }

#copy {
  font-size: 12px;
  float: left; }

#pdf {
  width: 100%;
  height: 800px;
  margin: 0 auto;
  border: 0px none; }
  #pdf p {
    padding: 1em; }
  #pdf object {
    display: block;
    border: solid 2px black;
    width: 99%;
    height: 99%; }

#map {
  display: none; }

#photos {
  position: relative; }
  #photos h3 {
    text-align: center;
    font-weight: normal;
    margin: 0; }
  #photos .phentry {
    float: left;
    padding: 4px 2px;
    width: 210px;
    height: 257px;
    overflow: hidden;
    border: solid 1px transparent; }
    #photos .phentry img {
      margin: 0 auto;
      display: block;
      border: solid black 1px; }
      #photos .phentry img:hover {
        border: solid 1px red; }
    #photos .phentry p {
      margin: 3px 0;
      text-align: center;
      font-size: 14px; }
  #photos .tip {
    padding-left: 2px;
    padding-top: 2px;
    font-size: 12px;
    line-height: 1em;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: normal;
    position: absolute;
    width: 25%;
    top: -50px;
    left: 0;
    font-style: italic; }
  #photos .bigchar {
    float: left;
    font-size: 36px;
    width: 40px;
    height: 60px;
    padding: 0 0px;
    vertical-align: middle;
    overflow: hidden; }
    #photos .bigchar img:hover {
      position: relative;
      right: 40px; }
  #photos .bigthumb {
    margin: 0 auto;
    display: block;
    vertical-align: top;
    border: solid 1px black;
    width: 95%; }
  #photos .mainpic {
    float: left;
    margin: 0;
    width: 800px;
    overflow: hidden;
    text-align: center; }
    #photos .mainpic p {
      text-align: center;
      font-size: 20px;
      margin: 0 0 5px 0; }

html.js #mapimg {
  margin: 0 auto;
  width: 0px;
  display: none; }
html.js #mapbut {
  background-color: #e6e6e6;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #000000;
  display: inline-block;
  color: #333333 !important;
  font-family: helvetica,sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 20px;
  text-decoration: none;
  margin: 2px; }
  html.js #mapbut:hover {
    background-color: #79d2a0;
    color: black !important; }
  html.js #mapbut:active {
    position: relative;
    top: 1px; }
html.js #map {
  margin: 0 auto;
  width: 100%; }
  html.js #map .mapframe {
    width: 95%;
    height: 400px; }
html.no-js #mapbut {
  display: none; }
html.no-js #mapimg {
  margin: 0 auto;
  width: 100%;
  display: block; }

div #reports {
  margin-bottom: 5px; }
  div #reports h4 {
    margin-bottom: 5px; }
  div #reports .section {
    width: 800px;
    z-index: 1;
    position: relative;
    margin: 20px auto 30px auto;
    border: solid 1px black;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px; }
    div #reports .section h1 {
      text-align: left;
      padding-left: 20px;
      margin-top: -20px;
      margin-left: 0px;
      position: absolute;
      left: 10px; }

div#dispevt {
  padding-left: 2px;
  padding-top: .5em;
  font-size: 15px;
  line-height: 1.25em;
  text-align: left;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: normal;
  position: relative; }
  div#dispevt ul {
    margin: 2px 20px; }
  div#dispevt ol {
    margin: 2px 20px; }

/* ==========================================================================
   MCAB classes
   ========================================================================== */
label.label {
  text-align: left;
  margin-right: 1px;
  display: block; }

label.roblabel {
  text-align: left;
  margin-right: 1px;
  display: none; }

div.contactform {
  width: 95%;
  font-size: 16px;
  padding: 10px;
  margin: 5px 2px 10px 2px;
  text-align: justify;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: black solid 1px; }

div.entryform {
  width: 490px;
  font-size: 16px;
  padding: 15px;
  margin: 5px 5px 10px 5px;
  text-align: justify;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

div.simplecal {
  width: 400px;
  float: left;
  padding: 15px;
  margin: 5px 5px;
  text-align: left;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.maintext {
  padding-left: 2px;
  padding-top: .5em;
  font-size: 15px;
  line-height: 1.1em;
  text-align: left;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: normal; }

img.homeleft {
  float: left;
  border: solid 1px black;
  width: 180px;
  margin-right: 5px; }

img.homeright {
  float: right;
  border: solid 1px black;
  width: 180px;
  margin-left: 5px; }

.fthdr {
  background-color: transparent;
  margin: 0.6em 0 1em 0.5em;
  border: solid #004d1a 1px;
  padding: 2px 4px;
  width: 650px;
  float: left; }

.evlist {
  width: 670px;
  padding: 0 4px;
  float: left; }

.nav {
  font-size: 14px;
  text-align: left;
  padding: 0;
  text-decoration: none;
  color: #7a7a7a; }

ul.nav,
ol.nav {
  list-style: none;
  list-style-image: none; }

.nav a {
  text-decoration: none;
  padding: 0;
  color: black; }

.nav div {
  padding: 10px 0; }

.nav a div:hover {
  color: white;
  /*$linkhover; */ }

h1.left,
h2.left,
.left {
  text-align: left; }

/* Miscellaneous classes for reuse */
.myButton {
  background-color: #e6e6e6;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #000000;
  display: inline-block;
  color: #333333 !important;
  font-family: helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 20px;
  text-decoration: none;
  margin: 2px; }

.myButton:hover {
  background-color: #79d2a0;
  color: black !important; }

.myButton:active {
  position: relative;
  top: 1px; }

.entry {
  width: 530px;
  margin: 0px;
  padding: 0px;
  float: left; }

.centre {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.resizedtxtbox {
  width: 800px;
  height: 400px;
  padding: 1px;
  border: solid 1px black; }

.textbox {
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px black;
  display: block;
  width: 98%; }

.mailtext {
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: monospace;
  border: solid 1px black;
  display: block;
  width: 98%; }

.robtext {
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: monospace;
  border: solid 1px black;
  display: none;
  width: 98%; }

.indred {
  font-size: 10px;
  color: red;
  position: relative;
  top: -5px; }

div.ind {
  margin: 0 3px 0 0;
  text-align: right;
  width: 100%; }

.button {
  -moz-border-radius: 15px;
  -khtml-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.sublink {
  background-color: #6C6C6C;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("layout/menu-arrow.png"); }

.fltrt {
  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px; }

.fltlft {
  /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px; }

.clearfloat {
  /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
  margin: 0; }

.clearleft {
  clear: left;
  height: 0;
  font-size: 1px;
  line-height: 0px;
  margin: 0; }

div.evdt {
  position: relative; }

.evdt {
  font-size: 22px;
  text-align: left;
  margin: 2px 0 2px 5px;
  font-weight: bold; }

.evdt2 {
  font-size: 18px;
  text-align: left;
  padding-left: 50px; }

.evtitle {
  font-size: 16px;
  text-align: left;
  margin: 5px 0 2px 0px;
  font-weight: bold; }

.evsubt {
  font-size: 15px;
  text-align: left;
  margin: 2px 0 2px 10px;
  font-weight: normal; }

.evtext {
  font-size: 13px;
  color: black;
  text-align: left;
  margin: 2px 0 2px 10px;
  font-weight: normal; }

.schedimg {
  float: right;
  max-width: 35%;
  height: 140px;
  border: solid 1px black;
  margin-bottom: 5px;
  margin-left: 3px; }

.evtimg {
  float: right;
  max-width: 35%;
  width: 250px;
  border: solid 1px black;
  margin: 2px 0 5px 3px; }

hr.commhr1 {
  display: block;
  /* was none */
  border: 1px #004d1a;
  /*  was transparent;  */
  border-top: 2px solid #004d1a;
  /* was black */ }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.red {
  color: red; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

.italic {
  font-style: italic; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1023px) {
  /* Style adjustments for viewports that meet the condition */
  #container {
    width: 907px;
    min-height: 1200px; }

  #header {
    width: 907px; }
    #header .bannerimg {
      width: 903px; }
    #header h1 {
      right: 19%; }

  #navbar {
    width: 903px;
    position: relative;
    min-height: 30px; }
    #navbar ul {
      padding: 6px 0 0 0; }
    #navbar li {
      position: relative;
      display: inline;
      border-left: 1px black solid;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px; }
      #navbar li:first-child {
        border-left: 1px solid transparent; }
      #navbar li div {
        display: inline; }
    #navbar .nav {
      text-align: center; }

  #mainContent {
    margin: 0; } }
@media only screen and (max-width: 906px) {
  body {
    min-width: 320px; }

  #container {
    width: 99.5%;
    min-height: 800px;
    min-width: 320px; }

  #header {
    width: 99.5%; }
    #header .bannerimg {
      width: 99.5%; }
    #header h1 {
      font-size: 250%;
      right: 19%; }

  #navbar {
    width: 99.5%;
    margin: 3px 0;
    padding: 1px 0 4px 2px; }
    #navbar ul {
      padding: 0;
      margin: 2px auto; }
    #navbar li {
      display: block;
      float: left;
      width: 110px;
      padding: 3px 1px;
      border: 2px solid #004d1a;
      /* was brown */
      margin-right: -2px;
      margin-bottom: -2px; }
      #navbar li:first-child {
        border-left: 2px solid #004d1a;
        /* was brown */ }
      #navbar li div {
        width: 100%;
        padding: 0; }

  #mainContent {
    width: 99.5%;
    padding: 0; }
    #mainContent div.mid {
      width: 98.5%; }
    #mainContent #photopad {
      display: block;
      height: 30px; }

  #reports .tip {
    width: 90%; }
  #reports li.list {
    width: 150px; }
  #reports .rbutton {
    height: 165px;
    display: block; }
  #reports .defimg {
    width: 148px;
    height: 120px; }

  #photos .phentry {
    width: 150px;
    height: 200px; }
    #photos .phentry img {
      max-width: 150px;
      max-height: 140px; }
  #photos .tip {
    width: 90%;
    top: -85px; }
  #photos .mainpic {
    width: 87.75%; }
    #photos .mainpic p {
      font-size: 12px; }
  #photos .bigchar {
    width: 6%; }
    #photos .bigchar img {
      width: 200%; }
      #photos .bigchar img:hover {
        position: relative;
        right: 100%; }

  #footer {
    padding: 0 2px; }
    #footer .navbottom {
      width: 99.5%;
      line-height: 25px;
      height: 25px; }
    #footer .nav {
      font-size: 10px;
      padding-right: 1px;
      padding-left: 1px;
      line-height: 25px; }
    #footer .active {
      padding-right: 1px;
      padding-left: 1px;
      font-size: 10px;
      line-height: 25px; }
    #footer ul a {
      padding-right: 1px;
      padding-left: 0;
      line-height: 25px; }
    #footer li {
      width: 19%;
      display: block;
      float: left;
      height: 30px; }

  #sidebar1 {
    float: left;
    width: 94%;
    margin: 0.6em 0.5em 0.2em 0.5em;
    padding: 2px 4px; }
    #sidebar1 h2 {
      margin: 4px 4px 0 4px;
      padding: 0 1em; }

  #sidebar2 {
    width: 99.5%; }
    #sidebar2 .commgrp {
      width: 49.5%;
      float: left;
      overflow: hidden;
      border: 0 transparent;
      border-right: 1px solid #004d1a;
      /* brown; */
      min-height: 450px; }
    #sidebar2 .commgrp1 {
      border: 0 transparent; }
    #sidebar2 .commgrp2 {
      border: 0 transparent;
      width: 100%;
      float: none;
      margin: 0 auto;
      overflow: hidden;
      min-height: 0; }
    #sidebar2 .commhr {
      display: none; }
    #sidebar2 .commhr1 {
      display: block; }
    #sidebar2 .clearfloat {
      display: inline; }
    #sidebar2 br.narrow {
      line-height: 88px; }
    #sidebar2 .side_ann {
      width: 46%;
      padding: 0 1px;
      min-width: 165px; }
    #sidebar2 .progev {
      border: solid 0px transparent;
      margin-top: 0;
      border-top: 1px solid #004d1a;
      /* was brown; */ }

  #news li.list {
    width: 80px;
    margin: 0 1.5%; }

  .evtitle {
    font-size: 15px;
    margin: 5px 0 2px 0px; }

  .evsubt {
    font-size: 14px;
    margin: 2px 0 2px 4px; }

  .evtext {
    font-size: 12px;
    margin: 2px 0 2px 4px; }

  .fthdr {
    margin: 0.6em 0.5em 1em 0.5em;
    border: solid #004d1a 1px;
    padding: 2px 4px;
    width: 94%; }

  .evlist {
    width: 98%; }

  .schedimg {
    height: 100px;
    margin-bottom: 2px; }

  .evtimg {
    width: 35%;
    margin: 2px 0 3px 5px; }

  div#ssoverlay button#ss_kickoff {
    width: 55.2%;
    padding: 0.1% 0.1%;
    font-size: 250%; } }
@media only screen and (max-width: 680px) {
  #header h1 {
    font-size: 150%;
    right: 30%; } }
@media only screen and (max-width: 546px) {
  /* For viewports 546px and under */
  #mainContent div.mid img.homeleft, #mainContent div.mid img.homeright {
    max-width: 33.33%; }

  #footer li {
    width: 33%;
    display: block;
    float: left;
    height: 30px; }

  div#ssoverlay button#ss_kickoff {
    font-size: 200%; } }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=std.css.map */