﻿
body {
    background: #ffffff !important;
    /*background: #9da1ae;
	background: -moz-linear-gradient(top,  #9da1ae 0%, #f9f9fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9da1ae), color-stop(100%,#f9f9fa)); 
	background: -webkit-linear-gradient(top,  #9da1ae 0%,#f9f9fa 100%); 
	background: -o-linear-gradient(top,  #9da1ae 0%,#f9f9fa 100%); 
	background: jquery-1.8.3.min.js-ms-linear-gradient(top,  #9da1ae 0%,#f9f9fa 100%); 
	background: linear-gradient(top,  #9da1ae 0%,#f9f9fa 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9da1ae', endColorstr='#f9f9fa',GradientType=0 );  */
}



#s4-bodyContainer {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*
#s4-ribbonrow,
#s4-statusbarcontainer,
#s4-ribboncont,
#pageStatusBar,
.masthead,
#topnavbar,
#AlertsBanner,
#bannerBlock,
#campaignBlock,
#connectBlock,
#gadoe-footer-partners,
#gadoe-footer-final,
.navbar,
.navbar-inner{

  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;

}*/

.ms-MenuUIPopupBody,
.ms-MenuUIPopupScreen {
    z-index: 9999;
}


@font-face {
    font-family: 'Oswald Light';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-light-webfont.woff') format('woff'), url('fonts/oswald-light-webfont.ttf') format('truetype'), url('fonts/oswald-light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald Regular';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald Bold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-bold-webfont.woff') format('woff'), url('fonts/oswald-bold-webfont.ttf') format('truetype'), url('fonts/oswald-bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ms-body a:link {
    color: #346834 !important;
    text-decoration: none;
}

.ms-body a:visited {
    color: #346834 !important;
    text-decoration: none;
}

.ms-body a:hover {
    color: #346834 !important;
    text-decoration: underline;
}

.ms-body a:active {
    color: #346834 !important;
    text-decoration: underline;
}


.ms-vb2 a:link {
    color: #346834 !important;
    text-decoration: none;
}

.ms-vb2 a:visited {
    color: #346834 !important;
    text-decoration: none;
}

.ms-vb2 a:hover {
    color: #346834 !important;
    text-decoration: underline;
}

.ms-vb2 a:active {
    color: #346834 !important;
    text-decoration: underline;
}


#MSO_ContentTable h1 {
    font-family: 'Oswald Bold' !important;
    font-size: 30px !important;
    color: #0C7C8E !important;
        margin-top: 0px !important;
}


#gadoe-page-center h2 {
    font-family: 'Oswald Regular' !important;
    font-size: 25px !important;
    color: #877867 !important;
}


#gadoe-page-center h3 {
    font-family: 'Oswald Light' !important;
    font-size: 20px !important;
    color: #0C7C8E !important;
}

#gadoe-page-right h3 {
    font-family: 'Oswald Regular' !important;
    font-size: 20px !important;
    color: #877867 !important;
}



#gadoe-page-center h4 {
    font-family: 'Oswald Regular' !important;
    font-size: 15px !important;
    color: #346834 !important;
}


#gadoe-page-center h5 {
    font-family: Oswald !important;
    font-size: 12px !important;
    color: #346834 !important;
}


#gadoe-page-center h6 {
    font-family: 'Oswald Regular' !important;
    font-size: 10px !important;
    color: #346834 !important;
}

#gadoe-page-center li,
#gadoe-page-right li {
    line-height: 24px !important;
}


#gadoe-page-center {
    font-size: 16px;
    line-height: 24px;
}

    #gadoe-page-center h2 {
        margin-top: 30px !important;
    }

        #gadoe-page-center h2:first-child {
            margin-top: inherit !important;
        }

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#main-container {
    background-color: #FFFFFF;
}

hr {
    border-top: 4px solid #666666 !important;
}

#sharethis {
    margin-bottom: 30px;
}

#mainbody {
    background-color: #FFFFFF;
}



#MSOZone_EmptyZoneCell {
    display: none;
}

#gadoe-breadcrumb {
    padding-left: 16px;
    padding-top: 20px !important;
}
#gadoe-page-right .item {
    padding: 0px !important;
}

#gadoe-page-center a > font,
#gadoe-page-right a > font,
#gadoe-page-center a:visited,
#gadoe-page-right a:visited {
    color: #346834;
}

#gadoe-page-center a,
#gadoe-page-right a,
#gadoe-page-center a:visited,
#gadoe-page-right a:visited {
    color: #346834;
}


#gadoe-page-center li {
    list-style: square outside none;
}

.ms-webpart-zone,
.ms-webpart-cell-vertical,
.ms-webpart-chrome-vertical {
    display: block !important;
}

.ms-WPBody > table,
.ms-WPBody > table > tbody,
.ms-WPBody > table > tbody > tr,
.ms-WPBody > table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
}

table.gadoeTable-default,
.gadoeTable-default th,
.gadoeTable-default td {
    border: none !important;
}

.ms-rtestate-write table.gadoeTable-default,
.ms-rtestate-write .gadoeTable-default th,
.ms-rtestate-write .gadoeTable-default td {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    border: 1px #C0C0C0 dashed !important;
}

/*----------------------------------------------------- END GLOBAL STYLES --------------------------------------------------*/
/*----------------------------------------------------- BEGIN HEADER ------------------------------------------------------*/

.masthead {
    position: relative;
    /*background-color: #e5e5e5 !important;*/
    /*background: linear-gradient(to bottom, #ffffff, #e5e5e5) !important;*/
    /*background: -moz-linear-gradient(top, #ffffff 50%, #e5e5e5 50%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#e5e5e5)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #ffffff 50%,#e5e5e5 50%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #ffffff 50%,#e5e5e5 100%); /* Opera 11.10+ */
    /*background: jquery-1.8.3.min.js-ms-linear-gradient(top, #ffffff 50%,#e5e5e5 50%); /* IE10+ */
    /*background: linear-gradient(top, #ffffff 50%,#e5e5e5 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    height: 124px;
}

}

#social {
    width: 200px;
    z-index: 100;
}

    #social a {
        float: right;
        margin-left: 4px;
    }

#gadoe-header-right {
    position: relative;
    height: 124px;
}

.fa-lg > .fa-circle {
    /*color: #666666;*/
    /*color: #0066B2 !important; /*New GaDOE Style March 2019 */
}

.fa-lg, .fa-circle a:visited {
    color: #0C7C8E !important; /*New GaDOE Style March 2019 */
}

    .fa-lg:hover > .fa-circle {
        color: #F26300;
    }

#sup a, #sup a:link, #sup a:hover, #sup a:visited {
    color: #333;
}

/*------------------------------------------------------ END HEADER --------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN GLOBAL NAVIGATION ----------------------------------------------------*/

#topnavbar {
    background-color: #346834 !important; /*New GaDOE Style March 2019 */
}

.navbar {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .navbar .btn {
        background-color: transparent !important;
        -webkit-box-shadow: 0 0px 0 rgba(255,255,255);
        -moz-box-shadow: 0 0px 0 rgba(255,255,255);
        box-shadow: 0 0px 0 rgba(255,255,255);
        border: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -box-shadow: none !important;
    }

a.btn,
a.btn-navbar {
    background-color: transparent !important;
    background-image: none !important;
}

.nav .menu-horizontal li.static > .menu-item {
    color: #E0F9CF !important;
}

/* New GaDOE Style March 2019 */
.navbar-inverse,
.navbar-inner {
    background-color: #346834 !important;
    background: linear-gradient(to bottom, #346834, #346834) !important;
    background: -moz-linear-gradient(top, #346834 0%, #346834 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#346834), color-stop(100%,#346834 )) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #346834 0%,#346834 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #346834 0%,#346834 100%) !important; /* Opera 11.10+ */
    background: jquery-1.8.3.min.js-ms-linear-gradient(top, #346834 0%,#346834 100%) !important; /* IE10+ */
    background: linear-gradient(top, #346834 0%,#346834 100%) !important; /* W3C */
    /*background-image: linear-gradient(to bottom, #333333, #333333) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346834', endColorstr='#346834',GradientType=0 ) !important;
    background-repeat: repeat-x;
    border-color: #346834 !important;
    border-bottom: none !important;
    border: 0px !important;
}

    .navbar-inverse .nav li.static > a.selected,
    .navbar-inverse .nav li.static > a:hover,
    .navbar-inverse .nav li.static li.static:hover > .menu-item {
        background-color: #3f841c !important;
    }

.nav-collapse .nav > li > a {
    padding: 10px 15px !important;
}

.navbar .nav > li > a {
    color: #E0F9CF !important; /*New GaDOE Style March 2019 */
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none !important;
    font-family: Oswald Regular;
    font-size: 17px;
}

.navbar .nav > li.open > a {
    color: white !important; /*New GaDOE Style March 2019 */
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none !important;
}

.navbar .nav > li > a:hover {
    color: white !important; /*New GaDOE Style March 2019 */
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none !important;
}

.navbar .nav > li.open > a:hover {
    background-color: white !important; /*New GaDOE Style March 2019 */
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none !important;
}

.navbar .nav > li > a:visited {
    color: #E0F9CF !important;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none !important;
}

.navbar .nav > li > a:active {
    color: white !important; /*New GaDOE Style March 2019 */
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: none !important;
}


.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #AEE4FF !important; /*New GaDOE Style March 2019 */
    color: #0C7C8E !important;
    border-top: 0px;
    ;
}

.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after {
    content: none !important;
}

.navbar li.dynamic {
    border-bottom: 1px solid #E4E4E4;
}

    .navbar li.dynamic:first-child {
        border-top: none;
    }

    .navbar li.dynamic:last-child {
        border-bottom: none;
    }


.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover {
    background-color: transparent !important;
}


.nav-collapse .nav > li > a {
    margin-bottom: 0px !important;
}

.nav {
    font-size: 14px !important;
}




#GlobalNavLabelContainer {
    display: none;
    height: 40px;
    width: 300px;
}


#GlobalNavLabel {
    color: #fff;
    font-size: 18px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0px;
    top: 5px;
}

.dropdown-menu {
    background-color: #AEE4FF !important;
    opacity: 1; /*New GaDOE Style March 2019 */
    filter: Alpha(opacity=50); /* IE8 and earlier */ /*New GaDOE Style March 2019 */
    margin: 0px !important;
    padding: 0px !important;
    border-top: none !important;
    box-shadow: none !important;
}

    .dropdown-menu ul {
        float: left;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

        .dropdown-menu ul ul {
            float: left;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }



    .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
        background-color: transparent !important;
        background-image: none !important;
        background-repeat: repeat-x;
        color: #333333 !important;
        text-decoration: underline !important;
    }


.MegaMenuRow {
    padding-bottom: 10px !important;
}


    .MegaMenuRow li {
        /*border-bottom: 1px solid #D3D3D3;*/
    }


        .MegaMenuRow li:last-child {
            border-bottom: 0px !important;
        }

.nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0px !important;
}

.dropdown-menu h2 > a {
    padding-left: 0px !important;
}


.dropdown-menu li > a {
    white-space: normal !important;
    padding: 5px 0px;
}

.dropdown-menu H2 {
    font-size: 16px !important;
    /*border-bottom: solid 1px #CCCCCC;*/
    padding-left: 0px;
    margin-bottom: 0px !important;
    color: #000000 !important; /*New GaDOE Style March 2019 */
}

    .dropdown-menu h2 > a {
        text-decoration: none !important;
        color: #000000 !important; /*New GaDOE Style March 2019 */
    }


        .dropdown-menu h2 > a:hover {
            text-decoration: none !important;
            color: #000000 !important; /*New GaDOE Style March 2019 */
        }


.dropdown-menu p {
    margin-left: 20px;
    color: #333333;
}



/*---------------------------------------------- END GLOBAL NAVIGATION ----------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- BEGIN ALERTS -------------------------------------------------------*/

#AlertsBanner {
    background-color: #d9534f;
}

#AlertsContainer {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#AlertsTitle {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    padding: 5px;
    float: left;
}

#scrollingAlerts {
    position: relative;
    padding: 5px;
    float: left;
    margin: 0px;
}

#AlertsClose {
    position: absolute;
    float: left;
}

#AlertsData,
#AlertsData a {
    color: #ffffff !important;
    font-size: 18px;
    overflow: hidden;
}

.alertLink {
    margin-right: 100px !important;
    background-image: url('../SiteCollectionImages/white-alert-triangle.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
}

#alertFadeRight {
    position: absolute;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(217,83,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(217,83,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9534f',GradientType=1 ); /* IE6-9 */
    height: 100%;
    width: 200px;
    right: 0px;
    z-index: 1;
}

#alertFadeLeft {
    position: absolute;
    background: -moz-linear-gradient(left, rgba(217,83,79,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,83,79,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    height: 100%;
    width: 200px;
    float: left;
    z-index: 1;
}

/* --------------------------------------------------- END ALERTS -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN HOMEPAGE BANNER BLOCK ----------------------------------------------*/


#bannerBlock {
    padding-top: 30px;
    padding-bottom: 25px;
}


#supBlock {
    color: #333333;
}

.carousel {
    margin-bottom: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#bannerThumbs {
    margin-top: 20px;
}


.bannerThumb1 {
    height: 250px;
    width: 31%;
    display: inline;
    float: left;
    overflow: hidden;
}

.bannerThumb2 {
    height: 250px;
    width: 30%;
    display: inline;
    float: left;
    margin-left: 4%;
    overflow: hidden;
}

.bannerThumb3 {
    height: 250px;
    width: 31%;
    display: inline;
    float: right;
    overflow: hidden;
}

a.carousel-control {
    color: white;
    border: none;
    background: transparent;
    font-size: 100px;
    margin-top: 0px;
    opacity: 0.4;
}

#supTitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

#supLinks a {
    color: #f26300;
}

    #supLinks a:hover {
        color: #f26300;
    }

#supYouTube {
    margin-bottom: 10px;
    height: 220px;
    overflow: hidden;
}

.AEYTitem {
    display: none !important;
}

.AEYTbutton {
    display: none !important;
}

.AEYTplaylistright {
    width: 150px !important;
    margin-left: 20px;
}

.AEYTplaylistrow {
    margin-bottom: 20px !important;
}

.AEYTthumbnail2 {
    padding: 0px !important;
    border: 0px !important;
}

/*---------------------------------------------- END HOMEPAGE BANNER BLOCK ----------------------------------------------*/

*/
/*---------------------------------------------- END HOMEPAGE BANNER BLOCK ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN CAMPAIGN BLOCK ---------------------------------------------------------*/
#campaignBlock {
    margin-top: 50px;
    margin-bottom: 50px;
}

#campaignIntro {
    color: #695a36;
    font-size: 20px;
    margin-top: 20px;
    display: block;
    line-height: 1.2;
    margin-left: 40px;
}

#campaignTwitter img {
    height: 56px;
    width: 56px;
    margin-top: 20px !important;
    margin-left: 40px;
}



.inline-media {
    display: none;
}









/*---------------------------------------------- END CAMPAIGN BLOCK ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN USER BLOCK ---------------------------------------------------------*/

#userBlock {
    margin-top: 80px !important;
    margin-bottom: 80px;
}

    #userBlock H2 {
        border-top: 8px solid #666666 !important;
        color: #0C7B8E;
        font-family: 'Oswald Regular' !important;
        padding-top: 10px;
    }

    #userBlock li a {
        color: #000000;
    }

        #userBlock li a:hover {
            color: #000000;
        }


    #userBlock .btn {
        background-color: #0C7B8E;
        background-image: none !important;
        color: #ffffff;
        border: none !important;
        width: 100%;
        padding: 6px 0px;
        margin-top: 20px;
    }

    #userBlock ul,
    #userBlock ol {
       
		margin: 0px;  
	    margin-bottom: 20px;
		   overflow-x: hidden;
     overflow-y: auto;
    word-wrap: break-word;
    height: 90px !important;
    }

    #userBlock li {
        color: #333333;
        font-size: 18px;
        line-height: 1.6;
        list-style-image: url('../PublishingImages/Spring2019/bulletTriangle.png');
    }

    #userBlock .ms-vb2 {
        height: 18px;
        font-size: 18px;
        line-height: 1.6;
        background-image: url('../PublishingImages/Spring2019/bulletTriangle.png');
        background-repeat: no-repeat;
        background-position: 0px 8px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 20px !important;
        padding-right: 0px !important;
        border: 0px !important;
    }

        #userBlock .ms-vb2 a:link,
        #userBlock .ms-vb2 a:hover,
        #userBlock .ms-vb2 a:visited {
            color: #000000 !important;
        }

    #userBlock .ms-WPBody {
        height: 90px !important;
        overflow-y: scroll !important;
        margin-bottom: 4px !important;
    }

/*---------------------------------------------- END USER BLOCK -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN CTAE USER BLOCK ---------------------------------------------------------*/

#ctaeuserBlock {
    /*margin-top: 60px !important;*/
    margin-bottom: 60px;
}

    #ctaeuserBlock H2 {
        border-top: 8px solid #0C7B8E !important;
        color: #0C7B8E;
        font-family: 'Oswald Regular' !important;
        padding-top: 10px;
    }

    #ctaeuserBlock li a {
        color: #000000;
    }

        #ctaeuserBlock li a:hover {
            color: #000000;
        }


    #ctaeuserBlock .btn {
        background-color: #0C7B8E;
        background-image: none !important;
        color: #ffffff;
        border: none !important;
        width: 100%;
        padding: 6px 0px;
        margin-top: 20px;
    }

    #ctaeuserBlock ul,
    #ctaeuserBlock ol {
       
		margin: 0px;  
	    margin-bottom: 20px;
		   overflow-x: hidden;
     overflow-y: auto;
    word-wrap: break-word;
    height: 90px !important;
    }

    #ctaeuserBlock li {
        color: #333333;
        font-size: 18px;
        line-height: 1.6;
        list-style-image: url('../PublishingImages/Spring2019/bulletTriangle.png');
    }

    #ctaeuserBlock .ms-vb2 {
        height: 18px;
        font-size: 18px;
        line-height: 1.6;
        background-image: url('../PublishingImages/Spring2019/bulletTriangle.png');
        background-repeat: no-repeat;
        background-position: 0px 8px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 20px !important;
        padding-right: 0px !important;
        border: 0px !important;
    }

        #ctaeuserBlock .ms-vb2 a:link,
        #ctaeuserBlock .ms-vb2 a:hover,
        #ctaeuserBlock .ms-vb2 a:visited {
            color: #000000 !important;
        }

    #ctaeuserBlock .ms-WPBody {
        height: 200px !important;
        overflow-y: scroll !important;
        margin-bottom: 4px !important;
    }

/*---------------------------------------------- END USER BLOCK -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN SOCIAL BLOCK ---------------------------------------------------------*/

#socialBlock {
    margin-top: 80px !important;
    margin-bottom: 50px !important;
}

    #socialBlock H2 {
        border-bottom: 8px solid #666666 !important;
        color: #108710 !important;
        font-family: 'Oswald Regular' !important;
        padding-bottom: 10px;
    }

.twitterH2 {
    width: 120%;
}

#socialBlock li a {
    color: #0072bc !important;
    font-weight: normal !important;
}

    #socialBlock li a:hover {
        color: #0072bc !important;
        font-weight: normal !important;
    }


#socialBlock .btn {
    background-color: #b1d625;
    background-image: none !important;
    color: #ffffff;
    border: none !important;
    width: 100%;
    padding: 6px 0px;
    margin-top: 20px;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/*---------------------------------------------- END SOCIAL BLOCK -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN CONNECT BLOCK ---------------------------------------------------------*/



#connectBlock {
    background-color: #b1d625;
    padding-top: 40px;
    padding-bottom: 40px;
}

    #connectBlock h2 {
        color: #ffffff;
        font-family: 'Oswald Regular' !important;
        display: inline;
        margin-right: 20px;
    }

#connectTagline {
    color: #ffffff;
    font-size: 18px;
}

#connectForm {
    margin-top: 10px;
}

    #connectForm input {
        height: 38px;
        font-size: 18px;
        vertical-align: middle;
    }

    #connectForm .btn {
        margin-bottom: 10px;
        background-color: #ffffff;
        background-image: none !important;
        color: #b1d625;
        border: none !important;
        font-size: 18px;
        font-weight: 500;
        height: 37px !important;
    }

/*---------------------------------------------- END CONNECT BLOCK -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/


















/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN BREADCRUMB ---------------------------------------------------------*/

li.s4-breadcrumbRootNode > a {
    display: none !important;
}

li.s4-breadcrumbNode {
    font-size: 16px;
}

.v4master .s4-breadcrumbNode > a:hover, .v4master .s4-breadcrumbCurrentNode > a:hover, .v4master .s4-breadcrumbRootNode > a:hover {
    color: #3f841c !important;
}
/*---------------------------------------------- END BREADCRUMB -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN RIGHT SIDEBAR -----------------------------------------------------*/

.dfwp-list {
    list-style: square outside none;
    margin: 0;
    padding: 20px;
}

.ms-WPBorder, .ms-WPBorderBorderOnly {
    border-width: 0px !important;
}

.ms-wpTdSpace {
    display: none !important;
    width: 0px !important;
}

.link-item,
.link-item a,
.link-item a:link,
.link-item a:visited {
    color: #346834;
    font-family: tahoma;
    font-size: 14px !important;
    text-decoration: none;
}

    .link-item a:hover {
        text-decoration: underline !important;
    }

/*---------------------------------------------- END RIGHT SIDEBAR --------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BEGIN LOCAL NAV ----------------------------------------------------------*/
.sidebar-nav li.static,
.sidebar-nav li.dynamic {
    /*border-bottom: 1px solid #E4E4E4;*/
}

    .sidebar-nav li.static:first-child {
        /*border-top: 1px solid #E4E4E4;*/
    }

.sidebar-nav ul.dynamic {
    background-color: #F5F5F5;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    background-color: #f1f1f1 !important;
}

.sidebar-nav li.dynamic {
    /*border-bottom: 1px solid #E4E4E4;*/
}

    .sidebar-nav li.dynamic:first-child {
        border-top: none;
    }

    .sidebar-nav li.dynamic:last-child {
        border-bottom: none;
    }




.s4-ql a.selected {
    background: transparent !important;
    background-color: #0C7C8E !important;
    border-top-color: #0C7C8E !important;
    border-color: #0C7C8E !important;
    color: #ffffff !important;
}

ul.root > li.static,
ul.root > li.dynamic {
    background-color: #eeeeee !important;
    margin-bottom: 10px !important;
}


.menu-item:hover {
    background: transparent !important;
    background-color: #d3d3d3 !important;
}


.s4-ql ul.root ul > li > a,
.s4-ql ul.root ul > li > a:link,
.s4-ql ul.root ul > li > a:visited,
.s4-ql ul.root ul > li > a:hover {
    color: #346834 !important;
}

    .s4-ql ul.root ul > li > a.selected {
        color: #ffffff !important;
    }

.s4-ql ul.root ul > li > a {
    padding: 6px 4px 6px 10px !important;
}

.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited {
    padding: 6px 4px 6px 10px !important;
}

/*---------------------------------------------- END LOCAL NAV ------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------- Begin Mega Menu Custom -----------------------------------------------------------*/

.dropdown-menu li > a {
    color: #000000 !important; /*New GaDOE Style March 2019 */
    padding: 4px 0px !important;
    font-size: 16px;
    display: block;
}

    .dropdown-menu li > a:hover {
        color: #000000 !important;
    }

ul.nav li .dropdown ul {
    list-style: none; /*--This is in the original CSS--*/
    width: 180px;
    float: left;
}

    ul.nav li .dropdown ul.span2 {
        width: 360px; /*--This is a new definition--*/
    }

    ul.nav li .dropdown ul.span3 {
        width: 540px; /*--This is a new definition--*/
    }

    ul.nav li .dropdown ul.span4 {
        width: 720px; /*--This is a new definition--*/
    }

/* --------------------------------- End Mega Menu ----------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------- Begin Webparts ----------------------------------------------------------------------- */

#gadoe-page-fullwidth .ms-WPHeader {
    background-color: transparent !important;
    border-bottom: 4px #333333 solid !important;
}

#gadoe-page-fullwidth .ms-WPTitle,
#gadoe-page-fullwidth .ms-WPTitle a {
    background-color: transparent !important;
    border-bottom: 0px !important;
    font-family: 'Oswald Regular' !important;
    font-size: 25px !important;
    color: #877867 !important;
}

#gadoe-page-right .ms-WPHeader {
    background-color: transparent !important;
    border-bottom: 4px #333333 solid !important;
}

#gadoe-page-center .ms-WPHeader,
#gadoe-page-center h3.ms-WPTitle {
    background-color: transparent !important;
    border-bottom: 0px !important;
    font-family: 'Oswald Regular' !important;
    font-size: 25px !important;
    color: #3f841c !important;
}

.dynamic-panel .ms-alternating {
    background-color: transparent !important;
}

.homepage-webparts .ms-WPBody a,
.homepage-webparts .ms-WPBody a:link,
.homepage-webparts .ms-WPBody a:hover,
.homepage-webparts .ms-WPBody a:visited {
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #346834;
}

.ms-WPTitle {
    font-family: "Oswald Regular" !important;
    font-size: 20px !important;
    color: #877867 !important;
}


/* --------------------------------- End Webparts ----------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------*/







/*-------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------- Begin Footer ----------------------------------------------------------------------- */

footer {
    padding: unset !important;
}

#gadoe-footer-partners {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 30px;
}

#gadoe-footer-final {
    padding-top: 20px;
    background-color: #3E8597 !important; /*New GaDOE Style March 2019 */
}

    #gadoe-footer-final p {
        color: #A6ECF4;
    }

    #gadoe-footer-final a {
        color: #075A6D;
    }


        #gadoe-footer-final a:link {
            color: #FFFFFF !important; /*New GaDOE Style March 2019 */
            text-decoration: none;
        }

        #gadoe-footer-final a:visited {
            color: #FFFFFF !important; /*New GaDOE Style March 2019 */
            text-decoration: none;
        }

        #gadoe-footer-final a:hover {
            color: #FFFFFF !important; /*New GaDOE Style March 2019 */
            text-decoration: underline;
        }

        #gadoe-footer-final a:active {
            color: #FFFFFF !important; /*New GaDOE Style March 2019 */
            text-decoration: underline;
        }


.fb-like-box,
.fb-like-box iframe {
    max-width: 270px;
}

.likeBoxStream div,
.likeBoxStream div div {
    border: 0px !important;
}

.pt ul {
    width: 100% !important;
}

/* --------------------------------- End Footer  ----------------------------------------------------------------------- */





/*------------------------------------------------ BEGIN MARKUP STYLES ------------------------------------------------------*/



/* create stubs with -ms-name property here */

P.gadoeElement-P {
    -ms-name: "Paragraph";
}

H2.gadoeElement-H2 {
    -ms-name: "Heading 2";
}


H3.gadoeElement-H3 {
    -ms-name: "Heading 3";
}
/*For SharePoint 2010 version*/
/*.gadoeStyle-strong {
    -ms-name: "Bold";
}


.gadoeStyle-em {
    -ms-name: "Italic";
}

.gadoeStyle-alert-success {
    -ms-name: "Alert Block - Success";
}

.gadoeStyle-alert-danger {
    -ms-name: "Alert Block - Caution";
}

.gadoeStyle-alert-error {
    -ms-name: "Alert Block - Danger";
}*/

/*End*/
/* place actual properties inside @media block */
@media screen {

    P.gadoeElement-P {
        text-decoration: none;
        font-size: 16px;
        line-height: 24px;
    }


    H2.gadoeElement-H2 {
        font-family: 'Oswald Regular' !important;
        font-size: 25px !important;
        color: #346834 !important;
    }

    H3.gadoeElement-H3 {
        font-family: 'Oswald Light' !important;
        font-size: 20px !important;
        color: #808080 !important;
    }
    /*For SharePoint 2010 version*/
    .gadoeStyle-strong {
        font-weight: bold;
    }

    .gadoeStyle-em {
        font-style: italic;
    }

    .gadoeStyle-alert-success {
        color: #468847;
        background-color: #dff0d8;
        border: 1px solid #d6e9c6;
        padding: 6px;
        
    }

    .gadoeStyle-alert-danger {
        color: #c09853;
        background-color: #fcf8e3;
        border: 1px solid #fbeed5;
        padding: 6px;
       
    }

    .gadoeStyle-alert-error {
        color: #b94a48;
        background-color: #f2dede;
        border: 1px solid #eed3d7;
        padding: 6px;
        
    }
    /*End*/
}




/*----------------------------------------------- END MARKUP STYLES ---------------------------------------------------------*/








/*-------------------------------------------------------------------------------------------------------------------------*/



@media (min-width: 1200px) {

    .navbar.container,
    .container {
        width: 1270px !important;
    }

    #logo-link {
        position: absolute;
        background-image: url('/SiteCollectionImages/header/GaDOE-Logo-Color-188X100.png');
        background-repeat: no-repeat;
        top: 12px;
    }

        #logo-link img {
            height: 100px;
            width: auto;
        }

    #gadoe-logo a {
        display: block;
        width: 400px;
        height: 97px;
    }

    #Search-Container {
        position: absolute;
        bottom: 85px;
        right: 0px;
    }

    #social {
        position: absolute;
        display: block;
        bottom: 40px;
        right: 0px;
        width: 250px;
    }

    #sup {
        position: absolute;
        /*background-image:url('https://sldsuat.gadoe.org/publicimages/new/sup-medium.png');*/
        background-repeat: no-repeat;
        height: 35px;
        width: 500px;
        display: block;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        float: right;
        font-size: 18px;
        text-align: right;
        color: #333333;
    }
    /*.sup {
	position: absolute;
	height: 50px;
	width: 400px;
	bottom: 0px;
	display: block;

	
}*/



    .dropdown-menu ul {
        float: left;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

        .dropdown-menu ul ul {
            float: left;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }


    .dropdown-menu {
        position: absolute !important;
        /*width: 1050px;*/
    }

    .nav li,
    .dropdown {
        position: static !important;
    }

    .navbar .dropdown-menu:after {
        display: none;
    }

    .dropdown-menu H2 {
        font-size: 18px;
        /*border-bottom: solid 1px #CCCCCC;*/
        padding-left: 0px;
        margin-bottom: 0px !important;
    }

    .dropdown-menu p {
        margin-left: 20px;
        color: #333333;
    }

    .dynamic-panel {
        margin-right: 2.12766%;
        width: 19%;
        float: left;
        height: 350px;
    }

    #slideshow {
        display: block !important;
    }
}









/* ------------------------------------------------------- begin 2015 Changes ------------------------------------------------------ */






/*.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited {

color: #877867 !important;
font-weight: bold;
}*/
/*left aside nav font-face color-profile content selected stop white*/
.s4-ql ul.root > li > .menu-item, .s4-qlheader {
    color: #877867;
    font-weight: bold;
}

.s4-ql ul.root ul > li > a:hover {
    color: #3f841c !important;
}


/*------------------------------------------------------- end 2015 Changes -------------------------------------------------------- */


/*-------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------*/



@media (min-width: 980px) and (max-width: 1199px) {

    .navbar.container,
    .container {
        width: 940px !important;
    }



    .row-fluid {
        width: 100%;
    }


    #logo-link {
        position: absolute;
        background-image: url('/SiteCollectionImages/header/GaDOE-Logo-Color-188X100.png');
        background-repeat: no-repeat;
        width: 400px;
        height: 97px;
        top: 12px;
    }

    #gadoe-logo a {
        display: block;
        width: 400px;
        height: 97px;
    }

    #Search-Container {
        position: absolute;
        bottom: 85px;
        right: 0px;
    }

    #social {
        position: absolute;
        display: block;
        bottom: 40px;
        right: 0px;
    }

    #sup {
        position: absolute;
        /*background-image:url('https://sldsuat.gadoe.org/publicimages/new/sup-medium.png');*/
        background-repeat: no-repeat;
        height: 35px;
        width: 500px;
        display: block;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        float: right;
        font-size: 18px;
        text-align: right;
        color: #333333;
    }

    /*.sup {
	position: absolute;
	height: 50px;
	width: 400px;
	bottom: 0px;
	display: block;
	
}*/

    #slideshow {
        display: block !important;
    }

    #gadoe-page-right > table {
        width: 160px !important;
    }

    #gadoe-page-right .s4-wpcell-plain,
    #gadoe-page-right .s4-wpTopTable,
    #gadoe-page-right .ms-WPBody,
    #gadoe-page-right .ms-WPBody ms-wpContentDivSpace,
    #gadoe-page-right .ms-WPHeader,
    #gadoe-page-right .ms-WPHeaderTd,
    #gadoe-page-right h3 {
        width: 160px !important;
    }

    #gadoe-page-right h3 {
        font-size: 14px !important;
        display: inline !important;
        width: 100px !important;
    }

    .dynamic-panel {
        margin-right: 2.12766%;
        width: 42%;
        float: left;
        height: 350px;
    }
}

@media (max-width: 767px) {
    #topnav {
        padding-left: 10%;
    }
}

@media (min-width: 768px) {
    .sub.dropdown-menu.container {
        width: 90.4% !important;
        left: 14px;
        padding: 0 !important;
    }

    .dropdown.dropdown-large.open {
        position: unset;
    }

    ul#topnav {
        padding-top: 8px;
      
    }
}



@media (min-width: 768px) and (max-width: 979px) {
    #gadoe-logo {
        position: absolute;
        background-image: url('/SiteCollectionImages/header/GaDOE-Logo-Color-188X100.png');
        background-repeat: no-repeat;
        width: 188px;
        height: 100px;
        top: 10px;
    }

        #gadoe-logo a {
            display: block;
            width: 400px;
            height: 97px;
        }

    #Search-Container {
        position: absolute;
        bottom: 85px;
        right: 0px;
    }

    #social {
        position: absolute;
        display: block;
        bottom: 40px;
        right: 0px;
        z-index: 1000;
    }

    #sup {
        position: absolute;
        /*background-image:url('https://sldsuat.gadoe.org/publicimages/new/sup-medium.png');*/
        background-repeat: no-repeat;
        height: 35px;
        width: 500px;
        display: block;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        float: right;
        font-size: 18px;
        text-align: right;
        color: #333333;
    }

    #slideshow {
        display: block !important;
    }

    #gadoe-page-right > table {
        width: 160px !important;
    }

    #gadoe-page-right .s4-wpcell-plain,
    #gadoe-page-right .s4-wpTopTable,
    #gadoe-page-right .ms-WPBody,
    #gadoe-page-right .ms-WPBody ms-wpContentDivSpace,
    #gadoe-page-right .ms-WPHeader,
    #gadoe-page-right .ms-WPHeaderTd,
    #gadoe-page-right h3 {
        width: 160px !important;
    }

    #gadoe-page-right h3 {
        font-size: 14px !important;
        display: inline !important;
        width: 100px !important;
    }

    .dynamic-panel {
        margin-right: 2.12766%;
        width: 42%;
        float: left;
        height: 350px;
    }

    .nav-collapse .dropdown-menu a {
        font-weight: normal !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {

    body {
        background: #ffffff;
    }

    /*#s4-bodyContainer {
padding: 0px !important;
}*/

    /*#mainbody, #gadoe-footer-partners, #gadoe-footer-final {
padding: 0px 10px 0px 10px !important;
}*/

    .masthead {
        /*height: 110px;*/
        padding: 0px 10px 0px 10px !important;
    }

    #gadoe-logo {
        position: absolute;
        background-image: url('/SiteCollectionImages/header/GaDOE-Logo-Color-188X100.png');
        background-repeat: no-repeat;
        width: 188px;
        height: 100px;
        top: 10px;
    }

    #gadoe-logo {
        display: block;
    }

    #gadoe-header-right {
        position: relative;
        height: 104px;
    }

    #sup {
        position: absolute;
        /*background-image:url('https://sldsuat.gadoe.org/publicimages/new/sup-medium.png');*/
        background-repeat: no-repeat;
        height: 37px;
        width: 500px;
        display: block;
        bottom: -20px;
        right: 0px;
        z-index: 1;
        float: right;
        font-size: 14px;
        text-align: right;
        color: #333333;
    }

    #Search-Container {
        position: absolute;
        bottom: 70px;
        right: 0px;
    }

    #social {
        position: absolute;
        display: block;
        bottom: 25px;
        right: 0px;
    }

    .nav li,
    .dropdown {
        position: static !important;
    }

    .navbar .dropdown-menu:after {
        display: none;
    }

    #GlobalNavLabelContainer {
        display: inline;
    }

    .dropdown-menu H2 {
        font-size: 18px;
        /*border-bottom: solid 1px #CCCCCC;*/
        padding-left: 0px;
        margin-bottom: 0px !important;
    }

    .dropdown-menu p {
        margin: 10px 15px 10px 15px;
        color: #333333;
    }
}

@media (max-width: 480px) {




    /*#s4-bodyContainer {
	padding: 0px !important;
	}*/



    /*#mainbody,
#gadoe-footer-partners,
#gadoe-footer-final {
	padding: 0px 10px 0px 10px !important;
}*/


    .masthead {
        height: 250px;
    }


    #gadoe-logo {
        position: relative;
        background-image: url('/SiteCollectionImages/header/GaDOE-Logo-Color-188X100.png');
        background-repeat: no-repeat;
        width: 188px;
        height: 100px;
        top: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    #gadoe-header-right {
        height: auto;
    }

    #sup {
        /*position: absolute;*/
        /*background-image:url('https://sldsuat.gadoe.org/publicimages/new/sup-small.png');*/
        position: relative;
        background-repeat: no-repeat;
        height: 30px;
        width: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        top: 40px;
    }

    #Search-Container {
        /*position: absolute;
	bottom: 75px;
	right: 32px; */
        position: relative;
        display: block;
        width: 220px;
        height: 30px;
        margin-right: auto;
        margin-left: auto;
        top: 20px;
        float: none;
    }

    #social {
        /*position: absolute;
	display: block;
	bottom: 45px;
	right: 32px;*/
        position: relative;
        display: block;
        height: 26px;
        margin-right: auto;
        margin-left: auto;
        top: 20px;
        float: none;
        width: 250px;
    }


    #slideshow {
        display: none !important;
    }

    #gadoe-breadcrumb {
        display: none;
    }

    .nav .menu-horizontal li.dynamic > a,
    .nav .menu-horizontal li.dynamic > .menu-item {
        color: #ffffff !important;
    }

    .dropdown-toggle {
        font-size: 20px !important;
    }


    #GlobalNavLabelContainer {
        display: inline;
    }

    .dropdown-menu p {
        margin: 10px 15px 10px 15px;
        color: #333333;
    }

    .dropdown-menu H2 {
        font-size: 18px;
        padding-left: 0px;
        margin-bottom: 0px !important;
    }

    .dynamic-panel {
        margin-right: 0px !important;
        width: auto !important;
        float: none !important;
        height: 350px;
    }

    .dropdown-menu ul {
        width: 100%;
        float: left;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

        .dropdown-menu ul ul {
            width: 100%;
            float: left;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .nav-collapse .dropdown-menu a {
        font-weight: normal;
    }
}

/*----------------------------------------------------- GIMC Alert banner ------------------------------------------------------*/
.alertban {
    height: 50px;
    background-color: #f26300;
}

.marquee {
    padding: 10px;
}

    .marquee a {
        color: #ffffff !important;
    }
/*----------------------------------------------------- GIMC Alert banner ------------------------------------------------------*/

/*----------------------------------------------------- madmimi Newsletter overrides ------------------------------------------------------*/
.page-overlay {
    background: none !important;
}

/* L4 CSS */
#WhoWhatHowBlock {
    margin-top: 80px !important;
    margin-bottom: 80px;
}

    #WhoWhatHowBlock H2 {
        border-top: 8px solid #666666 !important;
        color: #5A4E8F;
        font-family: 'Oswald Regular' !important;
        padding-top: 10px;
    }
/* L4 SubPages CSS */
#L4SubPages .thumbnail:hover {
    background-color: #F5DEB3;
}

#L4SubPages .thumbnail {
    min-height: 280px !important;
}

#L4SubPages .box {
    cursor: pointer;
    height: 168px;
    float: left;
    /*margin: 5px;*/
    position: relative;
    overflow: hidden;
    width: 150px;
}

#L4SubPages .btn {
    background-color: rgb(90, 78, 143) !important;
    color: rgb(255, 255, 255) !important;
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}
/*.L4Nav{
    color:#5A4E8F !important;
    font-size:16px;
    font-weight:bold;
}*/

/* L4Menu Styles*/
.L4snip1226 {
    text-transform: uppercase;
    font-weight: 500;
}

    .L4snip1226 * {
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .L4snip1226 li {
        display: inline-block;
        list-style: outside none none;
        margin: 0 1.5em;
        overflow: hidden;
    }

    .L4snip1226 a {
        padding: 0.3em 0;
        color: #5A4E8F;
        position: relative;
        display: inline-block;
        letter-spacing: 1px;
        margin: 0;
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
    }

        .L4snip1226 a:before,
        .L4snip1226 a:after {
            position: absolute;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

        .L4snip1226 a:before {
            bottom: 100%;
            display: block;
            height: 3px;
            width: 100%;
            content: "";
            background-color: #F26300;
        }

        .L4snip1226 a:after {
            padding: 0.3em 0;
            position: absolute;
            bottom: 100%;
            left: 0;
            content: attr(data-hover);
            color: #5A4E8F;
            white-space: nowrap;
            font-weight: bold;
            font-size: 16px;
        }

    .L4snip1226 li:hover a,
    .L4snip1226 .current a {
        transform: translateY(100%);
    }

.L4quote {
    position: relative; /*margin: 40px auto 10px auto !important;*/
    color: #4a192f;
    font-size: 24px;
    line-height: 95%;
    padding: 0 10%;
    width: 80%;
    margin: auto;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

    .L4quote p {
        position: relative;
        z-index: 2;
        margin: 0 auto;
    }

    .L4quote:before, .L4quote:after {
        position: absolute;
        color: #d1e2f2;
        font-size: 152px;
        line-height: 20px;
        content: url(/Curriculum-Instruction-and-Assessment/L4/SiteAssets/Content/images/quote-lt-blue.png);
    }

    .L4quote:before {
        top: 0;
        left: 0;
    }

    .L4quote:after {
        bottom: 0;
        top: unset;
        left: unset;
        right: 0;
        transform: rotate(180deg);
    }

    .L4quote cite {
        color: #a87e94;
        width: 70%;
        margin: 0;
        padding: 0;
        font-style: normal !important;
        font-size: 20px;
    }

#L4bannerBlock {
    background-color: #f6f6f6;
    padding-top: 40px;
    /*padding-bottom: 40px;*/
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- BEGIN L4 ALERTS -------------------------------------------------------*/

#L4AlertsBanner {
    background-color: #d9534f;
}

#L4AlertsContainer {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

#L4AlertsTitle {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    padding: 5px;
    float: left;
}

#L4scrollingAlerts {
    position: relative;
    padding: 5px;
    float: left;
    margin: 0px;
}

#L4AlertsClose {
    position: absolute;
    float: left;
}

#L4AlertsData,
#L4AlertsData a {
    color: #ffffff !important;
    font-size: 18px;
    overflow: hidden;
}

.L4alertLink {
    margin-right: 100px !important;
    background-image: url('../SiteCollectionImages/white-alert-triangle.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
}

#L4alertFadeRight {
    position: absolute;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(217,83,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(217,83,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(217,83,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9534f',GradientType=1 ); /* IE6-9 */
    height: 100%;
    width: 200px;
    right: 0px;
    z-index: 1;
}


#L4alertFadeLeft {
    position: absolute;
    background: -moz-linear-gradient(left, rgba(217,83,79,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,83,79,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(217,83,79,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    height: 100%;
    width: 200px;
    float: left;
    z-index: 1;
}

#L4alertLogo {
    position: absolute;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgb(90, 78, 143) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgb(90, 78, 143))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgb(90, 78, 143) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgb(90, 78, 143) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgb(90, 78, 143) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(90, 78, 143) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9534f',GradientType=1 ); /* IE6-9 */
    height: 100%;
    width: 200px;
    right: 0px;
    z-index: 1;
}

/* --------------------------------------------------- END L4 ALERTS -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
#L4PageTitle h1 {
    font-family: 'Oswald Bold' !important;
    font-size: 30px !important;
    color: #5A4E8F !important;
}

.L4quoteBulletedList {
    position: relative; /*margin: 40px auto 10px auto !important;*/
    color: #4a192f;
    font-size: 14px;
    line-height: 95%;
    padding: 0 10%;
    width: 80%;
    margin: auto;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

    .L4quoteBulletedList p {
        position: relative;
        z-index: 2;
        margin: 0 auto;
    }

    .L4quoteBulletedList:before, .L4quote:after {
        position: absolute;
        color: #d1e2f2;
        font-size: 152px;
        line-height: 20px;
        content: url(/Curriculum-Instruction-and-Assessment/L4/SiteAssets/Content/images/quote-lt-blue.png);
    }

    .L4quoteBulletedList:before {
        top: 0;
        left: 0;
    }

    .L4quoteBulletedList:after {
        bottom: 0;
        top: unset;
        left: unset;
        right: 0;
        transform: rotate(180deg);
    }

    .L4quoteBulletedList cite {
        color: #a87e94;
        width: 70%;
        margin: 0;
        padding: 0;
        font-style: normal !important;
        font-size: 20px;
    }

/* New GaDOE Style March 2019  */
/*.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color: white;border-bottom-color: white}*/
.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #E0F9CF;
    border-bottom-color: #E0F9CF;
}

/* --------------------------------------------------- Start Menu Navigation -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
.s4-breadcrumbNode, .s4-breadcrumbCurrentNode, .s4-breadcrumbRootNode {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    color: #3b4f65 !important;
}

ul.s4-breadcrumb, ul.s4-breadcrumb ul {
    margin: 0px 0px 2px;
    margin-bottom: 5px;
    list-style: none inside none;
    display: inline-block;
    padding-left: 0px;
}

    ul.s4-breadcrumb .s4-breadcrumb-arrowcont {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: transparent url(/Style%20Library/bootstrap/img/glyphicons-halflings.png) no-repeat -262px -92px;
    }

        ul.s4-breadcrumb .s4-breadcrumb-arrowcont img {
            display: none !important;
        }

    ul.s4-breadcrumb > li:first-child > span.s4-breadcrumb-arrowcont {
        display: none !important;
    }
/* --------------------------------------------------- End Menu Navigation -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------- Start Heading Text Transformation override bindtunning styles -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    text-transform: none !important;
    letter-spacing: inherit !important;
  font-family:HelveticaLTStd-Roman;
font-weight:900 !important;
letter-spacing:-1px;
line-height:1.2em

}

.ms-webpart-titleText {
    font-family: "Oswald Regular" !important;
    font-size: 20px !important;
    color: #877867 !important;
    font-weight: normal !important;
  
}
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText>a
{
      overflow: visible;
text-overflow:initial; /*or clip, the default value*/
white-space: normal;
}
/* --------------------------------------------------- End Heading Text Transformation override bindtunning styles -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------- Start GaWP carousel style override bindtunning -------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

.carousel .carousel-control {
    top: 40% !important;
}


    /* --------------------------------------------------- Start GaWP carousel style override bindtunning -------------------------------------------------------*/
    /*-------------------------------------------------------------------------------------------------------------------------*/


    .carousel .carousel-control:hover {
        text-decoration: none !important;
        opacity: .9 !important;
        transition: opacity 200ms ease-in !important;
    }

.col-sm-4 > img.img-responsive {
    margin: auto !important;
}

.carousel-inner .item a div {
    background-size: 100% !important;
}

div#myCarousel {
    max-height: 22vw;
    padding-left: 0;
}
/*MegaMenu Styles Override BindTunning*/
#ColorHeader, #MenuH li.static > .menu-item .menu-item-text, #MenuH .bt-trigger-item {
    background: #346834 !important;
    border-top: none !important;
    border-bottom: none !important;
}

#MenuH ul.dynamic, #MenuH .ms-navedit-dropNode ul.dynamic, #MenuH li.static > .menu-item:active .menu-item-text {
    background: #AEE4FF !important;
}

#MenuH.megamenu .mega > ul.dynamic > li, #MenuH.megamenu .mega > ul.dynamic > .megamenu-row > li {
    border-right: none !important;
}

#MenuH ul.dynamic li.dynamic > .menu-item .menu-item-text {
    border-bottom: none !important;
    color: #000000 !important;
    font-size: 16px !important;
}

#Search .ms-srch-sb > input, #Search .ms-srch-sb > input:focus {
    background-color: transparent !important;
    color: black !important;
}

.MegaMenuRow h2 {
    line-height: 16px !important;
    margin-bottom: .5em !important;
    margin-top: 1.5em;
    font-weight: bold !important;
}


.ms-WPBorder, .ms-WPBorderOnly, .ms-WPBorderBorderOnly {
    box-shadow: none !important;
}
/*John Styles for mega menu*/
/*ul.dynamic.bt-submenu.submenu.open {
    min-width: 90vw !important;
    margin-left: 5vw !important;
}
li.dynamic.dynamic-children.has-children {
    float: left !important;
}
.dynamic-children.menu-item:hover, #MenuH ul.dynamic li.dynamic>.menu-item:hover {
    background-color: inherit !important;
}
.megamenu ul.bt-submenu:not(.sub-sub) > li:not(.mobile-trigger) {
    max-width: 300px!important;
    min-width: 300px!important; 
}

ul.dynamic.bt-submenu.submenu.open {
    min-width: 90vw !important;
    margin-left: 5vw !important;
}

li.dynamic.dynamic-children.has-children {float: left;} 
ul.bt-submenu li.dynamic{float: left;}
.megamenu#MenuH .mega > ul.dynamic > li > .menu-item > span > .menu-item-text {
    font-size: 16px !important;
}
#searchInputBox {position: relative; margin-bottom:10px}*/
/*End*/

/*End Mega menu Styles*/
/*Ribbon Styles to hide Paragraph styles*/
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle1-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle4-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(5),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(1),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(4) {
    display: none;
}

/*#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles*/
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(1),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(4),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(5),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(1),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles\.Menu\.Styles\.Gallery tr:nth-child(2) > td:nth-child(4) {
    display: none;
}

.ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: #877867 !important;
}

.ms-rtestate-field h3, h3.ms-rteElement-H3 {
    color: #0C7C8E !important;
}

.ms-rteStyle-Italic {
    -ms-name: "Italic";
    font-style: italic;
}

.ms-rteStyle-Success {
    -ms-name: "Success";
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    padding: 6px;
    /*display: block;*/
}

.ms-rteStyle-Caution {
    -ms-name: "Caution";
    color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    padding: 6px;
    /*display: block;*/
}

.ms-rteStyle-Danger {
    -ms-name: "Danger";
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    padding: 6px;
    /*display: block;*/
}

#Ribbon\.EditingTools\.CPEditTab\.Font\.Fonts-Medium, #Ribbon\.EditingTools\.CPEditTab\.Font\.FontSize-Medium, #Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-1-1 {
    display: none;
}

#attestation {
    width: 20px !important;
    height: 20px !important;
}
input[type='file']
{
    height:auto !important;
}
.btn-blue
{
    margin-bottom:10px !important;
}
#sb10Form .labels
{
    padding:4px !important;
}
/*End*/
/*Search Box Styles*/
.ms-srch-sb-borderFocused, .ms-srch-sb-border
{
    max-height:30px !important;
}
.ms-srch-sb-borderFocused input[type=text], .ms-srch-sb-border input[type=text]
{
    max-height:30px !important;
    max-width:400px !important;
    min-width:240px !important;
}
.ms-srch-sb>.ms-srch-sb-navLink
{
    display:none !important;
}
#userBlock .ms-vb-icon, blockquote p:before
{
	display:none !important;
}
#DeltaPlaceHolderMain img,video
{

max-width:100% !important;
height:auto !important;
}
blockquote
{
    font-size:16px !important;
}
#gadoe-page-right
{
    font-size:14px;
}
.s4-ql ul.root ul > li > a, .s4-ql ul.root ul > li > a:link, .s4-ql ul.root ul > li > a:visited, .s4-ql ul.root ul > li > a:hover
{
    font-size:14px !important;
}
.nav {
    padding-left: 100px !important;
}
/*.ms-webpart-chrome-title
{
    display:inline-block;
}*/
.ms-core-listMenu-verticalBox .dynamic-children.additional-background
{
        padding-right: 10px !important;
    background-image: url(/_layouts/images/menu-right.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}
.ms-srch-sb-borderFocused input[type=text], .ms-srch-sb>input:focus

{
min-width:410px !important;
border:1px solid #666 !important;

}
/*End*/
.carousel .carousel-control.right:after, .carousel .carousel-control.left:after
{
    display:none !important;
}
.ms-rtestate-field

{
    padding-left:4px;
}