.CMSLinks{color:whitesmoke;background:#ff6a00;text-align:center;padding:5px;}
.CMSLinks a{color:whitesmoke;text-decoration:underline;}
.main-content p{line-height:1.4;}
.main-content li{list-style: disc;margin-left:30px;padding-left:6px;}
.main-content li li{list-style: circle;margin-left:30px;padding-left:6px;}
.main-content li li li{list-style: square;margin-left:30px;padding-left:6px;}

.contentArea ul, li {list-style: inside !important;}
.sideBarContent ul, li {list-style: none;}

.SlideCaption{position: absolute; top: 450px; width: 100%; height: 120px; color: white; background-color: #001a6b; /*text-shadow: 0.5px 0.5px 0.5px black;*/}
.mainCaption{margin-right: -10px; padding: 3px 7px; padding-left:15px;padding-top:10px;display: block;clear:left;overflow: hidden; width: 100%; height: 120px;font-size: 27px; font-weight: bold;  font-family: "Tw Cen MT", "Futura", sans-serif;line-height: 1.2em;}
.SlideCaptionSeparator{position: absolute; height: 50px;}
.subCaption {overflow: hidden; width: 100%;font-size: 18px; line-height: 20px;font-weight: 300;font-family: "Tw Cen MT", "Futura", sans-serif;}
.linkCaption {background:#004b8e;color:gray;width:inherit;text-align:center;}
.linkCaption a {color:gray;}

.sideBarIcons {width:45px;clear:left;float:right;position: relative;margin-top:2px;margin-right:25px;}

.memberBody {width:70%;display: inline-block;vertical-align: top;}
.memberFeed {width:25%;display: inline-block;padding-left:3%;vertical-align: top;}



#slideshow {
 //   position: absolute;
 //   left: 445px;
    padding: 0px;
    padding-left: 0px;
    z-index: 2;
}

#slideshowParent {
  padding-left:0px !important;
  margin-left:0px;
  //height:600px !important;
}

#jssor_1 {
    margin-left: 0px !important;
}

 .jssora22l,
.jssora22r {
    position: absolute;
    top: unset !important;
    bottom:  125px;
 //   font-family: "Verdana";
 //   font-weight: bolder;
 //   font-size: 16px;
 //   background :white;
 //   border-radius: 100px;
//    color: #6e6e6e;
//    width:25px;
    visibility: visible !important;
//    height:25px;
//    text-align: center;
    z-index: 999;
}

/*

//.jssora22l {box-shadow: -3px -3px 7px black;box-shadow: 2px 2px 5px black inset;}
//.jssora22r {box-shadow: 3px 3px 7px black;}

//.jssora22l:hover, .jssora22r:hover { background: #d7d7d7;}

.jssora22l span {
display: inline-block;
margin-top:-4px;
text-align: center;
margin-left:-2px;  
}

.jssora22r span {
display: inline-block;
margin-top:-4px;
text-align: center;
margin-right:-2px;
}
*/
.jssora22l {
    left: 5%;
}

.jssora22r {
  top:40px;
    left: 10%;
}

.duesBarIcons {width:40px;margin-left:10px;margin-top:-8px;display: inline-block;}

:root {
    --gutter-compensation: 0; // remove negative margins for row
    --half-gutter-width: 0; // remove padding from columns
}

.bodyContainer {background: white;height:auto;width:100%;vertical-align: top;display: grid;grid-gap:0px;  grid-template-columns: 1fr 1fr 1fr 1fr;max-width: 100%;align-content: center;}
.header {grid-column-start: 1;grid-column-end: 5;grid-row-start: 1;grid-row-end: 1;}
.sideBar {grid-column-start: 1;grid-column-end: 2;grid-row-start: 2;grid-row-end: 3;font-family: "Tw Cen MT", "Futura", sans-serif;list-style: none;}
.sideBarArea {grid-column-start: 1;grid-column-end: 2;grid-row-start: 3;grid-row-end: 5;vertical-align: top;margin-bottom:-3px;min-width: 320px;background: #0033b5;font-family: "Tw Cen MT", "Futura", sans-serif;}
.mainArea {grid-column-start: 2;grid-column-end: 5;grid-row-start: 2;grid-row-end: 5;vertical-align: top;}
.footer {grid-column-start: 1;grid-column-end: 5;grid-row-start: 6;grid-row-end: 6;font-family: "Tw Cen MT", "Futura", sans-serif;}
.bottomFooter {grid-column-start: 1;grid-column-end: 5;grid-row-start: 7;grid-row-end: 7;}
#newsfeedContent {overflow: hidden; height: auto;}

.row {margin-left:0px !important;margin-right:0px !important;}

.nav-tabs li {display: inline-block !important; width:auto!important;margin-right:5px;background:#0033b5;border-radius: 5px;color:white !important; border:none !important;-webkit-box-shadow: none !important;box-shadow: none !important}
.nav-tabs li:hover {-webkit-box-shadow: none !important;box-shadow: none !important}
.nav-tabs li a {border:none !important;;color: color(srgb 0.32 0.488 0.915) !important;box-shadow: none !important}
.nav-tabs li a:hover {color:white !important;box-shadow: none !important}
.nav-tabs li.active a {border:none !important;color:white !important;}
.nav-tabs li.active {border:none !important;}

#newsArea {
  display:inline-block;
}

#calendarArea {
  display:inline-block;
  list-style: none !important;
}

.paySquare {
  margin-bottom:10px;
  max-width:155px;
  height:155px;
  display:inline-block !important;
  margin-right:15px;
  position: initial !important;
  vertical-align:middle;
  padding-top:20px;
  border-radius:8px;
}

.paySquare span {text-transform: capitalize !important;}

.btn-default:after {-webkit-transition: unset !important;transition: none !important;}

.currency{
  font-size:.5em;
  vertical-align:text-top;
}

.payDuesImage {
  float:left;
  clear:right;
  max-width:90px;
  display:inline-block;
  padding:20px 15px 20px 15px;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
  border-bottom:0px !important; 
}

.memberAlert {
  text-align:center;
  background:#ccc !important;
  color:black !important;
}

.memberAlertBox {
  width:45%;padding:10px;display:inline-table;text-align:left;line-height:1.25em;font-size:14px;
}

.memberAlertLeft {
  display: table-cell;width:15%;padding:5px;vertical-align: middle;
}

.memberAlertRight {
  display: table-cell;width:82%;padding:5px;vertical-align: middle;
}

.memberButton {background: black;display:none;}

.memberLoginImg {
    height: 35px;
    margin-bottom: 4px;
    display:inline-block;
    margin-right:10px;
}

.bookLabel {font-weight: 600;font-size: 1.1em;}
.positionLabel {font-weight: 400;}
.strikeLabel {font-weight: 500;font-size: 1em;color: #737373;}

.ptHeader {font-weight:bold;margin-bottom:10px;display:inline-block;}

.ptLabel {
  font-size:20px;font-weight:300;
}

.ptDate {
 font-size:18px;font-weight:600;
}

.ptAmount {
 font-size:24px;font-weight:600;padding-top:10px;
}

.contentArea {
  //font-family: initial;
}

.accountBody, .booksBody {font-family: "Tw Cen MT", "Futura", sans-serif;}

.accountHeader {text-transform: uppercase;font-size: 14px;color:#ccc;}
.accountCardHeader {font-size: 18px;color: color(srgb 0.32 0.488 0.915);letter-spacing: -.5px;}
.accountNameHeader {font-size:40px;letter-spacing: -1px;line-height: 1.13em;}
.accountInfo {font-size: 14px;width:100%;display: inline-block; vertical-align: top;}
.booksBody {font-size: 14px;width:100%;display: inline-block;vertical-align: top;}

.accountBox {width:100%;border-radius: 8px;background-color:#eaeaea;padding:15px;margin:15px 0px 5px 0px;display:inline-block;position: relative;}

.memberActions {width:auto;margin-right:-25px;height:auto;min-height:35px; background: color(srgb 0.909 0.909 0.909);margin:25px -25px 25px -25px;padding:20px;}
.accountLinks {border-radius: 8px;background:#041d62;color:white;padding:9px 12px 9px 12px;font-size:14px;position:absolute;top:15px;right:15px;}
.accountLinks:hover {background: #274ec2;color:white;}

.booksLinks {display:inline-block !important;position: relative !important;clear:right;margin:0px 10px 0px 0px;}

.accountIcon {max-width:35px;margin-right:8px;}
.accountName {font-size:16px;vertical-align: middle;}

.orangeBox {
  width:42%;display: inline-block !important; float:none;
  height:150px;
}

.redBox {
  width:42%;display: inline-block !important;float: none;
  height:150px;
}

.contactLinksIcon {
  width:30px;vertical-align: middle;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: sans-serif;
    height: 100%;
    color: black;
    width:100vw;
}

img {
    max-width: 100%;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.content ul {
    padding-left: 40px;
}

.content li {
    list-style: outside;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    //line-height: 1em;
    padding: 0;
}

h6 {
  line-height: 1.4em;
}

p {
    line-height: 1em;
}

p > span {
    line-height: 1.5em;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

input {
    outline: none;
    border: 0;
}

    input[type="text"], input[type="email"] {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

strong, b {
   // font-family: "Tw Cen MT", "Futura", sans-serif;
}

.serif {
    //font-family: "Times New Roman";
    font-size: 14px;
}

.logo {
    padding-top:25px;
    text-align: center;
    z-index: 2;
}

.alert {font-size: 14px !important;}

.accountDivider {color:#0a6ebd;vertical-align: middle;}
.paidThruDate {display: inline-block;vertical-align: middle;margin-left:5px;}

.localName {
  color:white;
  text-align: center;
  font-family: "Tw Cen MT", "Futura", sans-serif;
  font-size:24pt;
  font-weight:600;
  text-transform: uppercase;
}

.logo img {
width:175px;

}

.text-underline {
    text-decoration: underline;
}
.banner {
    min-height: 300px;
    background: url(/images/banner.jpg) center center no-repeat;
    background-size: cover;
}
.bannerItems {
    position: relative;
    top: 178px;
    left: -25px;
    /*background-color: aqua;*/
}
.bannerText {
    float: left;
    padding-top: 70px;
}
.bannerText > div > p {
    margin-bottom: 0px;
}
.bannerTextMain {
    font-size: 20px;
    font-weight:normal;
    color:white;
    font-family: "Tw Cen MT", "Futura", sans-serif;
    line-height: 20px;
}
.bannerTextSub {
    font-size: 18px;
    font-family: "Tw Cen MT", "Futura", sans-serif;
    color:white;
    font-style: italic;
    padding-bottom:10px;
    display: block;
    margin-top:15px;
}
/*---header---*/
.memberArea {
    border-bottom: 5px solid white;
  //  font-size: 14px;
    background: #001a6b;
    color: white;
    padding:10px 10px 15px 10px;
    text-align: center;
    font-family: "Tw Cen MT", "Futura", sans-serif
}

#membersArea {
    margin-right: -2px;
    padding-right: 0px;
    //height: 64px;
    background: #001a6b;
}
#membersArea > span {
    position: relative;
    top: 12px;
    padding-left: 45px;
    font-size: 22px;
}

.duesBarFlex {
  display: inline-block;
  text-align: center;
  font-size: 22px !important;
  margin-right:-15px;
  padding-bottom: 0px;
}

.payDuesSpan {
    font-family: "Tw Cen MT", "Futura", sans-serif;
    text-transform: uppercase;
    top: 2px;
    padding-top:10px;
    padding-left: 15px;
    font-size: 18px;
    display: inline-block;
}

.appSpan {
  display: inline-block;
    font-family: "Tw Cen MT", "Futura", sans-serif;
    text-transform: uppercase;
    top: 2px;
    padding-top:10px;
    padding-left: 5px;
    font-size: 18px;
}

.appLink, .memberLoginText {
    color:white;
    letter-spacing: .8;
    text-transform: uppercase;
    font-size: 18px;
}

.memberLoginText, .appLink:hover {
  color:white;
  letter-spacing: .8;
  text-transform: uppercase;
}

.memberBarBlock {
  border-radius: 5px;
  padding:9px;
  display:inline-block;
  margin-right:4px;
  margin-left:4px;
  font-size: 18px;
}
.memberBarBlock:hover {
  background: rgba(255, 255, 255, 0.15);
}

.memberTextDiv {
    font-size:.9em;
    padding-top: 15px;
    line-height: 1.1em;
}

.infoForm {width:100%;}
.infoForm td {padding:2px 10px 2px 10px;width:50%;}

#membersArea > div {
    padding-right: 0px;
}
#membersArea > div > a {
    margin-top:5px;
    display: inline-block;
    padding-left: 45px;
    font-size: 28px;
    color: white;
}
.membersAreaHeaderAngle > span > img {
    position: absolute;
    z-index: 1;
}
#memberMenuArea {
    height: 35px;
    max-width: 80%;
    font-size: 26px !important;
    margin-left:-15px;
    margin-right:15px;
}
#memberMenuArea > div {
   // height: 100%;
}
#memberMenuArea > div > ul {
    display: table;
    height: 100%;
    margin-bottom:20px;
}
#memberMenuArea > div > ul > li {
    display: table-cell;
    padding: 0px;
    border-right: 0px solid #1E6EA3;
    width:auto;
}
#memberMenuArea > div > ul > li:last-child {
    border-right: none;
}
#memberMenuArea > div > ul > li > a {
    display: block;
    min-height: 25px;
    text-align: center;
    line-height: 1.4em;
    font-family: "Tw Cen MT", "Futura", sans-serif;
    font-size:17px;
    padding:8px 7px 8px 7px;
    border-radius: 8px;
}

#memberMenuArea > div > ul > li > a:hover {
  background: color(srgb 0.108 0.214 0.485);
}

#memberMenuArea > div > ul > .dropdown {
    position: absolute;
    margin: 0px;
    height: 100%;
    width: 175px;
    min-width: 175px;
}
#memberMenuArea > div > ul > .dropdown > a {
    padding-top: 20px;
}
#memberMenuDropdown {
    top: 0px;
    visibility: hidden;
}

.memberMenu {width:90vw;height:auto;display: none;padding-bottom:5px;}
.memberMenuItem {
    visibility: hidden;
}
#memberMenuDropdownMenu {
    padding: 0px;
    background: #1E6EA3;
    font-size: 18px;
}
#memberMenuDropdownMenu > li {
    display: inline-block;
    padding: 0px;
    width: 100%;
    border-bottom: 1px solid #0033b5;
}
#memberMenuDropdownMenu > li:last-child {
    border-bottom: none;
}
#memberMenuDropdownMenu > li > a {
    padding: 10px 20px;
}
#memberLoginText, #adminNotificationText {
    padding-left: 40px;
    height: 64px;
    font-size: 20px;
    font-family: "Tw Cen MT", "Futura", sans-serif;
}
#memberLoginText > p, #adminNotificationText > p {
 //   margin-top: 21px;
}
#menu {
    margin-right: 0px;
    background: #0033b5;
    text-transform: uppercase;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #0033b5;
}
.nav > li {
    width: 100%;
}
.dropdown-menu {
    width: unset;
    background: #021244;
    font-size: 17px;
    text-align: left;
}
.dropdown-menu > li > a {
    color: white;
}

#eventCalendar {
    position: absolute;
}

#calendarContent {padding-right:25px;}
#eventCalendarContent > a {
    position: relative;
    right: 5px;
    padding: 5px;
    background: #1E6EA3;
    color: white;
}
ul.memberMenu li {
    display: inline;
    padding: 0 10px;
}
ul.memberMenu li a{
    color:white;
}
img.img.img-responsive {
    display: inline-block;
}
.localContact {
    top: 0px;
    right: 15px;
    height: 400px;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    text-shadow: 1px 1px #ccc;
    padding-top: 30px;
    padding-left: 15px;
    display: block;
    float: right;
    position: relative;
    bottom: 15px;
    font-family: "Tw Cen MT", "Futura", sans-serif;
}
.localContact .contacts {
    height: 80px;
}

.localContact .contactsAddress2 {
    height: 80px;
}

.contactsFirst {
  margin-top:-20px;
  height:70px;
}

.localContact .contactsFirst span {
    float: left;
    padding-right: 15px;
}
.localContact .contactsFirst span img {
    height: 50px;
    width: 50px;
}
.localContact .contactsFirst p {
    margin-top: -10px;
    margin-bottom: 0px;
    float: left;
    text-align: left;
}
.localContact .contactsFirst a {
    position: relative;
    top: 4px;
    color: #274F75;
}
.localContact .contactsFirst p, .contactsFirst a {
    font-size: 22px;
    color: #274F75;
}

.localContact .contacts span {
    float: left;
    padding-right: 15px;
}
.localContact .contacts span img {
    height: 50px;
    width: 50px;
}

.localContact .contactsAddress2 span {
    float: left;
    padding-right: 15px;
}
.localContact .contactsAddress2 span img {
    height: 50px;
    width: 50px;
}
.localContact p {
    margin-top: -10px;
    margin-bottom: 0px;
    float: left;
    text-align: left;
}
.localContact a {
    position: relative;
    top: 4px;
    color: #274F75;
}
.localContact p, .localContact a {
    font-size: 22px;
    color: #274F75;
}

.contactLinks {
  position:absolute;
  top:15px;
  right:50px;
  color:white;
  font-family: "Tw Cen MT", "Futura", sans-serif;
}

.contactLinks a {
  color:white;
  font-size:16px;
}

.contactLinks img {
  margin-right:8px;
  margin-left:12px;
}

.socialLinks {
  position:absolute;
  top:15px;
  left:50px;
}

.socialLinks a {
    padding: 10px;
    padding-left: 0px;
    color:white;
}
.socialLinks a img {
    height: 50px;
    width: 50px;
    background: white;
    padding:6px;
    border-radius: 25px;
}
/*---main----*/
span.glyphicon.glyphicon-menu-hamburger {
    color: white;
}
.navbar {
    padding-left: 55px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar ul {list-style: none !important;}
.navbar ul li {list-style: none !important;}
.nav a:hover {
    color: #004b8e;
}
.sideBar {
    color: white;
    font-family: "Tw Cen MT", "Futura", sans-serif;
}
.sideBarNoPaddingRight {
    padding-right: 0px;
}
.sideBarHeader {
    margin-bottom: 3px;
    //margin-right: 10px;
    padding: 15px 0px 15px 75px ;
    min-height: 64px;
    background: #001a6b;
    text-transform: uppercase;
    line-height: 1em;
    font-size: 20px;
    border-top:3px solid white;
    border-bottom:3px solid white;
}
.sideBarHeader > p {
    margin-bottom: 0px;
    max-width: 185px;
    line-height:1.25em;
}
.sideBarHeaderAngle > span > img {
    position: absolute;
    right: -36px;
    z-index: 1;
}
.sideBarArrowDown {
    position: absolute;
    top: 16px;
    left: 350px;
}
.sideBarContent {
    margin-bottom: 3px;
    margin-right: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 75px;
    background: #0033b5; 
    font-size: 15px;
    height:auto;
    line-height: 1.5em;
    overflow: hidden;
}
.contentArea {
    padding:25px;
}

.contentArea h5 {line-height: 1.75em;margin-top:15px;}

.contentArea p {
  line-height:1.5em;
}
.content {
    position: relative;
    padding-left: 25px;
    padding-right: 15px;
    min-height: 200px;
    color: #0033b5;
    z-index: 2;
}
.content > p {
    line-height: 1.5;
}
.content > div > p {
    line-height: 1.5;
}

/*---footer----*/
.footer {
  width:100%;
    padding: 30px 0px 30px 0px;
    background-color: #dcdcdc;
    color: #0033b5;
    min-height: 330px;
    font-family: "Tw Cen MT", "Futura", sans-serif;
}
.footer > div {
    //position: relative;
}

.bottomFooter {
  height:45px;
font-size:15px;
text-align: center;
padding:5px;
  background:#001a6b;
  color:white;
  width:100%;
}

.logoColumn {
  max-width:6%;
  vertical-align: top;
  margin-left:40px;
  text-align: right;
display:inline-block;
padding:5px 10px 5px 10px;
}

.logoColumn img {width:90%;}

.footerColumn {
  vertical-align: top;
display:inline-block;
text-align: left;
width:20%;
padding:5px 10px 5px 10px;
color:#001a6b;
}

.footerHeader {text-transform: uppercase;font-weight: 600;font-size:17px;line-height: 17px;}
.footerColumn p {font-weight: 400;font-size:16px;line-height: 19px;margin-top:5px;}

.footerSocial {
  text-align: right;
  vertical-align: top;
    display: inline-block;width:75px;margin-right:45px;float:right;
}

.footerSocial img {
  width:45px;
  margin-bottom:5px;
  margin-top:5px;
  height:45px;
}

.addressBox {
    min-width: 400px;
}
.addressBox > p {
    position: relative;
    left: 30px;
    margin: 0px;
    font-size: 24px;
}
.addressBox > p > span {
    float: left;
}
.addressBox > p > span > span > img {
    margin-left: 50px;
    float: left;
    height: 100px;
    width: 100px;
}
#companyAddressFooter {
    min-width: 400px;
    line-height: 1em;
}
#companyAddressLine1Footer, #companyAddressLine2Footer, #companyAddressLine3Footer {
    margin-left: 30px;
    position: relative;
    top: -9px;
}
.verbiageBox > p {
    margin-top: 33px;
    padding-left: 75px;
    font-size: 32px;
}
.nav a {
	/*background-color: #1a2f3c !important;*/
	color: white;
	text-decoration: none;
}

.FeedContainer {
    display: block;
    font-family: "Tw Cen MT", "Futura", sans-serif;
    width: 100%;
    height:auto !important;
    min-height: 270px;
    color: white;
}

.FeedContainer #FeedHeader{
    float: left;
    padding: 10px;
    height:100%;
    color: white;
    border-right: 5px solid #c60000;
    font-weight:bold;
}

.FeedContainer .FeedContent {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 225px;
    overflow: hidden;
    padding-bottom: 75px;
}

.FeedContainer .FeedContent ul {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
    list-style-type: none;
    height:auto !important;
    padding-right:25px;
    padding-left:10px;
}

.FeedContainer .FeedContent ul li {
    display: block;
   // height: 30px;
    width: 100%;
    padding: 0px 0 0px 0;
}

.FeedContainer .FeedContent .FeedItemHeader {
    float:left;
    display: inline-block;
    padding: 0 35px 0 0px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

.FeedContainer .FeedContent .FeedItemHeader a {
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    color: white;
}

.FeedContainer .FeedContent .FeedItemHeader a:hover {
    text-decoration: none;
}

.FeedContainer .FeedContent .FeedItemPubDate {
    font-style: italic;
    display:inline-block;
    padding:5px 0px 10px 0px;
}

.FeedContainer .FeedContent .FeedItemPubDate a {
    font-style: italic;
    line-height: 24px;
    color: white;
}

.FeedContainer .FeedContent .FeedItemPubDate a:hover {
    font-style: italic;
    text-decoration: none;
}

.FeedContainer .FeedContent .FeedItemSummary {
    position: relative;
  //  font-style: italic;
    text-decoration: none;
}

.FeedContainer .FeedContent .FeedItemSummary a {
   // font-style: italic;
    text-decoration: none;
    color: white;
    line-height: 24px;
}

.FeedContainer .FeedContent .FeedItemSummary a:hover {
   // font-style: italic;
    text-decoration: none;
}

.calendarLink {
    position: relative;
    padding: 5px;
    color: white;
    background: #094993;
    margin: 8px;
}
.calendarEvents .eventItem {
    line-height: 18px;
    margin-bottom: 25px;
}
.calendarEvents .eventTitle {
    font-weight: bold;
}
.calendarEvents .eventDate {
    position: relative;
    clear:left;
    top: 5px;
    font-style: italic;
}
.fullCalendarLink {
  background-color:#001a6b;
  color:white;
  margin-left:-5px;
  margin-top:15px;
  display:block;
  font-style: normal !important;
  width:135px !important;
  border-radius: 8px;
  padding:8px 9px 8px 9px;
}

.fullCalendarLink:hover {
  color:#ccc;
}

.FeedTitleLink {
  background-color:#001a6b;
  color:white;
  //margin-left:-5px;
  margin-top:15px;
  display:block;
  width:123px !important;
  border-radius: 8px;
  padding:8px 9px 8px 9px;
}

.FeedTitleLink:hover {
  color:#ccc;
}

@media (min-width: 768px) {
    .navbar-nav > li {
        float: unset;
    }
    .navbar-nav > li:first-child {
        margin-top: 20px;
    }
    .navbar-nav > li:last-child {
        margin-bottom: 20px;
    }
    .navbar-nav > li > a {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 17px;
        padding-left:10px;
    }
    .navbar-right {
        float: left !important;
        margin-right: 0;
    }
    .navbar-right .dropdown-menu {
        left: unset;
        right: unset;
    }
    
    .dropdown-menu > li > a {
      font-size:15px;
    }
}

@media only screen and (max-width: 1600px) {
    
}

@media only screen and (max-width: 1450px) {
    .bannerTextMain {
      font-size: 34px;
    }
  
  .memberTextDiv {
      font-size:.7em;
      max-width:40%;
      margin-top:-5px;
      
  }
    .duesBarIcons {width:30px;margin-left:7px;margin-top:-8px;}
    
    .footerColumn {
      vertical-align: top;
    display:inline-block;
    text-align: left;
    width:18%;
    padding:5px 8px 5px 8px;
    color:#001a6b;
    }
    
    .footerHeader {text-transform: uppercase;font-weight: 600;font-size:15px;line-height: 15px;margin-bottom: 5px;display: block;}
    .footerColumn p {font-weight: 400;font-size:13px;line-height: 18px;}
}

@media only screen and (max-width: 1415px) {
.duesBarFlex {
  }
}

@media only screen and (max-width: 1150px) {
  .bannerTextMain {
    font-size: 28px;
  }

.memberTextDiv {
    font-size:.7em;
    max-width:40%;
    margin-top:-5px;
}

  .duesBarIcons {width:25px;margin-left:7px;margin-top:-8px;display: inline-block;}
}

@media only screen and (max-width: 991px) {
  
  .accountDivider {color:#0a6ebd;display: none;}
  .paidThruDate {display: none;}
  
  .navbar-toggle {margin: :auto;text-align: center;}
  .memberButton {background: black;color:white;margin-top:5px;border-radius:8px;display: inline-block;border-radius: 8px;font-size: 16px;padding:4px 8px 4px 8px;cursor: pointer;width:90%;text-align: center;}
  
  .memberBody {width:100%;display: block;vertical-align: top;}
  .memberFeed {width:100%;display: block;padding-left:0%;vertical-align: top;}
 
 .bodyContainer {background: white;height:auto;width:100%;vertical-align: top;display: grid;grid-gap:0px;  grid-template-columns: 1fr;max-width: 100%;align-content: center;list-style: inside !important;}
 .header {grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 2;font-family: "Tw Cen MT", "Futura", sans-serif;}
 .sideBar {grid-column-start: 1;grid-column-end: 2;grid-row-start: 2;grid-row-end: 3;font-family: "Tw Cen MT", "Futura", sans-serif;}
 .mainArea {grid-column-start: 1;grid-column-end: 2;grid-row-start: 3;grid-row-end: 4;vertical-align: top;}
 .sideBarArea {grid-column-start: 1;grid-column-end: 2;grid-row-start: 4;grid-row-end: 5;vertical-align: top;font-family: "Tw Cen MT", "Futura", sans-serif;}
 .footer {grid-column-start: 1;grid-column-end: 2;grid-row-start: 5;grid-row-end:6;font-family: "Tw Cen MT", "Futura", sans-serif;}
 .bottomFooter {grid-column-start: 1;grid-column-end: 2;grid-row-start:6;grid-row-end: 7;font-family: "Tw Cen MT", "Futura", sans-serif;}
 
 .memberAlertBox {
   width:100%;padding:5px;display:inline-block;text-align:left;line-height:1.25em;
 }
 
 #memberMenuArea {
     height: auto;
     max-width: 100%;
     padding:0px 10px 0px 10px;
     font-size: 26px !important;
     margin:20px 0px 0px 0px;
 }
 #memberMenuArea > div {
    // height: 100%;
    width:100%;
 }
 #memberMenuArea > div > ul {
     display: table;
     height: auto;
     width:100%;
     margin:8px 0px 10px 0px;
 }
 #memberMenuArea > div > ul > li {
     display: block;
     padding: 0px;
     border-right: 0px solid #1E6EA3;
     width:auto;
     height:35px;
     margin:8px 0px 8px 0px;
 }
 #memberMenuArea > div > ul > li:last-child {
     border-right: none;
 }
 #memberMenuArea > div > ul > li > a {
     display: block;
     min-height: 25px;
     text-align: center;
     line-height: 1.4em;
     font-family: "Tw Cen MT", "Futura", sans-serif;
     font-size:17px;
     width:100%;
     padding:8px 7px 8px 7px;
     border-radius: 8px;
 }
 
 #memberMenuArea > div > ul > li > a:hover {
   background: color(srgb 0.108 0.214 0.485);
 }
 
 #memberMenuArea > div > ul > .dropdown {
     position: absolute;
     margin: 0px;
     height: 100%;
     width: 175px;
     min-width: 175px;
 }
 #memberMenuArea > div > ul > .dropdown > a {
     padding-top: 20px;
 }
 #memberMenuDropdown {
     top: 0px;
     visibility: hidden;
 }
 
 .paySquare {
   margin-bottom:10px;
   max-width:140px;
   height:140px;
   display:inline-block !important;
   margin-right:15px;
   position: initial !important;
   vertical-align:middle;
   padding-top:20px;
   border-radius:8px;
 
 }
 
 #slideshowParent {display: block;width:100vw;}
 
 .bottomFooter {
   height:auto;
 font-size:15px;
 text-align: center;
 padding:5px;
   background:#001a6b;
   color:white;
   width:100%;
 }
 
 .logoColumn {
   max-width:100%;
   vertical-align: top;
   margin-left:auto;
   text-align: center;
 display:inline-block;
 padding:5px 10px 5px 10px;
 }
 
 .logoColumn img {width:25%;}
 
 .sideBarContent {text-align: center;
 }
 .fullCalendarLink {margin:auto;}
 
 .footerColumn {
   vertical-align: top;
 display:inline-block;
 text-align: center;
 width:100%;
 padding:5px 10px 5px 10px;
 color:#001a6b;
 }
 
 .footerHeader {text-transform: uppercase;font-weight: 600;font-size:17px;line-height: 17px;}
 .footerColumn p {font-weight: 400;font-size:16px;}
 
 .footerSocial {
   text-align: right;
   vertical-align: middle;
     display: inline-block;width:100%;margin-right:0px;float:none;
     
 }
 
 .contactLinks, .socialLinks {display:none;}
 
 .appLink, .memberLoginText {
     color:white;
     letter-spacing: .8;
     text-transform: uppercase;
     font-size: 16px;
 }
 
 .memberLoginText, .appLink:hover {
   color:white;
   letter-spacing: .8;
   text-transform: uppercase;
 }
 
 .memberBarBlock {
   border-radius: 5px;
   padding:9px;
   display:inline-block;
   margin-right:4px;
   margin-left:4px;
   font-size: 16px;
 }
 
 .bannerTextMain {
   font-size: 28px;
 }
 
 .sideBarArea {min-width: 275px;}
.sideBarHeader {text-align: center;}
#FeedItemSummary a {
  margin:auto;
  margin-top:0px;
}

.FeedItemHeader{
  margin:auto;
  width:100vw;
  display: block;
}

.memberTextDiv {
   font-size:.9em;
   max-width:40%;
   margin-top:0px;
}

.accountLinks {
  clear:left;
  display: block;
  width: 100%;
  position: initial;
  margin-bottom: 20px;
  text-align: center;
}

.navbar-toggle {float:none;margin-right:0px;}
 .duesBarIcons {width:40px;margin-left:7px;margin-top:-8px;}
 
    .banner {
        min-height: 200px;
    }
    .logo {
       // padding-left: 35px;
        margin-top:0px;
    }
    .logo > span > img {
        height: 100px;
        width: 100px;
    }
    .bannerItems {
        top: 53px;
        left: -10px;
    }
    .bannerText {
        padding-top: 47px;
    }
    .bannerTextMain {
        font-size: 24px;
    }
    .bannerTextSub {
        font-size: 16px;
        padding-left:8px;
        padding-right:8px;
        margin-top:15px;
    }
    .localContact {
        padding-top: 5px;
        padding-left: 5px;
        height: 200px;
        width: 250px;
    }
    
    .localContact .contacts {
        height: 40px;
    }

    .localContact .contactsFirst {
        height: 40px;
    }

    .localContact .contactsAddress2 {
        height: 40px;
    }

    .localContact .contacts span img, .socialLinks a img, .localContact .contactsFirst span img, .localContact .contactsAddress2 span img {
        height: 30px;
        width: 30px;
    }

    .localContact .contacts a, .localContact .contacts p, .localContact .contactsFirst a {
        position: relative;
        font-size: 16px;
    }
    
    .localContact p, .localContact a {
      font-size:16px;
      color: #274F75;
  }

    .localContact .contactsAddress2 a {
        position: relative;
        margin-top:12px;
        display:block;
        line-height: .9em;
        font-size: 16px;
    }

  .localContact .contactsFirst a {
        position: relative;
        font-size: 14px;
    }

    .localContact .contacts a {
        top: 2px;
    }
    .localContact .contacts p {
        top: 4px;
    }
    .mobileViewPaddingRight {
        padding-right: 0px;
        margin-right:0px !important;
    }
    
    .menuArea {margin-right:0px !important;padding-right:0px !important;}
    
    .memberArea {
      height:auto;
      max-height: auto !important;
      
    }
    #membersArea > span {
        display: block;
        padding-left: 0px;
       // text-align: center;
    }
    #membersArea > div {
        padding-left: 0px;
    }
    #membersArea > div > a {
        display: block;
        padding-left: 0px;
       // text-align: center;
    }
    .membersAreaHeaderAngle {
        display: none;
    }
    #memberLoginText, #adminNotificationText {
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
        text-align: center;
        font-size: 15px;
        height:30px;
    }
    #memberLoginText > p, #adminNotificationText > p {
        margin-top: 0px;
    }
    #memberMenuArea {
      display: none;
    }
    .navbar {
        padding-left: 0px;
    }
    .nav.navbar-nav.navbar-right {
        width: 100%;
      //  text-align: center;
    }
    .dropdown-menu {
        width: 100%;
      //  text-align: center;
    }
    .sideBar {
        min-width: inherit;
    }
    .sideBarHeader {
        padding: 0px 0px;
      //  text-align: center;
    }
    .sideBarHeader > p {
        padding-top: 10px;
        max-width: inherit;
    }
    .sideBarArrowDown {
        position: relative;
        top: 6px;
        left: 0px;
    }
    .sideBarHeaderAngle {
        display: none;
    }
    .sideBarContent {
        padding: 15px 0px;
       // display:inline-block;
      //  text-align: center;
    }
    #menu {
        padding-right: 0px;
    }
    #slideshow {
        position: relative;
        left: 0px !important;
        margin-bottom: 10px;
    }
    #FeedContentUl {
        width: 100%;
    }
    #FeedItemLi {
      height: auto !important;
      min-height: 200px;
    }
    
    .FeedAct {
      height:auto !important;
      min-height: 200px !important;
    }
    
    #FeedItemHeader {
        float: inherit;
        text-align: center !important;
    }
    #FeedItemPubDate {
        position: relative;
        top: 0px;
    }
    #FeedItemSummary a {
        position: relative;
        top: -30px;
    }
    #eventCalendar {
        position: relative;
    }
    #eventCalendarContent > a {
        right: 0px;
    }
    .footer {
        padding: 15px 0px;
    }
    .addressBox {
        min-width: inherit;
    }
    .addressBox > p {
        left: 0px;
        height: 100px;
        width: 100%;
        text-align: center;
    }
    .addressBox > p > span > span > img {
        position: relative;
        right: 115px;
        margin-left: 0px;
        float: inherit;
    }
    #companyAddressFooter {
        min-width: inherit;
        height: 100px;
        width: 100%;
    }
    #companyAddressLine1Footer, #companyAddressLine2Footer, #companyAddressLine3Footer {
        top: -86px;
        margin-left: 120px;
    }
    .verbiageBox > p {
        padding-left: 0px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .backgroundBox {
        overflow: hidden;
    }
    .logo {
        /*padding-left: 20px;*/
    }
    .bannerText {
        display: none;
        /*position: relative;
        top: 140px;
        right: 105px;
        padding-top: 0px;*/
    }
    .bannerTextMain {
        font-size: 18px;
    }
    .bannerTextSub {
        font-size: 16px;
        margin-top:15px;
    }
    .nav.navbar-nav.navbar-right {
        width: unset;
    }
    .nav.navbar-nav.navbar-right > li > a {
        font-size: 18px;
        text-align: center;
    }
    
    .sideBar {
      text-align: center;
    }
    
    .fullCalendarLink {
      margin:auto;
    }
    
    .sideBarHeader {
      text-align: center;
    }
    .dropdown-menu {
        background: #1E6EA3 !important;
    }
    .sideBarHeader > p {
        padding: 16px 0px;
    }
    .sideBarArrowDown {
        display: none;
    }
    
    #FeedItemHeader {
      width:100%;
    }
    
    #FeedItemSummary a {
        position: relative;
        margin:auto;
        top: 0px;
    }
    
    .FeedContainer .FeedContent .FeedItemHeader {
        float:left;
        display: inline-block;
        padding: 0 15px 0 15px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }
    
    .navbar-toggle {
      background: white !important;
    }
    
    .logoColumn {
      width:100%;
    }
    
    .glyphicon-menu-hamburger {
      color : #0033b5 !important;
    }
    
    #mobile-dropdown {
      background:#001240 !important;
    }
    
    .FeedContainer .FeedContent .FeedItemHeader a {
        font-weight: normal;
        text-decoration: none;
        text-align: left;
        color: white;
    }
    
    .FeedContainer .FeedContent .FeedItemHeader a:hover {
        text-decoration: none;
    }
    
    .FeedContainer .FeedContent .FeedItemPubDate {
        font-style: italic;
        display:inline-block;
        padding:5px 0px 10px 0px;
    }
    
    #FeedItemPubDate {
        position: inherit;
        top: -30px;
    }
    
    .addressBox > p > span > span > img {
        visibility: hidden;
    }
    #companyAddressLine1Footer, #companyAddressLine2Footer, #companyAddressLine3Footer {
        margin-left: 0px;
    }

    .duesBarFlex {
        display: block;
        margin-right:10px;
        padding-left: 0px;
        text-align: center;
        padding-top:10px;
        padding-bottom: 10px;
    }
    
    .footerSocial {
      text-align: center;
    }
    
    .footerSocial img {
      margin-left:8px;
      margin-right:8px;
    }
    
  /*  .payDuesSpan {
        font-family: "Tw Cen MT", "Futura", sans-serif;
        text-transform: uppercase;
        top: 2px;
        padding-left: 15px;
        font-size: 28px;
    }

    .appSpan {
        font-family: "Tw Cen MT", "Futura", sans-serif;
        text-transform: uppercase;
        top: 2px;
        padding-left: 15px;
        font-size: 28px;
    }
    */
    .memberTextDiv {
        font-size:.9em;
        padding-top: 15px;
        display:block;
        background-color: black;
        height:70px;
    }
    .contactsFirst {margin-top:0px;}

    .socialLinks img {margin-top:-25px;}
}

/* Print styling */
@media print{
	.sidebar{
		display:none;
	}
	.hide-on-print{
		display:none;
	}
	a[href]:after {
		content: "" !important;
	}
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.modal-open {
    overflow-y: scroll;
}