/* GENERAL STYLES
---------------------------------------------*/
html,
body,
form {
  height: 100%;
  width: 100%;
}
body {
  margin: 0;
  padding: 0;
  font: 16px/1.5em 'Open Sans', Helvetica, Arial, sans-serif;
  background: #f0f0f0;
  color: #000;
}
a {
  color: #A60F2D;
  text-decoration: underline;
  outline: none;
  -webkit-transition: color 250ms ease, background 500ms ease;
  -o-transition: color 250ms ease, background 500ms ease;
  transition: color 250ms ease, background 500ms ease;
}
a:hover {
  color: #515151;
  text-decoration: underline;
}
a img {
  border: none;
}
h1,
h2,
h3,
h4,
h5,
.PageTitleHeader,
.PageSubTitleHeader {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
h1,
.PageTitleHeader {
  font-size: 2.429em;
  line-height: 1.25em;
  color: #A60F2D;
}
h2,
.PageSubTitleHeader {
  font-size: 1.714em;
  line-height: 1.25em;
  color: #A60F2D;
}
h3 {
  font-size: 1.429em;
  line-height: 1.25em;
  color: #A60F2D;
  margin-bottom: 0.625em;
}
h4 {
  font-size: 1.143em;
  line-height: 1.25em;
  color: #A60F2D;
}
h5 {
  font-size: 0.929em;
  line-height: 1.25em;
  color: #A60F2D;
}
p {
  margin: 0.5em 0 1.5em;
  padding: 0;
}
.button {
  /* display: flex; */
  text-decoration: none;
  background-color: #A60F2D;
  color: #fff;
  padding: 10px 20px;
  /* flex: 1 0 auto; */
  /* justify-content: center; */
  /* align-items: center; */
  /* flex-grow: 0; */
}
.button:hover {
  text-decoration: none;
  background-color: #5e6a71;
  color: #fff;
}
#PageTitle,
.PageTitleHeader {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.textalignright {
  text-align: right;
}
.textalignleft {
  text-align: left;
}
hr {
  height: 4px;
  line-height: 4px;
  margin: 2em 0;
  clear: both;
  border: none;
  background: #5e6a71;
  color: #5e6a71;
}
img.left {
  float: left;
  margin: 0 7px 1px 0;
}
img.right {
  float: right;
  margin: 0 0 7px 7px;
}
img.outline {
  border: 4px solid #3e3e3e;
}
.clearing {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  margin-top: -7px;
}
.clearBoth {
  clear: both;
}
.clearRight {
  clear: right;
}
.clearLeft {
  clear: left;
}
.invisibleButAccessible {
  display: none;
}
.idbmsBreadcrumbSeparator {
  color: green !important;
}
.expand img {
  background-color: green !important;
}
.expand {
  background-color: green !important;
  display: inline-block;
  width: 18px;
}
.Error,
.error {
  width: auto!important;
}
img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  float: none!important;
  width: 16px!important;
  height: 16px !important;
}
#inner-wrap img {
  max-width: 100%;
  height: auto;
}
#inner-wrap img[src="/images/spacer.gif"] {
  display: none;
}
#inner-wrap img * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.EventsHeader td:nth-child(2) {
  width: 18px !important;
  height: 18px !important;
}
.EventsHeader span.expand img {
  width: 18px !important;
  height: 18px !important;
}
::-moz-selection {
  background: blue;
  color: #fff;
}
::selection {
  background: blue;
  color: #fff;
}
/* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection {
  background: blue;
  color: #fff;
}
/* Mozilla Firefox */
/* Flexbox Equal heights */
.flexbox .equal-height {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
}
.flexbox .equal-height-item {
  display: inherit;
  -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-flex-direction: column;
}
.flexbox .equal-height-item-inner {
  -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
          flex: 1 0 auto;
}
/* Stack items on mobile */
@media only screen and (max-width:  699px ) {
  .flexbox .equal-height {
    -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            flex-direction: column;
            -webkit-flex-direction: column;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .container {
    width: 100%;
  }
}
/* UTILITY BAR ELEMENTS
---------------------------------------------*/
.utilityBar {
  float: left;
  width: 100%;
  background: #f0f0f0;
  padding: 1em 0;
}
.memberTools {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-align: Center;
      -webkit-box-align: Center;
          align-items: Center;
  -ms-flex-pack: center;
      -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
}
.memberTools ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.memberTools ul li {
  display: inline-block;

}
.memberTools ul li:first-child {
  display: block;
  width: 100%;
  padding-bottom: 10px;
}
.memberTools ul li:first-child a {
  font-weight: 700;
  font-size: 18px;
}
.memberTools ul li a {
  display: block;
  color: #2a3033;
  text-decoration: none;
  font-size: 18px;
}
.memberTools ul li a:hover {
  text-decoration: underline;
}
.search {
  float: right;
  min-width: 50px;
  width: 100%;
  position: relative;
  margin-top: 20px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .search {
    max-width: 210px;
    margin-top: 0px;
    padding: 15px 0;
  }
}
.search img[id$="_imgbtnSearch"] {
  width: 14px;
  position: absolute;
  left: 20px;
  top: 5px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .search img[id$="_imgbtnSearch"] {
    top: 20px;
  }
}
.search label,
.search .SearchModuleSpacer {
  display: none;
}
.search input {
  padding: 0 20px 0 25px;
  border: none;
  width: 100%;
  margin-left: 15px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) inset;
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75) inset;
}
/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {
  float: left;
  width: 100%;
  background: #f0f0f0;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
}
@media only screen and (max-width:  699px ) {
  .structHead {
    background: #fff;
    display: block;
  }
}
.structHead .row.flexRow {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
}
.structHead .row.flexRow .headerFlex {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  text-align: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.structHead .row.flexRow .headerFlex .headerButtonWrap {
  height: 100%;
  width: 100%;
  text-align: center;
}
.structHead .row.flexRow .headerFlex .headerButtonWrap a.headerButton {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  background: #A60F2D;
  background: -webkit-radial-gradient(center, ellipse, #a90329 0%, #8f0222 72%, #6d0019 100%);
  background: -o-radial-gradient(center, ellipse, #a90329 0%, #8f0222 72%, #6d0019 100%);
  background: radial-gradient(ellipse at center, #a90329 0%, #8f0222 72%, #6d0019 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=1);
  color: #fff;
  width: 100%;
  height: 100%;
  min-height:96px;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
      -webkit-box-pack: center;
          justify-content: center;
  font-size: 30px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.structHead .row.flexRow .headerFlex .headerButtonWrap a.headerButton:hover {
  -webkit-transform: scale(1.025);
      -ms-transform: scale(1.025);
          transform: scale(1.025);
}
.structHead .mobileButton a.headerButton {
  display: block;
  background: #A60F2D;
  background: -webkit-radial-gradient(center, ellipse, #a90329 0%, #8f0222 72%, #6d0019 100%);
  background: -o-radial-gradient(center, ellipse, #a90329 0%, #8f0222 72%, #6d0019 100%);
  background: radial-gradient(ellipse at center, #a90329 0%, #8f0222 72%, #6d0019 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=1);
  color: #fff;
  width: 100%;
  padding: 20px;
  font-size: 26px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.structHead .mobileButton a.headerButton:hover {
  -webkit-transform: scale(1.025);
      -ms-transform: scale(1.025);
          transform: scale(1.025);
}
.headLogo img {
  padding: 10px 0;
}
#nav {
  display: none;
}
/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {
  float: left;
  background: #ffffff;
  position: relative;
  z-index: 99;
  width: 100%;
  margin: 0px 1px;
}
.desktopNav .desktopNavInner {
  position: static;
  padding-left:0px;
}
.desktopNav .navRow {
  position: relative;
  width: 100%;
}
.desktopNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.desktopNav ul li {
  float: left;
  padding: 0;
  line-height: 1.5em;
  font-weight: bold;
}
.desktopNav ul li a {
  display: block;
  text-decoration: none;
  padding: 0 18px;
  color: #3e3e3e;
  font-weight: 400;
  font-size: 1.165em;
}
.desktopNav ul li ul li.sfHover > a:hover:before {
  position: absolute;
  z-index: 999;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #5e6a71;
}
.desktopNav li.sfHover {
  z-index: 999;
}
.desktopNav li.sfHover ul {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  left: -1px;
  width: 100%;
  opacity: 1;
}
.desktopNav li.sfHover ul ul {
  display: block;
  left: -999em;
  z-index: 9999;
}
.desktopNav li.sfHover ul > li.sfHover > a:before {
  position: absolute;
  z-index: 999;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #3e3e3e;
}
.desktopNav li.sfHover > a {
  position: relative;
}
.desktopNav li.sfHover > a:before {
  position: absolute;
  z-index: 999;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 17px solid #A60F2D;
}
.desktopNav li.home.sfHover > a:before {
  display: none;
}
.desktopNav li ul {
  position: absolute;
  margin-left: 0px;
  padding: 0 1em;
  background: rgba(255, 255, 255, 0.95);
  float: none;
  text-align: left;
  display: none;
  -webkit-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.desktopNav li ul li {
  position: relative;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  line-height: normal;
  text-transform: none;
  font-size: 18px;
}
.desktopNavInner > ul > li > ul > li::after {
  content: '\2022';
  display: inline-block;
}
.desktopNavInner > ul > li > ul > li:last-child::after {
  content: '';
}
.desktopNav li ul li a {
  display: inline-block !important;
  font-weight: normal;
  text-align: left;
  padding: 10px 8px;
  border: none;
  color: #3e3e3e;
  font-weight: 300;
  text-shadow: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 18px;
}
@media only screen and (max-width: 1070px) {
  .desktopNav li ul li a {
    padding: 18px 0.45em;
    font-size: 16px;
  }
}
.desktopNav li ul li:hover > a {
  color: #000 !important;
  text-shadow: 0px 0px 0px #000;
}
.desktopNav li ul li ul {
  border-top: none;
  top: auto;
  margin: 0px 0 0 0px;
  padding: 0;
}
.desktopNav li ul li ul li {
  padding: 0 5px;
  min-width: 15em;
  width: 100%;
}
.desktopNav li ul li ul li a {
  display: block;
  width: 100%;
  border-bottom: 2px solid #fff;
  color: #3e3e3e;
  font-size: 16px;
  font-weight: 400;
  padding: 15px;
}
.desktopNav li ul li ul li a li {
  padding: 0 5px;
  min-width: 20em;
  width: 100%;
}
.desktopNav li ul li ul li a li a {
  display: block;
  width: 100%;
  border-bottom: 2px solid #fff;
  color: #3e3e3e;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 1070px) {
  .desktopNav li ul li ul li a li a {
    font-size: 1.18px;
  }
}
.desktopNav li ul li ul li a li:last-child a {
  border-bottom: none;
}
.desktopNav li ul li ul li a li.sfHover ul {
  display: block;
  left: 0;
  opacity: 1;
  margin-left: 15px;
  margin-right: 15px;
}
.desktopNav li ul li ul li a:hover:before {
  content: "";
  border: none!important;
}
.desktopNav li ul li ul li:last-child a {
  border-bottom: none;
}
.desktopNav li ul li ul li.sfHover ul {
  display: block;
  left: 0;
  opacity: 1;
  margin-left: 15px;
  margin-right: 15px;
}
.desktopNav li li.sfHover ul {
  display: block;
  opacity: 1;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.desktopNav li li.sfHover:nth-last-child(-n+2) ul {
  display: block;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  width: auto;
  right: auto;
}
.flexbox .desktopNavInner > ul {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
}
.flexbox .desktopNavInner > ul > li {
  float: none;
  display: block;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-flex-direction: column;
}
.flexbox .desktopNavInner > ul > li > a {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  width: 100%;
  line-height: 16px;
  padding: 1.35em 18px;
  text-align: center;
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1070px) {
  .flexbox .desktopNavInner > ul > li > a {
    padding: 1.35em 0.5em;
    font-size: 16px;
  }
}
.flexbox .desktopNavInner > ul > li:first-child a {
  padding-left: 0;
}
.interior .desktopNav li.sfHover ul ul,
.join .desktopNav li.sfHover ul ul,
.interior-wide .desktopNav li.sfHover ul ul {
  background: #fff;
  -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);
}
/* BREADCRUMBS
-----------------------------------------------*/
.structBody .breadCrumbs {
  margin-bottom: 2em;
}
.structBody .breadCrumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.structBody .breadCrumbs ul li {
  padding: 0 0 0 0;
  margin: 0;
  display: inline;
  font-size: .8em;
}
.structBody .breadCrumbs ul li:before {
  content: "»";
}
.structBody .breadCrumbs ul li:first-child:before {
  content: "";
}
.structBody .breadCrumbs ul li:first-child a {
  padding-left: 0;
}
.structBody .breadCrumbs ul li.selected a {
  font-weight: bold;
}
.structBody .breadCrumbs ul li a {
  text-decoration: none;
  padding: 0 5px 0 8px;
}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody {
  float: left;
  padding: 50px 0;
  width: 100%;
  background: #fff;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structBody {
    padding-top: 0;    
  }
}
@media only screen and (max-width:  699px ) {
  .structBody {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.structBody .mobileAd {
  float: left;
  width: 100%;
  background: #e8e8e8;
  display: none;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structBody .mobileAd {
    padding: 1em 0 0;
    display: block;
  }
}
@media only screen and (max-width:  699px ) {
  .structBody .mobileAd {
    padding: 1em 0 0;
    display: block;
  }
}
.structBody .mobileAd .mobileHeadline {
  float: left;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  background: #A60F2D;
  margin-top: 1em;
}
.structBody .mobileAd .mobileHeadline h2 {
  color: #fff;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structBody .mobileAd .mobileHeadline h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width:  699px ) {
  .structBody .mobileAd .mobileHeadline h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structBody .mobileAd .mobileHeadline {
    padding: 10px 15px;
  }
}
@media only screen and (max-width:  699px ) {
  .structBody .mobileAd .mobileHeadline {
    padding: 10px 15px;
  }
}
#ContentMiddleLayoutLeftImage{
  text-align:left;
}
#ContentMiddleLayoutLeftImage h2{
  font-size:2em;
  margin-bottom:0;
  font-weight:700;
}
#ContentMiddleLayoutLeftImage .snippetrow a{
  text-transform:uppercase;
  font-weight:700;
  font-size:1.25em;
  text-decoration:none;
  position:relative;
  display:inline-block;
  margin-top:5px;
}
#ContentMiddleLayoutLeftImage .snippetrow a:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -25px;
  width: 0;
  height: 0;
  border-left: solid 13px #A60F2D;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
}
.structBody .mobileAd .mobileAdPH {
  text-align: center;
}

.structBody .mobileAd .mobileAdPH h2{
  font-size:2em;
  margin-bottom:0;
  font-weight:700;
  color:#515151;
}
.structBody .mobileAd .mobileAdPH .snippetrow a{
  text-transform:uppercase;
  font-weight:700;
  font-size:1.25em;
  text-decoration:none;
  position:relative;
  display:inline-block;
  margin-top:5px;
}
.structBody .mobileAd .mobileAdPH .snippetrow a:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -25px;
  width: 0;
  height: 0;
  border-left: solid 13px #A60F2D;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
}

.cta-wrap {
  padding-bottom: 50px;
}
.cta-wrap .cta-items .snippetrow > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cta-wrap .cta-items .button {
  margin-right: 20px;
  font-size: 1.25em;
  padding: 20px; 
  flex: 1 0 auto; 
  text-align: center;
}
.cta-wrap .cta-items .button:last-child {
  margin-right: 0;
}
@media only screen and (max-width:1023px) {
  .cta-wrap {
    float: left;
    width: 100%;
    padding-bottom:0;
  }
  .cta-wrap .cta-items {
    padding: 24px 24px 0;
  }
}
@media only screen and (max-width:699px) {
  .cta-wrap .cta-items .snippetrow > div {
    flex-direction: column;
  }
  .cta-wrap .cta-items .button {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.structBody .leftCol {
  text-align: center;
}
.structBody .leftCol h2 {
  margin: 1em 0 1em;
  font-size: 24px;
  /*color: #515151;*/
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structBody .eventWrap {
    padding: 24px;
  }
  .structBody .mobileAd .mobileAdPH .snippetrow .split50left, .structBody .mobileAd .mobileAdPH .snippetrow .split50right{
    width:100%;
    padding: 1.125em 0 0 0;
  }
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap {
    padding: 2em;
  }
  .structBody .leftCol{
    padding:0;
  }
}
.structBody .eventWrap .rightInner h2 {
  display: inline-block;
  font-weight: 300;
  font-size: 42px;
  color: #515151;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .rightInner h2 {
    display: block;
    width: 100%;
    font-size: 32px;
    border-bottom: 2px solid #f0f0f0;
  }
}
.structBody .eventWrap .rightInner a {
  display: inline-block;
  color: #A60F2D;
  font-weight: 700;
  padding-left: 20px;
  font-size: 18px;
  text-decoration: none;
}
.structBody .eventWrap .rightInner a:hover {
  color: #515151;
}
.structBody .eventWrap .rightInner a:after {
  font-family: FontAwesome;
  content: "\f101";
  padding-left: 10px;
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .rightInner a {
    display: block;
    width: 100%;
    padding-left: 0px;
    border-bottom: 2px solid #f0f0f0;
    padding: 1em 0;
  }
}
.structBody .eventWrap .homeEvents {
  padding-top: 2em;
}
.structBody .eventWrap .homeEvents .homeEventItem {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  padding: 2em 0 0.75em;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  border-bottom: 3px solid #f0f0f0;
}
.structBody .eventWrap .homeEvents .homeEventItem:last-child {
  border-bottom: 0px;
}
.structBody .eventWrap .homeEvents .homeEventItem:first-child {
  padding-top: 0px;
}
.structBody .eventWrap .homeEvents .homeEventItem > div {
  -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
          flex: 1 0 auto;
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .homeEvents .homeEventItem {
    display: block;
    border-bottom: 0px;
    padding: 0 0 1.5em 0;
  }
  .structBody .eventWrap .homeEvents .homeEventItem > div {
    -ms-flex: none;
        -webkit-box-flex: 0;
            flex: none;
  }
  .structBody .eventWrap .homeEvents .homeEventItem:last-child {
    padding-bottom:0;
  }
}
.structBody .eventWrap .homeEvents .homeEventItem .date {
  max-width: 20%;
  height: 42px;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
      -webkit-box-pack: start;
          justify-content: flex-start;
  position: relative;
}
.structBody .eventWrap .homeEvents .homeEventItem .date .month {
  width: 25px;
  color: #c60c30;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 45% 72%;
      -ms-transform-origin: 45% 72%;
          transform-origin: 45% 72%;
  margin-top: 6px;
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .homeEvents .homeEventItem .date .month {
    width: auto;
    font-size: 20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transform-origin: none;
        -ms-transform-origin: none;
            transform-origin: none;
    margin: 0;
    display: inline-block;
  }
}
.structBody .eventWrap .homeEvents .homeEventItem .date .day {
  color: #A60F2D;
  font-size: 48px;
  font-weight: 300;
  margin-left: -8px;
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .homeEvents .homeEventItem .date .day {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    margin: 0;
  }
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .homeEvents .homeEventItem .date {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
  }
}
.structBody .eventWrap .homeEvents .homeEventItem .title {
  max-width: 80%;
  font-size: 18px;
  color: #515151;
}
.structBody .eventWrap .homeEvents .homeEventItem .title a {
  text-decoration: none;
  color: #515151;
  display: block;
}
.structBody .eventWrap .homeEvents .homeEventItem .title a:hover {
  text-decoration: underline;
  color: #A60F2D;
}
.structBody .eventWrap .homeEvents .homeEventItem .title .location {
  font-size: 13px;
  color: #A60F2D;
}
@media only screen and (max-width:  699px ) {
  .structBody .eventWrap .homeEvents .homeEventItem .title {
    display: block;
    width: 100%;
    max-width: none;
    font-size: 18px;
  }
}
.structBody .eventWrap .homeEvents .homeEventItem .title .IModCmsCalendarIcon {
  display: none;
}
.structBody .joinInfo {
  text-align: center;
  padding: 2em 1em;
}
.structBody .joinInfo h2 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 2.65em;
}
.interior .structBody {
  padding: 6em 0 2em;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .interior .structBody {
    padding: 4em 0 2em;
  }
  .structBody .eventWrap .homeEvents .homeEventItem .date{
    max-width:15%;
    border-right: 2px solid #515151;
    margin-right: 20px;
  }
}
@media only screen and (max-width:  699px ) {
  .interior .structBody {
    padding: 2em 0 2em;
  }
}
.interior-wide .structBody {
  padding: 6em 0 2em;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .interior-wide .structBody {
    padding: 4em 0 2em;
  }
}
@media only screen and (max-width:  699px ) {
  .interior-wide .structBody {
    padding: 2em 1.75em;
  }
}
.imageRow {
  float: left;
  width: 100%;
  background: #f0f0f0;
  padding: 50px 0;
}
@media only screen and (max-width:  699px ) {
  .imageRow {
    padding: 20px 0;
    background: #fff;
  }
}
.imageRow .imageItems {
  text-align: center;
}
.imageRow .imageItems .title {
  display: block;
  width: 100%;
  color: #515151;
  padding-top: 5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
.imageRow .imageItems .title a {
  color: #515151;
  text-decoration: none;
  color: #000;
}
.imageRow .imageItems .title a:hover {
  text-decoration: underline;
  color: #A60F2D;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .imageRow .imageItems {
    padding: 15px;
    text-align: center;
  }
  .imageRow .imageItems img {
    max-width: 160px!important;
  }
}
@media only screen and (max-width:  699px ) {
  .imageRow .imageItems {
    padding: 15px;
    text-align: center;
  }
  .imageRow .imageItems img {
    max-width: 100%!important;
  }
}
.midWrap {
  padding-bottom: 24px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .midWrap {
    padding-bottom: 1em;
  }
}
.pageName h1 {
  margin: 0 0 10px;
  font-weight: 300;
  font-size: 3em;
  color: #A60F2D;
  line-height: 1;
}
@media only screen and (max-width:  699px ) {
  .pageName h1 {
    margin: 0 0 20px;
    font-size: 2.25em;
  }
}
/* top tabs */
.join .toptabs {
  margin-top: 60px;
}
@media only screen and (max-width:  699px ) {
  .join .toptabs {
    margin-top: 30px;
  }
}
.join .membershipTabs ul.tabNav {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0 -15px -5px -15px;
  padding: 0;
}
@media only screen and (max-width:  699px ) {
  .join .membershipTabs ul.tabNav {
    display: block;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .membershipTabs ul.tabNav {
    margin: 0 -5px -5px -5px;
  }
}
.join .membershipTabs ul.tabNav li {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex: 1 0 25%;
      -webkit-box-flex: 1;
          flex: 1 0 25%;
          -webkit-flex: 1 0 25%;
  max-width: 25%;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  text-align: center;
  padding: 0 15px;
}
@media only screen and (max-width:  699px ) {
  .join .membershipTabs ul.tabNav li {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 1px;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .membershipTabs ul.tabNav li {
    padding: 0 5px;
  }
}
.join .membershipTabs ul.tabNav li a {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
      -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  color: #000;
  background: #f0f0f0;
  padding: 0.65em 0.25em;
  text-decoration: none;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.1;
  text-transform: uppercase;
}
.join .membershipTabs ul.tabNav li a:hover {
  background: #A60F2D;
  color: #fff;
}
.join .membershipTabs ul.tabNav li.active a {
  background: #A60F2D;
  color: #fff;
}
.join .membershipTabs ul.tabNav li.active a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-top: solid 15px #A60F2D;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
@media only screen and (max-width:  699px ) {
  .join .membershipTabs ul.tabNav li.active a:after {
    content: "";
    border: none;
  }
}
.join .membershipTabs .ulBorder {
  float: left;
  width: 100%;
  height: 5px;
  background: #f0f0f0;
}
.join .tabContainer {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}
.join .tabContainer .tab_content {
  display: none;
  clear: both;
  float: left;
  width: 100%;
}
.join .tabContainer .tab_content .tabHeading {
  text-align: center;
}
.join .tabContainer .tab_content .tabHeading p{
  margin:1.65em 0;
}
.join .tabContainer .tab_content .levelOuter {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  width: 100%;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      -webkit-box-pack: center;
          justify-content: center;
}
/* @media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .tabContainer .tab_content .levelOuter {
    display: block;
  }
} */
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter {
    display: block;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex: 1 0 33.3336%;
      -webkit-box-flex: 1;
          flex: 1 0 33.3336%;
          -webkit-flex: 1 0 33.3336%;
  max-width: 33.3336%;
  padding: 0 7px;
}
/* @media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap {
    max-width: none;
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
} */
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap {
    max-width: none;
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-flex-direction: column;
  text-align: center;
  width: 100%;
  background: #eff0f1;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .levelTop {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-pack: center;
      -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  background: #5e6a71;
  padding: 0.65em;
  min-height: 68px;
}
/* @media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .levelTop {
    min-height: 0;
  }
} */
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .levelTop {
    min-height: 0;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .levelTop .title {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo {
  padding: 30px 15px 0 15px;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-flex-direction: column;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo {
    -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        -webkit-box-pack: center;
            justify-content: center;
    padding: 1em 0.5em 0 0.5em;
  }
}
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo {
    -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-flex-direction: row;
    -ms-flex-pack: center;
        -webkit-box-pack: center;
            justify-content: center;
    padding: 30px 10px 0 10px;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .single {
  margin-bottom: 10px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .single {
    padding: 0 20px;
  }
}
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .single {
    padding: 0 20px;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .single .cost {
  font-weight: 300;
  font-size: 24px;
  color: #000;
  line-height: 1.25;
}
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .single .cost {
    font-size: 32px;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .single .info {
  color: #000;
  font-size: 20px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .joint {
    padding: 0 20px;
  }
}
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .joint {
    padding: 0 20px;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .joint .cost {
  font-weight: 300;
  font-size: 24px;
  color: #000;
  line-height: 1.25;
}
@media only screen and (max-width:  699px ) {
  .join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .joint .cost {
    font-size: 32px;
  }
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .costInfo .joint .info {
  color: #000;
  font-size: 20px;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .small-text {
  margin-top: 10px;
  padding:0 15px;
  font-size: 14px;
  min-height:44px;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .buttons {
  text-align: center;
  padding: 1em;
  width: 100%;
  margin-top:auto;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .buttons a {
  display: inline-block;
  padding: 0.5em 0.75em;
  text-decoration: none;
  background: #A60F2D;
  color: #fff;
  font-size: 20px;
  margin: 2px;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .buttons a:hover {
  background: #5e6a71;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .buttons a:last-child {
  background: #4b4b4d;
  color: #fff;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .buttons a:last-child:hover {
  background: #A60F2D;
  color: #fff;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .more {
  padding-bottom:1em;
}
.join .tabContainer .tab_content .levelOuter .levelWrap .levelInner .more a {
  display: block;
}
.join .rightTabs ul.tabNavR {
  margin: 0;
  padding: 0;
  list-style: none;
}
.join .rightTabs ul.tabNavR li {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  margin-bottom: 3px;
  min-height: 74px;
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs ul.tabNavR li {
    min-height: 0px;
  }
}
.join .rightTabs ul.tabNavR li a {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  width: 100%;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  background: #5e6a71;
  color: #fff;
  font-size: 1.15em;
  text-decoration: none;
  padding: 10px 15px;
  font-weight: 300;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .rightTabs ul.tabNavR li a {
    font-size: 1em;
  }
}
.join .rightTabs ul.tabNavR li.active a {
  background: #A60F2D;
  position: relative;
}
.join .rightTabs ul.tabNavR li.active a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -15px;
  width: 0;
  height: 0;
  border-left: solid 15px #A60F2D;
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs ul.tabNavR li.active a:after {
    right: 15px;
    border-left: solid 15px #fff;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
  }
}
.join .rightTabs .tab_contentR {
  display: none;
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs .tab_contentR {
    margin-top: 40px;
  }
}
.join .rightTabs .tab_contentR h3 {
  color: #A60F2D;
  font-size: 1em;
  margin: 0;
}
.join .rightTabs .tab_contentR p {
  margin: 0 0 1em 0;
}
.join .rightTabs .tab_contentR .compareTable {
  clear: both;
  float: left;
  width: 100%;
}
.join .rightTabs .tab_contentR .compareTable .colWidth {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
}
.join .rightTabs .tab_contentR .compareTable .colWidth .leftTabCol {
  -ms-flex: 1 0 72%;
      -webkit-box-flex: 1;
          flex: 1 0 72%;
          -webkit-flex: 1 0 72%;
  max-width: 72%;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .rightTabs .tab_contentR .compareTable .colWidth .leftTabCol {
    -ms-flex: 1 0 60%;
        -webkit-box-flex: 1;
            flex: 1 0 60%;
            -webkit-flex: 1 0 60%!important;
    max-width: 60%;
  }
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs .tab_contentR .compareTable .colWidth .leftTabCol {
    -ms-flex: 1 0 50%;
        -webkit-box-flex: 1;
            flex: 1 0 50%;
            -webkit-flex: 1 0 50%;
    max-width: 50%;
  }
}
.join .rightTabs .tab_contentR .compareTable .colWidth .rightTabCol {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex: 1 0 28%;
      -webkit-box-flex: 1;
          flex: 1 0 28%;
          -webkit-flex: 1 0 28%;
  max-width: 28%;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .join .rightTabs .tab_contentR .compareTable .colWidth .rightTabCol {
    -ms-flex: 1 0 40%;
        -webkit-box-flex: 1;
            flex: 1 0 40%;
            -webkit-flex: 1 0 40%!important;
    max-width: 40%;
  }
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs .tab_contentR .compareTable .colWidth .rightTabCol {
    -ms-flex: 1 0 50%;
        -webkit-box-flex: 1;
            flex: 1 0 50%;
            -webkit-flex: 1 0 50%;
    max-width: 50%;
  }
}
.join .rightTabs .tab_contentR .compareTable .headerRow {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-pack: end;
      -webkit-box-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.join .rightTabs .tab_contentR .compareTable .headerRow .leftTabCol {
  -ms-flex: 1 0 50%;
      -webkit-box-flex: 1;
          flex: 1 0 50%;
          -webkit-flex: 1 0 50%;
  max-width: 50%;
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs .tab_contentR .compareTable .headerRow .rightTabCol {
    -ms-flex: 1 0 50%;
        -webkit-box-flex: 1;
            flex: 1 0 50%;
            -webkit-flex: 1 0 50%;
    max-width: 50%;
  }
}
.join .rightTabs .tab_contentR .compareTable .headerRow .planLevel {
  width: 100%;
  text-align: center;
  color: #A60F2D;
  font-weight: 400;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1.05;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.join .rightTabs .tab_contentR .compareTable .headerRow .planLevel > div {
  width: 33.3336%;
  float: left;
  text-transform: uppercase;
}
@media only screen and (max-width:  699px ) {
  .join .rightTabs .tab_contentR .compareTable .headerRow .planLevel {
    font-size: 0.65em;
  }
}
.join .rightTabs .tab_contentR .compareTable .infoRows .innerRow {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  background: #fff;
  padding: 5px 0 5px 15px;
}
.join .rightTabs .tab_contentR .compareTable .infoRows .innerRow .title {
  font-size: 14px;
}
.join .rightTabs .tab_contentR .compareTable .infoRows .innerRow .options {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  text-transform: uppercase;
  font-size: 16px;
}
.join .rightTabs .tab_contentR .compareTable .infoRows .innerRow .options > div {
  -ms-flex: 1 0 33.3336%;
      -webkit-box-flex: 1;
          flex: 1 0 33.3336%;
          -webkit-flex: 1 0 33.3336%;
  text-align: center;
}
.join .rightTabs .tab_contentR .compareTable .infoRows .innerRow:nth-child(odd) {
  background: #e7e7e8;
}
/* NEWS LISTINGS
-----------------------------------------------*/
.newsItem {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid #f0f0f0;
  float: left;
  width: 100%;
  clear: both;
}
.newsItem .thumb {
  position: relative;
  width: 120px;
  float: left;
}
.newsItem .text {
  padding-left: 140px;
}
.newsItem .title {
  font-size: 1.2em;
  line-height: normal;
  padding: 0 0 5px;
  font-weight: bold;
}
.gridWrap {
  margin-bottom: 50px;
  overflow: hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  display:-webkit-flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
          -webkit-flex-direction:row;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
  margin-left:-15px;
  margin-right:-15px;
}
.gridWrap .gridItem{
  -webkit-box-flex:1;
      -ms-flex:1 0 33.3336%;
          flex:1 0 33.3336%;
          -webkit-flex:1 0 33.3336%;
  max-width:33.3336%;
  padding:15px;
}
@media only screen and (max-width:  699px ) {
  .gridWrap {
    margin: 0;
    display:block;
  }
  .gridWrap .gridItem{
    display:block;
    width:100%;
    margin-bottom:30px;
    padding:0;
    max-width:none;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .gridWrap .gridItem {
    margin: 0 0 30px;
    -webkit-box-flex:1;
        -ms-flex:1 0 50%;
            flex:1 0 50%;
            -webkit-flex:1 0 50%;
    max-width:50%;
  }
}
.gridWrap .gridItem .thumb {
  margin: 0 0 20px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.gridWrap .gridItem .thumb a {
  display: block;
}
.gridWrap .gridItem .thumb img.invisible {
  visibility: hidden;
}
.gridWrap .gridItem .thumb img {
  width: 100%;
}
@media only screen and (max-width:  699px ) {
  .gridWrap .gridItem .thumb {
    margin: 0 auto;
    max-width: 100%;
  }
}
.gridWrap .gridItem .text {
  clear: both;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .gridWrap .gridItem .text {
    clear: right;
  }
}
@media only screen and (max-width:  699px ) {
  .gridWrap .gridItem .text {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
.gridWrap .gridItem .title {
  display: block;
  font-size: 1.125em;
  line-height: normal;
  color: #A60F2D;
  font-weight: 700;
  padding: 0 0 5px;
}
.gridWrap .gridItem .preview .info {
  font-size: 1em;
  font-style: italic;
  margin-bottom: 15px;
}
/* EVENT LISTINGS
-----------------------------------------------*/
.eventItem {
  position: relative;
  width: 100%;
  padding: 30px 0 20px;
  border-bottom: 2px solid #9a9a9a;
}
@media only screen and (max-width:  699px ) {
  .eventItem {
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 20px;
  }
}
.eventItem:last-child {
  border-bottom: none;
}
.eventItem .date {
  float: left;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: start;
      -webkit-box-pack: start;
          justify-content: flex-start;
  position: relative;
  width: 60px;
  padding-top: 4px;
}
.eventItem .date .month {
  width: 25px;
  color: #c60c30;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 45% 72%;
      -ms-transform-origin: 45% 72%;
          transform-origin: 45% 72%;
  margin-top: 6px;
}
@media only screen and (max-width:  699px ) {
  .eventItem .date .month {
    width: auto;
    font-size: 20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transform-origin: none;
        -ms-transform-origin: none;
            transform-origin: none;
    margin: 0;
    display: inline-block;
  }
}
.eventItem .date .day {
  color: #A60F2D;
  font-size: 46px;
  font-weight: 300;
  margin-left: -8px;
}
@media only screen and (max-width:  699px ) {
  .eventItem .date .day {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    margin: 0;
  }
}
@media only screen and (max-width:  699px ) {
  .eventItem .date {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
  }
}
.eventItem .date span.calImg {
  position: absolute;
  right: -50px;
  top: 5px;
  width: 25px;
}
@media only screen and (max-width:  699px ) {
  .eventItem .date span.calImg {
    width: 45px;
    left: 0;
    top: 0;
  }
}
.eventItem .text {
  padding-left: 85px;
}
@media only screen and (max-width:  699px ) {
  .eventItem .text {
    padding-left: 60px;
  }
}
.eventItem .text .mobDate{
  display:inline-block;
}
.eventItem .text .mobDate .month {
  color: #c60c30;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
}
.eventItem .text .mobDate .day {
  color: #A60F2D;
  font-weight: 700;
  font-size: 20px;
}
.eventItem .title {
  font-size: 1.2em;
  line-height: 1;
  padding: 10px 0 0 40px;
  font-weight: bold;
  color: #5e6a71;
}
@media only screen and (max-width:  699px ) {
  .eventItem .title {
    color: #000;
    padding-left: 0;
    padding-top: 0;
    font-size: 1em;
  }
}
.eventItem .title a {
  color: #5e6a71;
  text-decoration: none;
}
.eventItem .title a:hover {
  color: #A60F2D;
  text-decoration: underline;
}
@media only screen and (max-width:  699px ) {
  .eventItem .title a {
    color: #000;
  }
  .eventItem.layout-2 .title a {
    color: #5e6a71;
  }
}
.eventItem .preview {
  padding-top: 10px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .eventItem .preview {
    padding-top: 0;
  }
}
.eventItem .previewMob {
  width: 100%;
  margin-top: 25px;
}

.eventItem.layout-2 .text,
.eventItem.layout-2 .title {
  padding-left: 0;
}
.eventItem.layout-2 .location,
.eventItem.layout-2 .bull-entity {
  color: #A60F2D;
}
.eventItem.layout-2 .text .calImg {
  padding-right: 10px;
}
.eventItem.layout-2 .text .calImg img {
  margin-bottom: 4px;
}
.eventWrapper .dateTime {
  color: #A60F2D;
  padding-bottom: 10px;
  display: inline-block;
}
.eventWrapper .location {
  color: #A60F2D;
}
/* FEATURE ROTATOR
---------------------------------------------*/
.rotatorWrap {
  float: left;
  width: 100%;
}
.rotatorWrap .imageRotator {
  /* Pager */
  /* Controls */
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .rotatorWrap .imageRotator {
    padding: 0;
  }
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator {
    padding: 0;
  }
}
.rotatorWrap .imageRotator .bx-wrapper {
  position: relative;
  background: #515151;
  height: auto;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide {
  position: relative;
  /* Image */
  /* Text */
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldimg {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 35%;
  height: 0;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldimg a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldimg {
    padding-bottom: 36%;
    background-size: 100%;
  }
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          flex-direction: row;
          -webkit-flex-direction: row;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  background: #515151;
  color: #fff;
  padding: 10px 20px 10px 50px;
  min-height: 74px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt {
    display: block;
    padding: 20px 70px;
  }
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt {
    display: block;
    padding: 20px 40px;
  }
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .title {
  font-size: 20px;
  padding-right: 20px;
  max-width: 220px;
  color: #fff;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
  -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
          flex: 1 0 auto;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .title a {
  color: #fff;
  text-decoration: none;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .title a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .title {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .title {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .title:before {
    content: "";
    border: none;
  }
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .preview {
  font-size: 18px;
  font-weight: 300;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .preview {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .preview {
    display: block;
    width: 100%;
    font-size: 14px;
  }
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  border-left: 25px solid #c60c30;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt:before {
    left: 40px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 18px solid #c60c30;
  }
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt:before {
    content: "";
    border: none;
  }
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .socialIcons {
  float: right;
  min-width: 160px;
  margin-left: 30px;
  border-left: 2px solid #fff;
  padding: 0 15px;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .socialIcons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .socialIcons ul li {
  display: inline-block;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .socialIcons ul li a {
  color: #fff;
  font-size: 2em;
  padding: 15px 3px;
}
.rotatorWrap .imageRotator .bx-wrapper .bx_slide .sldtxt .socialIcons ul li a:hover {
  color: #A60F2D;
}
.rotatorWrap .imageRotator .bx-pager {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-pager {
    position: static;
    width: 100%;
    text-align: center;
    padding: 10px 0 0;
  }
}
.rotatorWrap .imageRotator .bx-pager .bx-pager-item {
  display: inline-block;
  padding-left: 12px;
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-pager .bx-pager-item {
    padding: 0 5px;
  }
}
.rotatorWrap .imageRotator .bx-pager a {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  text-indent: -999em;
  outline: none;
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-pager a {
    background-color: #f0f0f0;
    width: 12px;
    height: 12px;
  }
}
.rotatorWrap .imageRotator .bx-pager a.active {
  background: #000;
}
.rotatorWrap .imageRotator .bx-controls-direction a {
  position: absolute;
  top: 45%;
  z-index: 100;
  outline: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 4em;
}
.rotatorWrap .imageRotator .bx-controls-direction a.bx-prev {
  left: 20px;
}
.rotatorWrap .imageRotator .bx-controls-direction a.bx-next {
  right: 20px;
}
@media only screen and (max-width:  699px ) {
  .rotatorWrap .imageRotator .bx-controls-direction a {
    top: 30px;
  }
}

.fullImg{
  text-align:center;
}
/* LEFT COLUMN
---------------------------------------------*/
@media only screen and (max-width:  699px ) {
  .secondaryNav {
    margin-bottom: 2em;
  }
}
.secondaryNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.secondaryNav ul > li {
  display: none;
}
.secondaryNav ul > li > a {
  font-size: 2.575em;
  color: #A60F2D;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 34px;
  display: inline-block;
}
.secondaryNav ul > li.selected {
  display: block;
}
.secondaryNav ul > li > ul {
  margin: 1.5em 0 0 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-flex-direction: column;
}
.secondaryNav ul > li > ul > li {
  margin-bottom: 3px;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
}
.secondaryNav ul > li > ul > li > a {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  width: 100%;
  -ms-flex-align: center;
      -webkit-box-align: center;
          align-items: center;
  background: #f0f0f0;
  color: #3e3e3e;
  font-size: 1.15em;
  line-height: 1.5em;
  text-decoration: none;
  padding: 10px 15px;
  font-weight: 300;
}
@media only screen and (max-width:  699px ) {
  .secondaryNav ul > li > ul > li > a {
    padding:5px 15px;
  }
}

.secondaryNav ul > li > ul > li > a:hover {
  background: #A60F2D;
  color: #fff;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .secondaryNav ul > li > ul > li > a {
    font-size: 1em;
  }
}
.secondaryNav ul > li > ul > li.selected > a {
  background: #A60F2D;
  color: #fff;
  position: relative;
}
.secondaryNav ul > li > ul > li.selected > a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -15px;
  width: 0;
  height: 0;
  border-left: solid 15px #A60F2D;
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
}
@media only screen and (max-width:  699px ) {
  .secondaryNav ul > li > ul > li.selected > a:after {
    right: 15px;
    border-left: solid 15px #fff;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
  }
  .secondaryNav ul > li > ul > li {
    margin-bottom: 0px;
  }
}
.secondaryNav ul > li > ul > li ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.secondaryNav ul > li > ul > li ul li {
  display: block;
  width: 100%;
}
.secondaryNav ul > li > ul > li ul li a {
  display: block;
  padding: 5px 0 5px 30px;
  color: #000;
  background: none;
}
.secondaryNav ul > li > ul > li ul li a:hover {
  background: none;
  text-decoration: underline;
  color: #A60F2D;
}
.secondaryNav ul > li > ul > li ul li.selected a {
  background: none;
  color: #A60F2D;
  font-weight: 400;
}
.secondaryNav ul > li > ul > li ul li.selected a:after {
  content: "";
  border: none;
}

.secondaryNav ul li .accordion-btn-wrap .accordion-btn {
  background: none;
  height: auto !important;
  line-height: normal !important;
  text-align: right;
  padding: 0 15px;
  color: #A60F2D;
}
@media only screen and (min-width:700px) {
  .secondaryNav ul > li > a {
    margin: 0 !important;
  }
  .secondaryNav ul li .accordion-btn-wrap {
    display: none !important;
  }
}
/* RIGHT CONTENT 
---------------------------------------------*/
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .structRight {
    margin-bottom: 2em;
  }
}
/* FOOTER ELEMENTS
---------------------------------------------*/
footer {
  float: left;
  position: relative;
  width: 100%;
  color: #fff;
  padding: 2em 0;
  background-size: cover;
  background-position: center center;
}
footer ul.footerNav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
}
footer ul.footerNav > li.topLevel {
  -ms-flex: 1 0 20%;
      -webkit-box-flex: 1;
          flex: 1 0 20%;
          -webkit-flex: 1 0 20%;
  max-width: 20%;
  font-size: 12px;
  color: #fffefe;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
}
footer ul.footerNav > li.home {
  display: none;
}
footer ul.footerNav > li.topLevel a {
  color: #fffefe;
  text-decoration: none;
}
footer ul.footerNav > li.topLevel a:hover {
  text-decoration: underline;
}
footer ul.footerNav > li.topLevel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer ul.footerNav > li.topLevel ul li a {
  color: #fffefe;
  text-decoration: none;
  font-size: 12px;
  text-transform: none;
  font-weight: 300;
  display: block;
}
footer ul.footerNav > li.topLevel ul li a:hover {
  text-decoration: underline;
}
footer .divider {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #fff;
}
footer .footLogo {
  text-align: center;
  padding: 2em 0;
}
@media only screen and (max-width:  699px ) {
  footer .footLogo {
    padding: 0 0 2em 0;
  }
}
footer .footInfo {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
}
footer .footInfo a {
  text-align: center;
  text-decoration: none;
  color: #fffefe;
  font-size: 12px;
}
footer .footInfo a:hover {
  text-decoration: underline;
  color: #fffefe;
}
footer .footInfo .copyrightLine {
  font-size: 10px;
}
footer:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(94, 106, 113, 0.95);
}
footer ul.social {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
@media only screen and (max-width:  699px ) {
  footer ul.social {
    text-align: center;
    margin-bottom: 20px;
  }
}
footer ul.social li {
  display: inline;
  padding: 0 5px;
}
footer ul.social li a {
  text-decoration: none;
  color: #fff;
}
.toplink {
  display: block;
  text-align: center;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: normal;
  clear: both;
  background-color: #000;
}
.toplink a {
  text-decoration: none;
  padding: 10px;
  color: #fff;
  display: block;
}
/* MOBILE NAVIGATION
-----------------------------------------------*/
.m-pikabu-nav-toggle {
  color: #2a3033;
  font-size: 2em;
  text-align: center;
}
.m-pikabu-nav-toggle:hover {
  color: #2a3033;
  text-decoration: none;
}
#nav-close-btn {
  position: absolute;
  right: 0;
  padding: 15px 5px;
  color: #fff;
  font-size: 2em;
}
.m-pikabu-sidebar {
  background: #6f6f6f;
  z-index: 9999;
}
.mainNav{
  clear:both;
  float:left;
  width:100%;
}
.m-pikabu-sidebar .mainNav ul {
  float: left;
  width: 100%;
  border-bottom: 1px solid #898989;
}
.m-pikabu-sidebar .mainNav ul li {
  position: relative;
  float: left;
  width: 100%;
  border-top: 1px solid #898989;
}
.m-pikabu-sidebar .mainNav ul li.has-subnav .accordion-btn {
  color: #fff;
}
.m-pikabu-sidebar .mainNav ul li.selected a {
  color: #fff;
}
.m-pikabu-sidebar .mainNav ul li a {
  padding: 12px 1em;
  text-decoration: none;
  font-size: 1.125em;
}
.m-pikabu-sidebar .mainNav ul li a:hover {
  background: #A60F2D;
}
.m-pikabu-sidebar .mainNav ul li ul {
  background: #262626;
}
.m-pikabu-sidebar .mainNav ul li ul li {
  background: #262626;
  border-top: 1px solid #898989;
}
.m-pikabu-sidebar .mainNav ul li.active a {
  background: #262626;
}
.mobileMemberTools{
  clear:both;
  float:left;
  width:100%;
}
.mobileMemberTools ul {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  border: none;
}
.mobileMemberTools ul li {
  display: block;
  float: left;
  width: 100%;
}
.mobileMemberTools ul li a {
  color: #fff;
  text-decoration: none;
  padding: 12px 1em;
  display: block;
  font-size: 1.125em;
}
.mobileMemberTools ul li a:hover {
  background: #A60F2D;
}
.accordion-btn-wrap .fa {
  font-size: 2em;
}
.accordion-btn-wrap .accordion-btn {
  height: 60px!important;
  line-height: 60px!important;
}
.accordion-btn-wrap .accordion-btn.accordion-expanded {
  background: #262626;
}
.mobileSearch {
  float: left;
  width: 100%;
  padding: 15px;
  text-align: center;
  color: #f0f0f0;
  position: relative;
}
.mobileSearch input {
  background: #fff;
  border: none;
  padding: 5px 20px 4px 10px;
  width: 100%;
  color: #515151;
}
.mobileSearch img[id$="_imgbtnSearch"] {
  width: 14px;
  position: absolute;
  left: 18px;
  top: 20px;
}
.mobileSearch button,
.mobileSearch label,
.mobileSearch .SearchModuleSpacer {
  display: none;
}
#nav ul li.selected > ul {
  display: block;
}
#nav ul li ul {
  display: none;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  #nav {
    display: block;
  }
}
@media only screen and (max-width:  699px ) {
  #nav {
    display: block;
  }
}
.mobileSocial ul {
  list-style: none;
  margin: 0;
  padding: 15px;
  float: left;
  width: 85%;
}
.mobileSocial ul li {
  display: inline-block;
}
.mobileSocial ul li a {
  color: #fff;
  font-size: 2em;
  padding: 15px 3px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .m-pikabu-sidebar,
  .m-pikabu-right-visible .m-pikabu-right,
  .m-pikabu-left-visible .m-pikabu-left {
    width: 40% !important;
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .m-pikabu-left-visible .m-pikabu-container {
    -webkit-transform: translate3d(40%, 0, 0);
    -ms-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
  }
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .m-pikabu-right-visible .m-pikabu-container {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
@media only screen and (max-width:  699px ) {
  .m-pikabu-right-visible .m-pikabu-container {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
  }
}
.accordion-btn-wrap:focus {
  outline: 1px dotted #fff;
}
/* FORM STYLING 
---------------------------------------------*/
#ContentMiddle div[id*="pnlBreadcrumbs"],
#ContentMiddle div.idbmsBreadcrumbWrapper {
  display: block;
  padding: 0 0 50px;
  overflow: hidden;
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumb,
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
  display: block;
  float: left;
  border: 1px solid #c8c8c8;
  color: #626262;
  padding: 10px 15px;
  font-size: 13px;
  line-height: normal;
  margin-right: 10px;
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
#ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
  font-size: 13px;
  font-weight: normal;
  background: #A60F2D;
  color: #fff;
  border-color: #A60F2D;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive,
  #ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumbActive {
    width: 100%;
    display: block;
    float: none;
  }
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb,
  #ContentMiddle div.idbmsBreadcrumbWrapper .idbmsBreadcrumb {
    display: none;
  }
}
#ContentMiddle div[id*="pnlBreadcrumbs"] .stepTxt,
#ContentMiddle div.idbmsBreadcrumbWrapper .stepTxt {
  padding-right: 5px;
  font-weight: bold;
}
#ContentMiddle .imod_formItemWrapper .EventsHeader,
#ContentMiddle .imod_fieldWrapper .EventsHeader {
  background: #A60F2D;
  color: #fff;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  border-color: #c8c8c8;
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 14px 20px 10px;
  text-transform: uppercase;
  position: relative;
}
#ContentMiddle .imod_formItemWrapper .EventsHeader a,
#ContentMiddle .imod_fieldWrapper .EventsHeader a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
}
#ContentMiddle .imod_formItemWrapper .EventsHeader a .categoryToggle,
#ContentMiddle .imod_fieldWrapper .EventsHeader a .categoryToggle {
  display: block;
  float: right;
  padding: 7px 15px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput textarea,
#ContentMiddle .imod_fieldWrapper .imod_fieldInput input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_fieldInput select {
  background: #eee;
  border: 2px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput select {
  min-height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput .divAdvancedDesignations input[type="text"] {
  width: auto;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 {
  float: left;
  width: 70%;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper .imod_col2 {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper .imod_col2 textarea,
#ContentMiddle .imod_fieldWrapper .imod_col2 input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col2 select {
  background: #eee;
  border: 2px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 textarea input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col2 input[type="text"] input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col2 select input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col2 textarea select,
#ContentMiddle .imod_fieldWrapper .imod_col2 input[type="text"] select,
#ContentMiddle .imod_fieldWrapper .imod_col2 select select {
  min-height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 {
  float: left;
  width: 70%;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper .imod_col3 {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper .imod_col3 textarea,
#ContentMiddle .imod_fieldWrapper .imod_col3 input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col3 select {
  background: #eee;
  border: 2px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 textarea input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col3 input[type="text"] input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col3 select input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col3 textarea select,
#ContentMiddle .imod_fieldWrapper .imod_col3 input[type="text"] select,
#ContentMiddle .imod_fieldWrapper .imod_col3 select select {
  min-height: 42px;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper .imod_col4 {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper .imod_col4 textarea,
#ContentMiddle .imod_fieldWrapper .imod_col4 input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col4 select {
  background: #eee;
  border: 2px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
  padding: 0px 10px;
  width: 300px;
  max-width: 90%;
}
#ContentMiddle .imod_fieldWrapper .imod_col4 textarea input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col4 input[type="text"] input[type="text"],
#ContentMiddle .imod_fieldWrapper .imod_col4 select input[type="text"] {
  height: 42px;
}
#ContentMiddle .imod_fieldWrapper .imod_col4 textarea select,
#ContentMiddle .imod_fieldWrapper .imod_col4 input[type="text"] select,
#ContentMiddle .imod_fieldWrapper .imod_col4 select select {
  min-height: 42px;
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox {
  background: #e1e1e1;
  border: 1px solid #c8c8c8;
  font-size: 20px;
  padding: 20px;
  margin-bottom: 30px;
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldLabel {
  line-height: 60px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  width: auto;
  padding-right: 20px;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldLabel {
    width: 100%;
    padding: 0 0 10px;
    line-height: normal;
  }
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldInput {
  width: auto;
}
#ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldInput input[type="text"] {
  background: #fff;
  height: 60px;
  line-height: 1em;
  font-size: 35px;
  font-weight: bold;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .imod_fieldWrapper.giftAmountBox .imod_fieldInput {
    width: 100%;
  }
}
#ContentMiddle .imod_fieldWrapper span[id*="lblFullName2"],
#ContentMiddle .imod_fieldWrapper span[id*='lblCCNoHypens'] {
  display: block;
  font-size: 0.8em;
  font-style: italic;
  opacity: 0.5;
}
#ContentMiddle .imod_fieldWrapper #divPayByCC .imod_fieldWrapper .imod_fieldInput {
  width: auto;
}
#ContentMiddle .imod_fieldWrapper #divPayByCC .imod_fieldWrapper .imod_fieldInput select,
#ContentMiddle .imod_fieldWrapper #divPayByCC .imod_fieldWrapper .imod_fieldInput input {
  width: auto;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] {
  display: block;
  font-size: 14px;
  line-height: normal;
  margin: 0 -10px;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody {
  display: block;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr {
  display: block;
  float: left;
  width: 50%;
  border: 10px solid #fff;
}
@media only screen and (max-width:  699px ) {
  #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr {
    width: 100%;
    float: none;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr:nth-child(3n+3) {
  clear: left;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr.active td,
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr.active td:hover {
  background: #430d16;
  border-color: #A60F2D;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td {
  padding: 0px;
  display: block;
  background: #A60F2D;
  position: relative;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  border: 2px solid transparent;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td:hover {
  background: #6d1624;
  cursor: pointer;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td input[type='radio'] {
  display: none;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td input[type='radio']:checked + label {
  /*background:darken(@primary-color, 20%);*/
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td input[type='radio']:checked + label:before {
  content: "\f058";
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td label {
  display: block;
  padding: 18px 80px 18px 18px;
  color: #fff;
  font-weight: bold;
  line-height: 1.5em;
  cursor: pointer;
}
#ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td label:before {
  color: #ffffff;
  display: block;
  font-family: "FontAwesome";
  font-size: 28px;
  line-height: 30px;
  padding: 0 0px;
  content: "\f111";
  width: 60px;
  text-align: center;
  height: 30px;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
  font-weight: normal;
}
#ContentMiddle .designation-section .divAdvancedDesignations {
  width: 100%;
  margin: 0;
  border: 2px solid #c8c8c8;
}
#ContentMiddle .designation-section .divAdvancedDesignations .fa {
  color: #A60F2D;
}
#ContentMiddle .login-password-box {
  width: 100%;
}
.fancybox-overlay .fancybox-wrap {
  width: 600px!important;
  max-width: 90%;
}
.fancybox-overlay .fancybox-wrap .fancybox-inner {
  width: 100%!important;
}
.fancybox-overlay .fancybox-wrap .fancybox-skin {
  padding: 30px!important;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap .fancybox-skin {
    padding: 15px!important;
  }
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper {
  max-width: 100%;
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper br {
  display: none;
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper span.instruction-section {
  font-size: 1em;
  width: 100%;
  margin: 0 0 0px;
}
.fancybox-overlay .fancybox-wrap div.imod_designations_wrapper div.notification-section-top {
  margin-top: 10px;
}
.fancybox-overlay .fancybox-wrap div.header-section {
  float: left;
  min-height: 35px;
  padding: 0 0 15px;
  width: 100%;
}
.fancybox-overlay .fancybox-wrap div.header-section h1 {
  margin: 0;
  padding: 5px 220px 5px 0;
  font-size: 1.5em;
  min-height: 40px;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap div.header-section h1 {
    margin-top: 40px;
    font-size: 1.3em;
    padding-right: 0;
  }
}
.fancybox-overlay .fancybox-wrap div.header-section div.search-section {
  background: #ddd;
  border: 1px solid #ccc;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap div.header-section div.search-section {
    width: 100%;
  }
}
.fancybox-overlay .fancybox-wrap div.header-section div.search-section div.search-box {
  border: none;
  background: none;
}
.fancybox-overlay .fancybox-wrap div#main-section {
  background: #eee;
  border: 2px solid #ddd;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset {
  border: none;
  margin: 15px 0 0;
  padding: 8px 15px 10px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset legend {
  font-size: 1.25em;
  line-height: 1.3em;
}
@media only screen and (max-width:  699px ) {
  .fancybox-overlay .fancybox-wrap div#main-section fieldset legend {
    font-size: 1em;
  }
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section {
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  margin: 0 0 5px;
  width: 100%;
  float: none;
  overflow: hidden;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section input {
  margin-top: 2px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section label {
  display: block;
  max-width: 100%;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section div.arrow {
  position: relative;
  top: -3px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section {
  width: 100%;
  float: none;
  margin: 0;
  padding: 5px 0 0 17px;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section li.child {
  max-width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 5px 15px 5px 0;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section li.child input[type="checkbox"] {
  width: 15px;
  margin: 0;
}
.fancybox-overlay .fancybox-wrap div#main-section fieldset ul li.section ul.sub-section li.child label {
  float: none;
  padding-left: 23px;
  line-height: normal;
}
.fancybox-overlay .fancybox-wrap div.button-section {
  display: block;
  width: 100%;
  padding: 20px 0 0;
  float: left;
}
.fancybox-overlay .fancybox-wrap div.button-section input {
  background: #A60F2D;
  color: #fff;
  display: inline-block;
  float: right;
  padding: 10px 20px;
  border: none;
  max-width: 40%;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
.fancybox-overlay .fancybox-wrap div.button-section input:hover {
  background: #222;
  color: #fff;
}
.fancybox-overlay .fancybox-wrap div.button-section a {
  border: 1px solid #ccc;
  color: #333;
  margin: 0!important;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  float: left;
  max-width: 40%;
}
.fancybox-overlay .fancybox-wrap div.button-section a:hover {
  background: #222;
  color: #fff;
  text-decoration: none;
  border-color: #222;
}
.flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody {
  display: -ms-flexbox;
   display: -webkit-box;
   display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width:  699px ) {
  .flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody {
    display: block;
  }
}
.flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr {
  display: inherit;
  -ms-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          flex-direction: column;
          -webkit-flex-direction: column;
}
.flexbox #ContentMiddle .designationButtons table[id*="rblAdvancedDesignations"] tbody tr td {
  -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
          flex: 1 0 auto;
}
/* GIVE BUTTONS 1 STYLING 
---------------------------------------------*/
ul.giveBtnsList {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  text-align: center;
}
ul.giveBtnsList li {
  display: inline-block;
  padding: 0 10px;
  margin-right: -4px;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  ul.giveBtnsList li {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width:  699px ) {
  ul.giveBtnsList li {
    padding: 0 5px;
    width: 50%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
ul.giveBtnsList li a {
  text-decoration: none;
  display: block;
  font-size: 2em;
  line-height: 1em;
  padding: 20px 30px;
  background: #A60F2D;
  color: #fff!important;
  font-weight: bold;
}
ul.giveBtnsList li a.otherAmt {
  font-weight: normal;
  color: #fff;
}
ul.giveBtnsList li a:hover {
  background: #222;
  color: #fff!important;
  border-color: #000;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  ul.giveBtnsList li a {
    font-size: 26px;
    padding: 15px 20px;
  }
}
@media only screen and (max-width:  699px ) {
  ul.giveBtnsList li a {
    font-size: 24px;
    padding: 13px;
  }
}
ul.giveBtnsList span.sm {
  float: left;
  font-size: 0.55em;
  margin-right: 2px;
  position: relative;
  top: -5px;
}
@media only screen and (max-width:  699px ) {
  ul.giveBtnsList span.sm {
    float: none;
  }
}
/* GIVE BUTTONS 2 STYLING 
---------------------------------------------*/
.giveInputWrapper {
  display: block;
  position: relative;
  height: 50px;
  padding-right: 20px;
  max-width: 50%;
  margin: 0 auto;
}
@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .giveInputWrapper {
    max-width: 80%;
  }
}
@media only screen and (max-width:  699px ) {
  .giveInputWrapper {
    max-width: 100%;
  }
}
.giveInputWrapper .giveInputInner {
  background: #fff;
  overflow: hidden;
  padding-left: 45px;
  position: relative;
  border: 2px solid #ccc;
}
.giveInputWrapper label {
  display: none;
}
.giveInputWrapper .dollarSign {
  position: absolute;
  top: 0;
  left: 0;
  color: #222 !important;
  font-size: 25px;
  line-height: 50px;
  width: 35px;
  text-align: right;
}
.giveInputWrapper #giveInput {
  background: none;
  border: none;
  height: 46px;
  color: #222 !important;
  width: 100%;
  font-size: 25px;
}
@media only screen and (max-width:  699px ) {
  .giveInputWrapper #giveInput {
    font-size: 18px;
  }
}
.giveInputWrapper #giveBtnSubmit {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: none;
  background: #222;
  padding: 0 20px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  line-height: 50px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.giveInputWrapper #giveBtnSubmit:hover {
  background: #000;
}
@media only screen and (max-width:  699px ) {
  .giveInputWrapper #giveBtnSubmit {
    padding: 0 10px;
    font-size: 11px;
  }
}
.giveInputWrapper #errorMsg {
  font-style: italic;
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
}

/*event detail layout*/
.eventWrapper {display:table;}
.flexbox .eventWrapper {display:flex;}
.eventWrapper > div {display:table-cell; vertical-align:top;}
.flexbox .eventWrapper > div {display:block;}
.eventWrapper div.leftCol {width:72%;padding-right:50px;text-align:left;padding-bottom:30px;line-height:1.5em;margin-top:-38px;}
.eventWrapper div.leftCol img{padding-bottom:30px;display:block;}
.eventWrapper div.rightCol {width:28%;border-left:1px solid #bdbdbd;padding-left:40px;line-height:1.35em;}
.eventWrapper div.rightCol h2.small{color:#000000;font-size:1.25em;margin-bottom:10px;}
.eventWrapper div.rightCol iframe{margin-top:30px;}
.eventWrapper div.leftCol .buttons { margin: 10px 0 15px;}
.eventWrapper div.leftCol input{color:#ffffff;border:none;background:#A60F2D;font-size:1.5em;padding:15px 25px;display:inline-block;margin-bottom:10px;border-radius:10px;}
.eventWrapper div.leftCol input:hover {color:#fff;}
.eventWrapper div.leftCol .evHeader{color:#ffffff;background:#A60F2D;padding:5px 10px;font-size:1.25em;margin:1em 0;}


@media only screen and (min-width: 700px) and (max-width:  1023px ) {
  .flexbox .eventWrapper {display:block;}
  .eventWrapper > div.leftCol {padding-right:0px;width:100%;margin-top:0;}
  .eventWrapper > div.rightCol {padding-left:0px;width:100%;border-left:none;border-top:2px solid #bdbdbd;padding-top:30px;}
  .eventWrapper > div.rightCol input {font-size:14px;}
}

@media only screen and (max-width:  699px ) {
  .flexbox .eventWrapper {display:block;}
  .eventWrapper > div.leftCol {padding-right:0px;width:100%;margin-top:0;}
  .eventWrapper > div.rightCol {padding-left:0px;width:100%;border-left:none;border-top:2px solid #bdbdbd;padding-top:30px;}
  .eventWrapper > div.rightCol input {font-size:14px;}
  .eventWrapper div.leftCol input{width:100%;}
}
/* Loggedin */
.loggedin #ContentMiddleLayoutImageRow {
  float: left;
  width: 100%;
}
/* Winery News Listing */
.filterButtons {font-weight:bold;}
.filterButtons ul {padding: 0;}
.filterButtons ul li {list-style-type: none;display: inline-block;}
.filterButtons a {display:block;background: #981f32;color: #fff;border:1px solid #981f32;padding: 10px 20px;text-decoration: none;margin: 0 10px 10px 0;font-size: 14px;transition:0.3s all ease;}
.filterButtons a:hover {background: #fff;border:1px solid #981f32;color: #981f32;}
.filterButtons a.selected {background: #fff;border:1px solid #981f32;color: #981f32;}
.wineItem {display:block;width:100%;margin:20px 0;overflow: hidden;}
.wineItem .winePic {padding-left: 0;}
.wineItem .wineMain {padding-left:0;}
.wineItem .wineMain p {margin: 5px 0;}
.wineItem .wineMain h2 {font-size: 26px;color: #982032;}
.wineItem .wineMain .wineInfo .infoLeft h2 a { text-decoration: none; }
@media only screen and (min-width:768px) {
  .wineItem .wineMain .wineInfo { margin-top: -8px; }
}
@media only screen and (max-width:767px) {
  .wineItem .wineMain { padding:1em 0 0 0; }
  .wineItem .winePic,
  .wineItem .wineMain .wineInfo .infoLeft, 
  .wineItem .wineMain .wineInfo .infoRight, 
  .wineItem .wineMain .wineInfo .infoDesc { padding:0; }
}
.code-block pre {
  font-family: 'Source Code Pro', Monaco, monospace;
  font-size: 95%;
  line-height: 140%;
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
}           
.code-block code {
  display: block;
  padding: 0.5em 1em;
  border: 1px solid #5e6a71;
  font-family: Monaco, monospace;
  font-size: 95%;
  line-height: 140%;
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  background: #e7e7e8;
}


/* Post Launch Maint.  */

.CalendarFilters select {
  margin-right: 20px;
}

.imod_eventDetails .imod_eventButtons .button{ 

  font-size: 24px;
  border-radius: 10px;
  border: none;
  outline: none;
  padding: 15px 25px;
}

.idbmsBreadcrumbSeparator { display: none;}
.eventWrapper .dateTime br {display:none;}
.eventWrapper .dateTime strong:last-of-type {margin-left:20px;}

/*  Design Queue Task #113 */

.IMOD631 #ContentMiddle [id$='_loginConfirmBoxDiv'] label.textbox-confirm-label,
#ContentMiddle [id$='_pnlPopupCompare'] label.textbox-confirm-label {
    padding-top: 0;
}
.IMOD631 #ContentMiddle .imod_fieldWrapper.contactDetails.email {
    padding-bottom: 5px;
} 

.IMOD631 #ContentMiddle table#tblMembership h2 {
  padding: 15px 0;
/*     margin-left: -24px; */
}

#ContentMiddle table#tblMembership .idbmsMembershipLevelHeader th[scope='col'] [id$='_lblMembership'] h2{
  margin-left: 24px; margin-bottom:15px;
}

#ContentMiddle .idbmsMembershipLevelHeader, tr.idbmsMembershipLevelHeader th, caption.idbmsMembershipLevelHeader {
  margin-left: 24px;
}

/* MAINT 114301 DT 07292019 */
.imod-guest-list-details ul li div.field-name {
  float: none !important;
}

/* MAINT 118413 DT 09032019 */
#ContentMiddle .center-image {
  display:flex;
  justify-content: center;
}

/* Updating Event Pattern on Mobile 12212020 */
@media only screen and (max-width:  699px ) {
    .cms-listing .ev-simple:first-of-type {
        padding-top: 30px;
    }

    .cms-listing .ev-simple .date {
        height: 60px;
        width: 60px;
        float: left;
    }

    .cms-listing .ev-simple .date .month {
        font-size: 0.85em;
    }

    .cms-listing .ev-simple .date .day {
        font-size: 2em;
    }

    .cms-listing .ev-simple .text {
        padding-top: 0;
        padding-left: 80px;
    }
}