// VALUE:COLOR_2:
// VALUE:COLOR_1:
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
/*This changes the box model of everything in the website and can be overwriten per component if needed. To read more about box-sizing and why you'd want to overwrite it see https://css-tricks.com/international-box-sizing-awareness-day/ or https://www.w3schools.com/cssref/css3_pr_box-sizing.asp*/
/*--------------------------------------------------------
    FONT ASSIGNMENTS
--------------------------------------------------------*/
body {
    font-family: 'Open Sans', serif;
    font-size: 18px;
    color: #000000;
}
p {
    font-family: 'Open Sans', serif;
    font-size: 18px;
    color: #000000;
}

#subpage-main p:empty { display: none; } 
/*#subpage-main br + br { display: none; }  AND the CSS styles should not be used to break the layout of the entire MMS or the CKEditor's break tags unless you want to redo the layout of every page in the system */
/*^^ Break tags shouldn't be used to space out lines, only to make text within a paragraph break to a new line*/
/*--------------------------------------------------------
    H1 - H6
--------------------------------------------------------*/
h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', serif;
    font-weight: 400;
    color: #0E2353;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
}
h1 a, h2 a, h3 a, h4 , h5 a {
    font-family: 'Open Sans', serif;
}

h1 {
    font-size: 36px;
    color: #0E2353;
}
h2 {
    font-size: 30px;
    color: #0E2353;
}
h3 {
    font-size: 24px;
    color: #0E2353;
}
h4 {
    font-size: 20px;
}

h1.title{
    margin-top: 15px;
}
h1.title:empty{ display:none; }
/*^^Hides the extra margin that is added on pages without a title*/
#subpage-main p:not(:empty) + h2,
#subpage-main p:not(:empty) + h3,
#subpage-main p:not(:empty) + h4,
#subpage-main ul + h2,
#subpage-main ul + h3,
#subpage-main ul + h4,
#subpage-main table + h2,
#subpage-main table + h3,
#subpage-main table + h4 {
    margin-top: 1.5em;
}
#subpage-main h2 + ul,
#subpage-main h3 + ul,
#subpage-main h4 + ul {
    margin-top: -.75rem; /*Adjusts for the margin-bottom placed on these headings to make the ul's look like they belong to that heading*/
}
/*--------------------------------------------------------
    LINKS
--------------------------------------------------------*/
a {
    color: ;
}
a:hover, 
a:focus {
    color: ;
}
a.button {}
a.button:hover,
a.button:focus
 {
    text-decoration: none;
}
a.button + * {
    padding-top: 1.5em;
}
/*--------------------------------------------------------
    Objects
--------------------------------------------------------*/
#subpage-main img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
figcaption {
    font-style: italic;
    font-size: .9em;
    padding-top: 5px;
}
@media (max-width: 767px) {
    figcaption {
        font-size: 1em;
    }
}
@media (min-width: 767px) {
    /*The following styles are meant to give more space to the label column in contact forms that are too narrow for the entire label to be read normally*/
    .col-md-5 form[action="contact_form_resp.php"] .col-sm-2, 
    .col-md-4 form[action="contact_form_resp.php"] .col-sm-2, 
    .col-md-3 form[action="contact_form_resp.php"] .col-sm-2, 
    .col-md-2 form[action="contact_form_resp.php"] .col-sm-2, 
    .col-md-1 form[action="contact_form_resp.php"] .col-sm-2 {
        width: 25%;
        padding-right: 1em;
    }
    .col-md-5 form[action="contact_form_resp.php"] .col-sm-10, 
    .col-md-4 form[action="contact_form_resp.php"] .col-sm-10, 
    .col-md-3 form[action="contact_form_resp.php"] .col-sm-10, 
    .col-md-2 form[action="contact_form_resp.php"] .col-sm-10, 
    .col-md-1 form[action="contact_form_resp.php"] .col-sm-10 {
        width: 75%;
        padding-left: 0;
    }
    .col-md-5 form[action="contact_form_resp.php"] .col-sm-offset-2, 
    .col-md-4 form[action="contact_form_resp.php"] .col-sm-offset-2, 
    .col-md-3 form[action="contact_form_resp.php"] .col-sm-offset-2, 
    .col-md-2 form[action="contact_form_resp.php"] .col-sm-offset-2, 
    .col-md-1 form[action="contact_form_resp.php"] .col-sm-offset-2 {
        margin-left: 25%;
    }
    /*^^Adjusts the form-group placement of the reCAPTCHA iframe and submit buttom to match the new widths from the styles above*/
}
blockquote {
    font-size: inherit;
}
/*Styles below are taken from Bootstrap's table style to ensure that tables on content pages are responsive and neat whether Bootstrap classes are added or not*/
#subpage-main table {
    max-width: 100%;
    border-collapse: collapse;
    color: #212529;
    margin-bottom: 1em;
}
#subpage-main table td, 
#subpage-main table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    text-align: inherit;
}
#subpage-main table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    border-top: none;
}
#subpage-main table caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}
#subpage-main table tbody tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075);
}
grammarly-btn {
    display: none;
    /*If someone copy/pastes text from Grammarly it will add this invisible button and cause the page to scroll horizontally. This style hides that.*/
}
/*--------------------------------------------------------
                        HEADER
--------------------------------------------------------*/


#main-header {
    padding: 20px 0px 15px;
}
@media (max-width: 767px) {
    #main-header {
        padding: 10px 0px 15px;
    }
}

#logo-wrap {
    padding-right: 0px;
}
#logo-wrap a {
    text-decoration: none;
}
.logo-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
	@media (min-width: 768px) and (max-width: 990px) {
        .logo-wrap {
            width: 30%;
        }
    }
    @media (max-width: 767px) {
        .logo-wrap {
            margin-right: 15px;
        }
    }
    @media (max-width: 480px) {
        .logo-wrap {
            margin-right: 10px;
        }
    }
    @media (max-width: 380px) {
        .logo-wrap {
            margin-right: 5px;
        }
    }
.logo-wrap svg {
    max-width: 100%;
    width: 168px;
    height: 168px;
}
.logo-txt {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Open Sans', serif;
    color: #0E2353;
    width: 70%;
}
	@media (min-width: 990px) and (max-width: 1199px) {
	    .logo-txt {
            width: 60%;
        }

	}
    @media (min-width: 768px) and (max-width: 990px) {
        .logo-txt {
            width: 65%;
        }
    }
    @media (max-width: 767px) {
        .logo-txt {
            width: 100%;
            font-size: 18px;
        }
    }
    @media (max-width: 480px) {
        .logo-txt {
            font-size: 16px;
        }
    }
    @media (max-width: 395px) {
        .logo-txt {
            font-size: 13px;
            line-height: 20px;
        }
    }
.logo-txt h2 {
    color: #0E2353;
    font-size: 30px;
    font-weight: 300;
    font-family: 'Open Sans', serif;
    padding-bottom: 6px;
    font-style: italic;
}
.logo-txt h4 {
    color: #3E86C1;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Open Sans', serif;
    padding-top: 2px;
}


#right-side-wrap {
    text-align: right;
    margin-top: 80px;
    padding-left: 0px;
}
    @media (min-width: 768px) and (max-width: 990px) { 
        #right-side-wrap {
            margin-top: 40px;
        }
    }
    @media (max-width: 767px) {
        #right-side-wrap {
            margin-top: 60px;
        }
    }
    @media (max-width: 480px) {
        #right-side-wrap {
            margin-top: 80px;
        }
    }


/*--------------------------------------------------------
                    Search Bar
--------------------------------------------------------*/

#search-login-wrap {
    display: inline-block;
}
#search-input {
    max-width: 225px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: #6d6e71;
}
	@media (min-width: 990px) and (max-width: 1199px) {
	    #search-input {
           margin-right: 0px;
    		margin-bottom: 20px;
        }

	}
    @media (min-width: 768px) and (max-width: 990px) {
        #search-input {
            max-width: 215px;
            margin-right: 0px;
        }
    }
    @media (max-width: 380px) {
        #search-input {
            max-width: 180px;
        }
    }
.search-main-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}
.search-input {
    background: transparent;
    border: 2px solid #fff;
}
#search-input ::-webkit-input-placeholder {
   color: #6d6e71;
}

#search-input :-moz-placeholder { /* Firefox 18- */
   color: #6d6e71;  
}

#search-input ::-moz-placeholder {  /* Firefox 19+ */
   color: #6d6e71;  
}

#search-input :-ms-input-placeholder {  
   color: #6d6e71;  
}
.icon-search:before {
    content: url("../images/search-icon.png");
}
#search-input input {
    border: 0px;
    box-shadow: none;
    height: 32px;
    color: #6d6e71;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', serif;
    padding: 0px 12px;
}
#search-input button {
    background: transparent;
    border: 1px solid #fff;
    box-shadow: none;
    border: 0;
    color: #fff;
    padding: 2px 10px 0px;
    height: 32px;
    border-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.input-group.search-input-wrap {
    border: 1px solid #3E86C1;
    background: #fff;
    border-radius: 15px;
}


/* Mobile Search Bar */

li.mobile-search-wrap {
    margin-top: 35px;
    margin-bottom: 5px;
    padding-left: 0px;
    width: 260px;
}
li.mobile-search-wrap a:hover, li.mobile-search-wrap a:focus {
	background: transparent !important;
}
li.mobile-search-wrap a {
    border-bottom: 0px !important;
}
li.mobile-search-wrap .input-group.search-input-wrap {
    border: 1px solid #3E86C1;
    background: #fff;
}
/*li.mobile-search-wrap .icon-search:before {
    content: url(../images/mobile-search-icon.png);
}*/
.mobile-search-wrap input {
    border: 0px;
    box-shadow: none;
    height: 32px;
    color: #6d6e71;
    font-size: 14px;
    font-family: 'Open Sans', serif;
    padding: 0px 12px;
    font-weight: normal;
}
.mobile-search-wrap ::-webkit-input-placeholder {
   color: #6d6e71;
}

.mobile-search-wrap :-moz-placeholder { /* Firefox 18- */
   color: #6d6e71;  
}

.mobile-search-wrap ::-moz-placeholder {  /* Firefox 19+ */
   color: #6d6e71;  
}

.mobile-search-wrap :-ms-input-placeholder {  
   color: #6d6e71;  
}
.mobile-search-wrap button {
    background: transparent;
    box-shadow: none;
    border: 0;
    color: #fff;
    padding: 0px 10px;
    height: 32px;
    border-radius: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.mobile-search-wrap button:hover, .mobile-search-wrap button:focus {
    background: transparent;
    color: transparent;
}



/* Social Media Icons */

.social-media-outside-wrap {
    margin-bottom: 30px;
}
.social-media-outside-wrap ul {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
}
.social-media-outside-wrap ul li {
    flex: 1;
    text-align: center;
}
.social-media-outside-wrap ul li:first-child {
    text-align: left;
}
.social-media-outside-wrap ul li:last-child {
    text-align: right;
}
li.fb-icon-wrap.social-media-wrap {
    margin-left: 0px;
}
.social-media-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 5px;
}
    @media (min-width: 1200px) {
        .social-media-wrap {
            display: inline-block !important;
        }   
    }
.social-media-wrap ul {
    float: left;
    margin: 0;
    text-align: right;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.social-media-wrap ul>li {
    float: left;
    position: relative;
    display: block;
    margin-right: 6px;
}
.social-media-wrap ul>li:last-child {
    margin-right: 0px;
}
.social-media-wrap svg {
    width: 70px;
    height: 70px;
}



/* Mobile Social Media */

.mobile-sm-wrap svg {
    width: 33px;
    height: 33px;
}
li.mobile-sm-wrap {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}
li.mobile-sm-wrap a:hover, li.mobile-sm-wrap a:focus {
	background: transparent !important;
}
    @media (max-width: 767px) {
        li.mobile-sm-wrap {
            display: inline-block !important;
            padding-left: 20px;
        }
    }
li.mobile-sm-wrap a {
    border-bottom: 0px !important;
    padding: 0px !important;
    margin-right: 5px;
}



.join-login-wrap {
    display: inline-block;
    vertical-align: middle;
}
#join-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
	@media (min-width: 990px) and (max-width: 1199px) {
	    #join-wrap {
		    margin-right: 10px;
		}

	}
#join-wrap a {
    background: #0E2353;
    color: #ffffff;
    padding: 17px 55px;
    position: relative;
    text-decoration: none;
    font-family: 'Open Sans', serif;
    font-size: 21px;
    border-radius: 0px;
    font-weight: 700;
    text-align: center;
}
#join-wrap a:hover, #join-wrap a:focus {
    color: #00FF96;
}


/* Mobile Join and Renew */

li.mobile-join-wrap {
    margin-top: 5px;
}


/* Login */

#login-wrap {
    display: inline-block;
    vertical-align: middle;
}
#login-wrap a {
    background: #0E2353;
    color: #ffffff;
    padding: 17px 47px;
    position: relative;
    text-decoration: none;
    font-family: 'Open Sans', serif;
    font-size: 21px;
    border-radius: 0px;
    font-weight: 700;
    text-align: center;
}
#login-wrap a:hover, #login-wrap a:focus {
    color: #00FF96;
}

/* Mobile Login */

/*li.mobile-login {
    margin-top: 10px;
}
li.mobile-login a {
    border-bottom: 0px !important;
}
li.mobile-login span {
    margin-left: 5px;
}
li.mobile-login a {
    background: #3E86C1 !important;
    color: #fff !important;
    padding: 6px 14px !important;
    position: relative;
    text-decoration: none;
    font-family: 'Open Sans', serif;
    font-size: 15px;
    border-radius: 17px;
    font-weight: 700;
    text-align: center;
    border-radius: 30px;
    width: 140px !important;
    border-radius: 35px !important;
}*/


/*--------------------------------------------------------
                    Desktop Navigation
--------------------------------------------------------*/

.dropdown-menu li{
    width: 100%;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}

/*--------------------------------------------------------
                    Index / Main Body
--------------------------------------------------------*/
main {
    min-height: calc(100vh - 225px - 60px - 240px);
    /*The minimum height of the main section of the page should be the height of the screen minus the header and footer*/
    position: relative;
}
main#subpage-main, main#mms-main {
	padding-top: 30px;
}
#subpage-main
#mms-main {
    margin-bottom: 2.5em;
}
@media (max-width: 900px) {
    #subpage-main
    #mms-main {
        margin-bottom: 2em;
    }
}
@media (min-width: 767px) { 
    #subpage-main .row {
        margin-bottom: 1em;
    }
}
@media (max-width: 767px) {
    #subpage-main div[class^="col-md"] {
        margin-bottom: 1em;
    }
}
/*^^These two styles can be tweaked if needed, but they are a handy default for spacing rows (and then columns once the screen hits the col-xs breakpoint on subpages*/

/*----------------Slideshow----------*/

.slideshow-wrap {
    margin-bottom: 35px;
    position: relative;
}
.slideshow-wrap .container {
    width: 100%;
}
.slideshow-wrap img {
    width: 100%;
}
.slideshow-wrap [class*="col-"] {
    padding: 0;
}
#slide-row{
    margin-bottom: 10px;
}
.carousel-control.left, .carousel-control.right, .carousel-control:hover{
    background-image: none;
    font-size: ;
    font-weight: ;
    z-index: 101;
}
.carousel-control {
    margin: auto 0px;
    display: none;
}
.carousel-control.left {
    height: 44px;
    width: 44px;
    color: #fff;
    top: 0px;
    left: auto;
    line-height: normal;
    bottom: 0;
    margin: auto;
    opacity: 1;
    text-shadow: none;
    font-family: 'Open Sans', serif;
    background: rgba(0,0,0,0.6);
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
    border: 0px;
    border-radius: 30px;
    margin-left: 15px;
}
.carousel-control.right {
    height: 44px;
    width: 44px;
    color: #fff;
    top: 0px;
    left: auto;
    right: 0px;
    line-height: normal;
    bottom: 0;
    margin: auto;
    opacity: 1;
    text-shadow: none;
    font-family: 'Open Sans', serif;
    background: rgba(0,0,0,0.6);
    vertical-align: middle;
    text-align: center;
    padding-left: 2px;
    border: 0px;
    border-radius: 30px;
    margin-right: 15px;
}
    @media (min-width: 768px) and (max-width: 990px) {
        .carousel-control.left, .carousel-control.right {
            bottom: 5%;
        }
    }
    @media (max-width: 767px) {
        .carousel-control.left, .carousel-control.right {
            height: 38px;
            width: 38px;
        }
    }
.carousel-control img {
    width: 15px;
    height: 23px;
    margin-top: 10px;
}
    @media (max-width: 767px) {
        .carousel-control img {
            margin-top: 5px;
        }
    }


.caption-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}   
.carousel-caption {
    position: absolute;
    z-index: 100;
    left: auto;
    bottom: 0px;
    right: 0px;
    top: 0px;
    text-align: left;
    text-shadow: none;
    background: rgba(151,157,166,0.8);
    min-width: 366px;
    width: 366px;
    min-height: 250px;
    padding: 35px 5px;
}
    @media (min-width: 768px) and (max-width: 990px) {
        .carousel-caption {
            position: relative;
            width: 100%;
        }
    }
    @media (max-width: 767px) {
        .carousel-caption {
            position: relative;
            width: 100%;
        }
    }

.caption-inside-wrap {
    background: rgba(48, 48, 48, .8);
    padding: 10px 15px;
}
.carousel-caption p.caption-text {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    display: block;
    color: #ffffff;
    margin-bottom: 40px;
}
.carousel-caption p.alt-text {
    font-size: 18px;
    font-family: 'Open Sans', serif;
    font-style: italic;
    color: #fff;
    margin-bottom: 10px;
    line-height: 21px;
}
.carousel-indicators {
    display: none;
}

#slideshow-inside-wrap .carousel-indicators {
    display: block;
}
#slideshow-inside-wrap .carousel-indicators li {
    width: 13px;
    height: 13px;
    margin-left: 8px !important;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 15px;
}
#slideshow-inside-wrap .carousel-indicators li.active {
    width: 13px;
    height: 13px;
    margin-left: 8px !important;
    margin: 0 auto;
    background-color: #fcb424;
    border: 1px solid #fcb424;
    border-radius: 15px;
}
.slideshow-btn-wrap {
    text-align: center;
    margin: 115px 0 auto;
    color: #fff;
}
	@media (max-width: 990px) {
        .slideshow-btn-wrap {
		    text-align: left;
		}
    }
.slideshow-btn-wrap a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 21px;
    padding: 18px 48px;
    background: #0E2353;
    min-width: 130px;
    width: 130px;
}



/*----------------End Slideshow------*/

/*--------------------------------------------------------
                    News and Events Feeds
--------------------------------------------------------*/
/* Events */

.event-item {
    margin-bottom: 15px;
    background: #0E2353;
    padding: 15px 15px;
    min-height: 150px;
}
#events-wrap h1 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
    @media (max-width: 480px) {
        #events-wrap h1 {
            line-height: 50px;
        }
    }
.events-btn {
    /*float: right;*/
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    padding-bottom: 25px;
}
    @media (min-width: 768px) and (max-width: 990px) {
        #events-quick-wrap .events-btn {
            float: none;
            margin-bottom: 30px;
            width: 100%;
        }
    }
    @media (max-width: 580px) {
        .events-btn {
            float: none;
            margin-bottom: 30px;
            width: 100%;
        }
    }
.events-btn a {
    background: #ff6666;
    border: 1px solid #ff6666;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 12px;
    font-family: 'Open Sans', serif;
}
.events-btn a:hover {
    background: #a8da61;
    border: 1px solid #a8da61;
    text-decoration: none;
}

#events-wrap {
    margin-bottom: 30px;
}
.event-date-wrap {
    background: transparent;
    width: 21%;
    display: inline-block;
    vertical-align: middle;
    max-width: 70px;
    margin-right: 10px;
    padding: 0px;
    border: 1px solid #0071CE;
}
    @media (min-width: 768px) and (max-width: 990px) {
        .event-date-wrap { 
            width: 30%;
        }
    }

.event-details-wrap {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 88px);
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 88px);
    position: relative;
    top: -2px;
}
.event-month {
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 4px 0px;
    font-weight: 400;
    background: #0071CE;
}
.event-date {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    background: #fff;
    line-height: 24px;
    padding: 6px 0px;
}
#event-container {
    padding-left: 0px;
    margin-left: -15px;
}
h4.event-title {
    font-weight: normal;
    padding-bottom: 0px;
    line-height: 16px;
    margin-bottom: 9px;
}
a.ev-title-link {
    color: #F20505;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    font-family: 'Open Sans', serif;
    text-transform: none;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.2em;
    line-height: 22px;
    display: inline-block;
}
a.ev-title-link:hover {
    text-decoration: none;
    color: #0071CE;
    font-size: 21px;
    font-weight: 700;
}
p.event-blurb {
    padding-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 18px;
}


/* News */

#news-section-wrap {
    margin-bottom: 25px;
}
.date {
    font-size: 18px;
    font-weight: 400;
    color: #979DA6;
    margin-bottom: 10px;
}
.news-item h4 {
    font-size: 18px;
}
a.news-title-link {
    color: #F20505;
    font-size: 18px;
    text-decoration: underline;
}
a.news-title-link:hover {
    color: #0071CE;
}


/*--------------------------------------------------------
                    Index / Home Page
--------------------------------------------------------*/


/* Welcome Section */

.welcome-quicklink-wrap .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
}
#welcome-section-wrap {
    margin-bottom: 30px;
}
#welcome-section-wrap p {
    line-height: 23px;
}



/* Related Websites */

#related-site-wrap {
    margin-bottom: 35px;
}
#related-site-wrap ul {
    margin: 0;
    padding: 0;
}
#related-site-wrap ul li {
    list-style: none;
    margin: 0;
}
#related-site-wrap ul li a {
    color: #F20505;
    font-size: 18px;
    display: block;
    padding: 6px 0px;
    text-decoration: underline;
}
#related-site-wrap ul li a:hover, #related-site-wrap ul li a:focus {
    color: #0071CE;
}



/* Featured Section */

.featured-section-wrap {
    border-top: 40px solid #f2d06b;
    margin-top: 15px;
}
.featured-section-wrap .col-content-wrap {
    background: #3E86C1;
    padding: 25px 25px 20px;
    min-height: 472px;
}
	@media (max-width: 767px) {
	   .featured-section-wrap .col-content-wrap {
		    margin-bottom: 20px;
		}

	}
.featured-section-wrap .col-content-wrap img {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
}
.featured-section-wrap .col-content-wrap h4,
.featured-section-wrap .col-content-wrap h4 a {
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
}
.featured-section-wrap .col-content-wrap {
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}


/*--------------------------------------------------------
                CSS Styles for Inner Pages
--------------------------------------------------------*/
/*----------Responsive Nivo*/
div[id^=slider-container-FD], div[id^=slider_FD], .nivoSlider img {
    max-width: 100% !important;
    height: auto !important;
}
/*----------Nivo Controls*/
.nivo-prevNav, .nivo-nextNav {
    background-image: none !important;
    width: 25px !important;
    top: 25% !important; /*Fallback for browsers that don't support calc*/
    top: calc( 50% - 50px) !important;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 75px;
    font-family: Arial, sans-serif;
    text-shadow: 0px 0px 10px rgba(51,51,51,0.4);
}
.nivo-prevNav:hover, .nivo-nextNav:hover {
    text-decoration: none;
    color: #ae0e0d;
    text-shadow: none;
}
.nivo-prevNav {
    left: 10px !important;
}
.nivo-nextNav {
    right: 10px !important;
}
.nivo-prevNav:after {
    content: "‹";
}
.nivo-nextNav:after {
    content: "›" ;
}

/*--------------------------------------------------------
                        Footer
--------------------------------------------------------*/

footer#main-footer {
    background: #3E86C1;
    padding: 30px 0px 19px;
}
footer#main-footer p{
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', serif;
    line-height: 36px;
}
footer#main-footer a {
    color: #F20505;
    text-decoration: underline;
}
footer#main-footer a:hover {
    color: #F20505;
}



/*--------------------------------------------------------
                        MMS Styling
--------------------------------------------------------*/

.grid-slideshow-content {
    background: transparent;
    margin-left: 0px;
    padding: 0px 15px;
}
.grid-bottom-featured-wrap {
    background-image: none;
}
.grid-bottom-featured-wrap-h2 {
    color: #527785;
    margin-bottom: 0px;
}
.grid-bottom-featured-wrap-p {
    color: #323233;
}


/*--------------------------------------------------------------
                      Modal Member Login
--------------------------------------------------------------*/
.modal{
    overflow-y: visible;
}
.modal-dialog{
    max-width: 280px;
    margin: 50px auto;
}
.modal-header{
    text-align: center;
}
.modal-body {
    padding: 15px 23px;
}
.login-form input {
    width: 203px!important;
    height: 30px;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 0px 15px;
    margin-left: 15px;
    background: #fff;
    font-size: 14px;
    font-family: 'Open Sans', serif;
    color: #9B9B9B;
    box-shadow: none !important;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
}
.login-form input[type="submit"] {
    background: #0E2353;
    border: 1px solid #0E2353;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    border-radius: 50px;
    font-family: 'Open Sans', serif;
    margin-left: 10px;
    outline: none;
    text-decoration: none;
    text-align: center;
    padding: 8px 20px;
    height: auto;
}
.login-form input[type="submit"]:hover, .login-form input[type="submit"]:focus {
    background: #0E2353;
    border: 1px solid #0E2353;
    color: #00FF96;
    text-decoration: none;
}
.login-form a {
    color: #3E86C1;
    font-size: 14px;
    font-family: 'Open Sans', serif;
    display: block;
    margin-left: 15px;
    padding-bottom: 10px;
    text-decoration: underline;
}
.login-form a:hover, .login-form a:focus {
    color: #ebfa17;
}
.login-form input:last-of-type{
    width: 100px;
    margin: none;
}
h6.modal-title {
    color: #527785;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Open Sans', serif;
}
h4#myModalLabel {
    font-size: 22px;
    color: #4A4F56;
    padding-bottom: 0px;
}




/*--------------------------------------------------------
                        MMS Styling
--------------------------------------------------------*/



/*----------- MEDIA QUERY --------------------*/

@media (min-width: 1332px) and (max-width: 1365px) {

}

@media (min-width: 1200px) and (max-width: 1343px) {
    .logo-txt {
        width: 65%;
    }
    #join-wrap a, #login-wrap a {
        font-size: 20px;
        padding: 17px 40px;
    }
}

@media (max-width: 1200px) {

}

@media (min-width: 1000px) {
    .container {}

}

@media (min-width: 990px) and (max-width: 1199px) {
    .container {}

    .carousel-caption p.caption-text {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .carousel-caption p.alt-text {
        font-size: 17px;
    }
    .event-item {
        min-height: 220px;
    }
    #join-wrap a, #login-wrap a {
        padding: 17px 30px;
        font-size: 20px;
    }
    .featured-section-wrap .col-content-wrap {
	    min-height: 520px;
	}
	.footer-logos-wrap img {
	    margin-bottom: 20px;
	}

}


@media (max-width: 991px) {

}


@media (min-width: 768px) and (max-width: 990px) {
    .container {}

    #search-social-wrap {
        margin-bottom: 20px;
    }

    .featured-section-wrap .col-content-wrap {
	    min-height: 570px;
	}
    #news-related-wrap {
        margin-top: 25px;
    }

    .footer-logos {
	    text-align: center;
	}
	.footer-contact {
	    margin-top: 25px;
	}
}


@media (max-width: 767px) {
    .container {}

    #news-section-wrap {
        margin-top: 25px;
    }
    .news-item {
        margin-bottom: 25px;
    }
    .footer-logos {
	    text-align: center;
	}
	.footer-contact {
	    margin-top: 25px;
	}
}

@media (min-width: 560px) and (max-width: 767px) {

}

@media (max-width: 580px) {


}

@media (max-width: 480px) {
    .container {}

}

@media (max-width: 350px) {

}


/* Safari Browser */

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, .div {
        
     }
}

/* Internet Browser */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  


}