/* ----------------- General & Resets ----------------- */

#editAnywhere { display: none; }
body { 
    font-family: 'Source Sans Pro', sans-serif;
    background: #fff;
    /* color: #6D6D6D; */
    color: #515151;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.467em;
    padding: 0;
    margin: 0;
}
body.home { background: #fff; }

input, textarea, select  { font-family: inherit; font-size: inherit; box-sizing: border-box; line-height: 30px; height: 38px; width: 100%; padding: 4px 8px; border: 1px solid #ccc; outline: 0px; margin: 3px 0 3px; background: #f8f8f8; border-radius: 4px;}
input { }
input[type="button"] {}
input[type="checkbox"] { width: auto; vertical-align: middle; margin-right: 5px; border: none; }
input[type="file"] { height: 30px; line-height: normal; padding-top:4px; padding-bottom:4px; box-sizing: content-box; width: auto; }
input[type="password"] {}
input[type="radio"] { width: auto; vertical-align: middle; margin-right: 5px; }
input[type="submit"] { }
input[type="text"] {}
select { height: 38px; line-height: normal; padding-top:0px; padding-bottom:0px; }
textarea { height: auto; line-height: normal; width: 100%; }

a, a:visited {
   color: #7B9649;
   text-decoration: none;
   -moz-transition: all 0.1s ease 0s;
   -webkit-transition: all 0.1s ease 0s;
   -o-transition: all 0.1s ease 0s;
   transition: all 0.1s ease 0s;
   outline: 0;
}

a:hover, a:active {
   color: #A9CE4A;
   text-decoration: underline;
   outline: 0;
}

a:focus {
    outline: thin dotted #333333;
    outline-offset: 0px;
    outline: 0;
}

img { max-width: 100%; border:0px; }

@media print {
    /* print.css */
    body { line-height: 1.5; font-family: Georgia, "Times New Roman", Times, serif; color: #000; background: none; font-size: 12pt; }
    .container { background: none }
    hr { background: #ccc; color: #ccc; width: 100%; height: 2px; margin: 2em 0; padding: 0; border: none; }
    h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif }
    code { font: .9em "Courier New", Monaco, Courier, monospace }
    blockquote { margin: 1.5em; padding: 1em; font-style: italic; font-size: .9em; }
    .no-print { display: none }
    a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline; }
    a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
}
/* End Global Styles */

h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: inherit; line-height: 1.1em; margin: 0px 0px 1em; }

h1 { 
    font-size: 2em;
    margin: 0 0 20px 0;
    color: #005696;
    font-weight: 600;
    line-height: 1.133em;
}

.heading, h2 {
    margin: 0 0 20px 0;
    line-height: 1.133em;
    font-size: 1.733em;
    font-weight: 600;
    color: #7a9750;
}

.sub-heading, h3 { 
    font-size: 1.4em;
    margin: 0 0 20px 0;
    line-height: 1.133em;
    font-weight: 600;
    color: #7db42e;
}

h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

hr { color: #dbdbdb; background: #dbdbdb; height: 1px; margin: 15px 0; clear: both; border: none; }

b, strong { font-weight: 600; }

.paragraph, p {
    margin: 0 0 20px 0;
}

.mobile-only { display: none !important; }
.desktop-only { display: block; }

.clear { clear: both; }

.button.centered { margin: 10px auto; max-width: 200px; display: block; }

/* Default Buttons */
.button, .button:visited, .btn-primary, .btn-primary:visited {
    display: inline-block;
    background: #7B9649;
    padding: 5px 25px;
    float: none;
    font-weight: 600;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    margin: 10px 0;
    border: none;
    text-transform: uppercase;
}

.button:hover, .button:focus, .btn-primary:hover, .btn-primary:focus {
    color: #fff;
    text-decoration: none;
    background: #A9CE4A;
}

.button a, .button a:visited {
    display: block;
    background: #7B9649;
    padding: 5px 25px;
    float: left;
    font-weight: 600;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    margin: 10px 0;
    border: none;
    text-transform: uppercase;
}

.button a:hover, .button a:hover, .button a:focus {
    color: #fff;
    text-decoration: none;
    background: #A9CE4A;
}

.gray-button a, .gray-button a:visited {
    display: block;
    background: #5B5B5B;
    padding: 5px 25px;
    float: left;
    font-weight: 600;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
}

.gray-button a:hover, .gray-button a:focus {
    color: #fff;
    text-decoration: none;
    background: #A9CE4A;
}

.trans-button a, .trans-button a:visited {
    border: 2px solid #fff;
    display: block;
    background: none transparent;
    padding: 5px 25px;
    float: left;
    font-weight: 600;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
}

.trans-button a:hover, .trans-button a:focus {
    color: #fff;
    text-decoration: none;
    background: #A9CE4A;
}

#tinymce { margin: 0px; line-height: 1.8em; }

.photo-left { float: left; margin: 0 15px 15px 0; display: block;  }
.photo-right { float: right; margin: 0 0 15px 15px; display: block; }

.collapsible-header { padding: 10px; background: #eee; cursor: pointer; text-align:left; }
.collapsible-header span.fa { margin-right: 16px;}
.collapsible-content { margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; }

/*! Expandies / Collapsible Content */
.collapsibleHeader{text-transform:none;position:relative;padding:.4rem .4rem .4rem .75rem;cursor:pointer;border-bottom:1px solid #e2e4ea;background:#f5f5f5;}
.collapsibleHeader.active{border-bottom-color:transparent}
.collapsibleHeader span.fa { margin-right: 16px;}
.collapsibleContent{border-bottom:1px solid #e2e4ea;overflow:hidden;display:none}
.no-js .collapsibleContent{display:block}
/*! Expandies / Collapsible Content END*/

@media screen and (max-width:900px) {
    table.responsive, .responsive table { width: 100% !important; height: auto !important; display: block; text-align:center; }
    table.responsive tbody, .responsive table tbody{ width: 100% !important; height: auto !important; display: block; }
    table.responsive tr, .responsive table tr { width: 100% !important; height: auto !important; display: block; }
    table.responsive td , .responsive table td { width: 100% !important; height: auto !important; display: block; }
    table.responsive img , .responsive table img { margin: 15px; } 
}

.imagePadding {padding: 20px;}

/* Single Element Loader ------------------------------*/

.loader.dark { color: #000; }

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  left: 50%;
  right: 50%;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

/* Framework ------------------------------------------*/
section { display: block; position: relative; width: 100%; margin: 60px auto; padding: 0; }
.wrapper { display: block; width: 94%; height: 100%; margin: 0 auto; padding: 0; position: relative; max-width: 1170px; }

/* Header ---------------------------------------------*/
#header { height: 133px; position: relative; top: 0px; left: 0; width: 100%; z-index: 1000; background: url('graphics/design/header-bg-desktop.jpg') no-repeat center top; }
#header .wrapper { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; width: 100%; }

#header .mobile-search {
    display: none;
    border-bottom: 1px solid #0B560B;
    height: 66px;
    background: rgb(159,201,14); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(159,201,14,1) 0%, rgba(15,103,13,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(159,201,14,1)), color-stop(100%,rgba(15,103,13,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(159,201,14,1) 0%,rgba(15,103,13,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(159,201,14,1) 0%,rgba(15,103,13,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(159,201,14,1) 0%,rgba(15,103,13,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(159,201,14,1) 0%,rgba(15,103,13,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc90e', endColorstr='#0f670d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 15px 0;
}

#header .logo { float: left; display: block; width: 250px; position: relative; z-index: 10; /*margin: -30px 0 0 0;*/ }
#header .logo-mobile {}
#header .wavy-line { background: url('graphics/design/wavy-line.png') repeat-x left top; height: 4px; position: absolute; left: 0; bottom : 0; width: 100%; }

#header .search-and-nav { display: flex; width: 100%; flex-direction: column; align-items: flex-end; }
#header .search-and-nav .search { display: flex; width: 450px; clear: both; float: right; margin: 9px 0 30px; position: relative; }
#header .search-and-nav .search .site-search-input { background: none transparent; border: 1px solid #92BB83; color: #A3DD44; display: block; padding: 5px 40px 5px 10px; width: 100%; line-height: unset; margin: 0; margin-left: 60px; border-radius: unset; outline: unset; height: unset; }
#header .search-and-nav .search .site-search-input::-webkit-input-placeholder { color: #A3DD44; }
#header .search-and-nav .search .site-search-input::-moz-placeholder { color: #A3DD44; }
#header .search-and-nav .search .site-search-input::-ms-input-placeholder { color: #A3DD44; }
#header .search-and-nav .search .site-search-input::-moz-placeholder { color: #A3DD44; }
#header .search-and-nav .search .submit-button, #header .search-and-nav .search .submit-button:visited  {
    border: none;
    background: none transparent;
    color: #fff;
    position: absolute;
    top: -1px;
    right: 9px;
    transition: all .1s ease 0s;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
#header .search-and-nav .search .submit-button:hover { color: #5B5B5B; }

/* Mobile Search ----- */
#header .mobile-search { width: 100%; box-sizing: border-box; display: none; flex-direction: row; justify-content: center; align-items: center; height: 66px; position: relative; }
#header .mobile-search form { position: relative; margin: 0 35px !important; }
#header .mobile-search .site-search-input { background: none transparent; border: 1px solid #92BB83; color: #A3DD44; display: block; padding: 5px 40px 5px 10px; width: 320px; line-height: unset; margin: 0; border-radius: unset; outline: unset; height: unset; }
#header .mobile-search .site-search-input::-webkit-input-placeholder { color: #A3DD44; }
#header .mobile-search .site-search-input::-moz-placeholder { color: #A3DD44; }
#header .mobile-search .site-search-input::-ms-input-placeholder { color: #A3DD44; }
#header .mobile-search .site-search-input::-moz-placeholder { color: #A3DD44; }
#header .mobile-search .submit-button, #header .mobile-search .submit-button:visited  {
    border: none;
    background: none transparent;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .1s ease 0s;
    font-size: 15px;
}
#header .mobile-search .submit-button:hover { color: #5B5B5B; }

/* ----------------- Menus ----------------- */

/* +++ Main Menu +++ */

#main-menu { float: right; }
#main-menu > ul, #main-menu > ul > ul { display: block; list-style-type: none; margin: 0; padding: 0; }
#main-menu > ul > li { display: block; float: left; padding: 0 20px; background: url('graphics/design/menu-li-block-background.jpg') no-repeat left 50%; position: relative; }
#main-menu > ul > li:last-child { padding-right: 0; }
#main-menu > ul > li > a, #main-menu > ul > li > a:active { border-bottom: 4px solid transparent; color: #fff; font-size: 1.067em; line-height: 1em; padding: 7px 0; }
#main-menu > ul > li > a:hover { background: none transparent; border-bottom: 5px solid #A9CE4A; color: #fff; text-decoration: none; }
#main-menu > ul > li.menuItemHighlight > a { border-bottom: 5px solid #A9CE4A; }

/* dropdowns level 2 */
#main-menu > ul > li > ul { position:absolute; left:0; top:2em; max-width:25em; min-width:13em; z-index:99; background:#6A8730; list-style:none; margin:0; padding:0; border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;}
#main-menu > ul > li > ul > li {list-style:none; margin:0; padding:0; display:block;border-bottom: 1px solid #fff;}
#main-menu > ul > li > ul > li:hover { background: #A8D03E; }
#main-menu > ul > li > ul > li a { color:#fff; display:block; line-height: 1.5em; padding: 0.25em 1em; }
#main-menu > ul > li > ul > li a:hover { text-decoration: none;}
/* Hide 2nd and 3rd & 4th level Menus */
#main-menu > ul > li > ul { display: none; }
#main-menu > ul > li > ul > li > ul { display: none; }
#main-menu > ul > li > ul > li > ul > li > ul { display: none; }

#main-menu > ul > li:hover > ul { display: block; }

#menu-toggle { position: absolute; cursor: pointer; display: none; text-align: center; width: 37px; height: 24px; right: 25px; top: 25px; }

#mobile-menu { position: absolute; z-index: 999; left: 0; right: 0; background: #98C50B; color: #fff; }

#mobile-menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0 15px;
}

/* Hide 2nd and 3rd & 4th level Menus */
#mobile-menu > ul > li > ul { display: none; }
#mobile-menu > ul > li > ul > li > ul { display: none; }
#mobile-menu > ul > li > ul > li > ul > li > ul { display: none; }

#mobile-menu ul > li {
    display: block;
    position: relative;
}

#mobile-menu ul > li > a, #mobile-menu ul > li > a:visited {
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 10px 15px;
    position: relative;
    text-align: center;
}

#mobile-menu ul > li > a.last, #mobile-menu ul > li > a.last:visited {
    border-bottom: none;
}

#mobile-menu ul > li > a:hover, #mobile-menu ul > li > a:focus, #mobile-menu ul > li.menuItemHighlight > a {
    background-color: #0F670D;
    color: #fff;
    text-decoration: none;
}

/* Homepage Header Banner ----- */
#homepage-mission { display: block; background: #999; height: 450px; margin: 0; position: relative; } /* heigh was 590px */
#homepage-mission .mission { display: block; position: relative; width: 100%; height: 100%; background-size: auto auto; background-position: center top; background-repeat: no-repeat; }
#homepage-mission .member-cta { display: flex; width: 450px; position: relative; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px; background: rgba(0,0,0, 0.5); color: #fff; border-radius: 0 0 5px 5px; }
#homepage-mission .member-cta .btn-wrapper { display: block; max-width: 250px; background: url('graphics/design/btn-wrapper-bg.png') no-repeat right 50%; padding: 0 4px 0 0; }
#homepage-mission .member-cta .trans-button, .member-cta .trans-button:visited { float: none; margin: 0; }
#homepage-mission .member-cta .member-login { display: block; width: 46%; }
#homepage-mission .sign-in, .sign-in:visited { color: #B9F238; font-weight: 600; }

#homepage-mission .caption { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; color: #fff; background: rgba(11,39,0, 0.8); width: 55%; height: 270px; padding: 40px 20px 25px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; }
#homepage-mission .caption .green { display: block; background: rgba(11,39,0, 0.8); position: absolute; left: -100%; bottom: 0; width: 100%; height: 100%; }
#homepage-mission .caption .container { display: block; }
#homepage-mission .caption h1 { font-size: 2.4em; line-height: 1em; margin: 0 0 10px 0; padding: 0 0 0 15px; color: #fff; border-left: 4px solid #BBF438; font-weight: 300; text-transform: uppercase; }
#homepage-mission .caption h1 span { display: block; font-weight: 600; }
#homepage-mission .caption .caption-blurb { display: block; margin: 20px 0 0 0; }
#homepage-mission .caption .triangle { position: absolute; z-index: 10; bottom: -16px; right: 65px; width: 0; height: 0; border-style: solid; border-width: 16px 15px 0 15px; border-color: #233d00 transparent transparent transparent; }

/* Homepage Featured Pages ---------------------------*/
#featured-pages { background: #ECECEC; margin: 0; padding: 60px 0; }
#featured-pages .featured-link .featured-image { transform: perspective(1000px) translate3d(0px, 0px, 0px); transition: all .25s ease 0s; max-height: 212px; }
#featured-pages .featured-link { display: block; background: #fff; height: 440px; transition: all .25s ease 0s; white-space: normal !important; position: relative; box-sizing: border-box; overflow: hidden; }
#featured-pages .featured-link:hover { opacity: .9; text-decoration: none; }
#featured-pages .featured-link:hover .featured-image { transform: perspective(1000px) translate3d(0px, 0px, 30px); }
#featured-pages .featured-link .featured-bottom { padding: 15px; }
#featured-pages .featured-link h2 { font-size: 1.267em; font-weight: 700; margin: 0 0 10px 0; color: #282828; }
#featured-pages .featured-link:hover h2 { color: #a9ce4a; }
#featured-pages .featured-link p { color: #5A5A5A; margin: 0; }

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
#featured-pages .jcarousel {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 1100px;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
#featured-pages .jcarousel ul {
    width: 10000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
#featured-pages .jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    width: 337px;
    height: 440px;
    background: #fff;
    box-sizing: border-box;
    margin: 0 15px;
    overflow: hidden;
}

#featured-pages .jcarousel-control-prev { display: block; width: 31px; height: 84px; position: absolute; z-index: 0; left: 0; top: calc(50% - 42px); background: url('graphics/design/prev-next-controls.png') no-repeat left top; cursor: pointer; }
#featured-pages .jcarousel-control-prev:active { outline: none; }
#featured-pages .jcarousel-control-prev span { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 31px; height: 84px; opacity: 0; background: url('graphics/design/prev-next-controls.png') left -91px; transition: all .15s ease 0s; }
#featured-pages .jcarousel-control-next { display: block; width: 31px; height: 84px; position: absolute; z-index: 0; right: 0; top: calc(50% - 42px); background: url('graphics/design/prev-next-controls.png') no-repeat right top; cursor: pointer; }
#featured-pages .jcarousel-control-next span { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 31px; height: 84px; opacity: 0; background: url('graphics/design/prev-next-controls.png') right -91px; transition: all .15s ease 0s; }

/* Homepage News Lister ------------------------------*/
#bottom-news-lister { background: url('graphics/design/news-lister-bg.jpg') no-repeat center top #2E2E30; color: #fff; margin: 0; padding: 50px 0 60px; }
#bottom-news-lister h2 { margin: 0 0 30px 0; color: #fff; font-size: 2.4em; font-weight: 300; text-align: center; text-transform: uppercase; }
#bottom-news-lister .news-lister { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; }
#bottom-news-lister .view-all-news {}
#bottom-news-lister .news-item { display: block; width: 30%; opacity: 0; }
#bottom-news-lister .news-icon { display: block; width: 37px; height: 37px; border: 1px solid #fff; border-radius: 100%; margin: 0 auto 15px auto; padding: 7px 0 0 0; box-sizing: border-box; font-size: 16px; text-align: center; }
#bottom-news-lister .news-title h3 { font-size: 1.4em; margin: 0 0 20px 0; line-height: 1.133em; font-weight: 600; color: #7db42e; }
#bottom-news-lister .news-title h3 a { color: #94C729; }
#bottom-news-lister .news-blurb {}
#bottom-news-lister .news-blurb a, #bottom-news-lister .news-blurb a:active {}
#bottom-news-lister .news-blurb a:hover {}
#bottom-news-lister .view-all-news { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 30px auto; }
#bottom-news-lister .view-all-news a { width: 100%; max-width: 350px; }
#bottom-news-lister .blurb-more-link { display: none; }

/* News Module ---------------------------------------*/
#news-lister {}
#news-lister .lister {}
#news-lister .lister .news-item {}
#news-lister .lister .news-item .posted-by { font-size: smaller; font-style: italic; }
#news-lister .lister .news-item .posted-by b { font-weight: 900; }
#news-lister .lister .news-item .blurb { display: block; width: 100%; margin: 10px 0 15px 0; }
#news-lister .lister hr { margin: 30px 0; }

#news-detail {}
#news-detail .posted-by { font-size: smaller; font-style: italic; margin-bottom: 15px; }
#news-detail .posted-by b { font-weight: 900; }


/* Featured Supportesr -------------------------------*/
#featured-supporters { background: #8CA55C; margin: 0; padding: 50px 0; color: #fff; }
#featured-supporters h2 { color: #fff; font-size: 2.4em; font-weight: 300; text-align: center; text-transform: uppercase; margin: 0 0 20px 0; }
#featured-supporters .subtitle p { color: #fff; font-size: 1.667em; font-weight: 300; margin: 0 0 40px 0; text-align: center; }
#featured-supporters .supporters-lister { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto; }
#featured-supporters .support-item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 23%; height: 112px; background: #fff; padding: 15px 10px; box-sizing: border-box; text-align: center; position: relative; }
#featured-supporters .view-all-supporters { display: block; margin: 50px auto 0 auto; position: relative; text-align: center; }
#featured-supporters .view-all-supporters a { float: none; margin: 0 auto; max-width: 250px; }

/* Interior Styles -----------------------------------*/
#interior-header-banner { margin: 0; height: 273px; border-bottom: 5px solid #6A8730; box-sizing: border-box; background-color: #EBEBEB; background-repeat: no-repeat; background-position: center top; background-size: cover; }
#interior-header-banner .wrapper { display: none; }
#interior-header-banner > span { display: none; }
#interior-header-banner .member-cta { display: flex; width: 450px; position: relative; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px; background: rgba(0,0,0, 0.5); color: #fff; border-radius: 0 0 5px 5px; }
#interior-header-banner .member-cta .btn-wrapper { display: block; max-width: 250px; background: url('graphics/design/btn-wrapper-bg.png') no-repeat right 50%; padding: 0 4px 0 0; }
#interior-header-banner .member-cta .trans-button, .member-cta .trans-button:visited { float: none; margin: 0; }
#interior-header-banner .member-cta .member-login { display: block; width: 46%; }
#interior-header-banner .sign-in, .sign-in:visited { color: #B9F238; font-weight: 600; }
#interior-header-banner .page-title { position: absolute; bottom: 0; right: 0; width: auto; padding: 10px 40px; background: rgba(0,0,0, 0.5); }
#interior-header-banner .page-title h1 { color: #fff; font-size: 2em; font-weight: 600; text-align: center; text-transform: uppercase; margin: 0; padding: 0; }

/* Content -------------------------------------------*/
#content { margin: 40px auto; }
#content .wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#content .sidebar { display: block; width: 25%; margin: 0; padding: 0 30px 35px 0; box-sizing: border-box; }
#content .sidebar .submenu {}
#content .sidebar .submenu ul { list-style-type: none; margin: 0 0 30px 0; padding: 0; }
#content .sidebar .submenu ul > li { display: block; margin: 0 0 3px 0; padding: 0 7px 0 0; box-sizing: border-box; position: relative; }
#content .sidebar .submenu ul > li > a, #content .sidebar .submenu ul > li > a:active { background: #6A8730; text-decoration: none; color: #fff; display: block; font-weight: 500; float: none; font-size: 1em; overflow: visible; padding: 8px 15px 6px; box-sizing: border-box; position: relative; text-transform: uppercase; text-align: left; }
#content .sidebar .submenu ul > li > a:hover, #content .sidebar .submenu ul > li > a:focus, #content .sidebar .submenu ul > li.menuItemHighlight > a { background: #A8D03E; color: #fff; text-decoration: none; }
#content .sidebar .submenu ul > li:hover:after, #content .sidebar .submenu ul > li.menuItemHighlight::after { opacity: 1; }
#content .sidebar .submenu ul > li::after { content: ""; opacity: 0; width: 0; height: 0; position: absolute; top: 12px; right: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #a9d03e; }

#content .sidebar .sidebar-supporters {}
#content .sidebar .sidebar-supporters .supporter-link { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 112px; background: #fff; padding: 15px 10px; box-sizing: border-box; text-align: center; position: relative; }
#content .sidebar .sidebar-supporters .supporter-link a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 112px; }
#content .sidebar .sidebar-supporters .supporter-link a:hover { opacity: 0.9; }
#content .sidebar .sidebar-supporters .supporter-link img { max-height: 100%; }
#content .sidebar .sidebar-supporters .button { background: #D1D1D1; float: none; margin: 0 auto 15px auto; width: 100%; max-width: 100%; box-sizing: border-box; }
#content .sidebar .sidebar-supporters .button:hover { background: #A9CE4A; }
#content .sidebar .sidebar-supporters .view-all-supporters { width: 100%; text-align: center; display: block; }

#content .main-content { display: block; width: 75%; padding: 0 0 0 35px; box-sizing: border-box; border-left: 1px solid #F2F2F2; }
#content .main-content.full-width { width: 100%; padding: 0; border-left: none; }

/* ModuleBegin::gendocs */
#content .main-content .webpageModule.moduleDetail { padding: 0 15px; }
/* ModuleEnd::gendocs */

/* Staff & Board Directory --------------------------- */
#staff-board-lister { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 0 auto; position: relative; }
#staff-board-lister .item { display: block; width: 30%; height: 450px; margin: 0 auto; text-align: center; text-decoration: none; box-sizing: border-box; }
#staff-board-lister .item:hover { text-decoration: none; transition: all 0.2 ease-in-out; -webkit-transition: all 0.2 ease-in-out; }
#staff-board-lister .item:hover { opacity: 0.9; }
#staff-board-lister .item .image { display: block; height: 280px; margin: 0 auto; padding: 0; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
#staff-board-lister .item h2 { text-align: center; margin: 10px 0 0 0; }
#staff-board-lister .item .title { color: #2e2e2f; font-style: italic; }
#staff-board-lister .image.fit { display: block; width: 100%; }
#staff-board-lister .row.uniform { margin: -40px 0 -1px -40px; }

#staff-board-detail {}
#staff-board-detail .image { display: block; float: right; max-width: 250px; height: 280px; margin: 0 0 15px 20px; }
#staff-board-detail .image.fit { display: block; width: 100%; }
#staff-board-detail .title { display: block; margin-bottom: 30px; font-style: italic; }
#staff-board-detail .title a { font-style: normal; }
#staff-board-detail .bio { display: block; margin: 0; padding: 0; position: relative; }



/* Custom styl HS 29770944328 zpt */
.staff-board-lister.moduleLister { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 0 auto; position: relative; }
.staff-board-lister.moduleLister .item .image { display: block; height: 280px; margin: 0 auto; padding: 0; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
.staff-board-lister.moduleLister .staffItem { display: block; width: 30%; height: 500px; margin: 0 auto; text-align: center; text-decoration: none; box-sizing: border-box; }
.staff-board-lister.moduleLister .image { position:relative; height:280px; background-repeat:no-repeat; background-position: center top; background-size:contain;  display: block; background-position: 50% 50%;}
.staff-board-lister.moduleLister .image .overlay { position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.5); opacity:0; color:#fff; font-size:200%; transition: all 0.3s; }
.staff-board-lister.moduleLister .image:hover .overlay { opacity:1; }
.staff-board-lister.moduleLister .image .overlay svg { position:relative; top:80%; transition: all 0.3s; }
.staff-board-lister.moduleLister .image:hover .overlay svg { top:40%; }
.staff-board-lister.moduleLister .clear { clear: both; width: 100%; margin: 0; padding: 0; }
#staff-board-lister .moduleLister .row.uniform { margin: -40px 0 -1px -40px; }





/* Supporters ---------------------------------------- */
#supporters-lister {}
#supporters-lister .category-title { text-align: center; margin: 50px 0 15px 0; }
#supporters-lister .category-title:first-child { margin-top: 0; }
#supporters-lister .row { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; }
#supporters-lister .item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 30%; margin: 0; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
#supporters-lister .item:nth-child(3n+3) { border-right: none; }
#supporters-lister .item a {}
#supporters-lister .item a:hover {}

/* Footer -------------------------------------------- */
#footer { background: #EBEBEB; margin: 0; padding: 30px 0; }
#footer .footer-nav { margin: 0 0 20px 0; }
#footer .footer-nav ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
#footer .footer-nav ul > li { display: inline-block; padding: 0 20px; }
#footer .footer-nav ul > li:last-child { padding-right: 0; }
#footer .footer-nav ul > li > a, #footer .footer-nav ul > li > a:visited { color: #4C4C4C; display: inline-block; font-size: 0.933em; font-weight: 600; margin: 0 20px; border: none; }
#footer .footer-nav ul > li > a:hover { color: #a9ce4a; text-decoration: none; }
/* Hide 2nd and 3rd & 4th level Menus */
#footer .footer-nav > ul > li > ul { display: none; }
#footer .footer-nav > ul > li > ul > li > ul { display: none; }
#footer .footer-nav > ul > li > ul > li > ul > li > ul { display: none; }

#footer .footer-contact { font-size: .867em; font-weight: 400; margin: 0; line-height: 1.42857143; }
#footer .footer-contact span { display: block; margin-top: 5px; }
#footer .footer-contact b, #footer .footer-contact strong { font-weight: 600; }
#footer .footer-contact ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 30px auto 20px auto; padding: 0; list-style-type: none; }
#footer .footer-contact ul > li { margin: 0 30px; padding: 0; }
#footer .footer-contact ul > li:last-child { margin-right: 0; }

#footer .copyright { text-align: center; font-size: 0.867em; margin: 0 0 20px 0; }

#footer .social-menu { display: block; margin: 0 auto; text-align: center; }
#footer .social-menu ul { list-style-type: none; margin: 0; padding: 0; }
#footer .social-menu ul > li { display: inline-block; margin: 0 4px; }
#footer .social-menu ul > li:last-child { margin-right: 0; }
#footer .social-menu ul > li > a, #footer .social-menu ul > li > a:active { padding: 4px 11px; background: #B4B4B4; display: block; color: #fff; }
#footer .social-menu ul > li > a:hover, #footer .social-menu ul > li > a:focus { background: #a9ce4a; color: #fff; }

#footer .credits { text-align: center; font-size: 0.867em; margin: 20px 0 20px 0; }

/* Blog ---------------------------------------------*/
#blog-lister {}
#blog-lister .blog-item { display: flex; flex-direction: row; justify-content: space-between; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #999; }
#blog-lister .blog-info { display: block; flex-grow: 2; }
#blog-lister .blog-info .date { font-size: smaller; margin: 0 0 5px 0; }
#blog-lister .blog-info .blurb {}
#blog-lister .blog-thumb { display: block; flex-grow: 1; max-width: 240px; flex-basis: 240px; text-align: right; }

#blog-detail .info { font-size: smaller; font-style: italic; margin: 0 0 5px 0; }
#blog-detail .full-text { padding-left: 15px; }
#blog-detail .utility-links { margin-top: 30px; }

/* Services ------------------------------------------*/
#services-lister { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#services-lister .service-item { display: block; width: 33%; height: 240px; box-sizing: border-box; margin: 0; padding: 0; position: relative; overflow: hidden; text-align: left; background: #111; text-decoration: none; }
#services-lister .service-item h2 { color: #80B304; font-size: 1em; text-transform: uppercase; }
#services-lister .service-thumb { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.15s ease 0s; }
#services-lister .service-item:hover .service-drawer { margin: 75px 0 0 0; }
#services-lister .service-item:hover .service-thumb { opacity: 0.5; }
#services-lister .service-drawer { height: 164px; margin: 194px 0 0 0; padding: 5px 15px 10px; position: relative; transition: all 0.15s ease 0s; z-index: 10; background: url('graphics/design/services-item-bg.png') repeat-x left top / auto 100%; color: #C5C5C5; }
#services-lister .service-drawer .triangle { content: ""; width: 0; height: 0; position: absolute; bottom: 25px; right: 10px; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #a9d03e; }
#services-lister .service-blurb { display: block; position: relative; margin: 0; padding: 0; }

#services-detail {}
#services-detail .service-header-image { display: block; margin-bottom: 40px; max-height: 243px; }
#services-detail .service-full-text { display: block; margin: 0 0 30px 0; padding: 0; position: relative; }
#services-detail .services-sidebar-js { display: none; }

/* Resources -----------------------------------------*/
#resources {}
#resources .resources-intro { display: block; width: 100%; margin-bottom: 10px; text-align: center; }
#resources .resources-lister { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: relative; }
#resources .resource { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 48%; margin: 2% 0; padding: 20px 10px; box-sizing: border-box; background: #E8E8E8; height: 175px; }
#resources .resource:hover { text-decoration: none; }
#resources .resource-thumb { display: block; transition: all .15s ease 0s; width: 192px; height: 130px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
#resources .resource-blurb { display: block; width: 60%; margin: 0; padding: 0; }
#resources .resource-blurb h2 { font-size: 1em; font-weight: 600; margin: 0 0 5px 0; line-height: 1.33em; color: #7db42e; text-transform: uppercase; }
#resources .resource-blurb p { color: #666565; }

#resources-detail {}
#resources-detail .resources-full-text {}

/* Annual Event --------------------------------------*/
#annual-conference-nav-js { display: block; position: relative; }
.annual-conference-nav ul { list-style-type: none; margin: 0 0 30px 0; padding: 0; }
.annual-conference-nav ul > li { display: block; margin: 0 0 3px 0; padding: 0 7px 0 0; box-sizing: border-box; position: relative; }
.annual-conference-nav ul > li > a, .annual-conference-nav ul > li > a:active { background: #6A8730; text-decoration: none; color: #fff; display: block; font-weight: 500; float: none; font-size: 1em; overflow: visible; padding: 8px 15px 6px; box-sizing: border-box; position: relative; text-transform: uppercase; text-align: left; }
.annual-conference-nav ul > li.active > a { background: #A8D03E; color: #fff; text-decoration: none; }
.annual-conference-nav ul > li.active:after { opacity: 1; }
.annual-conference-nav ul > li > a:hover, .annual-conference-nav ul > li > a:focus { background: #A8D03E; color: #fff; text-decoration: none; }
.annual-conference-nav ul > li:hover:after { opacity: 1; }
.annual-conference-nav ul > li::after { content: ""; opacity: 0; width: 0; height: 0; position: absolute; top: 12px; right: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #a9d03e; }

#annual-conference {}
#annual-conference .event-detail { margin-top: 40px; }
#annual-conference .event-sections { margin-top: 40px; }
#annual-conference .event-section { display: none; text-align: center; }

/* ---------------General Module Styles--------------- */
#ui-datepicker-div { background: #fff; border: 2px solid #333;}
.ui-datepicker { width: 20em; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;}
.ui-datepicker .ui-datepicker-header a { color: #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; }
.ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;}
.ui-datepicker .ui-datepicker-prev span { cursor: pointer; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; right: 10px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}

/* ---- Events Small Calendar ---- */
.cal { text-align: center; position:relative; background: transparent;}
.calTop { border-top: 1px solid #65ab7c; height: 38px; line-height:38px; background: rgb(34,133,67); background: -moz-linear-gradient(top,  rgba(34,133,67,1) 0%, rgba(21,121,55,1) 100%); background: -webkit-linear-gradient(top,  rgba(34,133,67,1) 0%,rgba(21,121,55,1) 100%); background: linear-gradient(to bottom,  rgba(34,133,67,1) 0%,rgba(21,121,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228543', endColorstr='#157937',GradientType=0 );}
.calTop a { color: #fff; }
a.calPrev, a.calNext { display: block; position: absolute; top: 0px; width: 42px; font-size: 17px; text-align:center; line-height:41px; height: 38px; }
.calPrev:hover, .calNext:hover { background: rgba(255,255,255,0.3); } 
.calPrev { left: 0px; border-right: 1px solid #0a6127;}
.calNext { right: 0px; border-left: 1px solid #0a6127;}
.calMonth { position: absolute; top: 0; left: 43px; right: 43px;  text-align: center; font-family: 'Quicksand', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.calGrid { background: #fff;clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;}
.calGrid td { position: relative; color: #2e2e2e; font-weight: bold; width: 14.2857%; font-size: 15px; height: 41px; padding: 0px 0; vertical-align: middle; text-align: center;  }
.calGrid tr.calWeek { text-align: center; }
.calGrid tr.calWeek td { font-weight: normal; color: #fff; font-size: 12px; height: 33px; border-left: 0px ; border-top:0px;background: rgb(78,194,94); background: -moz-linear-gradient(top,  rgba(78,194,94,1) 0%, rgba(66,181,81,1) 100%); background: -webkit-linear-gradient(top,  rgba(78,194,94,1) 0%,rgba(66,181,81,1) 100%); background: linear-gradient(to bottom,  rgba(78,194,94,1) 0%,rgba(66,181,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ec25e', endColorstr='#42b551',GradientType=0 ); }

/* Small Calendar Only */

.cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad;}
.cal.smallCalendar .calGrid tr.calWeek td {border-left: 0px; border-top:0px;}
.cal.smallCalendar .calGrid td:first-child { border-left:0px;}
.cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0px;}

.cal.smallCalendar .calGrid td .glance_inner { display:none; position: absolute; transition: all .3s; opacity: 0; position: absolute; bottom: 20px; left: 50%; margin-left: -60px; width: 106px; background: #4cc05c; color: #fff; padding: 5px 7px; font-size: 11px; line-height: 17px; text-transform: uppercase;  }
.cal.smallCalendar .calGrid td.hovered .glance_inner, .calGrid td.active .glance_inner { opacity: 1; bottom: 38px; z-index:25;}
.cal.smallCalendar .calGrid td .glance_inner a { color: #fff;}
.cal.smallCalendar .calGrid td .glance_inner a:hover {text-decoration: underline;}
.cal.smallCalendar .calGrid td .glance_inner .bottom_triangle { position: absolute; top: 100%;  border-bottom: 6px solid transparent; }
.cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.right {left: 50%; border-left: 6px solid #4cc05c;}
.cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.left {right: 50%; border-right: 6px solid #4cc05c;}
.cal.smallCalendar .calGrid td.today { color: #177a38 ;}
.cal.smallCalendar .calGrid td.activeday { cursor: pointer; }
.cal.smallCalendar .calGrid td span.indicator { display: block; position: absolute; right: 0px; bottom: 0px; width:0px;height:0px; border-right: 12px solid #ccc; border-top:12px solid transparent;}

/* Large Calendar Only */

.cal.largeCalendar .calGrid td { padding: 7px; vertical-align: top; text-align:left; height: 100px; border-right:1px solid #adadad; border-bottom:1px solid #adadad; }
.cal.largeCalendar .calGrid tr.calWeek td { border-right: 0px; border-bottom: 0px; text-align:center; height: auto;}
.cal.largeCalendar .calGrid td .glance_inner { display: block; padding-top: 7px; font-size: 13px;}
.cal.largeCalendar .calGrid td:first-child { border-left:1px solid #adadad;}
.glance_inner a {
    margin-bottom: 10px;
    display: block;
}

.calBottom { text-align: left;  }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* ---- Events Month at a Glance ---- */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; }
#calendarDetail table { width: 100%; table-layout: fixed;  text-align: center; }
#calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; }
#calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); }
#calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;}
#calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px;  padding:5px;}
#calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; }

/* ---- Events Box ---- */
.eventsModule.moduleLister.box { }
.eventsModule.moduleLister.box .listItem { padding-bottom: 10px; }
.eventsModule.moduleLister.box .date { color: #777; }

/* Events Lister --------------------------------*/
#events-lister {}
#events-lister .event { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #999; }
#events-lister .event:last-child { margin-bottom: 0; }
#events-lister .date, #event-detail .date { font-size: smaller; font-style: italic; margin: 0 0 5px 0; }
#events-lister .button { border-radius: 25px; margin: 5px 0 0 0; padding: 3px 25px; }
#events-lister .blurb-data { display: none; }

#event-detail {}
#event-detail .blurb { display: none; }
#event-detail .event-thumbnail { max-width: 300px; float: right; margin: 0 0 15px 15px; }

/* ---- Events Registration ----- */

form[name="eventTicketSelect"] { width: 100%; display:block; margin-bottom :20px;}
form[name="eventTicketSelect"] table { border: 1px solid #9cb111; border-collapse: collapse; border-spacing: 0px; margin-bottom :20px;}
form[name="eventTicketSelect"] table td { border: 1px solid #9cb111; padding: 4px 6px;}
form[name="eventTicketSelect"] table thead td { background: #9cb111; color: #fff; font-weight: bold; }

.eventTicketTypeTitle { margin: 20px auto; white-space: nowrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; text-align: center; padding: 10px;0 }                       
.ticketTypeSummary td {padding:  5px 10px; }
.ticketTypeSummary .ticketPriceTotal { text-align: right; font-size: 20px; font-weight: bold; }
.ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #CCC; }
.ticketQuantity, td.ticketTotal  { text-align: center; }
.repeatSection { margin:0px !important;  padding: 5px 8px;}
.odd.repeatSection { background: #eee; }
.odd.repeatSection.last { margin-bottom: 10px !important;}

#registrationSummary td { padding:1px 10px; }

/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }

.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
    
/* ----- Membership Lister ----- */
.membershipModule.moduleLister {}

/* ---- Membership Detail ----- */
.membershipModule.moduleDetail {}


/* Specific Colored WYSIWYG Editor Buttons */

a.morebutton, .morebutton a, a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a, a.redbutton, .redbutton a, button, input[type="button"], input[type="submit"] { border:0px; line-height: 40px; padding: 0 16px; background: #6A8730; color: #fff; font-size: 16px; display: inline-block; }
a.morebutton:hover, .morebutton:hover a, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #A8D03E; color: #fff; -moz-transition: all 0.21s ease-in-out; -webkit-transition: all 0.21s ease-in-out; transition: all 0.21s ease-in-out;}
a.morebutton.white, .morebutton.white a { background: #fff; color: #394a59; text-decoration: none; }
a.morebutton.white:hover, .morebutton.white:hover a { background: #253746; color: #fff; }

a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a { margin: 0 12px;}
a.bluebutton:first-child, .bluebutton a:first-child, a.greenbutton:first-child, .greenbutton a:first-child, a.navybutton:first-child, .navybutton a:first-child { margin-left:0px;}
a.bluebutton, .bluebutton a { background: #00427e ; } a.bluebutton:hover, .bluebutton:hover a { background: #387fc0; }
a.greenbutton, .greenbutton a, button[type="submit"] { background: #9cb111; } a.greenbutton:hover, .greenbutton:hover a, button[type="submit"]:hover { background: #D1EB2B; }
a.navybutton, .navybutton a { background: #253746; } a.navybutton:hover, .navybutton:hover a { background: #394a59; }
a.redbutton, .redbutton a { background: #BF2525; } a.redbutton:hover, .redbutton:hover a { background: #E05D5D; }

/* -----Original My Account ---- 
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount {}


.my_account_links { margin-top: 35px; align-items: flex-start;}
.my_account_links .my_account_box { border: 1px solid #ddd; border-radius: 4px; padding: 12px 15px;}
.my_account_links h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; }
.my_account_links .link_section {}
.my_account_links .link_section a { display: block; padding: 5px 0;}
.my_account_links .morebutton { text-align: center; padding-top: 25px;}
.my_account_links .morebutton a { margin:0 0 10px;}

.myaccount_sidebar { margin-bottom: 30px; }
.myaccount_sidebar .block { background: #A8D03E;}
.myaccount_sidebar .block a { color: #fff; }
.myaccount_sidebar .block h4.title { background: #6A8730; color: #fff; padding: 12px 15px 12px 40px; margin:0px; position: relative; cursor: pointer;}
.myaccount_sidebar .block h4.title::after { display: block; position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 19px; content: '\f196'; top: 50%; left: 12px; margin-top: -11px; height: 24px; line-height: 24px; }
.myaccount_sidebar .block.active h4.title::after { content: '\f147';}
.myaccount_sidebar .block ul { margin:0px; list-style: none; padding: 0px 0; color: #fff; height:auto; max-height: 0px; overflow: hidden;}
.myaccount_sidebar .block.active ul { max-height: 2000px; padding: 5px 0 ; transition: max-height 2s linear, padding 0.2s linear;}
.myaccount_sidebar .block ul li { display:block; margin: 0px; padding: 6px 15px;}

/* -----Original My Account - Dispatch ( System Forms ) ---- 
#myaccount_form > div { text-align: left; width: 100%;}
.myaccountForm > table, .freedomAdminForm > table { width: 100%;}
.myaccountForm > table td, .freedomAdminForm > table td { vertical-align: top;}
.myaccountForm > table td:first-child, .freedomAdminForm > table td:first-child { padding-top: 14px; padding-right: 12px;}
.myaccountForm > table table, table.freedomTable { width: 100%; border: 1px solid #ccc; background: #f8f8f8; margin:0px; border-spacing: 0px; border-collapse: collapse;}
.myaccountForm > table table td, table.freedomTable td, table.freedomTable th { vertical-align: middle; padding: 8px 12px;}
.myaccountForm > table table thead td, table.freedomTable thead th { background: #ccc; color: #000;}
.myaccountForm > table table thead td *, table.freedomTable thead th * { color: #000;}
.myaccountForm > table table thead td:first-child, table.freedomTable thead th:first-child { text-align: left;}
table.freedomTable thead th.sort img { display:none;}
table.freedomTable thead th.sort::after { position: relative; padding-left: 3px; display: inline-block; font-family: 'FontAwesome'; content: '\f0d7'}
.editorLabel {display: inline-block; padding-bottom: 15px;}

.myaccountDetail  table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold ;}

.formButtons {padding-top: 15px;}

select.filterCombo { width: 200px;}

.img_box_container { width: 100%; background: #eee; padding: 3px ;  line-height: 38px; }
.img_box_container img { display: inline-block; }
.img_box_container { text-align: left;}
.img_box_container * { vertical-align: middle !important; text-align: center;}
.img_box_container .imageBox { border: 4px solid #fff; background: #f8f8f8; display: inline-block; width: auto; margin: 8px; padding: 12px;}
.img_box_container input {margin-right: 5px;}

.myaccountMessage { display:block; padding: 18px; border: 2px dashed #777; background: #ddd; color: #000; font-size: 16px; line-height:22px; text-align:center; margin-bottom: 18px;}
.myaccountMessage.positive::before { position: relative; padding-right: 6px;  font-size: 18px; display: inline-block; font-family: 'FontAwesome';}
.myaccountMessage.positive { background: #ECF6A6; border-color: #9cb111; }
.myaccountMessage.positive::before { content: '\f046';  color: #9cb111; top: 1px;}
.myaccountMessage.negative { background: #EFADAD; border-color: #BF2525;}
.myaccountMessage.negative::before { content: '\f057'; color: #BF2525;}
.myaccountMessage.alert { background: #FFD702; border-color: #000; }
.myaccountMessage.alert::before { content: '\f071'; color: #000; }


.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */

/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount {}


.my_account_links { margin-top: 35px; align-items: stretch;}
.my_account_links .my_account_box { border: 1px solid #ddd; border-radius: 4px; padding: 12px 15px; height: 100%;}
.my_account_links h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; }
.my_account_links .link_section {}
.my_account_links .link_section a { display: block; padding: 5px 0;}
.my_account_links .morebutton { text-align: center; padding-top: 25px;}
.my_account_links .morebutton a { margin:0 0 10px;}

.myaccount_sidebar { margin-bottom: 30px; }
.myaccount_sidebar .block { background: #253746;}
.myaccount_sidebar .block h4.title { background: #394a59; color: #fff; padding: 12px 15px 12px 40px; margin:0px; position: relative; cursor: pointer;}
.myaccount_sidebar .block h4.title::after { display: block; position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 19px; content: '\f196'; top: 50%; left: 12px; margin-top: -11px; height: 24px; line-height: 24px; }
.myaccount_sidebar .block.active h4.title::after { content: '\f147';}
.myaccount_sidebar .block ul { margin:0px; list-style: none; padding: 0px 0; color: #fff; height:auto; max-height: 0px; overflow: hidden;}
.myaccount_sidebar .block.active ul { max-height: 2000px; padding: 5px 0 ; transition: max-height 2s linear, padding 0.2s linear;}
.myaccount_sidebar .block ul li { display:block; margin: 0px; padding: 6px 15px;}

/* ----- My Account - Dispatch ( System Forms ) ---- */
#myaccount_form > div { text-align: left; width: 100%;}
.myaccountForm > table, .freedomAdminForm > table { width: 100%;}
.myaccountForm > table td, .freedomAdminForm > table td { vertical-align: top;}
.myaccountForm > table td:first-child, .freedomAdminForm > table td:first-child { padding-top: 14px; padding-right: 12px;}
.myaccountForm > table table, table.freedomTable { width: 100%; border: 1px solid #ccc; background: #f8f8f8; margin:0px; border-spacing: 0px; border-collapse: collapse;}
.myaccountForm > table table td, table.freedomTable td, table.freedomTable th { vertical-align: middle; padding: 8px 12px;}
.myaccountForm > table table thead td, table.freedomTable thead th { background: #ccc; color: #000;}
.myaccountForm > table table thead td *, table.freedomTable thead th * { color: #000;}
.myaccountForm > table table thead td:first-child, table.freedomTable thead th:first-child { text-align: left;}
table.freedomTable thead th.sort img { display:none;}
table.freedomTable thead th.sort::after { position: relative; padding-left: 3px; display: inline-block; font-family: 'FontAwesome'; content: '\f0d7'}
.editorLabel {display: inline-block; padding-bottom: 15px;}

input[name$=city],input[name$=state],input[name$=zip],
#bank_acct_name,#bank_aba_code,select[name$=month],select[name$=year] {
  width: auto;
  display: inline-block;}
select[name$=month],select[name$=year]{ width: 40%;}
input[name$=city] { width:98%;}
@media screen and (min-width:40em){
  input[name$=city] {width:50%;  }
}

.myaccountDetail  table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold ;}

.formButtons {padding-top: 15px;}

select.filterCombo { width: 200px;}

.img_box_container { width: 100%; background: #eee; padding: 3px ;  line-height: 38px; }
.img_box_container img { display: inline-block; }
.img_box_container { text-align: left;}
.img_box_container * { vertical-align: middle !important; text-align: center;}
.img_box_container .imageBox { border: 4px solid #fff; background: #f8f8f8; display: inline-block; width: auto; margin: 8px; padding: 12px;}
.img_box_container input {margin-right: 5px;}

.myaccountMessage { display:block; padding: 18px; border: 2px dashed #777; background: #ddd; color: #000; font-size: 16px; line-height:22px; text-align:center; margin-bottom: 18px;}
.myaccountMessage.positive::before { position: relative; padding-right: 6px;  font-size: 18px; display: inline-block; font-family: 'FontAwesome';}
.myaccountMessage.positive { background: #ECF6A6; border-color: #9cb111; }
.myaccountMessage.positive::before { content: '\f046';  color: #9cb111; top: 1px;}
.myaccountMessage.negative { background: #EFADAD; border-color: #BF2525;}
.myaccountMessage.negative::before { content: '\f057'; color: #BF2525;}
.myaccountMessage.alert { background: #FFD702; border-color: #000; }
.myaccountMessage.alert::before { content: '\f071'; color: #000; }


.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */

/* ModuleBegin::forms */
.formFieldWrapper { margin-bottom: 15px;}
.formFieldWrapper .formField { }

.formLabel.formAlign_align { }

.formField.formAlign_align {  }

.formLabel.formAlign_split,
.formField.formAlign_split { }

.formLabel.formAlign_none,
.formField.formAlign_none { }

.formButtonWrapper {text-align:center;}
.formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width: auto; }

/* basic calendar popup css */
.ui-datepicker {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker .ui-datepicker-header {
	text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 2px 0;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-today {
	background-color: #f2f2f2;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #000;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
/* ModuleEnd::forms */

/* ModuleEnd::events */

.moduleDetail {}
.moduleLister {}
div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* common elements across modules */
.label { font-weight: bold; margin-right:10px; } /* form required vs form optional*/
.title {}
.description {}
.blurb {}
.thumbnail {}
.info {}
.author {}
.date {}
.time {}
.filter {float:right;}
.imageLink {float:left;}
.tags {background: #eee; display: block; margin-bottom: 10px; text-indent: 8px;}
.utilityLinks {}

.moduleLister .thumbnail { width: 200px; float: left; margin-right: 20px; }

.errorMessage{ font-weight:bold; color:#f00; }


/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* End General Module Styles */


/* ModuleBegin::events */
/* ---- Events Lister ---- */
.eventsModule.moduleLister {}

/* ---- Events Detail ---- */
.eventsModule.moduleDetail {}
	.eventsModule .date {}
	.eventsModule .label {}
	.eventsModule .time {}
	.eventsModule .location { margin: 1em 0; }
	.eventsModule .map {}
	.eventsModule .address {}
	.eventsModule .directions {}
	.eventsModule .contactInfo {}
	.eventsModule .name {}
	.eventsModule .phone {}
	.eventsModule .email {}
	.eventsModule .rsvp {}
	.eventsModule .ticketsWrapper {}
	.eventsModule .ticket {}
	.eventsModule .description {}
	.eventsModule .utilityLinks {}
    .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;}


/* ---- Events Small Calendar ---- */
body#calendarIframe { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; position:relative; background: transparent;}
#calendarIframe .cal { width: 275px; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding: 6px 0; text-align: center; border-bottom:1px solid #ddd; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left;  }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }


/* ---- Events Month at a Glance ---- */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; }
#calendarDetail table { width: 100%; table-layout: fixed;  text-align: center; }
#calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; }
#calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); }
#calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;}
#calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px;  padding:5px;}
#calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; }

/* ---- Events Box ---- */
.eventsModule.moduleLister.box { }
.eventsModule.moduleLister.box .listItem { padding-bottom: 10px; }
.eventsModule.moduleLister.box .date { color: #777; }

/* ---- Events Registration ----- */
#registrationSummary td { padding:1px 10px; }
/* ModuleEnd::events */



/* ModuleBegin::commerce */
.shoppingAlert { color: red; font-size: 8pt; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */



/* ModuleBegin::photo */
/*******************************       ******************************************
******************************** PHOTO ******************************************
********************************       *****************************************/
/* Photo Lister */
/* Photo Lister */
.photoModule.moduleLister {}
.photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; width: 200px; display:inline-block; vertical-align:top; margin-bottom:5px; padding-bottom: 15px}
.photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;}
.photoModule.moduleLister .gridItem span {display:block;}
.photoModule.moduleLister .gridItem .image {width:160px;height:150px;overflow:hidden; margin: 10px auto;}
.photoModule.moduleLister .gridItem .name {height:20px;overflow:hidden;}
.photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;}
ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.grid li.gridItem { width: 200px; display: inline-block; vertical-align: top; }

/* Photo Thumbnails */
.photoModule .description  {}
.photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 100px; width: 150px; overflow: hidden;}
.photoModule .thumbnailItem img.activeImage {border:1px solid #333;}
.photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;}
.photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;}

/* Photo Detail */
.photoModule.moduleDetail{margin:10px 0;}
.photoModule .photoRemote {width:400px;height:20px;margin:0 auto;}
.photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;}
.photoModule .imageDetail {margin:10px; }
.photoModule .imageDetail div {margin:0 auto;}
.photoModule .imageDetail img {border:1px solid #ccc;}
.photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;}

/* Flightbox */
.flightbox-close { position: absolute; top: 20px; right: 20px; z-index: 3000; }
.flightbox-pager { height: 100%; width: 75px; position: absolute; }
.flightbox-pager:hover, .flightbox-close:hover { cursor: pointer; cursor: hand; }
.flightbox-pager p { font-size: 30px; font-weight: bold; color: #bbb; position: absolute; top: 50%; width: 75px; padding; 25px; text-align:center; }
.flightbox-container { color: #bbb; position: absolute; z-index: 1000;  text-align: center; }
.flightbox-container img {max-width: 100%; max-height: 100%;}
.hover { width: 100%;  text-align: center; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0px; font-size: 12px; display:none; }
/* ModuleEnd::photo */

/* ModuleBegin::poll */
.pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0px;}
.pollSmallWrapper span.pollChoices { padding-bottom: 5px; }
.pollListWrapper { }
.pollDetailWrapper { }
.pollQuestion { }
.pollChoices { }
.pollLink { }
.pollResultQuestion { font-weight: bold; }
.pollResultChoices { }
.pollBar { background-color: #ccc; height: 7px; }
/* ModuleEnd::poll */

/*Homepage Donate button*/
#homepageDonateButton {
    background-color: #d12505;
    display: inline-block;
    font-weight: bold;
    color: white;
    padding: 5px 18px;
    margin: 3px 10px;
    border-radius: 30px;
    font-family: 'Arial', sans-serif;

}

#homepageDonateButton:hover {
    transition: .2s ease;
    transform: scale(1.075);
    cursor: pointer;
    background-color: red;/*rgb(255, 190, 70)*/
}