/*VARIABLE DECLARATIONS*/
/*OVERALL SITE LAYOUT*/
html {
  background-image: none;
  -webkit-text-size-adjust: none; }

body {
  font-size: 90%;
  overflow: visible; }

/*GENERAL STYLES*/
h1 {
  width: 100%;
  line-height: 1;
  padding-bottom: 0px;
  margin-bottom: 8px; }

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */ }

/*HEADER STYLES*/
header {
  min-height: 70px;
  overflow: hidden;
  width: 100%; }

.nav-btn:before {
  content: "MENU";
  font-size: 14px;
  text-align: right; }

.nav-btn {
  display: block;
  color: #FFF;
  text-align: right;
  cursor: pointer; }

#sitelogo {
  left: 2.5%; }

header nav {
  width: 100%;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  box-sizing: border-box; }

header nav ul {
  display: none;
  margin-top: 70px;
  margin-left: -20px;
  margin-right: -10px;
  margin-bottom: 0px;
  padding-left: 0px; }

header nav li {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #FFF;
  width: 100%;
  box-sizing: border-box; }

header nav a {
  font-size: 18px;
  border-left: #FFFFFF solid 5px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin: 0px;
  margin-left: 3.5%;
  display: block; }

#about #nav-about a,
#blog #nav-blog a,
#nextevent #nav-nextevent a,
#pastevents #nav-pastevents a,
#contact #nav-contact a {
  color: #FEAE37;
  border-left: #FEAE37 solid 5px;
  border-bottom: 0px; }

/*SITEHIGHLIGHTS AREA STYLING*/
.sitehighlights {
  display: none; }

.contentarea {
  flex-direction: column;
  width: 100%; }

/*MAIN CONTENT AREA STYLING*/
main {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px; }

.front {
  width: 100%; }

main.page {
  padding-left: 2.5%;
  padding-right: 2.5%;
  box-sizing: border-box; }

main p:first-of-type {
  clear: none; }

section p:first-of-type, .indexsubarticle p:first-of-type, .clear p:first-of-type, table p:first-of-type, .frontboxinner p:first-of-type {
  font-weight: normal;
  clear: none; }

/*SOCIAL MEDIA BUTTONS*/
#socialnetworkingarticle, #socialnetworkingarticlebottom {
  width: auto; }

#socialnetworkingarticle {
  margin-top: 20px; }

ul.socialnetworklist {
  list-style-type: none;
  overflow: visible;
  margin-top: -10px;
  margin-left: -15px; }

ul.socialnetworklist li {
  float: left;
  margin-right: 5px;
  display: inline; }

.addthis_toolbox.addthis_pill_combo a {
  margin-left: 5px;
  float: left; }

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_button_facebook_like {
  margin-top: -2px; }

.addthis_button_compact .at15t_compact {
  float: left; }

/*SIDE BAR STYLING */
aside {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

aside section {
  position: relative;
  padding: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); }

aside section:before, aside section:after {
  position: absolute;
  width: 40%;
  height: 10px;
  content: ' ';
  left: 12px;
  bottom: 12px;
  background: transparent;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  z-index: -1; }

aside section:after {
  left: auto;
  right: 12px;
  -webkit-transform: skew(5deg) rotate(5deg);
  -moz-transform: skew(5deg) rotate(5deg);
  -ms-transform: skew(5deg) rotate(5deg);
  -o-transform: skew(5deg) rotate(5deg);
  transform: skew(5deg) rotate(5deg); }

aside h3 {
  margin-top: 0px; }

aside p:first-of-type {
  font-weight: bold; }

aside li {
  padding-left: 5px; }

aside ul a:link {
  color: #000000; }

aside ul a:visited {
  color: #000000; }

aside ul a:hover {
  color: #F00; }

.sectionalnav {
  display: none; }

/*SECTION HIGHLIGHTS AREA STYLING*/
.sectionhighlights, .indexhighlights {
  width: 100%;
  justify-content: space-between; }

.sectionhighlights div, .indexhighlights div {
  width: 45%; }

.sectionhighlights p {
  display: none; }

/*FOOTER STYLING*/
footer {
  width: 100%; }

footer h2 {
  color: #FFF; }

footer h3 {
  margin-top: 0px;
  margin-bottom: 5px;
  clear: none; }

#footerlinks {
  flex-direction: column;
  padding: 0px; }

#footerlinks section {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

footer aside img {
  margin-bottom: 20px; }

.footercontent aside {
  margin-bottom: 0px; }

#latestvideo img, #latestphotos img {
  width: 50%;
  margin-left: 0px; }

#twitter h3 {
  margin-top: 20px; }

.fb-like-box {
  margin-bottom: 20px; }

#footersmallprint {
  width: 100%; }

#footersmallprint {
  padding: 0px;
  font-size: 12px; }

#footersmallprint img {
  float: none;
  margin-left: 2.5%;
  padding-top: 16px; }

#footersmallprint p {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

footer a {
  text-decoration: none; }

footer h4 {
  margin-top: 20px;
  margin-bottom: 5px; }

footer a:link {
  color: #ffffff; }

footer a:visited {
  color: #ffffff; }

footer a:hover {
  color: #F00; }

footer a:active {
  color: #F00; }

#q {
  width: 100%; }

.button {
  width: 100%;
  margin-bottom: 10px;
  margin-right: 0px; }

.button:hover {
  text-decoration: none;
  color: #000; }

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

/*OTHER STYLES*/
.label {
  font-weight: bold; }

.newspicture {
  width: 50%;
  padding: 0px;
  float: right;
  border: 1px solid #000000;
  margin-left: 10px; }

hgroup h2 {
  margin-bottom: 5px; }

hgroup h3 {
  margin-top: 0px; }

hgroup {
  margin-bottom: 30px; }

.merchandise h3 {
  margin-top: -20px; }

.emphasis {
  font-weight: bold; }

.credit {
  font-size: 10px;
  line-height: 120px; }

/*SECTIONAL INDEX*/
.index h1 {
  margin-bottom: 0px;
  display: block;
  width: 102.5%;
  margin: 0 -2.5%;
  /* add back negative margin value */
  padding: 0 5%;
  box-sizing: border-box;
  overflow-x: hidden;
  padding-bottom: 5px; }

.indexheadline {
  margin: 0 0rem;
  /* add back negative margin value */
  padding: 0rem 0rem;
  height: auto; }

.indexheadline img {
  float: none;
  margin-right: 0px;
  margin-top: 0px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  top: 0px;
  left: 0px; }

.indexheadline p, .indexheadline h2 {
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  box-sizing: border-box; }

figure.sectionbanner {
  width: 100%;
  clear: both; }

figcaption {
  font-size: 22px;
  padding: 5px 5px;
  top: 0px;
  left: 0;
  padding: 10px 10px; }

/*BLOGGER STYLES*/
#title {
  height: 35px;
  overflow: hidden; }

#blogtitlediv {
  height: 30px;
  overflow: hidden; }

.post-title {
  margin-top: 0px; }

.archive-list {
  margin-left: 0px; }

.datepublished {
  font-size: 10px;
  font-weight: normal;
  color: #999999;
  letter-spacing: 3px; }

.post-body div div img {
  width: 50%; }

/*MAILING LIST*/
.mailinglistcontentarea {
  padding-top: 100px; }

/*SECTIONAL INDEX*/
#graphicheightindex img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px; }

#leftindexcolumn {
  float: left;
  width: 300px;
  margin-right: 10px; }

#rightindexcolumn {
  float: right;
  width: 300px; }

.picthumb {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px; }

.clear:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
  float: left; }

.clear {
  min-height: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  margin-bottom: 10px;
  clear: both; }

* html .clear {
  height: 1px; }

.indextop {
  width: auto;
  float: none; }

.indextext {
  width: 100%;
  margin-top: 0px; }

.indexmainarticle {
  width: auto;
  float: none; }

.indexmainarticleside {
  width: auto;
  float: none; }

#indexcol1 {
  width: auto;
  float: none; }

#indexcol2 {
  width: auto;
  float: none; }

.indexsubarticle {
  clear: both;
  display: block;
  margin-bottom: 10px;
  overflow: visible; }

.indexhighlights div {
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  box-sizing: border-box;
  margin-right: 0px;
  float: none;
  margin-top: 20px;
  clear: both; }

.indexhighlights div img {
  width: 50%;
  margin-left: 10px;
  float: right;
  margin-bottom: 20px; }

.indexhighlights div h3, .indexhighlights div p {
  width: auto;
  clear: none; }

.indexhighlights div h3 {
  font-size: 14px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 5px; }

.pasteventlinks, .nexteventlinks, .indexminorlinks {
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  box-sizing: border-box;
  overflow: hidden; }

.nexteventlinks div p, .pasteventlinks div p {
  padding-right: 2.5%;
  box-sizing: border-box; }

.othereventslinks {
  width: 100%;
  overflow: hidden; }

.othereventslinks section {
  overflow: hidden; }

.othereventslinks div {
  float: none; }

.othereventslinks div p {
  width: auto; }

.othereventslinks div img {
  margin-left: 0px; }

.othereventslinks div p:first-of-type {
  clear: none; }

#consent main .nexteventlinks img {
  margin-left: -10px; }

/*CONTACT FORM*/
#contact .label {
  float: left;
  width: 100%;
  text-align: left;
  margin-right: 0px;
  font-weight: normal;
  clear: none; }

#contact input#submit {
  margin-left: 0px; }

#contact input#reset {
  margin-left: 0px; }

input#name, input#email, textarea#message, input#subject, select#category, input#add {
  width: 95%;
  margin-top: -2px;
  margin-bottom: 10px; }

input#name:focus, input#email:focus, input#subject:focus, select#category:focus, textarea#message:focus, input#add:focus {
  background-color: #c2e6ff; }

/*NEW ENTRY FORM*/
.formfield {
  width: 95%; }

.formfield input, .formfieldselect select {
  font-size: 14px; }

.formfieldselect {
  width: 95%; }

.formfield input[type="radio"] {
  width: 95%;
  display: block;
  margin-right: 0px; }

ul.entryformheader {
  margin-top: 15px; }

ul.entryformheader li {
  word-wrap: break-word;
  margin-top: 15px;
  width: 47%;
  margin-right: 2%; }

#ApexChallengeha969sjcduqcmnvcmi78mm5c7g {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4; }

#ApexChallengeha969sjcduqcmnvcmi78mm5c7g ul {
  list-style-type: none; }

#creditfooter {
  visibility: hidden; }

#ApexChallengeha969sjcduqcmnvcmi78mm5c7g .headline, #ApexChallengeha969sjcduqcmnvcmi78mm5c7g .date {
  font-weight: bold; }

#ApexChallengeha969sjcduqcmnvcmi78mm5c7g .date:before {
  content: "Published: "; }

#socialnetworkingsmall {
  float: none;
  overflow: visible;
  padding-top: 12px;
  width: auto; }

#socialnetworkingfront {
  overflow: visible;
  width: 280px; }

main.index #socialnetworkingarticlebottom {
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  box-sizing: border-box; }

#socialnetworkingarticlebottom {
  margin-top: 10px; }

.singlefieldformlabel {
  font-weight: bold;
  font-size: 12px; }

.popover {
  position: absolute;
  display: none;
  z-index: 10;
  height: 420px;
  width: 600px;
  background-color: #eaeaea;
  padding: 10px;
  border: 1px #000;
  text-align: left; }

.transBG {
  left: 0px;
  top: 0px;
  position: absolute;
  display: none;
  background-color: #000;
  z-index: 1;
  opacity: 0.8;
  filter: alpha(opacity=60); }

#frontmaintextonly {
  display: inline; }

#frontmaincontent section, #aboutmaincontent section, #nexteventmaincontent section, #pasteventsmaincontent section, #contactmaincontent section {
  display: none; }

#frontmaincontent section, #aboutmaincontent section, #nexteventmaincontent section, #pasteventsmaincontent section, #contactmaincontent section {
  max-width: 100%; }

#frontmaincontent p, #frontmaintextonly p, #aboutmaincontent p, #nexteventmaincontent p, #pasteventsmaincontent p, #contactmaincontent p {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  color: #20457C;
  line-height: 1.2; }

#frontmaincontent h1, #aboutmaincontent h1, #nexteventmaincontent h1, #pasteventsmaincontent h1, #contactmaincontent h1, #frontmaintextonly h1, #fullwidth h2 {
  width: 95%;
  margin-right: auto;
  display: block;
  margin-top: 10px;
  box-sizing: border-box;
  font-size: 24px;
  padding-left: 0%;
  color: white; }

#frontmaintextonly h1 {
  color: #20457C;
  text-transform: uppercase;
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

#frontmaintextonly p {
  font-family: MontserratRegular, ArialBlack, sans-serif; }

#frontmaintextonly p:last-of-type {
  margin-bottom: 0px; }

#frontmaincontent h2 {
  font-size: 18px; }

#frontmaincontent p, #fullwidth p, #aboutmaincontent p, #nexteventmaincontent p, #pasteventsmaincontent p, #contacttmaincontent p {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

#frontmainpic {
  float: none;
  margin-top: -15px;
  margin-bottom: 0px; }

#frontmainpic img {
  margin-top: -30px; }

.fullwidth {
  padding-top: 16px;
  padding-bottom: 16px; }

.fullwidth h2 {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.fullwidth p {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.fullwidth a:link, .fullwidth a:visited {
  color: white; }

.centrebutton {
  text-align: center; }

.frontcontentwrapper {
  display: block;
  height: auto; }

#frontvideoplayer {
  padding-top: 16px; }

#frontvideoplayer h2 {
  font-size: 24px; }

#frontvideoplayer p {
  line-height: 1.4;
  color: #20457C; }

.fronthighlights {
  display: block;
  width: 100%; }

.fronthighlights div {
  width: 100%; }

p.quote {
  font-size: 16px;
  text-align: center; }

#frontvideoplayer {
  padding-top: 24px;
  padding-bottom: 24px;
  flex-direction: column;
  align-items: left;
  display: block; }

#frontvideoplayer section {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto; }

.videocontainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.videocontainer iframe,
.videocontainer object,
.videocontainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.photoalbumcontainer {
  position: relative;
  padding-bottom: 220%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

/*PHOTO ALBUM FACEBOOK EMBED*/
div#facebookphotos {
  position: relative;
  padding-bottom: 424%;
  padding-top: 80px;
  height: auto;
  overflow: hidden; }

div#facebookphotos iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.centrebutton {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.fullwidth .formfield {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

ul.boxlist {
  font-size: 12px;
  padding-left: 15px;
  margin-bottom: 15px; }

ul.boxlist li {
  list-style-type: square;
  list-style-position: inside;
  margin-bottom: 5px; }

.popover {
  height: auto;
  overflow: scroll;
  width: 80%; }

/*# sourceMappingURL=2016mobilestyles.css.map */