body,html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    background: #f7f7f7;
    font-family: Arial, Helvetica, sans-serif;
}

.container {
    margin: 0 auto;
    max-width: 1535px;
    width: 100%;
}

#wrapper {
    display: flex;
}

#wrapper #content {
    flex: 2.3;
}

#wrapper #sidebar {
    flex: 1;
}

img.left { float: left; }
img.right { float: right; }


h1 { 
    font-size:125%;
    line-height:1.15;
    margin-bottom:0px;
    color: #174479;
    text-transform: uppercase;
    font-weight: bold; 
}
#block-wsac-pagetitle h1 {border-bottom:black 2px dotted;
  padding-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}
h2 { 
    color: #174479;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    margin-top: 17px;
}

h3 { 
    color: #174479;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    margin: 10px 0;
}

h4 { 
    color: #606060;
    font-size: 14px;
    font-weight: ;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    margin: 5px 0;
}

h5 { 
    color: #606060;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    margin: 10px 0;
}

h6 { 
    color: #606060;
    font-size: 12px;
    font-weight: ;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    margin: 5px 0;
}

/* HEADER */

header {
    display: flex;
    padding-top: 30px;
    padding-bottom: 10px;
}

#logo {
    flex-grow: 1;
}

header .info {
    color: #76787b;
    line-height: 1.2em;
    padding-top: 20px;
}

header .info a {
    color: #76787b;
    text-decoration: none;
}

header .info a:hover {
    text-decoration: underline;
}

.social-icons {
    min-width: 175px;
    padding-top: 35px;
}

.social-icons ul {
    margin: 0;
    padding: 0 0 0 25px;
}

.social-icons ul li {
    list-style: none;
    display: inline-block;
}

/* FOOTER */

footer {
    clear: both;
    padding-top: 2em;
}

.footer_credit {
    color: #777;
    font-family: Arial;
    overflow: auto;
    padding: 0px 0px;
    background: #174479;
}

.footer_credit ul {
    margin: 0;
    padding: 1em;
}

.footer_credit li {
    list-style: none;
    color: #fff;
    font-size: .8em;
}

.copyright_txt {
    display: flex;
}

.copyright_txt ul {
    flex-grow: 1;
}

#google_translate_element {
    padding-top: 10px;
    padding-right: 10px;
}

/* NAV */

.menu-wrapper {
    background: #174479;
    position: relative;
}

.tb-megamenu {
    background-color: #6F6F71;
}

.tb-megamenu .nav > li:last-child > a {
    border-right: none;
}

.tb-megamenu .nav > li > a {
    text-decoration: none;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle {
    background-color: #174479;
}

.tb-megamenu .nav > li > a:focus, 
.tb-megamenu .nav > li > a:hover {
    background-color: #174479;
}


.tb-megamenu .nav > li > a:hover {
    color: #000;
}

.tb-megamenu .nav > li > a {
    font-size: 14px;
    padding: 20px 30px 15px 15px;
    background: url("../img/submenubghover.png") no-repeat scroll 93% center rgba(0, 0, 0, 0);
}

.tb-megamenu .nav > .dropdown > .dropdown-toggle .caret {
    display: none;
}

.tb-megamenu .nav > li > a:hover { 
    background:url(../img/submenubghover1.png) no-repeat 93% center;
    color:#231f20;
} 

.tb-megamenu .dropdown {
    position: static;
}

.tb-megamenu-submenu {
    width: 100%;
}


.tb-megamenu .dropdown-menu {
    background: rgba(10,10,10,.9);
    color: #fff;
}

.tb-megamenu .dropdown-menu a {
    color: #fff;
}

.tb-megamenu .tb-block .submenu {
    overflow: hidden;
}

.tb-megamenu .tb-block .submenu li {
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    padding-right: 20px;
    width: 16.6666%;
}

.tb-megamenu .tb-block .submenu li.submenu-double {
    width: 33.3333%;
}

.tb-megamenu .tb-block .submenu li.submenu-onehalf {
    width: 25%;
}

.tb-megamenu .tb-block .submenu li.submenu-fullwidth {
    width: 100%;
}

.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
.tb-megamenu .nav > li.dropdown.open.active > a:hover, 
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
.tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: #dddddd!important;
    color: #000!important;
}

.tb-megamenu .tb-block .submenu h4 {
    color: #174479;
    border-bottom: 2px solid #174479;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 5px;
}

.tb-megamenu .tb-block .submenu h5 {
    font-size: 1.1em;
}

.tb-megamenu .tb-block .submenu h5 a {
    text-decoration: none;
}

.tb-megamenu .tb-block .submenu h5 a:hover {
    color: #a9a9a9;
    text-decoration: underline;
    font-size: 14px;
}

.tb-megamenu .tb-block .submenu p {
    font-size: .8em;
    margin-top: 0;
    padding-top: 2px;
}

.tb-megamenu .tb-block .submenu h5 {
    margin: 0;
}

.tb-megamenu .tb-block .submenu img {
    height:auto;
    width:100%; 
}

.tb-megamenu .tb-block .submenu .submenu-col {
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
    width: 50%;
}

.tb-megamenu .tb-block .submenu .submenu-col-sixth {
    box-sizing: border-box;
    float: left;
    padding-right: 20px;
    width: 16.6666%;
}

.tb-megamenu .btn {
    margin: 5px;
}

.tb-megamenu .tb-block .submenu h5 a {
    font-size: 14px;
}

.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link {
    background-image: none!important;
    background-color: transparent!important;
}

@media (max-width:1270px) {
    .tb-megamenu .nav > li > a {
        font-size: 12px;
        padding: 20px 15px 15px 5px;
        background: url("../img/submenubghover.png") no-repeat scroll 97% center rgba(0, 0, 0, 0);
    }
}

@media (max-width:1085px) {
    .tb-megamenu .nav > li > a {
        font-size: 11px;
    }
}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav > li > a,
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav > li > a:focus,
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav li.dropdown.open.active > .dropdown-toggle, 
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav li.dropdown.active > .dropdown-toggle, 
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #346625!important;
    color: #fff!important;
}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav > li > a:hover,
.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .nav > li.dropdown.open.active > a:hover {
    background: url(../img/submenubghover.png) no-repeat scroll 93% center #000!important;
    color: #fff!important;
}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu,
.tb-megamenu-menu-roadmap-dashboard-menu .tb-megamenu-submenu {
    background: #346625!important;
}

.tb-megamenu-menu-roadmap-dashboard-menu .nav > li {padding: 0 0 0 0; border-right: 1px solid #ffffff; }

.tb-megamenu-menu-roadmap-dashboard-menu .nav > li:last-child{border:none;}


.tb-megamenu-menu-roadmap-dashboard-menu .tb-megamenu-submenu {
    background: #346625;
}
.tb-megamenu-menu-roadmap-dashboard-menu .dropdown-menu {
    top: 47px!important;
    border-radius: 0px!important;
    min-width: 250px!important;
    border: none!important;
}
.tb-megamenu-menu-roadmap-dashboard-menu ul > li > a {
    padding: 16px 25px 15px 16px!important;
}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .dropdown-menu .mega-nav > li a {
    padding: 10px 25px 10px 16px!important;

}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .span12.mega-col-nav .mega-inner {
    padding: 0;
    width: 100%;
}

.tb-megamenu-menu-roadmap-dashboard-menu .tb-megamenu-subnav li a {
    color: #fff;
    font-size: .8em;
}

.tb-megamenu-menu-roadmap-dashboard-menu .tb-megamenu-subnav li a:hover {
    background: #4C94A4!important;
    color: #fff;
}

.tb-megamenu-menu-roadmap-dashboard-menu .tb-megamenu-subnav li.active a {
    background: #174479!important;
}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu .dropdown {
    position: relative!important;
}

.tb-megamenu.tb-megamenu-menu-roadmap-dashboard-menu a {
    text-decoration: none;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-no-link {
    color: #c6892b!important;
    border-bottom: 2px solid #c6892b!important;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 16px!important;
    border-top: none!important;
    padding-top: 0!important;
    margin-top: 0!important;
}

.tb-megamenu.tb-megamenu-main-menu .mega-nav > li:first-child > a,
.tb-megamenu.tb-megamenu-main-menu .dropdown-menu .mega-nav > li:first-child > a {
    padding-top: 5px!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-no-link:after {
    display: none!important;
}

.tb-megamenu.tb-megamenu-main-menu {
    color: #174479!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-1 {
    /* width: 100%!important; */
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2 {
    padding-right: 1em!important;
    box-sizing: border-box!important;
     width: 16.66666%!important; 
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2 .tb-megamenu-column-inner {
    padding: 0!important;
}

.tb-megamenu.tb-megamenu-main-menu .mega.open > .mega-dropdown-menu {
    border: none!important;
    padding-bottom: 20px;
}

.tb-megamenu.tb-megamenu-main-menu .dropdown-submenu .nav-child {
    display: block!important;
    position: static!important;
    background: transparent!important;
    box-shadow: none!important;
    border: none!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.full-width {
    width: 100%!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.double-width {
     width: 33.33333%!important; 
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.onehalf-width {
    width: 24%!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.onequarter-width {
    width: 30%!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.blank-col {
    padding-top: 10px;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.blank-col .tb-megamenu-no-link {
    display: none!important;
}

.tb-megamenu.tb-megamenu-main-menu .tb-megamenu-subnav.level-1 {
    display: flex;
}

.tb-megamenu.tb-megamenu-main-menu .double-column .level-2 {
    columns: 2;
}

.tb-megamenu.tb-megamenu-main-menu .double-column .level-2 > li {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
}

.tb-megamenu.tb-megamenu-main-menu .dropdown-menu li > a {
    border: none!important;
}

.tb-megamenu.tb-megamenu-main-menu .mega-caption {
    white-space: normal;
}

.tb-megamenu.tb-megamenu-main-menu .level-2 li a {
    color: #fff!important;
    font-size: 16px!important;
    text-decoration: none!important;
}

.tb-megamenu.tb-megamenu-main-menu .level-2 li a span {
    color: #fff!important;
    font-size: .8em!important;
    display: inline-block;
}

.tb-megamenu.tb-megamenu-main-menu .level-2 li a:hover {
    text-decoration: underline!important;
}

.tb-megamenu.tb-megamenu-main-menu .level-2 li a:hover span.mega-caption {
    text-decoration: none!important;
}

.tb-megamenu.tb-megamenu-main-menu .row-fluid + .row-fluid {
    border: none!important;
}

.tb-megamenu.tb-megamenu-main-menu img {
    display: block;
    width: 100%;
}

.tb-megamenu.tb-megamenu-main-menu .rsg-logo img {
    width: auto;
}

.tb-megamenu.tb-megamenu-main-menu p {
    font-size: .8em;
    margin: 0 0 .5em 0;
}

.tb-megamenu.tb-megamenu-main-menu .no-padding .mega-inner {
    padding-bottom: 0!important;    
}

.tb-megamenu.tb-megamenu-main-menu .no-padding span.tb-megamenu-no-link {
    margin-bottom: 0;
}


@media (max-width: 978px) {

    .tb-megamenu.tb-megamenu-main-menu .tb-megamenu-subnav.level-1 {
        flex-wrap: wrap;
    }

    .tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.onequarter-width,
    .tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.onehalf-width,
    .tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2 {
        width: 50%!important;
        padding-bottom: 1em;
    }

    .tb-megamenu.tb-megamenu-main-menu .tb-megamenu-item.level-2.double-width {
        width: 100%!important;
    }

    .tb-megamenu .dropdown-menu .mega-nav li span.tb-megamenu-no-link {
        margin-bottom: 1em!important;
    }

    .tb-megamenu.tb-megamenu-main-menu .items-6 .tb-megamenu-item.level-2 {
        width: 33.3333%!important;
    }

   .tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link,
   .tb-megamenu.tb-megamenu-main-menu .dropdown-menu .mega-nav > li a {
       margin-left: 0!important;
   }

   .tb-megamenu.tb-megamenu-main-menu .nav-collapse .nav li a {
       padding-left: .75em!important;
   }

}

/* SEARCH */

.search-block-form {
    background: #ffffff;
    border: solid 1px #d9dbda;
    margin: 4px 6px 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
}

.search-block-form div {
    display: inline-block;
}

.search-block-form input[type="search"] {
    background: transparent;
    border: none;
    font-size: 1em;
    margin: 10px 5px 9px 5px;
    width: 100px;
}

textarea, select, input, button { outline: none; }

.search-block-form input[type="submit"] {
    background: url(../img/search-button.png) no-repeat center top;
    border: none;
    cursor: pointer;
    height: 31px;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    top: -1px;
    transition: all .3s;
    width: 31px;
}

.search-block-form input[type="submit"]:hover {
    background-position: 0 -31px;
}

/* BREADCRUMBS */

#block-breadcrumbs {
    margin: 1.5em 0;
}

#block-breadcrumbs ol {
    margin: 0;
    padding: 0 0 .5em;
}

#content #block-breadcrumbs ol li {
    display: inline;
    font-size: .9em;
    list-style: none;
    text-transform: lowercase;
    margin: 0!important;
    padding: 0 .5em 0 0!important;
}
#content #block-breadcrumbs ol li a {
    color: #174479;
}

#content #block-breadcrumbs ol li:after {
    padding-left: .5em;
}

#block-breadcrumbs ol li:after {
    content: '»';
}

#block-breadcrumbs ol li:last-child:after {
    content: '';
}

#content #block-breadcrumbs > nav > ol {
    margin: 0;
}

/* JQUERY UI TABS */

.ui-tabs .ui-tabs-nav{padding: 0.2em 0 0; margin: 0!important; background: url("../img/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x #cccccc; border: 1px solid #aaaaaa;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { box-sizing: border-box; width: 100%; }
.ui-tabs .ui-tabs-nav li{width:278px; background: #e1e1e1; }
.ui-tabs .ui-tabs-nav li a { outline:none!important; color: #000!important; background: url("../img/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x #e6e6e6; }
.ui-tabs .ui-tabs-nav li a:hover { text-decoration: none!important; color: #174479!important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #fff; color: #000; border-color: #aaa; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #000; background: #fff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{font-size:13.2px;  width: 100%; float:left;}
.ui-tabs .ui-tabs-panel{padding:18px;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{padding-right:0px; width:95%;}
.ui-tabs .ui-tabs-nav li { width: 282.9px!important; }
.ui-corner-all{width: 99.7%;}

p:empty {
    display: none;
}

/* BASIC PAGE */

header {
    margin: 0 1em;
}

.menu-wrapper {
    margin: 0 1em;
}

#block-breadcrumbs {
    padding: 0 1em;
}

#content article {
    padding: 0 1em;
    font-size: 14px;
}

#content article nav {
    display: none;
}

#content p {
    color: #606060;
    margin-bottom: 5px;
}

#content a {
    color: #174479;
    text-decoration: underline;
}

#content a:hover {
    text-decoration: underline;
}

#content ol li {
    color: #606060;
    margin: 8px 0 8px 10px;
    padding: 0 0 0 15px !important;
}


#content ul:not(.ui-tabs-nav) {
    margin-left: 0;
    padding-left: 0;
}

#content ul:not(.ui-tabs-nav, .list-checkmarks) li {
    color: #606060;
    background: url("../img/libox.jpg") no-repeat scroll left 6px;
    list-style-type: none;
    margin: 8px 0 8px 10px;
    /*width: 9.5%;*/
    padding: 0 0 0 15px !important;
}

#content ul:not(.ui-tabs-nav) li ul li {
    background: url("../img/libox2.jpg") no-repeat scroll left 6px;
}

#content ul:not(.ui-tabs-nav) li ul li ul li {
    background: url("../img/libox3.jpg") no-repeat scroll left 6px;
}

#content ul:not(.ui-tabs-nav) li ul li ul li ul li {
    background: url("../img/libox4.jpg") no-repeat scroll left 6px;
}

.page-title {
    border-bottom: 1px dashed #203E4D;
    font-size: 140%;
    color: #174479;
    margin-bottom: 9px;
    margin-left: 3px;
    margin-top: -12px;
    padding-bottom: 9px;
    width: 99%;
    text-transform: uppercase;
}

#content table { border-collapse:collapse; border-spacing:0; margin-bottom: 15px; width: 90%!important; }
#content th, tr, td { vertical-align: middle; }
#content .sticky-header th, .sticky-table th { border-bottom: 3px solid #ccc; padding-right: 1em; text-align: left; }
#content table { background: #ececec; border: 1px solid #bbbbbb; }
#content th { background: none repeat scroll 0 0 #174479 !important;   border-right: 1px solid #C8C7C7;   color: #FFFFFF;   font-size: 18px;   padding: 5px 4px;    text-align: left; }
#content td span{ font-size:14px!important;}
#content td a, td strong{ font-size:16px; color:#174479;}
#content td { color: #747474; text-align: left; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; border-right: 1px solid #c8c7c7; border-bottom: 1px solid #c8c7c7;  height:auto; text-align:left; }

#content code { background: #d8d8d8; text-shadow: 1px 1px #fff; border: 1px solid #bbbbbb; display: block; padding: 7px; margin: 5px 0; border-radius: 7px; }
#content mark { background-color:#fdfc9b; font-style:italic; font-weight:bold; }
#content del { text-decoration: line-through; }
#content hr { border:none; border-top:#EEE 1px solid; }
#content dt { font-weight:bold; margin-bottom:24px; }
#content dd { margin-left:30px; margin-bottom:24px; }
#content ul { list-style-type:disc; margin-left:15px; margin-bottom:12px; }
#content ul ul { list-style-type:square; margin-bottom:0; }
#content ul ul ul { list-style-type:circle; }
#content ol { list-style-type:decimal; margin-left: 0px; padding-left: 15px; margin-bottom:10px; }
#content ol ol { list-style: upper-alpha; margin-bottom:0 }
#content ol ol ol { list-style: lower-roman; }
#content ol ol ol ol { list-style: lower-alpha; }
#content ol li { margin: 8px 0 8px 10px;  padding: 0 0 0 5px !important; }
#content abbr, acronym { border-bottom:#999 1px dotted; cursor:help; }
#content cite, em { font-style:italic; }
#content ins { background-color:#fdfc9b; text-decoration:none; }
#content pre { background: #d8d8d8; text-shadow: 1px 1px #fff; border: 1px solid #bbbbbb; padding: 7px; margin: 5px 0; border-radius: 7px; }
#content blockquote, q { quotes:none; border: 1px solid rgb(226, 220, 220); background: rgb(250, 247, 247) url(images/quote.png) no-repeat; padding: 10px 5px 5px 47px; text-shadow: 1px 1px #fff; margin: 5px 0; border-radius: 7px; }
#content blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
#content strong { font-weight:bold; }
#content sup, sub { height:0; line-height:1; vertical-align:baseline; position:relative; font-size:10px; }
#content sup { bottom:1ex; }
#content sub { top:.5ex; }
#content img, video { max-width:100%; height:auto; }
#content video { display:block; }
#content audio { max-width:100%; }

/* SIDEBAR */

/* Grey */
#block-studentengagementcontact,
#block-2020stimuluscontact,
#block-contactroadmap,
#block-contactfaappeals,
#block-mediaslacoalition,
#block-otterbotcontact,
#block-fatoolkitcontent,
#block-washboardcontact,
#block-apprenticeshipproviderscontact,
#block-fafsacontact,
#block-contactnationalguard,
#block-contactimmigrants,
#block-2014meetingscontactinformation,
#block-allpagecontactinfo,
#block-contactaaron,
#block-newsreleasecontactinfo,
#block-contactsetup,
#block-12thcontact,
#block-gearupcontact,
#block-suicidepreventioncontact,
#block-childcarecontact,
#block-campcontact,
#block-oergrantscontact,
#block-contactwashingtoncollegesavingsplans,
#block-contactsuspendedprograms,
#block-unitrecordcontact,
#block-faacontact,
#block-saracontact,
#block-veteransaocontact,
#block-veteranscontact,
#block-aiseattle,
#block-closedschoolcontact,
#block-complaintscontent,
#block-loanadvocacycontact,
#block-consumerscontact,
#block-degreeauthorizationcontactinfo,
#block-healthcontact,
#block-teacherscontact,
#block-alpcontact,
#block-americanindianendowedscholarshipcontactinfo,
#block-contactpassport,
#block-swscontact,
#block-contactwashingtoncollegegrant,
#block-contactsfaoverview,
#block-sapcontactinfo,
#block-roadmapdashboard,
#block-economicdevelopmentcontactinfo,
#block-nchemscontactinfo,
#block-placontact,
#block-residencycontact,
#block-transferscontact,
#block-tuitioncontact,
#block-collegecredithighschoolcontact,
#block-readinesscontact,
#block-admissionscontact,
#block-roadmapcontactinfo,
#block-islscontact,
#block-dualcontact,
#block-disabilitiescontact,
#block-2015roadmapcontact,
#block-councilcommitteescontact,
#block-profitcontact,
#block-needscontact,
#block-arsummitcontact,
#block-springworkshopscontact,
#block-2015pavethewaycontact,
#block-adultscontact,
#block-stemcontact,
#block-contactdona,
#block-employmentcouncilcontactinfo,
#block-cbscontact,
#block-staffdirectorycontact,
#block-executivedirector,
#block-councilmemberscontactinfo,
#block-whatwedocontact,
#block-legcontact,
#block-wasfacontact,
#block-wsac-contactfafsa,
#block-contactkristinr {
    background: #76787b;
    margin-bottom: .5em;
    padding: 1em;
}

/* Blueish green */
#block-foundationwacsorrcws,
#block-veteransfoundation,
#block-degreeauthorizationfoundation,
#block-consumersfoundation,
#block-healthprofessionalsfoundation,
#block-teachersfoundation,
#block-alpfoundation,
#block-americanindianendowedscholarshipfoundation,
#block-passportfoundation,
#block-swsfoundation,
#block-cbsfoundation,
#block-washingtoncollegegrantfoundation,
#block-admissionfoundation,
#block-wsacemploymentprogram,
#block-rulemakingfoundation,
#block-foundationnationalguard,
#block-missionandvisionfoundation {
    background: #087272;
    margin-bottom: .5em;
    padding: 1em;
}

/* Green */
#block-apprenticeshipprovidersfoundation,
#block-oergrantsbackground,
#block-faasfapartnerarchives,
#block-veteransaobackground,
#block-studentcomplaintsfoundation,
#block-loanadvocacyfoundation,
#block-plafoundation,
#block-residencyfoundation,
#block-transfersfoundation,

#block-dtffoundation,
#block-profitbackground,
#block-needsbackground,
#block-springworkshopsresourcesfinancialaid,
#block-ngastemprojectbackground,
#block-legislativeworkfoundation {
    background: #346625;
    margin-bottom: .5em;
    padding: 1em;
}

/* Purple */
#block-roadmapresources,
#block-mediaaiseattleresources,
#block-2015roadmapresources,
#block-fafsaissuebriefresources,
#block-2019legislativeoverviewresources,
#block-basicneedsresources,
#block-covidresources,
#block-otterbotresources,
#block-washboardresources,
#block-fafsaresources,
#block-resourcesnewwcg,
#block-applyresources,
#block-studentsupportsresources,
#block-newsresources,
#block-missionandvisionresources,
#block-gearupresources,
#block-oergrantresources,
#block-getresources,
#block-faaresources,
#block-veteransaoresources,
#block-veteransresources,
#block-aiseattleresources,
#block-closedschoolresources,
#block-loanadvocacyresources,
#block-consumersresources,
#block-healthresources,
#block-teachersresources,
#block-aerospaceresources,
#block-swsresources,
#block-cbsresources,
#block-sfaoverviewresources,
#block-sapresources,
#block-roadmapdashboardresources,
#block-plaresources,
#block-residencyresources,
#block-transfersresources,
#block-dualresources,
#block-readinessresources,
#block-collegeadmissionsresources,
#block-islsresources,
#block-dtfresources,
#block-springworkshopsresourcesguidingstudents,
#block-meetingsresources,
#block-staffdirectoryresources,
#block-participatingcampuses,
#block-nationalguardresources,
#block-legresources {
    background: #624bbf;
    margin-bottom: .5em;
    padding: 1em;
}

/* Blue */
#block-studentengagementstudentexperience,
#block-apprenticeshipprogramprovidersresources,
#block-wcgchange,
#block-suicidepreventionfoundation,
#block-childcareabout,
#block-campabout,
#block-degreeauthorizationfacts,
#block-passporttocareersnavigationguide,
#block-passportstudentinformation,
#block-swsfacts,
#block-springworkshopswednesdaywebinars,
#block-factsaboutstateneedgrant {
    background: #203f9a;
    margin-bottom: .5em;
    padding: 1em;
}

/* Yellow */
#block-childcaredata,
#block-campdata,
#block-faaprogramtraining,
#block-veteransdata,
#block-degreeauthorizationspotlight,
#block-americanindianendowedscholarshipspotlight,
#block-passportquestions,
#block-washingtoncollegegrantspotlight,
#block-pavethewayregistrationbutton {
    background: #174479;
    margin-bottom: .5em;
    padding: 1em;
}

/* Black */
#block-actionplancovid,
#block-covid19updates {
    background: #000;
    margin-bottom: .5em;
    padding: 1em;
    color: #fff;
}

.contextual .contextual-links a {
    color: #000!important;
}

#sidebar {
    padding: 1em;
}

#sidebar img {
    max-width: 100%;
}

#sidebar ul {
    margin: 0;
    padding: 0;
}

#sidebar strong {
    font-size: 18px;
}

#sidebar ul li {
    color: #FFFFFF;
    font-size: 14px;
    list-style-type: none;
    margin: 8px 0 8px 16px;
    background: url(../img/liboxwhite.jpg) no-repeat scroll left 6px;
    padding: 0px 0px 0px 13px;
}

#sidebar p {
    line-height: 1.25em;
}

#sidebar p,
#sidebar a {
    color: #fff;
    font-size: 14px;
}

#sidebar h2 {
    padding: 0 0 7px;
    margin: 0 0 8px;
}
#sidebar h2 {
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: solid 1px #94979C;
}

/* HOME */

@media (min-device-width: 1025px) {.home-top {
    display: flex;
    padding: 1.25em 1em 0;
   /* flex-wrap: wrap;*/
}
}
@media (min-device-width: 768px) and (max-device-width: 1024px) {.home-top {
	display: flex;
    padding: 1.25em 1em 0;
}
}
@media (min-device-width: 768px) and (max-device-width: 1024px) {.home-top-top {
	display: flex;
    padding: 1.25em 1em 0;
}
}
@media (min-device-width: 1025px) {.home-top-top {
	display: flex;
    padding: 1.25em 1em 0;
	/*flex-wrap: wrap;*/
}
}
.home-left {
    width: 33%; /* 40% */
    margin-right: 1em;
}

.home-banners img {
    margin-bottom: 20px;
    width: 100%;
}

.home-middle {
    width: 33%; /* 19 */
}

.home-middle .covid-resources h3 {
    font-size: 120%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
    border-bottom: solid 1px #8c5f02;
    color: #FFF;
    margin-top: -8px;
}

.home-middle .covid-resources a {
    color: #fff;
    font-size: .9em;
    text-decoration: none;
}

.home-middle .covid-resources a:hover {
    text-decoration: underline;
}

.home-middle .inner {
    background: #174479;
    padding: 20px;
    margin-right: 1em;
}

.home-middle-right {
    box-sizing: border-box;
    width: 33%; /* 24% */
	margin-right:1em;
}

.home-middle-right .inner {
    /* background: #76787b; 
    padding: 20px;*/
    margin-right: 1em;
    color: #fff;
    font-size: .9em;
}

.home-middle-right .inner a {
    color: #fff;
}

.home-middle-right .inner ul {
    padding-left: 1em;
}

.home-middle-right .inner li {
    padding-bottom: 1em;
}

.home-middle-right .home-placeholder h3 {
    font-size: 120%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
    border-bottom: solid 1px #94979c;
    color: #FFF;
    margin-top: -8px;
}

.home-middle-right .home-placeholder p {
    color: #FFF;
    font-size: .9em;
}

.home-right {
    width: 32.9%;
}

#block-roadmap {
    margin-right: 1em;
}

#block-roadmap img {
    height: auto!important;
    width: 100%!important;
}

.tab-sec {
    display: flex;
    margin: 0 1em 0 0;
}

#newboxes1 {
    background: #76787b;
    margin-right: 2em;
    flex: 2;
}

#newboxes1 a {
    color: #fff;
    text-decoration: none;
}

#newboxes1 a:hover {
    text-decoration: underline;
}

.home-left #tabwrap {
    flex: 1;
}

.home-left #tabwrap img {
    display: block;
    width: 100%;
}

#newboxes1 h3 {
    border-bottom: solid 1px #94979c;
    color: #fff;
    font-size: 1.2em;
    padding: 1em 0 .5em;
    margin: 0 15px .5em;
    text-transform: uppercase;
}

#newboxes1 ul {
    color: #fff;
    font-size: .9em;
    list-style: none;
    line-height: 1.4em;
    padding: .5em 15px 1em;
    margin: 0;
}

.quick-sec {
    padding: 0;
    background: #76787B;
    min-height: 440px;
    margin-bottom: 20px;
}

.quick-sec ul {
    margin-left: 1.2em;
	margin-right: 2.5em;
    padding: 0;
}

.quick-sec ul li {
    color: #fff;
    border-bottom: solid 1px #fff;
    padding: 12.2px 0;
	list-style-type: none;
}

.quick-sec ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.quick-sec ul li a:hover {
    color: #dbac52;
    text-decoration: underline;
}

#block-quicklinks {
	/*margin-right: 1.25em;*/
}
#block-quicklinks p {
    display: none;
}


#block-quicklinks h2 {
    border-bottom: solid 1px #94979c;
    color: #fff;
    font-size: 120%;
    padding: 1.7em 0 .5em;
    margin: 0 15px .5em;
    text-transform: uppercase;
}

.announ-sec h3 {
    font-size: 120%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
    padding: 0 0 0 40px;
    border-bottom: solid 1px #8c5f02;
    background: url(../img/bell-icon.png) no-repeat left;
    color: #FFF;
    margin-top: -8px;
}

.announ-sec p {
    font-size: 14px;
    color: #fff;
    padding: 0;
    line-height: 21px;
    margin-left: 12px!important;
}
@media (max-width: 1024px) {.home-banners img {height:auto}
}
.top-right-zone {
	background: #174479;
    padding: 1em;
}

#block-topright {
	margin-bottom: 1em;
}

#block-topright p {
	display: none;
}

#block-topright .top-right-zone p {
	display: inline-block;
    margin: .25em 0;
}

.top-right-zone a {
    color: #fff;
    text-decoration: none;
}

.top-right-zone a:hover {
    text-decoration: underline;
}

#block-twitterblock {
    background: #60b9cd;
    padding: 1em;
}

#block-twitterblock h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 120%;
    font-weight: bold;
    padding: .5em 39px;
	margin-top: 0;
    border-bottom: solid 1px #4096a9;
    background: url(../img/twitter-ion.png) no-repeat left;
}

.bottom-logo ul {
    padding: 0;
    text-align: center;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
}

#content .bottom-logo ul:not(.ui-tabs-nav) li {
    display: inline-block;
    padding: 0 33.2px!important;
    background: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-right: 0!important;
    margin-left: 0!important;
}

#questionaire {
    padding: 0 1em;
}

/* MEDIA QUERIES */

@media (max-width: 1930px) and (min-width: 1599px)
	.block .bottom-logo ul li {
		padding: 0px 2.7%!important;
	}
}

@media (max-width: 1930px) and (min-width: 1599px)
	.block .bottom-logo ul li:first-child {
		padding-left: 0!important;
	}
}

@media (max-width: 1240px) {
    .tb-megamenu .nav > li > a {
        font-size: 11px;
        padding: 20px 24px 15px 7px;
    }
}

@media (min-width: 990px) and (max-width: 1025px){
    .ui-tabs .ui-tabs-nav li{ width: 49%!important;}
}

@media (max-width: 950px) {
    .tb-megamenu .tb-block .submenu li,
    .tb-megamenu .tb-block .submenu .submenu-col-sixth,
    .tb-megamenu .tb-block .submenu .submenu-col {
        width: 100%!important;
    }

    .tb-megamenu .nav-collapse .nav li a {
        border-top: none;
    }
}

@media (max-width: 895px) {

    header {
        display: flex;
        padding-top: 30px;
        padding-bottom: 10px;
        flex-wrap: wrap;
    }

    .logo {
        order: 1;
    }

    .social-icons {
        order: 2;
    }

    .info {
        order: 3;
        flex-basis: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 825px) {
    .ui-tabs .ui-tabs-nav li{ width: 100%!important; text-align:center;}
}

@media (max-width: 768px) {
    .bottom-logo ul {
        flex-flow: row wrap;
    }

    .bottom-logo li {
        width: 26%;
    }
}

@media screen and (max-width: 625px) {
    .ui-tabs .ui-tabs-nav li {
        text-align: center;
        width: 99%;
    }
}

@media (max-width: 768px) {
    .home-left,
    .home-middle,
    .home-middle-right,
    .home-right {
        width: 100%;
    }

    .home-left,
    #block-quicklinks,
    .home-middle-right .inner,
    .home-middle .inner {
        /*margin-right: 1em; 0*/
        margin-bottom: 20px;
    }

    .home-banners img {
        width: 100%;
    }
}

@media (max-width: 575px) {
    #logo img {
        width: 250px;
    }

    .social-icons {
        padding-top: 0;
    }
}

@media (max-width: 500px) {
    .home-middle {
        width: 100%;
    }
    .home-right {
        width: 100%;
    }

    #block-quicklinks {
        margin-right: 0;
        margin-bottom: 1em;
    }

    #content img {
        float: none!important;
        height: auto!important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    /* #content ul:not(.ui-tabs-nav) li {
        width: 25%;
    } */
}

@media (max-width: 430px) {
    #logo img {
        width: 200px;
    }
}

@media (max-width: 680px) {

    #wrapper {
        display: block;
    }
}
.video-container {
   /*background:#ccc;
  height:315px;*/
  position:relative;
  /*width:560px;*/
}
.placeholder {
  /*background:red;*/
  color:white;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  text-align:center;
}
.prompt {
  margin-top:-10px;
  position:absolute;
  top:50%;
  right:0;
  left:0;
}
.js-quickedit-page-title {border-bottom: black 2px dotted;
  padding-bottom: 15px;margin-left:15px}
#content #block-breadcrumbs > nav > ol {margin-left:0px;padding-bottom:0px;padding-left:0px}