/* defaults */
html {
  background: none; }

body {
  color: #333;
  font: normal 500 14px Open Sans, Arial, Helvetica, sans-serif ;
  background: #fff; }

a {
  color: #a0be70;
  text-decoration: none;
  outline: none; }
  a:hover {
    text-decoration: underline; }

hr {
  border-top: 1px solid #ddd;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  margin: 35px 0; }

/* heading and font styles */
h1, h2, h3, h4, h5, h6 {
  color: #555; }

h1 {
  font: normal 300 28px Open Sans, Arial, Helvetica, sans-serif ; }

h2 {
  font: normal 300 22px Noto Serif, Georgia, serif ; }

h3 {
  font: normal 300 20px Open Sans, Arial, Helvetica, sans-serif ; }

h4 {
  font: normal 300 16px Open Sans, Arial, Helvetica, sans-serif ; }

p {
  line-height: 160%; }

/* quotes and the adjacent p */
blockquote {
  font: normal 500 14px Open Sans, Arial, Helvetica, sans-serif ;
  font-style: italic; }

blockquote {
  margin: 20px 0 10px 0;
  color: #333; }
  blockquote + p {
    font-weight: 400; }

/* micro clearfix */
.group {
  zoom: 1; }
  .group:before, .group:after {
    content: "";
    display: table; }
  .group:after {
    clear: both; }

/* common classes/structure */
#outerlayer {
  max-width: 1140px;
  margin: 0px auto;
  background: white; }

.wrap {
  width: auto;
  max-width: 1060px;
  margin: 0 auto; }

/* header */
header {
  padding: 10px 0;
  background: #060702;
  position: relative;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.45); }
  header h1 {
    margin-top: 25px;
    float: left; }
    header h1 img {
      display: block; }
  header h3 {
    float: right;
    text-align: right;
    margin-top: 30px;
    line-height: 100%;
    color: #fff;
    font-size: 22px; }
    header h3 a, header h3 small {
      color: #a0be70; }
    header h3 hr {
      margin: 4px 0; }
    header h3 em {
      font-weight: 300; }

/* main navigation */
nav#main-nav {
  background: #4d4f51;
  border-top: 1px solid #9e9f9f;
  /* experimental mobile nav expand button */ }
  nav#main-nav a.mobile-nav-expand {
    display: none;
    text-align: center;
    margin-bottom: 0;
    color: #fff; }
    nav#main-nav a.mobile-nav-expand span {
      position: relative;
      margin: 4px 10px;
      display: inline-block;
      border-radius: 1px;
      height: 3px;
      width: 18px;
      background: #fff;
      -webkit-transition: background 0.15s ease;
      -moz-transition: background 0.15s ease;
      -o-transition: background 0.15s ease;
      transition: background 0.15s ease; }
      nav#main-nav a.mobile-nav-expand span:before, nav#main-nav a.mobile-nav-expand span:after {
        position: absolute;
        display: block;
        content: "";
        border-radius: 1px;
        width: 100%;
        height: 3px;
        background: #fff;
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        -o-transition: -o-transform 0.3s ease;
        transition: transform 0.3s ease; }
      nav#main-nav a.mobile-nav-expand span:before {
        top: -7px; }
      nav#main-nav a.mobile-nav-expand span:after {
        bottom: -7px;
        background: #fff; }
    nav#main-nav a.mobile-nav-expand:hover {
      text-decoration: none; }
    nav#main-nav a.mobile-nav-expand.selected {
      text-decoration: none; }
      nav#main-nav a.mobile-nav-expand.selected span {
        background: none; }
        nav#main-nav a.mobile-nav-expand.selected span:before {
          border-bottom: 0;
          -webkit-transform: rotate(45deg) translateY(7px) translateX(3px);
          -moz-transform: rotate(45deg) translateY(7px) translateX(3px);
          -o-transform: rotate(45deg) translateY(7px) translateX(3px);
          transform: rotate(45deg) translateY(7px) translateX(3px); }
        nav#main-nav a.mobile-nav-expand.selected span:after {
          border-top: 0;
          -webkit-transform: rotate(-45deg) translateY(-7px) translateX(3px);
          -moz-transform: rotate(-45deg) translateY(-7px) translateX(3px);
          -o-transform: rotate(-45deg) translateY(-7px) translateX(3px);
          transform: rotate(-45deg) translateY(-7px) translateX(3px); }
  nav#main-nav ul {
    padding: 0;
    /* nested ul/dropdown styles */ }
    nav#main-nav ul ul {
      position: absolute;
      z-index: 9999999;
      opacity: 0;
      visibility: hidden;
      background: rgba(0, 0, 0, 0.85);
      -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
      -moz-transition: opacity 0.3s ease, visibility 0.3s ease;
      -o-transition: opacity 0.3s ease, visibility 0.3s ease;
      transition: opacity 0.3s ease, visibility 0.3s ease; }
      nav#main-nav ul ul li {
        float: none;
        margin: 0; }
      nav#main-nav ul ul h3 {
        margin: 0; }
  nav#main-nav li {
    list-style: none;
    float: left;
    margin: 0;
    /* on hover, show nested ul */ }
    nav#main-nav li:first-child {
      margin-left: 0; }
    nav#main-nav li a {
      display: block;
      text-decoration: none;
      padding: 13px 25px;
      color: #fff;
      font-size: 14px;
      font-weight: 300;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
      nav#main-nav li a:hover, nav#main-nav li a.selected {
        background: #000; }
    nav#main-nav li:hover ul {
      opacity: 1;
      visibility: visible; }
  nav#main-nav li.social {
    float: right;
    text-align: right;
    margin: 5px 0 0 0;
    width: 20%; }
    nav#main-nav li.social a {
      display: inline;
      margin-right: 5px;
      padding: 0; }
      nav#main-nav li.social a.submit-question, nav#main-nav li.social a.submit-question.selected {
        position: relative;
        top: -10px;
        color: #fff;
        margin-left: 5px;
        margin-right: 0;
        background: none; }
      nav#main-nav li.social a:hover, nav#main-nav li.social a:focus {
        text-decoration: none;
        opacity: 0.8;
        background: none; }
    nav#main-nav li.social img {
      width: 32px;
      height: auto;
      border-radius: 3px; }

/* content */
#content {
  padding-top: 40px; }
  #content article,
  #content .page,
  #content aside {
    float: left; }
    #content article :first-child,
    #content .page :first-child,
    #content aside :first-child {
      margin-top: 0; }
  #content ul.sub-page-index {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; }
    #content ul.sub-page-index li {
      margin: 10px 10px 0px 0px;
      padding: 0px; }
      #content ul.sub-page-index li h3 {
        margin: 0; }
      #content ul.sub-page-index li a {
        display: block;
        padding: 7px 12px;
        border-radius: 3px;
        background: #e8e8e8;
        color: #333; }
        #content ul.sub-page-index li a.selected, #content ul.sub-page-index li a:hover, #content ul.sub-page-index li a:focus {
          color: #fff;
          background: #328e45;
          text-decoration: none; }
  #content article,
  #content .page {
    width: 72%;
    padding-right: 3.85%;
    border-right: 1px solid #ddd; }
  #content aside {
    width: 21%;
    padding-left: 2.85%;
    border-left: 1px solid #ddd;
    margin-left: -1px; }
    #content aside h1 {
      color: #666; }
    #content aside .sub-page-navigation {
      list-style: none;
      padding: 0;
      background: #4d4f51;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 10px; }
      #content aside .sub-page-navigation li {
        margin-bottom: 3px; }
        #content aside .sub-page-navigation li h3 {
          margin: 0; }
        #content aside .sub-page-navigation li a {
          display: block;
          padding: 5px 8px;
          color: #fff;
          border-radius: 3px;
          -webkit-transition: background 0.3s ease, color 0.3s ease;
          -moz-transition: background 0.3s ease, color 0.3s ease;
          -o-transition: background 0.3s ease, color 0.3s ease;
          transition: background 0.3s ease, color 0.3s ease; }
          #content aside .sub-page-navigation li a.selected, #content aside .sub-page-navigation li a:hover, #content aside .sub-page-navigation li a:focus {
            background: #e8e8e8;
            color: #333;
            text-decoration: none; }
  #content article.homepage {
    width: 100%;
    float: none;
    margin-top: 35px;
    margin-right: 0; }
    #content article.homepage .threecol {
      width: 29%;
      padding: 2%;
      min-height: 275px;
      margin: 0; }
      #content article.homepage .threecol.last {
        border-right: none;
        padding-top: 60px; }
      #content article.homepage .threecol.membership img {
        width: 35%;
        float: left;
        clear: left;
        margin-right: 5px; }
      #content article.homepage .threecol.membership p {
        float: left;
        border-left: 1px solid #ccc;
        padding-left: 10px;
        font-size: 10px;
        width: 40%;
        margin: 10px 0px; }
      #content article.homepage .threecol img {
        margin-top: 10px; }
  #content ul.testimonials {
    list-style: none;
    padding: 0;
    margin: 0; }

/* column layout classes */
.threecol {
  float: left;
  width: 28%;
  margin-right: 2%;
  margin-bottom: 2%;
  padding: 2%; }
  .threecol.last, .threecol:nth-of-type(3n+3) {
    margin-right: 0; }

/* footer */
footer {
  margin: 35px 0 0 0;
  background: black;
  border-top: 5px solid #000; }
  footer div.wrap {
    clear: left; }
  footer h3, footer p {
    color: #fff;
    font-weight: 400; }
  footer img.southern-cross {
    float: right; }
  footer .threecol {
    width: 33%;
    padding: 2%;
    box-sizing: border-box;
    margin: 0; }
    footer .threecol img {
      display: block;
      width: 100%;
      height: auto; }
  footer #mc_embed_signup form#mc-embedded-subscribe-form {
    padding: 0; }
  footer #mc_embed_signup input {
    border: none; }
    footer #mc_embed_signup input.email {
      width: 100%;
      text-align: center; }
    footer #mc_embed_signup input[type="submit"] {
      display: block;
      border-radius: 3px;
      width: 100%;
      padding-left: 0;
      padding-right: 0; }

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