@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');
@import url("https://use.typekit.net/fyw7lsw.css");

*:focus
{
    outline:2px solid orange !important;
}
.container-fluid
{
    max-width:1280px;
}

/* GENERAL LAYOUT */
body
{
    font-family: "Roboto", Sans-Serif;
    background: #F5F5F5;
    font-size:16px;
}
a
{
    color:#104734;
    text-decoration:underline !important;
}

/* Use this for page headers */
.ph
{
    padding: 24px 30px;
    background: #68625E;
}
h1.page_header
{
}
h1
{
    font-family:raleway, sans-serif;
}

.SchoolHeaderImageContainer
{
}
.SchoolHeaderImage
{
    width:100%;
}

/* Use this for component headers */
h2.component_header
{
    color:#000;
    font-size: 1.7em;
    margin-top:0;
    font-weight: 700;
    margin-bottom:10px;
    font-family:raleway, sans-serif;
}
.component_header_image
{
    max-width:100%;
}

/* Use this for titles inside of components */
/* Ex: Textwindow titles */
h3.component_title
{
    color:#193E30;
    font-size: 1.429em;
    margin-top:0;
    float: left;
    display: inline-block;
    width: 100%;
    font-weight: 700;
    margin-bottom:10px;
    font-family:raleway, sans-serif;
}
.dualwindow_right
{
    background: white;
    padding: 15px;
}
.col-md-0 /*Fix for components defaulting to 0 */
{
    padding:0 15px;
}
.LoggedinDiv
{
    clear:left;
    width:100%;
    height:24px;
    margin-bottom:10px;
    background-color:#000000;
    text-align:center;
    color:White;
}
div [src*='filecabinet']{max-width:100% !important;}
.SkipContent
{
    position:absolute;
    color:white !important;
    padding:3px;
    background:black;
    left:15px;
    top:20px;
    z-index:99999;
}
.skipHover
{
    display:none;
    font-size:1em;
    line-height:1;
}
.SkipContent:hover .skipHover, .SkipContent:focus .skipHover, .hpSocialSkip:hover .skipHover , .hpSocialSkip:focus .skipHover
{
    display:inline-block;
    padding-left:10px;
}
@media screen and (max-width:991px)
{
    .skipHover{display:inline-block;padding-left:10px;}
}
@media screen and (max-width:650px)
{
    div [src*='filecabinet']{max-width:100% !important;height: auto !important;}
}

/* TOP NAV */
.NavMenuButton
{
    padding-top:3px;
}
.SlickNavBar
{
    color:White;
    background-color:#FFF;
    width:100%;
    padding:0px 0px 0px 30px;
    position:relative;
    z-index:5;
    font-family:'Lato', Sans-Serif;
    display:flex;
    align-items:center;
	box-shadow: 3px 3px 15px #222, inset 0 -30px 0 0 #f2f2f2;
}
.SlicknavBar:after
{
    content:"";
    display:table;
    clear:both;
}
.LiquidButton
{
    color:#666;
    top:0;
    right:25px;
}
.LiquidButton:hover, .LiquidButton:focus
{
    color:#666;
    opacity:1;
}
.TopNavDisplayer
{
    font-weight:bold;
    font-size:1.143em;
    text-transform:uppercase;
    /*float:right;
    width:40%;*/
    line-height:1;
    padding-top:0;
    padding-left:15px;
    color:#104734;
}
/*svg:not(:root).svg-inline--fa {color:#104734;}*/
nav.TopNavBar
{
    padding:0 20px;
    width:100%;
    background:#232323;
    font-weight:bold;
    position:absolute;
    z-index: 500;
    /*overflow: hidden;*/
    float:left;
    clear:left;
}
nav.Ready
{
    transition: all 0.3s;
}
nav.TopNavBar a
{
    text-decoration:none;
    color:white;
}
nav.TopNavBar a:hover, nav.TopNavBar a:focus{text-decoration:none;}
/*nav.TopNavBar > div > ul
{
    padding-left:20px;
}
nav.TopNavBar ul
{
    width:100%;
    margin:0 auto;
    list-style:none;
    z-index:9999;
    text-align:center;
    padding:0;
    display:table;
}
nav.TopNavBar ul li
{
    position:relative;
    display:block;
    vertical-align:middle;
    text-align: left;
}
nav.TopNavBar ul li a
{
    display:inline-block;
    height:38px;
    line-height:37px;
    font-size:1em;
    width:40%;
    min-width:281px;
}
nav.TopNavBar ul li a.dropdown-toggle:hover
{
    color:#BBB;
}
nav.TopNavBar ul li a.dropdown-toggle:focus
{
    color:#BBB;
    border:2px solid #BBB;
}
nav.TopNavBar ul li a:hover
{
}
nav.TopNavBar ul li ul
{
    padding:10px;
    left:0;
    display: block;
    min-width:100%;
    border:none;
    overflow:hidden;
    text-align:left;
    text-transform:none;
    font-weight:normal;
}
nav.TopNavBar ul li ul.Ready
{
    transition: all 0.5s;
}
.fa-caret-right
{
    float:right;
    margin-top:12px;
}
nav.TopNavBar ul li ul li{display:block;}
nav.TopNavBar ul li ul li a
{
    display:block;
    font-size:1em;
    color:white;
    height:auto;
    line-height:1.6;
}
nav.TopNavBar ul li ul li a:hover
{
    background:#193E30;
    color:White;
}
.nav_title
{
    cursor:default;
    font-weight:bold;
    text-align:center;
    border-bottom:2px solid #FFF;
}
.nav_title:hover
{
    background:none;
    color:#FFF;
}*/
.GreenSlab a {
    color:white;
    text-decoration:none;
}
 .GreenSlab {
    padding:20px 30px;
    border:0;
    display:block;
    background: -moz-radial-gradient(center, ellipse cover, #1f6b53 0%, #104734 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #1f6b53 0%,#104734 100%);
    background: radial-gradient(ellipse at center, #1f6b53 0%,#104734 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f6b53', endColorstr='#104734',GradientType=1 );
    padding:20px;
    background-color: #1f6b53;
    border-radius:10px;
    border:1px solid grey;
    color:white;
    box-shadow: 3px 3px 5px rgba(31, 31, 31, .8);
}
 .greenButton {
    text-decoration:none;
    color:#fff;
    background:#194735;
    padding:10px;
    border-radius:4px;
}
.greenBlock, [fr-original-class="greenBlock"]
{
    background:#2D7C5C !important;
    padding:20px 30px !important;
    color:white !important;
    display:block !important;
    max-width:100% !important;
}
 .ph {
     padding: 24px 30px;
     background: #104734;
    text-transform:uppercase;
}
 .GreySlab a {
    color:white;
    text-decoration:none;
}
 .GreySlab {
    padding:20px 30px;
    border:0;
    display:block;
    background: -moz-radial-gradient(center, ellipse cover, #686B73 0%, #104734 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #686B73 0%,#104734 100%);
    background: radial-gradient(ellipse at center, #A09EA8 0%,#686B73 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A09EA8', endColorstr='#686B73',GradientType=1 );
    padding:20px;
    border-radius:10px;
    border:1px solid grey;
    color:white;
    box-shadow: 3px 3px 5px rgba(31, 31, 31, .8);
    background-color: #686B73;
}
 .greyButton {
    text-decoration:none;
    color:#fff;
    background:#686B73;
    padding:10px;
    border-radius:4px;
}
 .greyBlock {
    background:#686B73;
    padding:20px 30px;
    color:white;
    display:block;
}
.slicknav_menu, .mobile_nav{display:none;}
.quicklinks_button mobile{display:none;}
@media screen and (min-width:992px)
{
    ./*NavDropdown
    {
        width:33%;
        float:left;
    }*/
    .ButtonCloseNav{display:none;}
}
@media screen and (max-width:1200px)
{
    .TopNavWordmark{width:50%;}
    .LiquidButton
    {
        top:-9px;
    }
    .SlicknavBar
    {
	    box-shadow: 3px 3px 15px #222, inset 0 -10px 0 0 #f2f2f2;
    }
}
@media screen and (max-width:1100px)
{
    .TopNavWordmark{display:none;}
}
@media screen and (max-width: 991px)
{
    .TopNavDisplayer{display:none;}
    .HeaderLine
    {
        display:none;
    }
    .TopNavExplore{margin-bottom:10px;}
    .TopNavSocial{padding-left:0;}
    .js .slicknav_menu {display:block;}
    .slideshow_outer_container{margin-top:0 !important;}
    nav.Ready
    {
        display:block;
    }
    nav.Ready #navigation
    {
        display:block;
    }
    .slicknav_menu
    {
        background:#193E30;
    }
    .slicknav_btn
    {
        background:#193E30;
    }
    .slicknav_item svg
    {
        display:none;
    }
    .ButtonCloseNav
    {
        background:white;
        border:none;
        color:black;
        display:block;
        margin:0 auto;
    }
    .ButtonCloseNav:hover, .ButtonCloseNav:focus
    {
        background:black;
        color:white;
    }
    .slicknav_nav .slicknav_parent-link a:focus, .slicknav_nav a:focus
    {
        color:white;
    }
}
@media screen and (max-width:500px)
{
    .SlicknavBar{padding-bottom:1px;}
    .TopNavExplore{width:70%;}
    .TopNavSocial{display:none;}
    .TopNavQuickLinks{width:30%;float:right;}
    .quicklinks_button{padding:11px 20px 11px;}
    .quicklinks_button desktop{display:none;}
    .quicklinks_button mobile{display:inline;}
    .quicklinks ul{width:100vw; right:0;}
    .SocialBtn, .NavSearch{display:block; position:relative; text-align:left; height:38px; line-height:37px;}
    .lnkOnlineReg{font-size:1.2em;}
}
.TopNav
{
    position:absolute;
    top:43px;
    left:300px;
    z-index:4;
    width: 100%;
    max-width: calc(100% - 408px);
}
.TopNav nav
{
    background: #6D7374;
    font-family:'Roboto Condensed', Sans-Serif;
    float: left;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    pointer-events: none;
}
.DistrictMenuOpen
{
    background:transparent;
    border:none;
}
.TopNav nav.Open
{
    opacity: 1;
    pointer-events: all;
}
.TopNav > nav > div > ul
{
    display:flex;
    justify-content:space-around;
    align-items:center;
}
.TopNav > nav > div > ul > li
{
    display:flex;
}
.TopNav nav ul li a
{
    height:50px;
    line-height:49px;
    text-transform:none;
    font-size:1.250em;
    font-weight:bold;
    color:White;
}
.TopNav nav ul li:hover a, .TopNav nav ul li:focus-within a, .TopNav nav ul li:focus a
{
    background: transparent;
    color:Black;
}
.TopNav nav ul li:hover, .TopNav nav ul li:focus-within, .TopNav nav ul li:focus
{
    background: transparent;
}
.TopNav nav ul li a:hover, .TopNav nav ul li a:focus-within, .TopNav nav ul li a:focus
{
    text-decoration: underline;
}
.TopNav nav ul li ul
{
    top:49px;
}
.TopNav nav ul li:nth-child(n+5) ul
{
    left:calc(-200px + 100%);
}
.TopNav nav ul li:hover ul li a, .TopNav nav ul li:focus ul li a
{
    background: white;
}
.TopNav nav ul li:hover ul li:hover a, .TopNav nav ul li:focus ul li:focus a
{
    background: black;
}
.TopNav nav ul li:focus ul, .TopNav nav ul li:focus-within ul
{
    display:block;
}
.TopNav .nav_title
{
    text-align:left;
}
.TopNav .nav_title:hover, .TopNav .nav_title:focus
{
    background:transparent !important;
    color:Black;
}
.TopNav nav ul li ul li a
{
    display:block;
    font-weight: 400;
    font-size:1.178em;
    color:Black;
    height:auto;
    line-height:1.6;
    padding:4px;

}
.ButtonCloseTopNav{display:none;background:transparent;}
.ButtonCloseLeftNav{display:none;}
@media screen and (min-width:992px)
{
    #mobile_top_nav{border:none;}
    .ButtonCloseTopNav{display:block;background:transparent;}
}
@media screen and (max-width:1450px)
{
    .TopNav
    {
        font-size:14px;
    }
}
@media screen and (max-width:1300px)
{
    .TopNav
    {
        top:140px;
        font-size:13px;
        left:0;
        max-width:100%;
    }
}
@media screen and (max-width:1199px)
{
    .TopNav
    {
        top:100%;
    }
}
@media screen and (max-width:991px)
{
    #mobile_top_nav{z-index:9999;}
    .ButtonCloseLeftNav{display:block;margin:0 auto; color:black;}
}
/* END TOP NAV */
/* HEADER */
header
{
    background: #193E30;
    border-top: none;
    border-bottom: none;
    padding:0;
    position:relative;
    z-index:3;
    font-family:'Roboto Condensed', Sans-Serif;
}
header a
{
    color:White;
}
header a:active, header a:hover, header a:focus
{
	color:Black;
}
.HeaderContainer
{
    display:flex;
    align-items:center;
}
.HeaderLeft
{
    
}
.HeaderLogo
{
    float:left;
}
.HeaderLogo img
{
    float:left;
    margin-right:15px;
    max-width:100%;
    max-height:140px;
    /*image-rendering: -webkit-optimize-contrast;*/
}
.HeaderRight
{
    padding:6px 30px 6px 0;
    background-color:transparent;
    border-radius:0;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    color:#104734;
}
/* Google Translate Styles */
/* The original Translate widget is display:none. HeaderTranslateButton can be more easily customized */
.HeaderTranslateButton
{
    color:#104734;
    background:transparent;
    padding:0 15px 0 25px;
    margin-top:0;
    border-radius:0;
    text-align:center;
    font-size:1.000em;
    font-weight:bold;
    text-transform:none;
    cursor:pointer;
    border:none;
}
.HeaderTranslateButton:hover, .HeaderTranslateButton:focus
{
    color:Black;
}
/* End Google Translate Styles */

/* Search Styles */
.SearchDiv
{
    background: white;
    border: none;
    width: auto;
    display:flex;
    align-items:center;
    padding-left:5px;
}
.SearchDiv:before, .SearchDiv:after
{
    content: "";
    display: table;
    clear: both;
}
.SearchDiv input
{
    width: 108px;
    outline: none !important;
    padding-left:10px;
    color:#104734;
    border:none;
    border-bottom:2px solid #FFF;

    margin-left: 10px;
    background: #f2f2f2;
}
.SearchDiv span svg
{
    color: #777;
    cursor: pointer;
}
.SearchDiv a
{
    padding-left: 0;
    color:#104734;
    font-size:1.000em;
    font-weight:bold;
}
/* End Search Styles */
.HeaderLine
{
    color:#104734;
    font-size:1.5em;
}
.LiquidHeader
{
    display:none;
}
.LiquidHeader.Open
{
    display:block;
}
@media screen and (min-width:1200px)
{
    .NavLogo
    {
        width:30%;
    }
    .HeaderRight
    {
        width:70%;
    }
}
@media screen and (max-width:991px)
{
    .LiquidButton{display:none;}
    .LiquidHeader{display:none;}
}
@media screen and (max-width:767px)
{
   .HeaderContainer{flex-direction:column;}
   .HeaderLeft{text-align:center;}
   .HeaderLogo{float:none; display:inline-block;}
   .HeaderLogo img{max-width:100% !important; margin-right:0; max-height:146px; float:none;}
   .HeaderRight{justify-content:center;}
   .HeaderTranslateButton{display:none;}
}
@media screen and (max-width:582px)
{
    .HeaderLogo{display: block;}
}
@media screen and (max-width:497px)
{
    .NavLogo
    {
        padding-left:0;
        padding-right:5px;
    }
    .SlicknavBar
    {
        box-shadow:3px 3px 15px #222;
        padding-left:0;
    }
    .HeaderLogo
    {
        /*display: none;*/
    }
    .SchoolName
    {
        float: none !important;
        width: 100%;
    }
}
@media screen and (max-width:473px)
{
    .SchoolName
    {
        font-size: 0.857em;
    }
}
@media screen and (max-width:347px)
{
    .SchoolName
    {
        font-size: 0.714em;
    }
}
/* END HEADER */

/* FOOTER */
footer
{
    background:#FFF;
    color:#104734;
    padding:14px 0;
    width:100%;
    font-family:'Roboto Condensed', Sans-Serif;
}
footer b
{
    font-weight: 900;
}
footer a
{
    color:#104734;
}
.FooterContainer
{
    display:flex;
    align-items:stretch;
}
.FooterLeft
{
    border-right:2px solid #104734;
    text-align:right;
}
footer h1
{
    /*font-size:2.813em;*/
    font-size:2.300em;
    line-height:1.111;
    font-weight:bold;
}
.FooterMapLink
{
    color:#656B6C;
    font-size:1.250em;
    line-height:1.500;
    font-weight:bold;
    display:inline-block;
    /*margin-top:70px;*/
    margin-top:15px;
}
.FooterCenter
{
    text-align:center;
    display:none;
}
.FooterLogo
{
    display:inline-block;
    max-width:100%;
}
.FooterLogo img
{
    max-width:100%;
}
.FooterRight
{
    text-align:left;
}
.FooterLinksColumnA1
{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.FooterLink
{
    /*display:block;*/
    display:inline-block;
    font-weight:bold;
    margin-bottom:10px;
    /*font-size:3.313em;*/
    font-size:2em;
}

.FooterMiddle h1 {
    font-weight:800;
    text-transform:uppercase;
    font-size:2.7em;
 
}

.FooterMiddle
{
    background:#000;
    background-image:url(../sysimages/hpBG_black.png);
    background-attachment:fixed;
    padding:50px 0;
    text-align:center;
    color:white;

}
.social_media_buttons .fa-layers /*size of grouping layer for fontawesome icons*/
{
    height:3em;
    width:3em;
}
.social_media_buttons svg /*size of icon inside circle*/
{
    font-size:1.500em;
}
.social_media_buttons svg.fa-circle /*size of fontawesome circle - usually should be same size as layers*/
{
    font-size:3em;
}
.FooterAppButtons
{
    margin-top:10px;
}
.FooterBottom
{
    background:#000;
    padding:20px 0;
    font-size:14px;
}
.FooterBottom a:hover, .FooterBottom a:focus
{
    color:white;
}
.FooterBottomLeft
{
    text-align:right;
    border-right:2px solid #104734;
}
.footertext
{
    /*color:#656B6C;*/
    color:#fff;
    /*font-size:1.250em;*/
    font-size:1em;
    line-height:1.500;
    font-weight:bold;
}
.FooterBottomRight
{

}
.FooterLINQ
{
    display:block;
    font-size:0.938em;
    font-weight:bold;
    color:#fff;
}
.FooterOwnership
{
    display:block;
    font-size:0.938em;
    font-weight:bold;
    color:#fff;
}
.FooterStatement
{
    text-align:center;
    color:white;
    padding-top:5px;
}
.FooterStatement a
{
    color:white;
}

footer {display:none;}
@media screen and (max-width:1300px)
{
    footer{font-size:14px;}
}
@media screen and (max-width:1100px)
{
    footer{font-size:12px;}
}
@media only screen and (max-width : 991px)
{
    .FooterContainer{display:flex; flex-direction:column; align-items:center; text-align:center;}
    .FooterLeft
    {
        border-right:none; border-bottom:2px solid #104734; margin-bottom:10px; text-align:center;
    }
    .FooterLogo{display:none;}
    .FooterMapLink{margin-top:20px;}
    .FooterRight{text-align:center; margin-top:10px;}
    .FooterBottomLeft
    {
        border-right:none; border-bottom:2px solid #104734; margin-bottom:10px; text-align:center;
    }
    .FooterBottomRight
    {
        text-align:center;
    }
    .FooterOwnership, .FooterLINQ
    {
        text-align:center;
    }
}
@media only screen and (max-width : 767px)
{
    .FooterLink{line-height:1.1;}
}
/* END FOOTER */

/* HOMEPAGE SLIDESHOW */
.slideshow_outer_container
{
    border-bottom: 2px solid #193E30;
}
.slideshow_image 
{
    height: calc(80vh - 200px);
    object-fit: cover;
    object-position: center center;
}
.slideshow_caption_container_outer
{
    z-index:5;
}
.slideshow_caption_container_inner
{
}
.slideshowOverlay
{
    z-index:3;
    top:0;
}
.slideshow_caption_header
{
}
.slideshow_caption_text
{
}
.slideshow_caption_link
{
}
.SlideShowNav a
{
    color: White;
    background: #193E30;
}
.slick-dots li button::before
{
    color:#000;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: white;
}
.slick-dots li.slick-active button:before
{
    color:#101010;
}
.slick-prev, .slick-next
{
    margin-top: -35px;
    color:#193E30;
}
.hpDiv2 .slick-prev, .hpDiv2 .slick-next
{
    margin-top: 0px;
}
.slick-prev:hover, .slick-next:hover, .slick-prev:active, .slick-next:active, .slick-prev:focus, .slick-next:focus
{
    color:#193E30;
}
.slick-prev:before, .slick-next:before
{
    color:#193E30;
}
@media screen and (max-width: 1180px)
{
    .slideshow_caption_container_outer
    {
    }
    .slideshow_caption_container_inner
    {
        max-width: 475px;
    }
    .slideshow_caption_header
    {
        font-size: 2em;
    }
}
@media screen and (max-width: 1065px)
{
    .slideshow_caption_container_outer
    {
        right: 10px;
        bottom: 10px;
    }
    .slideshow_caption_container_inner
    {
        max-width: 450px;
    }
}
@media screen and (max-width:991px)
{
}
@media screen and (max-width:500px)
{
    .slideshow_caption_container_outer{position:relative; right:auto; bottom:auto; font-size:14px;}
}
/* END HOMEPAGE SLIDESHOW */

/* GENERAL HOMEPAGE STYLES */
.hpTitle
{
    font-weight:700;
    float:none;
    font-size:2.813em;
    line-height:1.111;
    margin:0 0 40px;
    color:#104734;
    text-align:center;
}
.hpl
{
    float:right;
    margin-top: 30px;
    width: 100%;
    text-align: center;

}
.hpLink
{
    background: transparent;
    border-radius: 0;
    text-transform: none;
    border: none;
    color: #193E30;
    font-weight: 900;
}
.hpLink:hover, .hpLink:focus
{
    color: White;
    background: #05744C;
}
.HomepageContainer
{
    float:left;
    width:100%;
    padding:0 15px;
}
.hpLine
{
    height:1px;
    width:100%;
    background-color:Black;
    float:left;
    clear:both;
    display:none;
}
@media only screen and (max-width : 767px)
{
    .hpTitle
    {
        float: none;
        margin: 0;
        text-align: center;
        font-size:1.9em;
    }
    .hpl
    {
        float: none;
        margin: auto;
        text-align: center;
        padding-top: 15px;
    }
}
/* END GENERAL HOMEPAGE STYLES */

/* HP LINK BOXES */
.hpLinkBoxesContainer
{
    display:flex;
    height:400px;
    font-family:'Roboto Condensed', Sans-Serif;
}
.hpLinkBox
{
    flex:1;
    background-color:#104734;
    background-position:center center;
    background-size:cover;
    position:relative;
    text-align:center;
    transition:0.4s;
}
.hpLinkBox.hpLinkBoxCap
{
    /*flex:1.5;*/
    background-image:url(../sysimages/LogoFooter.png);
}
.hpLinkBox:hover, .hpLinkBox:focus-within
{
    flex:1.2;
}
.hpLinkBox.hpLinkBoxCap:hover, .hpLinkBox.hpLinkBoxCap:focus-within
{
    flex:1;
}
.hpLinkBoxOverlay
{
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color:rgba(31,31,31,.20);
}
.hpLinkBox:nth-child(2) .hpLinkBoxOverlay
{
    /*background-color:rgba(31,31,31,.20);*/
} 
.hpLinkBox:nth-child(3) .hpLinkBoxOverlay
{
    /*background-color:rgba(31,31,31,.20);*/
} 
.hpLinkBoxCap .hpLinkBoxOverlay
{
    background-color:rgba(16,71,52,.85);
} 
.hpLinkBox:hover .hpLinkBoxOverlay
{
    background-color:rgba(16,71,52,.65);
} 

.hpLinkBoxText
{
    color:White;
    position:absolute;
    z-index:3;
    bottom:30px;
    left:0;
    right:0;
    width:100%;
    padding:0 20px;
}
.hpLinkBoxPopupText
{
    opacity:0;
    margin-bottom:25px;
    transition:0.5s;
    font-size:1.250em;
    font-weight:bold;
}
.hpLinkBox:hover .hpLinkBoxPopupText, .hpLinkBox:focus .hpLinkBoxPopupText
{
    opacity:1;
}
.hpLinkBoxLink
{
    /*font-size:2.313em;*/
    font-size:1.938em;
    line-height:0.943;
    font-weight:bold;
    color:White;
    font-family:raleway, sans-serif;
    text-transform:uppercase;
    text-decoration:underline;
}
.hpLinkBox:hover .hpLinkBoxLink, .hpLinkBox:focus-within .hpLinkBoxLink
{
    color:White;
    /*font-size:3.313em;*/
    font-size:2.313em;
}
.hpLinkBoxCapText
{
    padding:0 3em;
    text-align:left;
}
.hpLinkBoxCapText h1
{
    font-size:1.500em;
    line-height:0.943;
    font-weight:normal;
    color:White;
    font-family:raleway, sans-serif;
    text-transform:uppercase;
    font-style:italic;
    margin:0;
}
.hpLinkBoxCapText h2
{
    font-size:2.313em;
    line-height:1.1;
    font-weight:bold;
    color:White;
    font-family:raleway, sans-serif;
    text-transform:uppercase;
    margin-top:5px;
}
.hpLinkBoxCapText hr
{
    height:8px;
    border:none;
    width:90%;
    background:White;
    margin:33px 0 33px;
}
.hpLinkBoxCapText h3
{
    font-size:1.250em;
    line-height:1.2;
    font-weight:normal;
    color:White;
    font-family:raleway, sans-serif;
    font-style:italic;
}
.hpLinkBoxCapText a
{
    font-size:1.250em;
    line-height:1.2;
    font-weight:bold;
    color:White;
    font-family:raleway, sans-serif;
    font-style:italic;
}
.StickyNav
{
    position:absolute;
    top:215px;
    right:12px;
    float:right;
    z-index:3;
	transition: all 0.4s ease-out 0.1s;
	-webkit-transition: all 0.4s ease-out 0.1s;
}
.StickyNav img
{
    max-width:100%;
}
.StickyNavOpen
{
}
.StickyNavButton
{
    float:right;
    clear:right;
    width:95px;
    height:95px;
    background-color:#DADADA;
    border:3px solid #FFFFFF;
}
.NavImage1
{
    margin-top:0px;
    margin-left:0px;
}
.NavImage2
{
    margin-top:10px;
    margin-left:0;
}
.NavImage3
{
    margin-top:55px;
    margin-left:24px;
}
.NavExit
{
    position:absolute;
    right:-12px;
    top:-21px;
    z-index:4;
    width:45px;
}
.NavExit img
{
    max-width:100%;
}
.StickyNavHidden
{
    right:-170px;
    position:absolute;
	transition: all 3.4s ease-out 0.1s;
	-webkit-transition: all 0.4s ease-out 0.1s;
    display:none;
}
.HideButton
{
    display:none;
}
.ShowButton
{
    display:block;
    background-color:Yellow;
    margin:20px;
    text-align:center;
}
.NavShow
{
    position:absolute;
    right:10px;
    /*top:285px;*/
    top:20px;
    background-color:#F4F7FB;
    padding:7px 5px;
    color:#1D1C73;
    width:110px;
    border-radius:4px;
    border:2px solid #4446D3;
    box-shadow:0 0 5px 5px rgba(0, 0, 0, .4);
    font-size:0.9em;
    font-weight:bold;
	transition: all 3.4s ease-out 0.1s;
	-webkit-transition: all 0.4s ease-out 0.1s;
}
@media screen and (min-width:992px)
{
    .hpLinkBoxesContainer{width:100%; height:calc(71vh - 124px); position:relative;}
}
@media screen and (max-width:1440px)
{
    .hpLinkBoxCapText
    {
        padding:0 3em 0 0;
    }
}
@media screen and (max-height:805px) and (max-width:1250px)
{
    .hpLinkBox.hpLinkBoxCap
    {
        font-size:11px;
    }
    .hpLinkBoxCapText
    {
        padding-right:12em;
    }
}
@media screen and (max-width:1200px)
{
    .hpLinkBox{font-size:12px;}
}
@media screen and (max-width:991px)
{
    .hpLinkBox.hpLinkBoxCap{display:none;}
    .NavExit{left:auto; right:0;}
    .NavShow{position:static;}
    .StickyNav{position:relative; float:left; width:100%; text-align:center; top:auto; left:auto; right:auto; margin-bottom:25px;}
    .StickyNavButton{clear:none;}
    .StickyNavHidden{display:none;}
    .hpLinkBoxCapText
    {
        padding:0 2em;
    }
}
@media screen and (max-width:600px)
{
    .hpLinkBoxesContainer{flex-direction:column; height:auto;}
    .hpLinkBox{flex:auto; min-height:210px; height:auto; background-position:center top;}
    .hpLinkBox:hover, hpLinkBox:focus{flex:auto;}
    .hpLinkBoxPopupText{opacity:1;}
}
/* END HP LINK BOXES */

/* HP WILDCAT WAY */
.hpWildCatWay
{
    padding:33px 0 0;
    color:White;
    background-color:#F2F2F2;
    font-family:'Roboto Condensed', Sans-Serif;
    text-align:center;
}
.hpWildCatWay .container-fluid
{
    display:flex;
    flex-direction:column;

}
.hpWildCatWay h1
{
    text-align:center;
    font-size:2.813em;
    line-height:1.111;
    margin: 0 0 6px;
    font-weight:bold;
}
.hpWildCatWay h3
{
    text-align:center;
    font-size:1.5em;
    line-height:1.111;
    margin: 0 0 26px;
    font-weight:normal;
    color:black;
}
.hpWildCatWay h3 b
{
    font-style:italic;
}
.hpWildButtonContainer
{
    display:flex;
    justify-content:space-around;
    margin-bottom:26px;
}
.hpWildButton
{
    color:White;
    background-color:#104734;
    border-radius:6px;
    font-size:1.250em;
    font-weight:bold;
    width:210px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
}
.hpWildButton:hover, .hpWildButton:focus
{
    background-color:#68625E;
    color:White;
    text-decoration:none;
}
.hpWildLink
{
    color:#104734;
    text-decoration:underline;
    display:inline-block;
    text-align:center;
    font-size:1.000em;
    line-height:1.667;
    font-weight:bold;
    font-family:raleway, sans-serif;
}
.DownContainer
{
    /*height:100%;*/
    height:auto;
    left:auto;
    right:auto;
    width:150px;
    float:right;
    align-self:flex-end;
}
.DownContainer a, .DownContainer button
{
    float:right;
    left:auto;
    bottom:auto;
    background:White;
    border-radius:50% 50% 0 0;
    padding:7px 10px 0px;
    width:100%;
    position:relative;
    border:none;
    color:#104734;
}
@media screen and (min-width:992px)
{
    /*.hpWildCatWay{margin-top:calc(100vh - 50px - 255px);}*/
}
@media screen and (max-width:1200px)
{
    .hpWildCatWay{padding-top:80px;}
}
@media screen and (max-width:991px)
{
    .hpWildCatWay{padding-top:40px; font-size:12px;}
    .hpWildButtonContainer{flex-direction:column; align-items:center;}
    .hpWildButton{margin:10px 0;}
    .DownContainer
    {
        display:none;
    }
}
/* END WILDCAT WAY */

/* HOMEPAGE CTA */
.hpPointsOfPrideContainer
{
    background:#104734;
    padding:30px 0;
    width:100%;
    font-family:'Roboto Condensed', Sans-Serif;
}
.homepage_points_outer
{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.homepage_points_box
{
    margin:0 10px;
    background:#208C67;
    border:none;
    color:#FFF;
    border-radius:50%;
    width:200px;
    height:200px;
}
.homepage_points_borderbox
{
    padding:10px 29px 10px;
    text-align:center;
    min-height: 208px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
.homepage_points_icon
{
    font-size:2.250em;
    margin:0 0 7px;
    padding:0;
    line-height:1.100;
    font-weight:bold;
}
.homepage_points_icon svg
{
    color:white !important;
}
.homepage_points_title
{
    font-weight:700;
    font-size:2.000em;
    line-height:1.000;
    margin:0 0 5px;
}
.homepage_points_title.small
{
    font-size:3.000em;
    line-height:1.110;
}
.homepage_points_statistic
{
    font-size:1.250em;
    line-height:1.100;
    margin:0;
    display:block;
    font-weight:normal;
}
@media screen and (max-width:1200px)
{
    .homepage_points_borderbox{font-size:12px;}
    .homepage_points_description{font-size:1.700em;}
    .homepage_points_box{border-radius:0;}
}
@media screen and (max-width:991px)
{
    .homepage_points_outer
    {
        flex-wrap:wrap;
        justify-content:center;
    }
    .homepage_points_box
    {
        margin:10px 10px;
    }
}
@media (max-width:767.9px)
{
    .homepage_points_container{padding:30px 0;}
    .homepage_points_row 
    {
        margin-left:-30px;
        margin-right:-30px;
    }
    .homepage_points_borderbox{min-height:228px;}
    .homepage_points_outer{width:100%;}
}
@media (max-width:500px)
{
    .homepage_points_container{font-size:14px;}
}
/* END HOMEPAGE CTA*/
/* HOMEPAGE NEWS */
.hpDiv1
{
    background-color:#F9F9F9;
    padding:40px 35px 40px;
    font-family:'Roboto Condensed', Sans-Serif;
   
}
.news_slider
{
    float:left; 
    margin-top:0;
    max-width:100%;
}
.HPNewsPhoto
{
}
.HPNewsPhoto img
{
}
.HPnewscomponent_mainlink
{
    color:Black;
}
.HPnewscomponent_maintext
{
    color:Black;
}
/* END HOMEPAGE NEWS */

/* HORIZONTAL SLIDER EVENTS */
.hpDiv2
{
    background: white;
    padding:40px 35px 40px;
    font-family:'Roboto Condensed', Sans-Serif;
}
.hpDiv2 .hpTitle
{
    text-transform:uppercase;
    margin-bottom:0;
}
.hpDiv2 .hpl
{
    text-align:right;
}
.events_slider_horiz
{
    float:left; 
    width:100%; 
    margin-top:0;
}
.EventCarouselHoriz
{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}
.eventcomponent_datecontainerHoriz
{
    background-color:#104734;
    width:60px;
    height:60px;
    text-align:center;
    float:left;
    padding-top:3px;
}
.eventcomponent_monthHoriz
{
    font-weight:bold;
    color:White;
    font-size:1.571em;
    text-transform:uppercase;
    line-height:1;
}
.eventcomponent_dateHoriz
{
    font-weight:bold;
    color:White;
    font-size:1.571em;
    line-height:1;
}
.eventcomponent_linktextHoriz
{
    color:Black;
    font-weight:bold;
    font-size:1.286em;
    line-height:1;
    text-transform:uppercase;
}
.eventcomponent_maintextHoriz
{
    color:Black;
    font-size:1.11em;
}
.eventcomponent_datetextHoriz
{
    color:#444748;
    font-size:1.000em;
    font-weight:normal;
    text-transform:none;
}
.event_articleHoriz
{
    float:left;
    width:auto;
    margin-left:3%;
}
@media screen and (max-width:991px)
{
    .eventcomponent_datecontainerHoriz
    {
        flex-shrink:0;
    }
}
@media screen and (max-width:768px)
{
    .hpDiv2
    {
        padding:40px 0;
    }
    .hpDiv2 .HomepageContainer
    {
        margin-bottom:10px;
    }
    .eventcomponent_linktextHoriz
    {
        font-size:1em;
    }
}
/* END HORIZONTAL SLIDER EVENTS */

/* HP TEXT */
.hpMessageFactsContainer
{
    background:#104734;
    padding:100px 0;
    width:100%;
    font-family:'Roboto Condensed', Sans-Serif;
}
.MessageTextbox
{
    background:White;
    color:#000000;
    float:left;
    margin-left:-38px;
    margin-top:38px;
    padding:10px 40px;
    width:440px;
    max-width:100%;
    min-height:344px;
}
.MessageImage
{
    float:left;
    max-width:100%;
}
.MessageTitle
{
    color:#656A6C;
    font-size:1.875em;
    line-height:1.667;
    font-weight:bold;
}
.MessageText
{
    font-size:1.250em;
    line-height:1.100;
}
.MessageText a
{
    color:#104734;
}
.homepage_facts_container
{
    padding:100px 0 85px;
    background-repeat:no-repeat;
    background-size:cover;
    background-image:url(../sysimages/hpStatsBG.png);
    background-color:#000;
    background-position: center center;
    background-repeat: no-repeat;
    position:relative;
    width:100%; 
    clear:both;
}
.homepage_facts_outer
{
    display:flex;
    flex:1;
    height:auto;
    padding:0 12px;
    margin-bottom:20px;
}
.homepage_facts_box
{
    margin:0 0;
    background:rgba(255,255,255,1);
    border:5px solid #9DA1A2;
    color:#FFF;
    border-radius:50%;
    width:100%;
}
.homepage_facts_borderbox
{
    padding:10px 12px 10px;
    text-align:center;
    min-height: 208px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.homepage_facts_title
{
    font-weight:700;
    font-size:2.215em;
    line-height:1.088;
    margin:0;
    color:#6D7374;
}
.homepage_facts_title.small
{
    font-size:6.250em;
    line-height:1.110;
}
.homepage_facts_statistic
{
    font-size:1.250em;
    line-height:1.100;
    margin:0;
    color:#000;
    display:block;
    font-weight:bold;
}
.homepage_facts_description
{
    font-size:1.250em;
    margin:0;
    padding:0;
    line-height:1.100;
    color:#000;
    font-weight:bold;
}
@media screen and (max-width:1200px)
{
    .MessageDiv{display:flex; align-items:center;}
    .MessageTextbox{width:auto; margin-left:0; margin-top:0;}
    .MessageTitle{display:block; line-height:1.1;}
    .homepage_facts_borderbox{font-size:12px; min-height:360px;}
    .news_slider_facts{margin-top:40px;}
    .homepage_facts_description{font-size:1.700em;}
    .homepage_facts_box{border-radius:0;}
}
@media screen and (max-width:991px)
{
}
@media (max-width:767.9px)
{
    .MessageDiv{flex-direction:column;}
    .MessageTextbox{min-height:0;}
    .MessageTitle{margin-bottom:10px;}
    .homepage_facts_container{padding:30px 0;}
    .homepage_facts_row 
    {
        margin-left:-30px;
        margin-right:-30px;
    }
    .homepage_facts_borderbox{min-height:228px;}
    .homepage_facts_outer{width:100%;}
}
@media (max-width:500px)
{
    .MessageTextbox{font-size:13px; text-align:center;}
    .homepage_facts_container{font-size:14px;}
}
/* END HP TEXT */

/* HP SCRIPT */
.hpSocialContainer
{
    background:#fff;
    padding:40px 0 60px;
    width:100%;
    position:relative;
    font-family:'Roboto Condensed', Sans-Serif;
    text-align:center;
}
.hpSocialContainer .container-fluid
{
    position:relative;
    z-index:4;
}
.hpSocialOverlay
{
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    z-index: 2;
}
.hpSocialContainer .hpTitle
{
    color:#000;
}
/* END HP SCRIPT */

/* DYNAMIC NAV */
.DynamicNav
{
    font-size:1em;
}
.DynamicNav ul li
{
    background:#fff;
}
.DynamicNav ul li a
{
    color:#26272B;
    border-bottom: 1px solid #EAEAEA;
}
.DynamicNav ul li a:hover, .DynamicNav ul li a:focus
{
    background:#F0F0F0;
    color:#193E30;
}
.DynamicNav ul li ul li a
{
    color:white;
    border-bottom: none;
    background: #193E30;
}
.DynamicNav_currentpage_link
{
    color:white !important;
    border-bottom: 1px solid #05744C !important;
    background: #193E30;
}

.DynamicNav ul li ul li a:hover, .DynamicNav_currentpage_link:hover, .DynamicNav ul li ul li a:focus, .DynamicNav_currentpage_link:focus
{
    background: #05744C !important;
    color: White !important;
}
@media screen and (min-width:991px)
{
    .DynamicNav > ul > li:first-child a
    {
        background:#68625E;
        color:White;
        border-bottom:1px solid #000000;
    }
    .DynamicNav
    {
    
        margin-bottom:20px;
    }
    .DynamicNav_show-menu
    {
        display:block;
    }
}
@media screen and (max-width:992px)
{
    #menu
    {
        display:none;
    }
}
/* END DYNAMIC NAV */

/* CSS TOUTS, ADDS STYLES TO TOUTS, IMAGE HIDDEN IN CONTROL */

.ToutButton
{
    background-color:#BE0A14;
    border-radius:6px;
    padding:10px 15px;
    font-size:1.286em;
    color:White;
    font-weight:bold;
    display:block;
    width:100%;
    margin-bottom:5px;
    border-bottom:1px solid Black;
}
.ToutButton:hover, .ToutButton:focus
{
    background-color:Black;
    text-decoration:none;
    color:White;
}

/* END CSS TOUTS * /

/* EVENTS COMPONENT */
.mastercalendar_filterbar
{
    background-color:#F5F5F5;
}
.eventcomponent_datecontainer
{
    background:#193E30;
}
.eventCalendar_titleStyle /* Month and Year Style */
{
    background-color:#193E30;
    color: #fff;
}
.eventcomponent_month
{
    color:#FFF;
}
.eventcomponent_date
{
    color:#FFF;
}
.eventcomponent_textcontainer h3 a
{
    color:#101010;
}
.eventCalendar_todayDayStyle a
{
    color:#fff !important;
    background-color:#193E30;
}
.eventCalendar_dayStyle:hover a, .eventCalendar_otherMonthDayStyle:hover a, .eventCalendar_todayDayStyle:hover a, .eventCalendar_dayStyle:focus a, .eventCalendar_otherMonthDayStyle:focus a, .eventCalendar_todayDayStyle:focus a
{
    background-color:#193E30; /* Hover Color */
    color:#fff !important;
}
.monthly-today .monthly-day-number 
{
    background: #05744C !important;
}
.monthly-event-list .listed-event /* Fix for color issue in monthly.css */
{
    color:#000 !important;
}
/* END EVENTS COMPONENT */

/* ARTICLES */
.BtnArticleBack {
    background-color: #090909;
    border-radius: 2px;
    color: White;
    font-size: 17px;
    padding: 6px 9px;
    font-weight: bold;
    display: inline-block;
}
.BtnArticleBack:hover, .BtnArticleBack:focus
{
    background-color: #545454;
    color:White;
    text-decoration: none;
}
/* END ARTICLES */

/* NEWS COMPONENT */
.newscomponent_item
{
    border-bottom:1px solid #ededed;
}
.newscomponent_imagecontainer
{
    padding-right:20px;
}
.newscomponent_imagecontainer img
{
    width:100%;
    max-width:400px !important;
}
/* END NEWS COMPONENT */

/* FILES AND LINKS COMPONENT */
.linksList
{
    clear:both;
}
.linksList h3.component_title
{
    float:none;
    display:inline-block;
    margin-top:20px;
    margin-bottom:10px;
}
.linkcomponent_table
{
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.linkcomponent_tablecell
{
    padding:5px 5px 10px;
    text-align:center;
}
.linkcell25
{
    width:25%;
}
.linkcell50
{
    width:50%;
}
.linksList li a
{
    text-decoration:underline;
}
@media screen and (max-width:991px)
{
    .linkcell25{width:50%;}
}
@media screen and (max-width:400px)
{
    .linkcomponent_tablecell{line-height:1.2;}
    .linkcell25{width:100%;}
    .linkcell50{width:100%;}
}
/* END FILES AND LINKS COMPONENT */

/* VIDEO COMPONENT */
.VideoPanel
{
    clear:both; /* Clearfix for video panel */
}
/* END VIDEO COMPONENT */

/* TEXT WINDOW */
.textwindow_text ul, .textwindow_text ol
{
    overflow:hidden; /* fix for embedded image causing issues with lists */
}
/* END TEXT WINDOW */

/* PODCAST COMPONENT */
audio::-webkit-media-controls-panel
{
    background-color:rgba(0,0,0,.2); /* Chrome */
}
.PodcastTop hr{height:1px; background:Black; width:97%; margin:10px 0 0;}
.PodcastContainer
{
    padding:10px 0;
}
.podcast_titletext
{
    display:block;
}
.podcast_maintext{}
.podcast_mainlink
{
    color:#3174AF;
}
/* END PODCAST COMPONENT */

/* start ADA button */
.divCompliance
{
}
.divCompliance a
{
	color:White;
}
/* stop ADA button */
/*Public User Dashboard */
.DashboardNav
{
    width:100%;
    border:1px solid #C1C1C1;
    padding:11px;
    margin-bottom:5px;
}
/* end dashboard */
.search_advancedsearchbox
{
    display:none;
}
.search_advancedsearchbox.search_showadvancedbox
{
    display:block;
}
.ButtonRefreshSearch
{
    background:#4273b3;
    padding:7px 10px;
    border-radius:5px;
    color:white;
}
.ButtonRefreshSearch:focus, .ButtonRefreshSearch:hover
{
    color:white;
}
.hpSlideshowPauseAndPlay
{
    position: absolute;
    right: 100px;
    z-index:999;
    bottom:-5%;
}
.hpSlideshowPauseAndPlay button
{
    background:transparent;
    border:none;
    color:White;
    font-size:30px;
    text-shadow: 0 0 10px #333;
}
.hpSlideshowPauseAndPlay button:focus
{
    border:2px solid blue;
}
iframe{max-width:100% !important;}