/* Background Images and Footer */
/* Theme Roller */
/*========== JUSTIN SEARCH =============*/
.csearch .dropdown-toggle{
  display: none;
}
.csearch{
  padding: 20px 15px;
}
.csearch input{
  background-color: #efefef;
  border-radius: 6px 0px;
}
.csearch .input-group-btn > .btn{
  margin: 0px;
  height: 34px;
  margin-left: 10px;
  padding: 5px 15px;
}


/*========== JUSTIN NAVIGATION ==========*/
/*---POSITION AND ALIGNMENT---*/
.navbar-default .navbar-collapse{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#NAV{
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  box-shadow: 0px 3px 9px rgba(0,0,0,0.25);
}
#MPButtonBar .navbar.navbar-default{
  border: none;
}
#MPOuter{
  padding-top: 265px !important;
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
  #NAV .col-md-12, #NAV .navbar-collapse{
    padding: 0px;
  }
}

/*---SUBNAV---*/
#MPButtonBar .dropdown-menu{
  min-width: 250px;
}
.nav.navbar-nav .dropdown-submenu > ul.dropdown-submenu{
  padding: 0px;
  margin: 0px;
}
.nav.navbar-nav .dropdown-submenu > ul.dropdown-submenu a{
  padding: 3px 5px 3px 35px;
  display: block;
  text-align: left;
}

/*============= HOME ROW 2 ==================*/
.home .homer2{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.home .homer2 > div, .home .homer2 .ContentItemHtml{
  position: relative;
  display: flex;
  align-items: stretch;
}
.home .homer2 .HtmlContent{
  padding-bottom: 50px
}
.home .homer2 p > a{
  position: absolute;
  bottom: 15px;
  margin-left: -15px;
}
.home .homer2 p{
  color: #fff;
}
@media screen and (min-width: 1200px){
  .home .homer2:before{
    content: " ";
    display: block;
    position:absolute;
    left: -500px;
    right: -500px;
    top: 0px;
    bottom: 0px;
    background-color: rgb(222, 118, 29);
  }
}
@media screen and (max-width: 1200px){
  .home .homer2:before{
    content: " ";
    display: block;
    position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgb(222, 118, 29);
  }
}

/*============== HOME BENEFITS =============*/
.home .bens{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* updated 19 02 19 
.home .section9{
  background-color: rgb(255, 221, 0);
}
*/
.home .section9{
  background-color: #fff !important;
}
.home .section9 > div:nth-child(4){
  clear: both;
  background-color: #FFDD00;
}
.home .bens h2{
  padding: 50px 0px 40px;
}
.home .bens h6{
  clear: both;
  padding: 15px 0px;
}
.home .bens p{
  text-align: left;
}
.home .bens h4{
  margin-bottom: 0px;
}


/*============== HOMEPAGE MAPS BUTTONS SECTION ==========*/
.homemaps{
  padding: 20px 0px 40px;
  background-color: #efefef !important;
}
.homemaps ul{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.homemaps ul{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.homemaps ul li{
  margin-bottom: 25px;
  margin-top: 25px;
}/* Color Picker */
/********************* Basics **************************/    body {      color: #000000;  }        a {      color: #09227F;  }   /*  a.user-content-mention {      color: ;  }  */  /*  a.user-content-hashtag {      color: ;  }  */    a:hover {      color: #09227F;  }    /*  a.user-content-mention:hover {      color: ;  }  */ /*  a.user-content-hashtag:hover {      color: ;  }  */   .bodyBackground {      background-color: #FFFFFF;  }      /*  a.user-content-hashtag {  background: ; } */  /* a.user-content-hashtag:hover {  background: ; } */      .siteFrame {      background-color: #FFFFFF;  }      /*  #MPOuterMost {      border-color: ;  }  */    h1, .Heading1 {      color: #000000;      /*background-color: ;*/  }    h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {      color: #000000;      /*background-color: ;*/  }    h3, .Heading3, h3 a, h3 a:hover {      color: #000000;      /*background-color: ;*/  }    /*  hr, hr.delimiter, .HLLandingControl ul li {      border-bottom-color: ;  }  */    #MPOuterFooter {      background-color: #F49E3B;      color: #FFFFFF;  }      fieldset {      border-color: #FFFFFF;  }      fieldset legend {      background-color: #FFFFFF;      border-color: #FFFFFF;      color: #FFFFFF;  }      .SearchResults .SortBy {      color: #FFFFFF;  }          /*********************** Landing Controls ******************/  .HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {      /*background-color: ;*/      color: #000000;  }      .drItemSubHeader a:not(.skip-header-text-color){         color: #000000;  }      .ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {      /*border-color: ;*/      color: #000000;      background-color: #FFFFFF;  }      .HLLandingControl .Content a:not(.btn) {      color: #09227F;  }        .HLLandingControl .ByLine {      color: #BBBBBB;  }        .HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {      color: #092869;  }        .HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {      color: #092869;  }      /************************ Tabs **********************/  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {      /*background-color: ;*/      /*border-color: ;*/      color: #09227F;  }  /*  .nav-tabs {      border-bottom-color: ;  }  */    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {      /*background-color: ;*/      /*border-bottom-color: ;*/      color: #09227F;  }  .nav-tabs > li > a {      /*background-color: ;*/      /*color: ;*/  }    /************************ Miscellaneous **********************/    .SloganText {      color: #FFFFFF;  }      .ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {      background-color: #FFFFFF;      color: #FFFFFF;  }      .lblratingBig {      color: #FFFFFF;  }    /************************ Tables **********************/  .Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {      background-color: #092869;      color: #FFFFFF;  }      th a, th a:hover  {      color: #FFFFFF;  }        .TableRowAlternate, .table-hover > tbody > tr:hover > td  {      background-color: #E8E8E8;  }      /************************ Menus ***********************/    #MPAuxNav ul.level1 li a {      color: #092869;  }        #MPAuxNav ul.level1 li ul {      background-color: #FFFFFF;  }        #MPAuxNav ul.level1 li li.dynamic {      border-right-color: #092869;  }      /*  #SideMenu ul.level1 li ul {      background-color: White;  }  */    /*  .MPSideNavBottom {      color: #0069A5;  }  */    /*  .breadcrumb {      background-color: ;  }  */      .breadcrumb li {      color: #09227F;  }        .breadcrumb li a {      color: #336699;  }        .MPBottomMenu ul li a {      color: #FFFFFF;  }          /************************ Bootstrap Menus ***********************/    .navbar-default, #NAV {      background-color: #FFFFFF;      border-color: #FFFFFF;  }        .navbar-default .navbar-nav > li > a {      color: #092869;  }      .navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {        background-color: #EEEEEE;      color: #092869;  }    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {      background-color: #EEEEEE;      color: #092869;  }      #MPButtonBar .dropdown-menu {      background-color: #FFFFFF;  }        #MPButtonBar .dropdown-menu li a {      color: #092869;  }        #MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {       background-color: #EEEEEE;  }      #MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {      background-color: #EEEEEE;      color: #092869;  }      #MPButtonBar .dropdown-menu {      border-color: #DDDDDD;  }      /************************ Bootstrap Buttons ***********************/  .btn-primary, .ui-widget-content a.btn-primary {      /*background-color: ;*/      /*border-color: ;*/      /*color: !important;*/  }    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-info {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-success {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-danger {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-default {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .pagination > li > a {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .pagination > li > a:hover {      /*background-color: ;*/      /*border-color: ;*/      /*color: ;*/  }    .label-default {      /*background-color: ;*/      /*color: ;*/  }    .badge, .badge a, a.badge a:hover {      /*background-color: ;*/      /*color: ;*/  }    .modal-header {      background-color: #FFFFFF;      color: #000000;  }    .modal-body, .panel-body {      background-color: #FFFFFF;      color: #000000;  }    .modal-footer, .panel-footer {      /*background-color: ;*/  }  /*  #MPFooterLink {      background-color: ;  }  */    /*  #MPFooterLink a {      color: ;  }  */    /*  .faceted-search-main .facets .header {      color: ;  }  */    /*  .faceted-search-main .facets .header {      background-color: ;  }  */ /*  .cookie-notification-bar {      background-color: ;  }  */ /*  .cookie-notification-bar span {      color: ;  }  */
/* CSS Overrides */
/*===== HIGHER LOGIC---->   DO NOT REMOVE CODE WITHOUT DIRECT PERMISSION FROM STEVE KARLIN, NASBP skarlin@nasbp.org 
 INSTEAD, PLACE COMMENTS AROUND THE OFFENDING CODE YOU BELIEVE RESPONSIBLE FOR THE RENDERING ISSUE TO IDENTIFY IT IS RESPONSIBLE.  DO NOT COMMENT OUT THE CODE--JUST CLEARLY (CLEARLY) IDENTIFY WHICH SHOULD BE ALTERED OR REMOVED.  THANK YOU.======*/ 

/*===== BEGIN HOMEPAGE SHOW/HIDE =====*/
.homer2 .HtmlContent td > p{
    display: none;
 }
 .homer2 .HtmlContent td > h3:hover{
   cursor:pointer;
 }
 .homer2 .HtmlContent td > h4{
     color: #fff;
     font-size: 1.3em;
 }
 .homer2 .HtmlContent td ul{
     color: #fff;
 }
 .homer2 .ContentItemHtml, .homer2 .HtmlContent, .homer2 table{
   width: 100%;
 }

/*===== NEW BANNER =====*/

/* APR - Ad banner for homepage 11/14/2019   >Edited to fixed position, as sticky wasn't working as needed. 4/16/2020 */

.topBannerTest {
background-color: #de761c;
/* position:absolute; */
position: fixed; 
top: 100px;
left: 0;
width:100%;
padding: 10px;
line-height:1;
 z-index:99;
}

@media only screen and (max-width:900px)  {
 .topBannerTest {
  top: 145px;
}
}

.bannerTest p {
color: #FFFFFF;
font-weight:540;
margin: 0;
}

.topBannerTest .HtmlFooter {
display:none;
}
 
/*===== NEW HERO =====*/

/* APR - static background image into the hero slider 
.heroImg {
background-image: url("https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/other-courses2.jpg");
height: Calc(100vh - 100px);
width: 100vw;
background-position: center;
background-size: cover;
}
*/

/* APR - static background image into the hero slider  UPDATED 3-26-2020*/
.heroImg {
 background-image: url("https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/home/man-writing-notes-and-holding-smart-phone-624128324-1920x1116-v3.jpg"); 
/* background-image: url("https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/home/man-writing-notes-and-holding-smart-phone-624128324-1920x1116-v2.jpg");*/
height: Calc(100vh - 20px);
width: 100vw;
background-position: center right;
background-size: cover;
}




/* APR - text in the hero slider */
.heroText {
position: absolute;
top:25vh;
left: 10%;
text-align: left;
}

/* APR - NASBP logo in the hero slider */
.heroLogo {
/* background-image: url("https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/NASBP-Logo-RGB-72dpi.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover; */
height: 205px;
width: 205px;
}

/* APR - hero slider h1 */
h1.heroTitle {
font-weight: 600;
}

/* APR - hero slider h3 */
h3.heroSub {
color: white;
text-transform: none;
text-shadow: 1px -1px #003e6f;
margin-bottom: 20px;
/* max-width: 75%; */
}

/* APR - hero slider - button 'A' - more of a call to action button w/ brighter colors */
a.heroBtnA {
display: inline-block;
color:white;
padding: 10px 20px;
background-color: #de761c;
text-transform:uppercase;
border: 2px solid #de761c;
margin: 5px 25px 0 0;
text-decoration: none;
font-weight: 600;
text-shadow: none;
}

/* APR - hover style for button 'A' */
a.heroBtnA:hover {
background-color: white;
border-color: white;
color: #de761c;
}

/* APR - hero slider - button 'B'  */
a.heroBtnB {
display: inline-block;
color: white;
padding: 10px 20px;
background-color: transparent;
text-transform:uppercase;
border: 2px solid white;
margin:5px 10px 0 0;
text-decoration: none;
font-weight: 600;
text-shadow: none;
}

/* APR - button 'B' hover */
a.heroBtnB:hover {
background-color: white;
color: #de761c;
}

/* APR - slider to be same height as the screen, minus the size of the navigation bar */
/* APR - removing padding to avoid logo cutoff 10-22-19 */
#simple_carousel {
height: Calc(100vh - 75px);
/*
padding-top: 100px;
*/
}

/* APR - slider to be full height */
.carousel-inner {
height:100%;
}

/* APR - slider item to be full size, allowing content to be visible */
.carousel-inner > div.item {
width:100%;
height:100%;
}

/* APR - positioning & width of the content in the hero slider 09-24-19 */
.carousel-inner > div.item > div.simple_carousel_caption {
bottom: 30%;
width: 50%;
}

/* APR - positioning of the content in the hero slider on mobile 9-24-19 */
@media screen and (max-width: 900px) {
.carousel-inner > div.item>div.simple_carousel_caption {
width: 75%;
bottom: 20%;
}
}

/* APR - positioning of the content in the hero slider on desktop 10-22-19 */
@media screen and (min-width: 900px) {
.carousel-inner   {
margin-top: 50px;
}
}

/* APR - positioning of the content in the hero slider on mobile 9-24-19 */
@media screen and (max-width: 767px) {
.carousel-inner > div.item>div.simple_carousel_caption {
width: 100%;
bottom: 10%;
padding: 0 50px;
text-align:center;
}

/* APR - font size in the hero slider on mobile 9-24-19 */
.carousel-inner > div.item>div.simple_carousel_caption h1 {
font-size: 200%;
}

/* APR - font size in the hero slider on mobile 9-24-19 */
.carousel-inner > div.item>div.simple_carousel_caption h3 {
font-size: 125%;
}

/* APR - logo size in the hero slider on mobile 9-24-19 */
.heroLogo {
width:150px;
}

.wide div.section1 {
padding: 0;
}
.homer2 div:first-child {
width:100%;
}
}

/* APR - positioning of the advo/edu/n&n on ipad 1-8-20 */
@media screen and (max-width: 900px) {
.homer2 div:nth-child(-n+3) {
width:100%;
}
}

/* APR - positioning of the content in the hero slider on ipad 1-8-20 */
@media screen and (max-width: 768px) {
.wide div.section1 {
padding: 0;
}
}

 /* APR - use white text in hero slider */
.carousel-control {
color: white !important;
}

/* APR - fixes issue of logo disappearing on small screen sizes */
@media only screen and (max-width: 700px) {
#Logo.row, #Logo.row div:first-child {
z-index:9;
}
}

/* APR - button padding on small screen sizes */
@media screen and (max-width: 500px) {
a.heroBtnA, a.heroBtnB {
padding: 6px 12px;
margin:5px;
font-size: 75%;
}
}

/* APR - MOBILE LANDSCAPE STYLES 12-11-2019 */
@media screen and (max-height: 450px) {
.heroLogo {
display:none;
}

a.heroBtnA, a.heroBtnB {
padding: 6px 12px;
margin:5px 5px 0 0;
font-size: 75%;
}

/* REMOVING FOR NOW
.carousel-inner {
min-height: 250px;
}
*/

.carousel-inner > div.item>div.simple_carousel_caption h1 {
font-size: 24px;
}

h3.heroSub {
font-size: 120%;
}

/* END MOBILE LANDSCAPE STYLES */
}

/*===== NEW NAV =====*/

/* APR - removes bottom-shadow on navigation bar */
.navbar-default, #NAV {
border: none;
box-shadow: none;
}

/* APR - changes navigation bar to blue */
nav.navbar.navbar-default {
background: #092869;
color:white;
font-size: 63%;
}

/* APR - changes colors of links in navigation bar*/
ul.nav.navbar-nav li a {
color:white;
text-transform: none;
}

/* APR - text alignment when navigation bar is collapsed, adding padding to each side 9-24-19 */
#NAV div.collapse.navbar-collapse  {
padding: 0 15px;
text-align:right;
}

/* APR - removes text underline on navigation bar */
ul.nav.nabar-nav {
text-transform: none;
}

/* APR - not used */
div.HLWelcome.HLWelcomeHeader {

}

/* APR - making logo in navigation bar a specific size */
div#Logo.row {
max-height: 31px;
max-width: 150px;
}

 /*===== NEW INTERIOR EDITS =====*/
#MainCopy_ContentWrapper div:nth-child(5) {
/* background-color: #092869; */
}

/* APR - removing padding on "resources for the public to allow it to be full width 10-02-2019 */
.col-md-12.section11 {
padding: 0;
}

/*==== TILES (developed for use 2019) =====*/

/* APR - center align text and icon above tiles 10-18-19*/
.icon-header {
padding-top: 20px;
text-align:center;
}

/* APR - padding on the tile container 09-30-19*/
.col-md-12.section10 {
padding:0;
}

/* APR - adding parent container to tiles and styling with flexbox 09-30-19*/
.tileContainer {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}

/* APR - container for each tile to achieve proper spacing 9-24-19 */
/* APR - using flexbox to display tiles 09-30-19 */
.tile {
display: flex;
flex-flow: row wrap;
min-width: 280px;
min-height: 365px !important;
background-color: #092869; 
}

/* APR - spacing between the tiles  */
div.col-sm-12.col-md-6.col-lg-4.tile {
padding: 5px !important;
border: 5px solid white;
}

/* APR - content inside the tile (currently a linked image) */
.tileInterior  {
padding: 10px;
color: #fff;
align-self: center; 
/* min-height: 350px; */
}

.icon-header > div >  img.img-responsive {
display:inline;
}

/* APR - styles for interior of tiles 09-30-19 */
.tileInterior h3 {
text-align: center;
/*text-shadow:0 0 5px #000;*/
font-size: 160%;
font-weight:600;
line-height:160%;
}
.tileInterior p {
text-align: center;
/*
text-shadow:0 0 5px #000;
*/
font-size: 120%;
line-height:120%;
}

.tileInterior .highlight {
color: #f8931d;
/*
background-color: #0391e0;
padding: 2px 4px;
*/
}

/* APR - styles for each tile 10-02-19 */
/* APR - images updates for tiles 10-18-19 */

.tile1 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/map-1.jpg');
background-size: cover;
background-position: center center;
}
/* .tile6.tileInterior h3,*/ .tile2 .tileInterior h3, .tile3 .tileInterior h3 {
color: #fff;
/*color: #0391e0;*/
}

.tile1 .tileInterior h3, .tile4 .tileInterior h3, .tile5 .tileInterior h3 {
color: #fff;
/*color: #de761d;*/
}

/* removing temporarily 1-17-2020 APR */

.tile2 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/sleeves-2.jpg');
background-size: cover;
background-position: center center;
}


/* changing tile for bg image * content update temporarily 1-17-2020 APR */
/*
.tile2 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2020-content/nasbp-conf2.png');
background-size: cover;
background-position: center center;
}
*/
 .tile3 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/webinar-1.jpg');
background-size: cover;
background-position: center center;
}
.tile4 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/meeting1.jpg');
background-size: cover;
background-position: center center;
}


 .tile8 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/home/mag-read-tablet-j1.jpg');
background-size: cover;
background-position: center center;
text-shadow: 2px 1px #171719;
}


.tile5 {
/* 
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/NASBP_2018Highlights_cover_edit.png'); 
*/
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/year-review-1.jpg');
background-size: cover;
background-position: left center;
}
/*
.tile5 .tileInterior {
background-color: rgba(255, 255, 255, 0.75);
}
*/
.tile6 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/2019-dev/newspaper-1.jpg');
/* background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/a3391970-fda4-4d75-9c50-faf4b179c134/UploadedImages/home/nasbp-smartbrief-tr.png'); */
background-size: cover;
background-position: center center;
}

 .tile7 {
background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/home/tiles/siddharth-bhogra-k3kdc5MQYyk-tile.jpg');
background-size: cover;
background-position: center center;
}


/* APR - margins on blue advocate area within mobile 12-11-2019 */
div.homer2 div.HtmlFooter {
display:none;
}

/* APR - tile styles when changing to single colum 12-11-2019 */
@media screen and (max-width: 767px) {
.tile {width: 100%;}
.tileInterior {width:100%;}
}

/*===== HOMEPAGE ADS BAR NEW =====*/
 .homeadsall .col-md-3{
   text-align: center;
 }
 .homeadsall iframe{
   width: 234px;
   height: 60px;
   display: inline-block;
   margin-top: 10px;
   margin-bottom: 15px;
 }
 
 /*===== BEGIN HOMEPAGE ADS ROW STYLE =====*/
 .homer3 {
   position:relative;
   padding-top: 20px;
   padding-bottom: 10px;
 }
 .home .homer3:before{
     content: " ";
     display: block;
     position: absolute;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background-color: #FFDD00;
 }
 @media screen and (min-width: 1200px){
 .home .homer3:before{
     left: -500px;
     right: -500px;
   }
 }
 /*===== END HOMEPAGE ADS ROW STYLE =====*/
  
 /*
 
 Experience HL Theme v1.3
 Author: eConverse Social Media
 URL: www.econversemedia.com
 
 This theme was hand-crafted with coffee and love by eConverse Social Media. For assistance with additional branding, customization or design of this theme, please contact http://www.econversemedia.com
 
 */
 
 
 /********** Import Google Fonts Begin ***********/
 @import 'https://fonts.googleapis.com/css?family=Lato|Roboto|Oswald|Rubik';
 /********** Import Google Fonts End ***********/
 
 body {
     padding: 0;
 }
 
/* overriding theme css to allow interior pages to position content properly - APR*/
/* adding a max width to help align ads 1-17-2020 APR */
 #MPOuter {
   padding-top: 100px !important;
/*   padding-right: 45px; */
}

/* adding right padding to help align ads 2-10-2020 
.interior #MPOuter {
   padding-top: 100px !important;
   padding-right: 100px; 

 }
*/

 #MPOuterMost {
     max-width: 100% !important;
     overflow-x: hidden;
 }
 
 .home .MPContentArea {
     padding-bottom: 0;
 }
 
 .home .MPContentArea .row-full {
     padding: 0;
 }
 
 .alert-warning {
     background-color: #eeeeee;
     border-color: #cccccc;
     color: #888888;
 }
 
 /*-----
 div#MPheader:before {
     content: '';
     width: 100%;
     height: 100%;
     display: block;
     xxxxbackground-color: #e5a812;
     position: absolute;
     margin-left: -15px;
     margin-right: -15px;
 }
 -----*/
 
 #MPOuterHeader {
     background-position: center center;
     background-size: cover;
 }
 
 #MPOuterHeader > .col-md-12 {
     padding: 0;
 }
 
 #MPOuterMost.full #HEADER, #MPOuterMost.full #BreadCrumb, #MPOuterMost.full #FOOTER, #MPOuterMost.full #MPButtonBar, #MPOuterHeader.stickyNav-wide, #NAV.stickyNav-wide {
     max-width: 100%;
 }
 
 .ContentItemHtml .HtmlContent .flip-clock-wrapper {
     width: 660px;
     margin: 30px auto 0;
     display: inline-block;
     width: auto;
 }
 
 .ContentItemHtml .HtmlContent .flip-clock-divider .flip-clock-label {
     color: #ffffff;
     font-size: 140%;
 }
 
 /******** full width sections with background colors ********/
 
 .home .MPContentArea .row-full {
     text-align: center;
 }
 
 .home .MPContentArea .row-full .bg-color {
     background-color: #0189c7;
     color: #ffffff;
     padding: 15px 30px;
     text-align: center;
 }
 
 .home .MPContentArea .row-full .bg-grey {
     background-color: #cbd4d1;
     padding: 15px 30px;
 }
 
 .home .MPContentArea .row-full .bg-color h2 {
     color: #ffffff;
 }
 
 .home .MPContentArea .row-full .bg-color p {
     text-align: left;
 }
 
 .home .MPContentArea .row-full .bg-color .HtmlContent a.btn {
     background-color: #ffffff;
     color: #de761d;
     position: relative;
     bottom: -40px;
     z-index: 2000;
 }
 
/* APR - removed styles to allow for new button classes */
 .home .MPContentArea .row-full .bg-color .HtmlContent a.btn:hover {

 }
 
 /********** FONTS ***********/
 
 /* headings, body, links, menus, buttons */
 
 h1, h2, h3, h4, h5, .HLLandingControl.HLEngagement a, .SloganText, .breadcrumb, ul.nav, .ContentItemHtml h2, .HLLandingControl .heading h2, .calendary-number, .calendar-month {
     font-family: 'Oswald', sans-serif;
 }
 
 .btn, .HLLandingControl .ByLine, .label-success, .ProfileJobInfo, a.htmlbutton, .register-button a, .make-buttons .HtmlContent a {
     font-family: 'Rubik', sans-serif;
 }
 
 h1, .SloganText {
     font-family: 'Oswald', sans-serif;
     font-size: 325%;
     font-weight: normal;
 }
 
 h2, .interior h2#Title, .interior .text-muted-h2 h2, .interior .ContentUserControl h2, .interior .text-muted-h2 div.col-md-3 h2 {
     font-family: 'Oswald', sans-serif;
     font-size: 250%;
     text-transform: uppercase;
     line-height: 1.1;
 }
 
 .HLLandingControl h3 a, .HLLandingControl.HLEngagement a, .community-list h3, .HLLandingControl.HLAnnouncements h3 {
     font-family: 'Oswald', sans-serif;
     font-size: 120%;
     line-height: 1.1;
 }
 
 h3, ul.nav, .btn, .ProfileJobInfo, a.htmlbutton {
     font-family: 'Oswald', sans-serif;
     font-size: 150%;
     text-transform: uppercase;
     font-weight: 500;
     color: #ffffff;
 }
 
 .editorSelectH3 {
     font-family: 'Rubik', sans-serif;
     font-size: 80%;
     font-weight: 200;
     color: #ffffff;
 }
 
 
 .library-list h3 {
     font-size: 200%;
 }
 
 .btn, .ProfileJobInfo, a.htmlbutton {
     text-transform: uppercase;
 }
 
 .MPheader .btn-default, #searchColumn .btn-default {
     font-size: 12px;
 }
 
 h4, #MPAuxNav ul.level1 li a, .label-success  {
     font-size: 100%;
 }
 
 h5 {
     font-size: 125%;
     font-weight: bold;
     text-transform: uppercase;
     font-family: 'Rubik', sans-serif;
     color: #092869;
 }
 
 #AuxMenu {
     background-color: transparent;
     padding: 10px;
 }
 
 #MPAuxNav ul.level1 li a {
     font-family: 'Rubik', sans-serif;
     font-size: 90%;
     text-decoration: none;
     color: #ffffff;
 }
 
/* APR - removed color to allow for new style */
 #MPAuxNav ul.level1 li a:hover {
     font-weight: normal;
 }
 
 /********************* Basics **************************/
 
 body {
     color: #565656;
     font-family: 'Rubik', sans-serif;
     font-weight: normal;
 }
 
 a {
     color: #092869;
 }
 
 a:focus, a:hover {
     text-decoration: none;
     color: #1c2020;
     -moz-transition-duration: 0.25s;
     -webkit-transition-duration: 0.25s;
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
 
 .bodyBackground {
     background-color: #ffffff;
 }

/* APR - adding blue color to navigation */
#MPOuterHeader.row.siteFrame.stickyNav {
background-color: #092869;
 }
 
 .bodyBackground.interior {
 }
 
 .home .no-pageTitle-padding {
     padding-top: 0;
 }
 
/* APR - navigation  gets a max-height and blue background */
 #NAV, #MPheader {
     margin: 0 auto;
     padding: 0;
max-height: 50px;
background-color: #092869;
 }

 /*
 #NAV {
     background-color: #092869;
 }*/
 
 #MPheader > div.row {
     padding: 0;
 }
 
 div#auxskiplinkholder {
  /* position: relative;
   top: -900px; */
 }
 
/* APR - added line-height */
 div#Logo.row {
     background-color: transparent;
     padding-bottom: 10px;
     line-height: 0;
 }
 
 .SloganText {
    display: none !important;
     color: #ffffff;
     border-top: 1px solid #ffffff;
     border-bottom: 1px solid #ffffff;
 }
 
 .MPheader .SloganText.inline span {
     line-height: 1;
     padding-top: 20px;
     font-size: 130%;
     display: block;
     font-weight: 600;
 }
 
 .MPheader .SloganText.inline {
     display: block;
     font-size: 250%;
     font-weight: 300;
     max-width: 500px;
     text-align: center;
     margin: 15px auto;
     padding-bottom: 15px;
 }
 
 /*---
 .MPheader .pull-right {
     float: none !important;
     width: 100%;
 }
 ---*/
 /*---
 .MPheader .pull-right:first-child {
     float: right !important;
     width: 350px;
 }
 ---*/
 .MPheader .inline {
     display: inline;
 }
 
 #MPSearchBlock {
     margin-top: 0;
     margin-right: 10px;
 }
 
 #searchColumn {
     float: right !important;
     max-width: 300px;
 }
 
/* APR - top margin on search box */
 #MPSearchBlock .form-control {
     border: 3px solid #de761d;
     margin-top: 10px;
 }
 
 #HEADER {
     width: 100%;
     max-width: 100%;
     padding: 0;
 }

/* APR - adding padding to mobile header */
 @media screen and (max-width: 767px) {
 #HEADER {
     padding: 0 15px;
 }
}
 
 #PageTitleH1, .interior h2.ProfileUserName {
     padding: 15px 0;
     font-size: 250%;
     /* max-width: 1200px; */
     margin: 0 auto;
     color: #000000;
 }
 
 h1, .Heading1, .interior h2.ProfileUserName {
     color: #de761d;
     background-color: transparent;
     font-weight: 600;
 }
 
 h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {
     color: #de761d;
     background-color: transparent;
     font-weight: 600;
 }
 
 .interior h2, .interior h2#Title {
     color: #000;
     background-color: transparent;
     text-align: left;
     font-weight: 600;
 }
 
 .thread-title h2 {
     padding: 20px;
 }
 
 h3, .Heading3, h3 a, h3 a:hover {
     /*color: #de761d;
     background-color: transparent;*/
 }
 
 hr, hr.delimiter, .HLLandingControl ul li {
     border-bottom-width: 2px; 
     border-bottom-style: dotted;
 }
 
 .HLLandingControl ul li:last-child {
     border: none;
 }
 
 .text-muted {
   color: #b9bcbe;
 }
 
 div.row.drItemSubHeader.highlightThread, .highlightThread, div.row.drItemSubHeader {
     background-color: transparent;
     color: #464646;
 }
 
 div.row.drItemSubHeader .CommentPanel a {
     color: #464646;
 }
 
 .HLWelcome.HLWelcomeHeader {
     float: right;
 }
 
 #MPAuxNav {
 
 }
 
 #MPAuxNav ul.level1 li a:last-child {
     border-right: none;
 }
 
 .LogoImg {
     position: relative;
 }
 
 .interior #ContentColumn.col-md-12 {
    /* padding-left: 0;
     padding-right: 0;*/
 }
 
 .row-last {
     padding-bottom: 0;
 }
 
 /***** Interior Pages Basics ******/
 
 .interior div#MainCopy_ContentWrapper {
     background-color: transparent;
     border: none;
     max-width: 1200px;
     margin: 0 auto 30px;
     padding-top: 30px;
 }
 
 /*********************** Landing Controls ******************/
 
 .ContentUserControl h2, .ContentItemHtml h2 {
     background-color: transparent;
     color: #000000;
 }
 
 .HLLandingControl h2, .ContentItemHtml h2 {
     text-align: center;
     margin-top: 0;
     padding: 20px;
 }
 
 .row-full .HLLandingControl h2 {
     margin-top: 10px;
 }
 
 .row-full .HLLandingControl .heading, .row-full .ContentItemHtml .htmlheading {
     padding: 0;
 }
 
 .HLLandingControl h2 {
     color: #000000;
     text-transform: uppercase;
 }
 
 .drItemSubHeader {
     text-align: left;
 }
 
 /**** ICONS ****/
 
 
 /*** theme specific icons follow (clr = #de761d) ***/
 
 .icon-questionmark .heading h2, .ContentItemHtml.icon-questionmark-grey h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-questionmark.png');
     background-repeat: no-repeat;
     background-position: center 27px;
     padding-top: 85px;
     padding-bottom: 0px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-questionmark p {
     text-align: center;
     font-size: 80%;
     padding-top: 5px;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: stretch;
 }
 
 .icon-questionmark .heading h2, .ContentItemHtml.icon-questionmark h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-questionmark.png');
     background-repeat: no-repeat;
     background-position: center 27px;
     padding-top: 85px;
     padding-bottom: 0px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-blog .heading h2, .ContentItemHtml.icon-blog h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-blog.png');
     background-repeat: no-repeat;
     background-position: center 25px;
     padding-top: 80px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-twitter .heading h2, .ContentUserControl.icon-twitter h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-twitter.png');
     background-repeat: no-repeat;
     background-position: center 15px;
     padding-top: 75px;
     padding-bottom: 5px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-connect .heading h2, .ContentItemHtml.icon-connect h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-connect-L-clr.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-connect-grey .heading h2, .ContentItemHtml.icon-connect-grey h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-connect-L-grey.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-connect-white .heading h2, .ContentItemHtml.icon-connect-white h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-connect-L-white.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-openbook .heading h2, .ContentItemHtml.icon-openbook h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-book-L-clr.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-openbook-grey .heading h2, .ContentItemHtml.icon-openbook-grey h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-book-L-grey.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-openbook-white .heading h2, .ContentItemHtml.icon-openbook-white h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-book-L-white.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-map .heading h2, .ContentItemHtml.icon-map h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-map.png');
     background-repeat: no-repeat;
     background-position: center 40px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-map-grey .heading h2, .ContentItemHtml.icon-map-grey h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-map.png');
     background-repeat: no-repeat;
     background-position: center 40px;
     padding-top: 95px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-map-white .heading h2, .ContentItemHtml.icon-map-white h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-map.png');
     background-repeat: no-repeat;
     background-position: center 40px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-links .heading h2, .ContentItemHtml.icon-links h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-links.png');
     background-repeat: no-repeat;
     background-position: center 30px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-links-grey .heading h2, .ContentItemHtml.icon-links-grey h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-links.png');
     background-repeat: no-repeat;
     background-position: center 30px;
     padding-top: 95px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-links-white .heading h2, .ContentItemHtml.icon-links-white h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-links.png');
     background-repeat: no-repeat;
     background-position: center 30px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
     color: #000000 !important;
     text-transform: uppercase;
 }
 
 .icon-compass .heading h2, .ContentItemHtml.icon-compass h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-compass-L-clr.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-compass-grey .heading h2, .ContentItemHtml.icon-compass-grey h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-compass-L-grey.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-compass-white .heading h2, .ContentItemHtml.icon-compass-white h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-compass-L-white.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 110px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 
 /******** general icons to follow *******/
 
 .icon-calendar .heading h2, .ContentItemHtml.icon-calendar h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-calendar.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-speechbubble .heading h2, .ContentItemHtml.icon-speechbubble h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-discussion.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-megaphone .heading h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-megaphone.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-people .heading h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-people.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-file .heading h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-file.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
 }
 
 .icon-network .heading h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-network.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-calendar-grey .heading h2, .icon-calendar-grey h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-calendar.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 80px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-picture-grey .heading h2, .icon-picture-grey h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-picture.png');
     background-repeat: no-repeat;
     background-position: center 35px;
     padding-top: 95px;
     padding-bottom: 15px;
     text-align: center;
     color: #de761d !important;
     text-transform: uppercase;
 }
 
 .icon-speechbubble-grey .heading h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-discussion.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 80px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-speechbubble .heading h2, .ContentItemHtml.icon-speechbubble h2 {
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-discussion.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-people-grey .heading h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-people-grey.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 


 .icon-file-grey .heading h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-file-grey.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 .icon-network-grey .heading h2, .icon-network-grey.ContentItemHtml h2 {
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-network-grey.png');
     background-repeat: no-repeat;
     background-position: center 20px;
     padding-top: 130px;
     padding-bottom: 15px;
     text-align: center;
 }
 
 /****** SMALL ICONS ******/
 
 .icon-file-small .heading h2 {
     background: url('https://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-file.png') no-repeat center top;
     padding-top: 40px;
     color: #ffffff;
 }
 
 .icon-megaphone-small .heading h2 {
     background: url('https://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-megaphone.png') no-repeat center top;
     padding-top: 40px;
     color: #ffffff;
 }
 
 .icon-twitter-small h2 {
     background: url('https://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-twitter.png') no-repeat center top;
     padding-top: 40px;
     color: #ffffff;
 }
 
 .icon-speechbubble-small .heading h2 {
     background: url('https://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-speechbubble.png') no-repeat center top;
     padding-top: 40px;
     color: #ffffff;
 }
 
 .HLLandingControl .heading, .ContentItemHtml .htmlheading {
     color: #de761d;
     background-color: transparent;
 }
 
 .ContentUserControl .HLLandingControl, .ContentItemHtml {
     border: none;
 }
 
 /*APR - adding padding 12-11-2019 */
 body.home .bens {
     color: #464646;
     position: relative;
     line-height: 1.6;
 background: #fedd02;
padding :10px;
 }
 
 
 body.home .bens:before,
 body.home .bens:after  {
    content:' ';
 display:block;
 width:1000px;
 background: #fedd02;
 height:100%;
 position:absolute;
 left:-1000px;
 top:0;
 }

 body.home .bens:after  {
    content:' ';
 display:block;
 width:1000px;
 background: #fedd02;
 height:100%;
 position:absolute;
 right:-1000px;
 top:0;
 left:unset;
 }
 
 
 /******* Event Control Styles *******/
 
 .home .HLLandingControl.HLEventList .form-group {
     display: block;
 }
 
 .date-block, .event-list .date-block {
   background-color: transparent;
   border: 1px solid #000000;
   width: 100%;
   padding: 0;
 }
 
 .event-list .calendary-number {
     font-size: 50px;
     margin: 0;
 }
 
 .calendar-day {
   display: none;
 }
 
 .calendary-number {
   font-size: 40px;
   font-weight: 600;
   margin: -5px;
   color: #000000;
 }
 
 .calendar-month {
   text-transform: uppercase;
   background-color: #0189c7;
   font-weight: 600;
   color: #ffffff;
   padding: 5px 2px;
 }
 
 .event-list .calendar-month {
     font-size: 115%;
 }
 
 .home .HLEventList .Content .col-md-2 {
     width: 30%;
 }
 
 .home .HLEventList .Content .col-md-10 {
     width: 70%;
 }
 
 .home .HLEventList .Content .col-md-10 .title-row {
     padding-left: 10px;
 }
 
 .HLLandingControl .ByLine {
     color: #9d9d9d;
     text-transform: uppercase;
 }
 
 .HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
     color: #de761d;
 }
 
 .HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
     color: #de761d;
 }
 
 .HLLandingControl .Content h3 a:hover, .HLAnnouncements .Content h2 a:hover, .HLRSSReader .Content h2 a:hover {
     color: #1c2020;
     text-decoration: none;
 }
 
 .MPheader .Image {
     margin-right: 10px;
     background-color: transparent;
 }
 /* APR - added a margin-bottom for positioning purposes, changed max-height and height */
 .MPheader img.welcome-profile-image {
     height: 35px !important;
     max-height: 40px !important;
margin-bottom:10px;
 }
 
 .imgButton {
     background-color: transparent !important;
 }
 
 #ProfileContainer.pull-right {
     width: 380px;
 }
 
 /***** margin fix with profile images *******/
 
 .col-md-8 .title-row .col-md-2.col-md-2 {
     width: 8%;
 }
 
 /***** Most Active Members *******/
 
 .HLLandingControl.HLEngagement a {
     color: #de761d;
     text-decoration: none;
 }
 
 .HLLandingControl.HLEngagement a:hover {
     color: #1c2020;
 }
 
 .ContentUserControl > .HLLandingControl.HLEngagement .Content {
     margin: 0 auto;
 }
 
 /***** MAM: FULL WIDTH DISPLAY HORIZONTAL *****/
 
 .ContentUserControl > .HLLandingControl.HLEngagement {
     border: none;
     background-image: none;
 }
 
 .col-md-12 > .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal, .col-md-12 > .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal {
     /*text-align: left;*/
 }
 
 .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li {
     /*text-align: left;*/
     background-color: transparent;
     border: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
 }
 
 .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li .Picture, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li .Picture {
     margin-bottom: 10px;
 }
 
 .ContentUserControl > .HLLandingControl.HLEngagement ol li .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul li .Picture img {
     height: auto;
     border: none;
     text-align: left;
 }
 
 .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a {
     color: #de761d;
     text-transform: uppercase;
     font-weight: bold;
     text-decoration: none;
 }
 
 .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover {
     color: #1c2020;
 }
 
 .points-label {
     display: inline-block;
     padding: 10px 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     font-size: 145%;
     color: #092869;
     font-weight: normal;
     background-color: transparent;
 }
 
 /************************ Tabs **********************/
 
 .nav-tabs {
     text-align: left !important;
     width: 100%;
 }
 
 .nav-tabs > li > a {
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
     color: #092869;
     margin-right: 0;
     border: 0;
 }
 
 .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
     color: #1c2020;
     background-color: #dddddd;
     border: 0;
 }
 
 ul.nav.nav-tabs > li.active, ul.nav.nav-tabs > li:hover {
     background-image: none;
 }
 
 /************************ Miscellaneous **********************/
 
 
 
 /************************ Menus ***********************/
 
 #SideMenu ul.level1 li ul {
     background-color: #ffffff;
 }
 
 
 /******** BREADCRUMBS **********/
 
 .breadcrumb {
     padding: 20px;
     text-align: center;
     margin-bottom: 0;
     margin-top: 10px;
 }
 
 .breadcrumb li {
     color: #565656;
 }
 
 .breadcrumb li a {
 }
 
 
 /************************ Bootstrap Menus ***********************/
 /*
 ul.navbar-nav {
     margin: 0;
 }
 
 ul.navbar-nav li {
     display: inline-block;
     text-align: left;
     float: none;
     xxxxbackground-color: transparent;
     background-color: #fff;
 }
 
 ul.nav > li:hover, ul.nav > li.active {
     -moz-transition-duration: 0.25s;
     -webkit-transition-duration: 0.25s;
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
 
 ul.navbar-nav li ul.dropdown-menu li {
     display: block;
     float: none;
     background-color: #fff;
 }
 
 ul.navbar-nav li ul.dropdown-menu li ul.dropdown-submenu li {
     background-color: #f0f0f0;
     color: #464646;
 }
 
 .navbar-default {
     background-color: transparent;
     border: none;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .navbar-nav > li > a, .navbar-nav > li > a:focus {
     color: #de761d;
     padding: 20px 30px;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
 }
 
/* APR - removing hover styles navbar 9-24-19 */
 .navbar .navbar-nav > .active > a,  
 .navbar .navbar-nav > .active > a:hover,  
 .navbar .navbar-nav > .active > a:focus, 
 .navbar .navbar-nav > li > a:hover {  
/*
     background-color: #cbd4d1;
     color: #000000;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
*/
background-color: transparent;
text-decoration: underline;
color: #fff;
 }
 
/* APR - change color on open menu in navigation */
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
/*
     background-color: #cbd4d1;
     color: #000000;
*/
background-color: #092869;
color: #fff;
 }
 
/* APR - colors of open dropdown open menu 9-24-19 */
 #MPButtonBar ul.navbar-nav li ul.dropdown-menu {
     background-color: #092869;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
     border: none;
     min-width: 250px;
 }
 
/* APR - colors of open dropdown open menu 9-24-19 */
 #MPButtonBar .dropdown-menu li a {
     color: #ffffff;
 }
 
 .dropdown-menu > li > a {
     padding: 10px 30px;
 }
 
/* APR - colors of open dropdown open menu 9-24-19 */
 #MPButtonBar .dropdown-menu li a:hover,  
 #MPButtonBar .dropdown-menu li a:focus {
     background-color: #fff;
     color: #092869;
 }
 
/* APR - colors of open dropdown open menu 9-24-19 */
 #MPButtonBar .dropdown-menu .active > a, 
 #MPButtonBar li .dropdown-menu .active > a:hover, 
 #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover, 
 #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {
     background-color: #fff;
     color: #092869;
 }
 */
 /************************ Bootstrap Buttons ***********************/
 
 .btn, .make-buttons .HtmlContent a {
     -webkit-border-radius: 6px !important;
     -webkit-border-top-right-radius: 0 !important;
     -webkit-border-bottom-left-radius: 0 !important;
     -moz-border-radius: 6px !important;
     -moz-border-radius-topright: 0 !important;
     -moz-border-radius-bottomleft: 0 !important;
     border-radius: 6px !important;
     border-top-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
     font-size: 13px;
     padding: 15px 20px;
     margin-top: 5px;
 }
 
 .register-button {
   padding-bottom: 30px;
 }
 
 .register-button a {
     font-size: 15px;
     padding: 15px 20px 15px 60px;
     background-image: url('https://www.neatcreativemedia.com/econverse/icons/icon-ticket-S-white.png');
     background-repeat: no-repeat;
     background-position: 10px center;
     background-color: #de761d;
     border: 4px solid #ffffff;
     color: #ffffff;
     display: inline-block;
     text-align: center;
     text-transform: uppercase;
     text-decoration: none;
     -webkit-border-radius: 10px !important;
     -moz-border-radius: 10px !important;
     border-radius: 10px !important;
 }
 
 .register-button a:hover {
     background-color: #1c2020;
     text-decoration: none;
 }
 
 .dropdown-toggle.welcome-toggle {
     max-height: 50px;
     height: 50px;
 }
 
 .home .MPContentArea .btn span, a.htmlbutton span {
   font-size: 200%;
   position: relative;
   top: 5px;
 }
 
 .btn-sm {
   padding: 5px 10px;
   font-size: 10px;
 }
 
 h2 a.btn, h2 input {
     margin-top: 0;
     position: absolute;
     right: 0;
     top: 0;    
 }
 
 .col-md-4 .col-md-12 .btn-default {
 
 }
 
 .col-md-4 .HLLandingControl .col-md-12, .col-md-8 .HLLandingControl .col-md-12 {
     padding-left: 0;
     padding-right: 0;
 }
 
 .ui-widget-content a.btn-primary, .btn-default, a.htmlbutton {
     background-color: #092869;
     border: none;
     color: #ffffff;
     padding: 10px;
     text-decoration: none;
 }
 
 .btn-primary, .btn-success, .make-buttons .HtmlContent a {
     background-color: #092869;
     border: none;
     color: #ffffff;
     text-transform: uppercase;
     text-decoration: none;
 }
 
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary, .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success, .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default, .Content .alert.alert-warning .btn-success:hover, .make-buttons .HtmlContent a:hover {
     background-color: #1c2020;
     border: none;
     color: #ffffff;
     text-decoration: none;
 }
 
 .Content .btn-success:hover, .Content .btn-success:focus, .Content .btn-success:active, .Content .btn-default:hover, .Content .btn-default:focus, .Content .btn-default:active, .interior .Content .btn-success:hover {
     background-color: #1c2020;
     color: #ffffff;
 }
 
 .welcome-links .btn {
     display: inline-block;
     margin: 5px;   
 }
 
 .MPheader .btn-default, #searchColumn .btn-default {
     background-image: none;
     color: #5d5d5d;
     background-color: #ebebeb;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
     margin-top: 10px;
 }

/* APR - adding border-radius, padding and margin to search box*/
#SearchControl_SearchButton .MPheader .btn-default, #searchColumn .btn-default {
     background-image: none;
     color: #5d5d5d;
     background-color: #ebebeb;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
     margin-top: 10px;
     padding: 5px 10px;
 }
 
/* APR - search button styles */
 .MPheader .btn-default:hover, #searchColumn .btn-default:hover, .MPheader .btn-default:focus, .MPheader .btn-default:active, .MPheader .open .dropdown-toggle.btn-default, .btn-community-stats-static:hover {
     color: #5d5d5d;
     background-color: #c3c3c3;
     -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
     border-radius: 5px !important;
 }

/* APR - border radius on searchbox in navigation */
input#SearchControl_SearchTerm.form-control {
     -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
     border-radius: 5px !important;
}

/* APR - circle profile image */
img.welcome-profile-image {
border-radius:100%;
}

/* APR - profile button position */
button#BtnShowProfile.btn.btn-default.dropdown-toggle.welcome-toggle {
background-color: transparent;
margin-top: 5px;
}

/* APR - carat change to be more visible in blue navigation */ 
#BtnShowProfile span.caret {
border-top-color:#fff;
}

/* APR - profile carat removed 9-24-19 */ 
.btn-group button#BtnShowProfile.btn.btn-default.dropdown-toggle.welcome-toggle {
display:none;
}

/* APR - carat change to be more visible in blue navigation 9-24-19 */ 
.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a .caret, .navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
 
 .btn-community-stats-static, .btn-community-stats-static:hover {
     padding: 10px;
 }
 
 h2 a.btn, h2 input {
     font-size: 12px;
     padding: 5px;
 }
 
 /********** FAT FOOTER *********/
 
 #MPOuterFooter {
     background-color: #092869;
     border: none;
     color: #9cacac;
     font-family: 'Rubik', sans-serif;
     margin-top: 0;
     position: relative;
 }
 
 #MPOuterFooter a {
 }
 
 #MPOuterFooter a:hover {
 }
 
 #MPBottomMenu {
     max-width: 1200px;
     margin: 0 auto;
 }
 
 #MPBottomMenu {
     background-color: transparent;
 }
 
 .MPBottomMenu ul li a {
     color: #e0e0e0;
 }
 
 .MPBottomMenu ul li a:hover {
     color: #cbd4d1;
 }
 
 .ContentItemHtml.sociallinks {
   text-align: center;
 }
 
 #MPCopyright {
     background-color: #0c0e0c;
     text-align: center;
     padding: 10px 20px;
     width:100%;
     font-size: 70%;
 }
 
 #MPCopyright span {
 
 }
 
 #MPCopyright a {
     color: #092869;
 }
 
 #MPCopyright a:hover {
     color: #e0e0e0;
 }
   
 ul.FatFooterMenu {
     padding: 15px;
     text-align: center;
 }
 
 #MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1 {
     font-family: 'Rubik', sans-serif;
     font-weight: 600;
     color: #092869;
     font-size: 120%;
 }
 
 #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
     border-right: 1px solid #0c0e0c;
     min-height: 130px;
     display: inline-block;
     padding-top:15px;
 }
 
 #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li:last-child {
     border-right: none;
 }
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 {
     padding-left: 0;
     margin-top: 10px;
     max-width: 200px;
 }
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 li {
     padding-left: 18px;
     margin-top: 7px;
     margin-left: -15px;
 }
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 li:hover {
     -moz-transition-duration: 0.25s;
     -webkit-transition-duration: 0.25s;
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
 
 #MPBottomMenu ul.FatFooterMenu > li {
     padding: 0 25px;
 }
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 li a {
     padding: 5px 10px;
     margin-left: -10px;
 }
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 li a:hover {
     text-decoration: none;
 }
 
 /******* Powered by Higher Logic Footer *******/
 
 #MPFooterLink {
 
 }
 
 #MPFooterLink a {
 
 }
 
 /***** MOBILE SPECIFIC ******/
 
 @media screen and (max-width: 900px) {
     
     .MPheader .SloganText.inline span {
         font-size: 200%;
         display: block;
     }
     
     .MPheader .SloganText.inline {
         display: block;
         font-size: 150%;
         width: 100%;
         max-width: none;
         text-align: center;
     }
     
     ul.nav {
         text-align: left;
         margin-top: 0;
     }
     
     ul.nav li {
         xxxxdisplay: block;
         padding-bottom: 0;
     }
     
     #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
         min-height: 0;
         display: block;
         padding-top: 20px;
         border: none;
     }
     
 }
 
 @media screen and (max-width: 400px) {
     .MPheader .SloganText.inline {
         font-size: 125%;
     }
 }
 
 /******* Colour Picker Specifics *******/
 
 /* HTML User Controls same colour as HLLandingControls fix */
 
 .ContentItemHtml h2 {
     /*background-color: ;*/
     
         color: #000000;
         border-color: #000000;
     
     
 }
 
 /* change full width rows background color */
 
 
     .home .MPContentArea .row-full .bg-color, div#MPheader:before {
         background-color: #FFFFFF;
     }
     
     #MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1, .interior h2.ProfileUserName {
         color: #FFFFFF;
     }
     
 
     
 .home .MPContentArea .row-full .bg-color p {
         color: #FFFFFF;
 }
 
 
 
     .SloganText {
         border-color: #FFFFFF;
     }
 
 
 
 .home .MPContentArea .row-full .bg-color a.btn {
     background-color: #EEEEEE;
     color: #092869;
 }
 
 #MPButtonBar .dropdown-menu li a:hover,  
 #MPButtonBar .dropdown-menu li a:focus {
     color: #092869;
 }
 
 
 
     #MPSearchBlock .form-control {
         border-color: #092869;
     }
     
     .home .MPContentArea .row-full .bg-color a.btn:hover {
         color: #092869;
         background: #FFFFFF;
     }
 
 
 
 /** change Points Label colors - takes on pagination button colors **/
 /*
 
     .points-label, .calendar-month, .register-button a {
         background-color: ;
     }
     
     .date-block, .event-list .date-block, .register-button a {
         border-color: ;
     }
 
     .calendary-number, .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a, .register-button a {
         color: ;
     }
 
 */
 
 /*
 
     .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .points-label, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .points-label, .register-button a:hover {
         background-color: ;
     }
     
     .register-button a:hover {
         border-color: ;
     }
     
     .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover, .register-button a:hover {
         color: ;
     }
 
 */
 
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 li a {
     color: #09227F;
 }
 
 
 
 #MPBottomMenu ul.FatFooterMenu li ul.level2 li a:hover {
     color: #09227F;
 }
 
 
 /*
 #MPCopyright {
     background-color: ;
 }
 
 #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
     border-right-color: ;
 }
 */
 
 .make-buttons .HtmlContent a {
     /*background-color: ;*/
     /*border-color: ;*/
     /*color: ;*/
 }
 
 .make-buttons .HtmlContent a:hover, .make-buttons .HtmlContent a:focus, .make-buttons .HtmlContent a:active {
     /*background-color: ;*/
     /*border-color: ;*/
     /*color: ;*/
 }
 
 /* Begin FlipClock CSS */
 
 .clock{
    zoom: 0.65;
    -moz-transform: scale(0.5);
 }
 
 
 /* Get the bourbon mixin from http://bourbon.io */
 /* Reset */
 .flip-clock-wrapper * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
 }
 
 .flip-clock-wrapper a {
   cursor: pointer;
   text-decoration: none;
   color: #ccc; }
 
 .flip-clock-wrapper a:hover {
   color: #fff; }
 
 .flip-clock-wrapper ul {
   list-style: none; }
 
 .flip-clock-wrapper.clearfix:before,
 .flip-clock-wrapper.clearfix:after {
   content: " ";
   display: table; }
 
 .flip-clock-wrapper.clearfix:after {
   clear: both; }
 
 .flip-clock-wrapper.clearfix {
   *zoom: 1; }
 
 /* Main */
 .flip-clock-wrapper {
   font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
   -webkit-user-select: none; }
 
 .flip-clock-meridium {
   background: none !important;
   box-shadow: 0 0 0 !important;
   font-size: 36px !important; }
 
 .flip-clock-meridium a { color: #092869; }
 
 .flip-clock-wrapper {
   text-align: center;
   position: relative;
   width: 100%;
   margin: 1em;
 }
 
 .flip-clock-wrapper:before,
 .flip-clock-wrapper:after {
     content: " "; /* 1 */
     display: table; /* 2 */
 }
 .flip-clock-wrapper:after {
     clear: both;
 }
 
 /* Skeleton */
 .flip-clock-wrapper ul {
   position: relative;
   float: left;
   margin: 5px;
   width: 60px;
   height: 90px;
   font-size: 80px;
   font-weight: bold;
   line-height: 87px;
   border-radius: 6px;
   background: #000;
 }
 
 .flip-clock-wrapper ul li {
   z-index: 1;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   line-height: 87px;
   text-decoration: none !important;
 }
 
 .flip-clock-wrapper ul li:first-child {
   z-index: 2; }
 
 .flip-clock-wrapper ul li a {
   display: block;
   height: 100%;
   -webkit-perspective: 200px;
   -moz-perspective: 200px;
   perspective: 200px;
   margin: 0 !important;
   overflow: visible !important;
   cursor: default !important; }
 
 .flip-clock-wrapper ul li a div {
   z-index: 1;
   position: absolute;
   left: 0;
   width: 100%;
   height: 50%;
   font-size: 80px;
   overflow: hidden; 
   outline: 1px solid transparent; }
 
 .flip-clock-wrapper ul li a div .shadow {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 2; }
 
 .flip-clock-wrapper ul li a div.up {
   -webkit-transform-origin: 50% 100%;
   -moz-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   -o-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   top: 0; }
 
 .flip-clock-wrapper ul li a div.up:after {
   content: "";
   position: absolute;
   top: 44px;
   left: 0;
   z-index: 5;
   width: 100%;
   height: 3px;
   background-color: #000;
   background-color: rgba(0, 0, 0, 0.4); }
 
 .flip-clock-wrapper ul li a div.down {
   -webkit-transform-origin: 50% 0;
   -moz-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   -o-transform-origin: 50% 0;
   transform-origin: 50% 0;
   bottom: 0;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
 }
 
 .flip-clock-wrapper ul li a div div.inn {
   position: absolute;
   left: 0;
   z-index: 1;
   width: 100%;
   height: 200%;
   color: #ccc;
   text-shadow: 0 1px 2px #000;
   text-align: center;
   background-color: #333;
   border-radius: 6px;
   font-size: 70px; }
 
 .flip-clock-wrapper ul li a div.up div.inn {
   top: 0; }
 
 .flip-clock-wrapper ul li a div.down div.inn {
   bottom: 0; }
 
 /* PLAY */
 .flip-clock-wrapper ul.play li.flip-clock-before {
   z-index: 3; }
 
 .flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
 
 .flip-clock-wrapper ul.play li.flip-clock-active {
   -webkit-animation: asd 0.5s 0.5s linear both;
   -moz-animation: asd 0.5s 0.5s linear both;
   animation: asd 0.5s 0.5s linear both;
   z-index: 5; }
 
 .flip-clock-divider {
   float: left;
   display: inline-block;
   position: relative;
   width: 20px;
   height: 100px; }
 
 .flip-clock-divider:first-child {
   width: 0; }
 
 .flip-clock-dot {
   display: block;
   background: #323434;
   width: 10px;
   height: 10px;
   position: absolute;
   border-radius: 50%;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   left: 5px; }
 
 .flip-clock-divider .flip-clock-label {
   position: absolute;
   top: -1.5em;
   right: -86px;
   color: black;
   text-shadow: none; }
 
 .flip-clock-divider.minutes .flip-clock-label {
   right: -88px; }
 
 .flip-clock-divider.seconds .flip-clock-label {
   right: -91px; }
 
 .flip-clock-dot.top {
   top: 30px; }
 
 .flip-clock-dot.bottom {
   bottom: 30px; }
 
 @-webkit-keyframes asd {
   0% {
     z-index: 2; }
 
   20% {
     z-index: 4; }
 
   100% {
     z-index: 4; } }
 
 @-moz-keyframes asd {
   0% {
     z-index: 2; }
 
   20% {
     z-index: 4; }
 
   100% {
     z-index: 4; } }
 
 @-o-keyframes asd {
   0% {
     z-index: 2; }
 
   20% {
     z-index: 4; }
 
   100% {
     z-index: 4; } }
 
 @keyframes asd {
   0% {
     z-index: 2; }
 
   20% {
     z-index: 4; }
 
   100% {
     z-index: 4; } }
 
 .flip-clock-wrapper ul.play li.flip-clock-active .down {
   z-index: 2;
   -webkit-animation: turn 0.5s 0.5s linear both;
   -moz-animation: turn 0.5s 0.5s linear both;
   animation: turn 0.5s 0.5s linear both; }
 
 @-webkit-keyframes turn {
   0% {
     -webkit-transform: rotateX(90deg); }
 
   100% {
     -webkit-transform: rotateX(0deg); } }
 
 @-moz-keyframes turn {
   0% {
     -moz-transform: rotateX(90deg); }
 
   100% {
     -moz-transform: rotateX(0deg); } }
 
 @-o-keyframes turn {
   0% {
     -o-transform: rotateX(90deg); }
 
   100% {
     -o-transform: rotateX(0deg); } }
 
 @keyframes turn {
   0% {
     transform: rotateX(90deg); }
 
   100% {
     transform: rotateX(0deg); } }
 
 .flip-clock-wrapper ul.play li.flip-clock-before .up {
   z-index: 2;
   -webkit-animation: turn2 0.5s linear both;
   -moz-animation: turn2 0.5s linear both;
   animation: turn2 0.5s linear both; }
 
 @-webkit-keyframes turn2 {
   0% {
     -webkit-transform: rotateX(0deg); }
 
   100% {
     -webkit-transform: rotateX(-90deg); } }
 
 @-moz-keyframes turn2 {
   0% {
     -moz-transform: rotateX(0deg); }
 
   100% {
     -moz-transform: rotateX(-90deg); } }
 
 @-o-keyframes turn2 {
   0% {
     -o-transform: rotateX(0deg); }
 
   100% {
     -o-transform: rotateX(-90deg); } }
 
 @keyframes turn2 {
   0% {
     transform: rotateX(0deg); }
 
   100% {
     transform: rotateX(-90deg); } }
 
 .flip-clock-wrapper ul li.flip-clock-active {
   z-index: 3; }
 
 /* SHADOW */
 .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
   background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
   background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
   background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
   -webkit-animation: show 0.5s linear both;
   -moz-animation: show 0.5s linear both;
   animation: show 0.5s linear both; }
 
 .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
   background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
   background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
   background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
   -webkit-animation: hide 0.5s 0.3s linear both;
   -moz-animation: hide 0.5s 0.3s linear both;
   animation: hide 0.5s 0.3s linear both; }
 
 /*DOWN*/
 .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
   background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
   background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
   background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
   background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
   background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
   -webkit-animation: show 0.5s linear both;
   -moz-animation: show 0.5s linear both;
   animation: show 0.5s linear both; }
 
 .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
   background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
   background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
   background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
   background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
   background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
   -webkit-animation: hide 0.5s 0.3s linear both;
   -moz-animation: hide 0.5s 0.3s linear both;
   animation: hide 0.5s 0.2s linear both; }
 
 @-webkit-keyframes show {
   0% {
     opacity: 0; }
 
   100% {
     opacity: 1; } }
 
 @-moz-keyframes show {
   0% {
     opacity: 0; }
 
   100% {
     opacity: 1; } }
 
 @-o-keyframes show {
   0% {
     opacity: 0; }
 
   100% {
     opacity: 1; } }
 
 @keyframes show {
   0% {
     opacity: 0; }
 
   100% {
     opacity: 1; } }
 
 @-webkit-keyframes hide {
   0% {
     opacity: 1; }
 
   100% {
     opacity: 0; } }
 
 @-moz-keyframes hide {
   0% {
     opacity: 1; }
 
   100% {
     opacity: 0; } }
 
 @-o-keyframes hide {
   0% {
     opacity: 1; }
 
   100% {
     opacity: 0; } }
 
 @keyframes hide {
   0% {
     opacity: 1; }
 
   100% {
     opacity: 0; } }
 
 /* End FlipClock CSS */
 
 
 /*====================== CAROUSEL ==============================*/
 /* Carousel Slide Show CSS */
 
/* APR - carousel indicator, empty circle and color */
     .carousel-indicators { bottom: 60px; }
     .carousel-indicators li {border:solid 2px #FFFFFF; height:20px; width:20px; background-color:transparent; opacity: .5; margin: 0px 5px; border-radius: 50%;}
     .carousel-indicators li.active {background-color:transparent; opacity:1; height:20px; width:20px;  margin:0px 5px; border:solid 2px #de761c; border-radius: 50%;}
     .HtmlContent .container, .contain-inner .HLLandingControl, .contain-inner .HtmlContent {
     margin-left: auto;
     margin-right: auto;
     max-width: 1200px;
     padding: 0;
     }

/* SK - refining removal of carousel dots on landscape mobile 01-22-2020 */
@media only screen and (max-width: 770px) {
  ol.carousel-indicators {
    visibility: hidden;
  }
}

/* APR - removing carousel dots on landscape mobile 01-14-2020 */
@media only screen and (max-height: 450px) {
  ol.carousel-indicators {
    visibility: hidden;
  }
}

/* APR - removed blue color */
     .carousel-control {width:8%; }

     .carousel-control {background-image:none !important}
     img.drop-shadow {
     -webkit-box-shadow: 0px 0px 10px 0px rgba(77, 36, 36, 0.75);
     -moz-box-shadow:    0px 0px 10px 0px rgba(77, 36, 36, 0.75);
     box-shadow:         0px 0px 10px 0px rgba(77, 36, 36, 0.75);
     } 
     .item * {font-family:Oswald, sans-serif;}
     .item h1 {font-weight:900}
     .btn-blank {background-color:transparent; border:2px solid #fff}
     .interior div#MainCopy_ContentWrapper {padding-top:0px}
     .huge p.lead {font-size:34px}
     .rotate-me > h2 {margin-bottom:20px}
     .bg-full {background-size:cover !important; background-position:center !important}
     img.slide-bg.bgd {display:none}
     .overlay1 {
     padding:0px !important;
     background: #fff;
     bottom: 0;
     left: 0;
     opacity: 1;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
     }
     .txtr-connects {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/connects.png)}
     .txtr-connects2 {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/connects2.png)}
     .txtr-calendar {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-calendar.png)}
     .txtr-files {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-docs.png)}
     .txtr-boxes {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-boxes.png); background-repeat:repeat}
     .txtr-swirl {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-swirl.png)}
     .txtr-swirl2 {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-swirl2.png)}
     .txtr-minigrid {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-minigrid.png)}
     .txtr-minigrid2 {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-minigrid2.png)}
     .txtr-diagonal {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-diagonal.png)}
     .txtr-diagonal2 {background-image:url(https://s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-diagonal2.png)}
     .item h1 {font-size:55px; background-color:transparent}
     .bg-primarycolor {background-color:#FFFFFF}
     .bg-secondarycolor {background-color:#F49E3B}
     .item.reverse * {color:#fff}
     .bg-nasbpblue {background-color:#092869}
     .bg-nasbplightcyan {background-color:#11b7e1}
     .bg-nasbpdarkcyan {background-color:#0189c7}
     .bg-nasbplightgrey {background-color:#cbd4d1}
     .bg-nasbpdarkorange {background-color:#de761d}
     .bg-nasbplightorange {background-color:#f9941e}
     .bg-nasbpdarkyellow {background-color:#e5a812}
     .bg-nasbplightyellow {background-color:#ffdd00}
     .bg-nasbpwhite {background-color:#ffffff}
     .bg-orange {background-color:#f58026}
     .bg-purple {background-color:#663b87}
     .bg-green {background-color:#7cbf4a}
     .bg-darkgreen {background-color:#398946}
     .bg-darkgray {background-color:#666}
     .bg-blue {background-color:#008baf}
     .bg-darkblue {background-color:#3b5f8f}
     .bg-teal {background-color:#00afa9}
     img.align-left {float:left; margin:0px 20px 20px 0px}
     img.align-right {float:right; margin-left:20px}
     img.cut-bottom {}
     p img.align-left {margin-top:6px}

/* APR - removed visibility:visible and removed overflow:hidden */
/* APR - removing "min-height:600px;" 12-11-2019 */
     .carousel-inner {text-align:center;  width:100%; overflow: visible; }

     .item .container {padding:20px 0px}
     .item { padding:5px; width:100%; text-align:center}
     .logicon-fa h2:before {color:#FFFFFF; margin-right:8px}
     .reverse.logicon-fa h2:before {color:#fff}
 
 @media screen and (min-width: 700px){
     #DesktopLogoDiv img {
  margin-top:-56px;
  margin-bottom:6px}
 }
 
     .HtmlContent img {max-width:100%; height:auto}
     .reverse a.btn-default {
     color: #000;
     }
     /*==========  Mobile First Method  ==========*/
     /* Custom, iPhone Retina */
     @media only screen and (min-width : 320px) {
     }
     /* Extra Small Devices, Phones */
     @media only screen and (min-width : 480px) {
     }
     /* Small Devices, Tablets */
     @media only screen and (min-width : 768px) {
     img.align-right.cut-bottom { }
     .stockdemo .item .container {padding:40px 0px; height:330px}
     .stockdemo .cycle-slide img.align-left { }
     }
     /* Medium Devices, Desktops */
     @media only screen and (min-width : 992px) {
     .huge p, .huge h1, .huge h2, .huge h3 {}
     .huge h2 {font-size:30px}
     .huge h3 {font-size:24px}
     .huge p, .huge .btn {font-size:18px}
     .huge .btn {margin-top:15px; margin-bottom:20px}
     .item img.cut-bottom {margin-top:20px}
     }

    */  Large Devices, Wide Screens */
     @media only screen and (min-width : 1200px) {
     .item {height:430px; overflow: hidden;}
     } 

     /*==========  Non-Mobile First Method  ==========*/
     /* Large Devices, Wide Screens */
     @media only screen and (max-width : 1500px) {
     }
     /* Medium Devices, Desktops */
     @media only screen and (max-width : 1500px) {
     img.align-right, img.align-left {max-width:100px; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px}
     .carousel-control .glyphicon-chevron-left {left:5%}
     .carousel-control .glyphicon-chevron-right {right:5%}
     }
     /* Small Devices, Tablets */
     @media only screen and (max-width : 768px) {
     .cycle-slide h1, .item h1 {font-size:32px}
     }
     /* Extra Small Devices, Phones */
     @media only screen and (max-width : 480px) {
     img.align-right.cut-bottom {display:none}
     }
     /* Custom, iPhone Retina */
     @media only screen and (max-width : 320px) {
     }
 
 nav.carousel:hover {
   cursor: default;
 }
 
 /* Hide the radio button */
 nav.carousel input[type=radio] {
   display: none;
 }
 
 /* All styling takes place on the label element */
 nav.carousel label {
   display: inline-block;
   background: #ddd;
   overflow: hidden;
   text-indent: -999px;
   border-radius: 100%;
   width: 10px;
   height: 10px;
   box-shadow: inset 0 1px 1px 0 #999;
 }
 nav.carousel label:hover {
   background: #bbb;
   cursor: pointer;
   box-shadow: inset 0 1px 1px 0 #777;
 }
 nav.carousel input:checked + label {
   background: linear-gradient(#00CFFF, #1584bc);
   box-shadow: inset 0 0 1px 1px #087DC0;
 }
 
 /* End of Carousel Slide Show CSS */
 
 
 
 /*===================== HOME EVENT FLEX =====================*/
 .homevent ul li{
   border-bottom: none !important;
 }
 @media screen and (max-width: 991px){
   .homevent ul{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     .align-items: stretch;
   }
   .homevent li{
     width: 33%;
   }
   .home .HLEventList .Content .col-md-2, .home .HLEventList .Content .col-md-10{
     width: 100%;
     padding: 0px 20px !important;
   }
   .home .HLEventList .Content .col-md-10{
     padding: 0px 10px !important;
   }
 }
 @media screen and (max-width: 768px){
   .homevent li{
     width: 50%;
   }
   .home .HLEventList .Content .col-md-2, .home .HLEventList .Content .col-md-10{
     xwidth: 100%;
     xpadding: 0px 45px !important;
   }
   .home .HLEventList .Content .col-md-10{
     xpadding: 5px !important;
   }
 }
 @media screen and (max-width: 480px){
   .homevent li{
     width: 100%;
   }
   .home .HLEventList .Content .col-md-2{
     width: 100%;
     padding: 0% 10% !important;
   }
   .home .HLEventList .Content .col-md-10{
     padding: 0% 7% !important;
   }
 }
 
 /********** Center Image Begin ***********/
 img.displayed {
     display: block;
     margin-left: auto;
     margin-right: auto }
 /********** Center Image End ***********/
 
 /********** Modify Color for Advocate/Educate/Network Banner Begin ***********/
 .home .homer2:before{
 background-color: #092869; }
 .homer2 td > h3:first-child{
   height: 45px;
 }
 .homer2 td > h3 + h3{
   border-bottom: 1px solid #fff;
   padding-bottom: 10px;
 }

/* SK edit -- design test */

 #trendborder {
      border: 3px solid #ffffff;
      vertical-align: middle;
      text-align: center;
      padding: 3px;
      color: #ffffff;
 }

 .home .homer2 a {
    display: block;
    text-decoration: none;
    color: #ffffff !important;
  /*   vertical-align: middle;*/
 /*    text-align: center;*/
}

 .home .homer2 {
    display: block;
    text-decoration: none;
    color: #ffffff !important;
    vertical-align: middle;
     text-align: center;
}

#trendborder::first-line {
     color: #F49E3B
}

 /********** Modify Color for Advocate/Educate/Network Banner End ***********/
 
 
 /*===== HEADER ALIGNMENT =====*/
/* APR - added blue background to header*/
 #HEADER{
   max-width: 1200px !important;
   margin-left: auto;
   margin-right: auto;
   background-color: #092869; 
 }

/* APR - removing extra padding 9-24-19 */
 @media screen and (min-width: 1201px){
   .MPheader > .row > .col-md-12{
     padding-right: 0;
     }
 }
 
 .home .homer2::first-line {
     color: #DE761C;
}
 
 /*=============== FOOTER SETUP ==========*/
 .fsocial{
   padding: 20px;
 }
 .fsocial ul {
     padding: 0px;
     margin: 0px;
     list-style-type: none;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: stretch;
 }
 .fsocial ul li{
   margin: 15px;
   max-width: 32px;
 }
 #MPFooter + .row, #MPFooterLink{
   display: none;
 }
 
 
 
 /*============= HOME PANEL HEIGHTS AND BACKGROUNDS =========*/
 .homer2{
   padding: 20px 0px 70px;
   background-color: #efefef !important;
 }
 .homemaps{
   padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 10px;
   background-image: url("https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/background-images/map-bg.jpg");
 }
 .homemaps ul {
     text-align: center;
     flex-wrap: wrap;
 }
 
 .bens {
   padding: 25px 0px 50px;
 }
 
 .hometwit{
   padding: 25px 0px 50px;
   background-color: #fff;
 }

/* APR - undid changes (unsure of what they were doing) 9-19-19 */
 .home .slick-slideshow {
   padding: 25px 0px 50px;
   background-color: #fff !important;
/*   width: 100%;
   padding-left: 25px !important; padding-right: 25px !important; padding-top: 0px; padding-bottom: 10px;
   background-color: #fff !important;
   text-align: center;
   display: block;
   border: 1px solid #ccc !important;
   float: left;
   box-sizing: border-box !important;
*/
 }
 
 .home  .logo {
   background-color: #fff !important;
 }
 
 .home .suretylearn {
   padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 10px;
   background-color: #fff !important;
 }
 
 .homemems{
   padding: 25px 0px 50px;
   background-color: #ccc !important;
 }
 
 
 .questionmark ul {
     text-align: center;
     flex-wrap: wrap; }
 
 .questionmark ul li {
 margin-top: 5px; margin-bottom: 5px; }
 
 
 .homeclock{
   padding: 75px 0px 50px;
   background-color: #de761d !important;
     background-image: url('https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/2016a/icons/icon-countdown.png');
     background-repeat: no-repeat;
     background-position: center 35px;
 }
 
 .homemaps ul li {
 margin-top: 5px; margin-bottom: 5px; }
 
 #MPOuterFooter {
     background-color: #092869;
 }
 
 
 
 /********** Modify H3 Footer Begin ***********/
 .editorSelectH3 a, .editorSelectH3 a:hover {
 font-weight: bold;
 color: #FFFF00; }
 /********** Modify H3 Footer End ***********/
 
 /********** Adjust Fonts and Margins for Blue Advocate/Educate/Network Background Begin ***********/
 .home .homer2 h6 {
     text-transform: uppercase;
     font-weight: bold;
     color: #FFFF00; }
 
 .home .homer2 h6 a {
     font-weight: normal;
     color: #FFFFFF; }
 
 .home .homer2 a {
     position: relative !important;
     font-weight: bold;
     color: #f8931d;
     bottom: 0 !important;
     margin-left: 0 !important; }
 
 .homer2 {
     padding: 20px 0px 10px;}
 /********** Adjust Fonts and Margins for Blue Advocate/Educate/Network Background End  ***********/
 
 /********** Adjust Font for Links Begin **********/
 table.links { 
     text-transform: uppercase;
     font-weight: normal;
     font-size: 8px;
     color: #000000; }
 /********** Adjust Font for Links End ***********/
 
 
 
 /*====== NAV LINKS IN HEADER =====*/
/* APR - added padding*/
 #AuxMenu {
     background-color: transparent;
     padding: 10px 0px;
 }
/* APR - removed border, changed color, border-radius */
 #MPAuxNav ul.level1 li a.level1.MPAuxNav.static {
     color: #092869;
     color: #ffffff;
     padding: 5px 10px;
     text-decoration: none;
     font-family: 'Oswald', sans-serif !important;
     text-transform: uppercase !important;
 }
 /*--- 
 #MPAuxNav ul.level1 li a.level1.MPAuxNav.static{
     background-color: #092869;
     border: 1px solid;
     color: #ffffff;
     text-decoration: none;
     padding: 10px;
   border-radius: 7px 0px 7px 0px !important;
 }
 ---*/

/* APR - removed background color and font color, added underline on hover */
 #MPAuxNav ul.level1 li a.level1.MPAuxNav.static:hover{
     text-decoration: underline;

 }
 
 
 
 /********** Home Page Mouse-Over Tooltip Hover BEGIN **********/
 
         .tooltip {
             border-bottom: 1px dotted #000000; color: #000000; outline: none;
             cursor: help; text-decoration: none;
             position: relative;
         }
         .tooltip span {
             margin-left: -999em;
             position: absolute;
         }
         .tooltip:hover span {
             border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
             box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
             font-family: Calibri, Tahoma, Geneva, sans-serif;
             position: absolute; left: 1em; top: 2em; z-index: 99;
             margin-left: 0; width: 250px;
         }
         .tooltip:hover img {
             border: 0; margin: -10px 0 0 -55px;
             float: left; position: absolute;
         }
         .tooltip:hover em {
             font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
             display: block; padding: 0.2em 0 0.6em 0;
         }
         .classic { padding: 0.8em 1em; }
         .custom { padding: 0.5em 0.8em 0.8em 2em; }
         * html a:hover { background: transparent; }
         .classic {background: #FFFFAA; border: 1px solid #FFAD33; }
         .critical { background: #FFCCAA; border: 1px solid #FF3334; }
         .help { background: #9FDAEE; border: 1px solid #2BB0D7; }
         .info { background: #9FDAEE; border: 1px solid #2BB0D7; }
         .warning { background: #FFFFAA; border: 1px solid #FFAD33; }
 
 /********** Home Page Mouse-Over Tooltip Hover END **********/
 
 
 /*======= HOMEPAGE SHOW CONTENT ON MOUSEOVER =========*/
 /*---
 @media screen and (min-width: 768px){
     .homer2 .HtmlContent td > *:not(h3){
       display: none;
     }
 }
 ---*/
 
 
 /*======= HIDE BOTTOM NAVIGATION MENU ITEMS (w/ intention of keeping search active =========*/
 #BottomMenu a.static{
 display: none !important; }
 
 /*======= Home Page Trending Link - Horizontal Bullet List Style =========*/
 span ul#trending {
     width:200px;
     padding:5px;
 }


 h3 ul#trending li {
     display:inline-block;
     margin:0 0 0 5px;
     padding:0 0 0 10px;
 /*     background:url("https://higherlogicdownload.s3.amazonaws.com/NASBP/175be0e0-5e37-43e7-8bc9-c67c5b8c85c8/UploadedImages/menu-collapsed.png") left no-repeat;*/
 }
 
 /*==== ERROR =====>>
 .btn, .ProfileJobInfo, a.htmlbutton {
 element.style {
 }
 <<==== ERROR =====*/
 .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
     margin-left: -1px;
 }
 .welcome-links .btn {
     display: inline-block;
     margin: 5px;
 }
 .welcome-links > a{
   padding: 10px 10px;
   display: inline-block;
   border-radius: 0px !important;
   border: 1px solid #ccc !important;
   color: #333 !important;
   font-size: 12px;
   background-color: #ebebeb;
 }
 .welcome-links > a:hover{
   background-color: #c3c3c3;
 }
 .MPheader .inline {
     display: inline;
 }
 .Welcome .btn-sm {
     margin-right: 5px;
 }
 .btn-sm {
     padding: 5px 10px;
     font-size: 10px;
 }
 .btn, .make-buttons .HtmlContent a {
     -webkit-border-radius: 6px !important;
     -webkit-border-top-right-radius: 0 !important;
     -webkit-border-bottom-left-radius: 0 !important;
     -moz-border-radius: 6px !important;
     -moz-border-radius-topright: 0 !important;
     -moz-border-radius-bottomleft: 0 !important;
     border-radius: 6px !important;
     border-top-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
     font-size: 13px;
     padding: 15px 20px;
     margin-top: 5px;
 }
 .btn, .ProfileJobInfo, a.htmlbutton {
     text-transform: uppercase;
 }
 
 .drItemSubHeader a {
     color: #fff;
 }
 
 
 /*==== PROFILE FIXES ====*/
 #MainCopy_ContentWrapper h2.ProfileUserName, #MainCopy_ContentWrapper .ProfileJobInfo{
   color: #000;
 }
 
 .tl-prof .nameOptionsToAttach h2{
   padding-bottom: 0px;
 }
 .tl-prof .section1 > div:nth-child(2) h2{
   display: none;
 }
 
 /*===== BUTTON FIXES =====*/
 .btn-default-override{
   color: #000;
 }
  
 .interior .text-muted-h2 h2, .interior .ContentUserControl h2, {
 font-size: 100%; }
 
 
 /*========== ARCHIVES FIX =============*/
 .archives h3{
   color: #000;
 }
 
 
 a[id*="Display_BloggerImage"] > img, img[id*='_ImageControl_imgDisplay'], img[id*='EmployeeList_ucUserImageDisplay'], 
 img[id*='dlGroupMembers_ucUserImageDisplay']{
 max-width:100%; 
 height:auto; 
 display:block; 
 }
 
 /*---
 /*===== HOMEPAGE WIDGET AREA TEST=====*/
 .homewidgetall .col-md-3{
   text-align: center;
   color: #39FF14;
   width: 400px;
   height: 150px;
   display: inline-block;
   margin-top: 10px;
   margin-bottom: 15px;
 }
 
 
 .homer4 {
   position:relative;
   padding-top: 20px;
   padding-bottom: 10px;
 }
 .home .homer4:before {
     content: " ";
     display: block;
     position: absolute;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background-color: #FF69B4;
 }

 /*==== slick slider css placed in Override CSS file to negate linked slick slider css which is breaking the new member logo area.  SK 9-18-2019 =====*/

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0px;
    padding: 5px;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

/*==margin updated from original "0"  padding updated from original SK 9-18-2019 ==*/
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    border: 1px solid #ccc;
    padding: 5px 5px;
    margin: 0px 7px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*====9-19-2019 SK  - Slick Slider Dot CSS added to return it to bottom of CSS on page load.====*/
/* Dots */

.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slick-dots li button:before{
  background: #000 !important;
  border-radius: 20px;
  width: 15px !important
  height: 15px !important;
}
/*==END DOTS==*/

 /*==== END slick slider css placed in Override CSS file to negate linked slick slider css which is breaking the new member logo area.  SK 9-18-2019 =====*/


/*============= HOME ROW 2 ==================*/
/*=============11/22/2019 SK copied here for testing, towards having the Trending Topics <p> text not show until the h3 linked is clicked when the home page is first rendered.==================*/

/*
.home .homer2{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.home .homer2 > div, .home .homer2 .ContentItemHtml{
  position: relative;
  display: flex;
  align-items: stretch;
}

.home .homer2 .HtmlContent{
  padding-bottom: 50px
}
.home .homer2 p > a{
  position: absolute;
  bottom: 15px;
  margin-left: -15px;
  display: none;
}

.home .homer2 p{
  color: #fff;
}
@media screen and (min-width: 1200px){
  .home .homer2:before{
    content: " ";
    display: none;
    position:absolute;
    left: -500px;
    right: -500px;
    top: 0px;
    bottom: 0px;
    background-color: rgb(222, 118, 29);
  }
}

}
@media screen and (max-width: 1200px){
  .home .homer2:before{
    content: " ";
    display: none;
    position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgb(222, 118, 29);
  }
}
*/

/*============= END HOME ROW 2 ==================*/

/*============= 2020-04 Edits for Coronavirus dismiss-able message overlay==================*/

#lblCnMessage{ 
   text-decoration: none !important;
   color: #ffffff !important;
   font-size: 115% !important;
}

#lblCnMessage a{ 
   text-decoration: underline !important;
   color: #DE761C !important;
}

#lblCnMessage a:hover{
     text-decoration: none;
     color: #ffffff !important;
     -moz-transition-duration: 0.25s;
     -webkit-transition-duration: 0.25s;
     -o-transition-duration: 0.25s;
     transition-duration: 0.20s;
 }


/*===== HIGHER LOGIC---->   DO NOT REMOVE CODE WITHOUT DIRECT PERMISSION FROM STEVE KARLIN, NASBP skarlin@nasbp.org 
 INSTEAD, PLACE COMMENTS AROUND THE OFFENDING CODE YOU BELIEVE RESPONSIBLE FOR THE RENDERING ISSUE TO IDENTIFY IT IS RESPONSIBLE.  DO NOT COMMENT OUT THE CODE--JUST CLEARLY (CLEARLY) IDENTIFY WHICH SHOULD BE ALTERED OR REMOVED.  THANK YOU.======*/