/* Icons for file types */
a[href $='.pdf'] {
    padding-right: 18px;
    /*background: transparent url(/_img/file-type-icons/pdf-link.png) no-repeat center right;*/
    background: transparent url(//static.fdtc.edu/_img/icon/file-type/pdf_button.png) no-repeat center right;
}

.pdfButton {
    color: white !important;
    background: none !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-right: 0px !important;
}

.darkGreyBarHeader {
	display: block;
	background-color: rgba(0, 0, 0, .2);
	padding-left: 10px;
}

.newsContainerRow a[href $='.pdf'] {
    background: none;
}

.programInfoImage {
    width: 100%;
}

.blue-white {
    color: #FFF !important;
	background-color: #3778a4;
	-webkit-box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.25);
}

.accordion .accordion-navigation > a, .accordion dd > a {
	background-color: #E9F2F8;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background-color: rgba(248, 223, 122, .3);
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background-color: rgba(248, 223, 122, .3);
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	background-color: rgba(248, 223, 122, .1);
}

iframe  {
	border: 0;
}

table th p{
    font-weight: bold !important;
}

.printLogo {
    display: none;
}

a[href $='.docx'] {
    padding-right: 18px;
    background: transparent url(//static.fdtc.edu/_img/icon/file-type/word_button.png) no-repeat center right;
    /*background: transparent url(/_img/file-type-icons/pdf-link.png) no-repeat center right;*/
}

html, body {
    height: 100%;
}

.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
}

.inputContainer label {
    margin-bottom: 0;
}

.alert-box {
    margin-bottom: 0 !important;
}

#google_translate_element span {
    color: #000;
}

#google_translate_element a:hover {
    text-decoration: none;
}

.sectionNameDisplay {
    font-size: 2.125rem;
    font-weight: normal;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.seeFullUserDetails {
    /*margin-left: 6px;*/
    position: absolute;
    left: 6px;
    top: 123px;
}

/* Header sizing */
h1 {
    font-size: 2.125rem;
    /*font-size: 2.75rem;*/
}

h2 {
    font-size: 1.6875rem;
}

h3 {
    font-size: 1.375rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1rem;
}

.hiddenPixel {
    width: 1px;
    height: 1px;
    border: none;
}

/* This determines the background color of the border of the top bars */
.topContentContainer {
    position: relative;
    background-color: #F8DF79;
    padding-bottom: 1px;
    z-index: 98;
}

.emergencyMessage {
    text-align: center;
}

.messageToUser {
    text-align: center;
}

.emergencyText {
    font-size: 13pt;
}

    .emergencyText span:first-child {
        font-size: 16pt;
    }

.emergencyMessage ul {
    list-style-type: circle;
}

/*.emergencyMessage ul>li:nth-child(odd) {
    background-color: green;
}*/

#form1 {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}
/* Content */
body {
    background-color: #285674;
    font-family: wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;
    overflow: visible !important;
}

#contentArea {
    min-height: 520px;
    background-color: #FFF;
}

.contentRow > .row {
    padding-top: 48px;
    padding-bottom: 48px;
}

.mobileHomeNavContainer {
    background-color: #285674;
}

/* President Row */
.presidentRow img {
    display: block;
    margin: auto;
}

.presidentImage {
    max-height: 350px;
}

.presidentRow blockquote a {
    font-weight: bold;
}

/* Student quote row */
.studentQuoteRow {
    padding-top: 15px;
}

    .studentQuoteRow img {
        display: block;
        margin: auto;
        max-height: 175px;
        max-width: 175px;
    }

    .studentQuoteRow blockquote {
        color: #000;
    }

    .studentQuoteRow cite {
        color: #000;
    }

/* Tricolumn row */
.triColumnRow {
    padding-top: 15px;
}

    .triColumnRow p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .triColumnRow > .content {
        padding-top: 0 !important;
    }

    .triColumnRow img {
        display: block;
        margin: auto;
        /*max-height: 175px;
    max-width: 175px;*/
    }

    .triColumnRow h4 {
        text-align: center;
    }

.content {
    font-size: 14pt;
}

.topics > div {
    padding-top: 5px;
    border-radius: 5px;
    cursor: pointer;
}

    .topics > div:hover {
        background-color: #F2F2F2;
        -webkit-transition: background-color 600ms linear;
        -moz-transition: background-color 600ms linear;
        -o-transition: background-color 600ms linear;
        -ms-transition: background-color 600ms linear;
        transition: background-color 600ms linear;
    }

@media only screen and (max-width: 40em) {
    .topics {
        padding-bottom: 15px !important;
    }

    .triColumnRow h4 {
        text-align: center;
        font-size: 8pt;
    }
}

/* News and Highlights section */
.newsHighlightsRow {
    padding-top: 10px !important;
}

    .newsHighlightsRow img {
        max-height: 150px;
        display: block;
        margin: auto;
    }

    .newsHighlightsRow p {
        color: #FFFFFF;
    }

    .newsHighlightsRow a > p {
        color: #FFFFFF;
        font-weight: bold;
        /*text-shadow: 1px 1px 1px #285674;*/
    }

    .newsHighlightsRow a {
        color: #FFFFFF;
        font-weight: bold;
    }

.newsHighlightsHeaderRow {
    position: relative;
    border-bottom: 1px solid #6AA6CD;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
}

    .newsHighlightsHeaderRow a {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

.newsContainerRow {
    padding-top: 15px !important;
}

.newsHighlightsRow h2 {
    color: #FFFFFF;
    display: inline-block;
}

/* Events */
.eventsRow img {
    max-height: 250px;
    display: block;
    margin: auto;
}

.eventsRow p {
    color: #000000;
}

.eventsRow a > p {
    color: #008CBA;
}

.eventsRow h2 {
    color: #000000;
}

.eventsRow .calendarNameContainer {
    margin-bottom: 25px;
}

.eventContainerRow {
    padding-bottom: 25px;
    padding-top: 15px !important;
}

.eventsHeaderRow {
    position: relative;
    border-bottom: 1px solid #6AA6CD;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
}

    .eventsHeaderRow a {
        position: absolute;
        bottom: 0;
        right: 15px;
        font-weight: bold;
    }

.dateInfoContainer, .calendarNameContainer {
    max-width: 94px;
    background-color: #E2E2E2;
    text-align: center;
    font-size: 9pt;
}

.calendarName {
    font-weight: bold;
}

/* Image group row */
.imageGroupRow p {
    color: #000;
}

.imageGroupRow h2 {
    color: #000;
}

.imageGroupRow h5.subheader {
    color: #000;
}

/* Statistics row */
.statisticsRow {
    padding-top: 10px;
    display: block;
}

    .statisticsRow p {
        margin-top: 2%;
        color: white;
    }

    .statisticsRow h2 {
        color: white;
        text-decoration: underline;
    }

.discoverMoreButtonRow {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .discoverMoreButtonRow hr {
        margin: 3px 15px 7px 15px !important;
    }

/*.statisticsRowBorder {
    border-right: solid 1px white;
    border-left: solid 1px white;
}*/

.statisticsRow .row .columns {
    margin-bottom: 1%;
}

.achievementStat {
    padding-top: 15px;
    color: white;
    font-size: 3.5em;
}

.statisticsTitle {
    display: block;
    text-align: center;
    font-size: 16pt;
    color: #FFF;
    border-bottom: solid 1px white;
}

.innerStatsRow {
    padding-bottom: 0 !important;
    padding-top: 68px !important;
}

.innerStatsLinkRow {
    padding-top: 0 !important;
}

.statisticsLinkTitle {
    font-size: 14pt;
    font-weight: bold;
}

.innerStatsLinkRow hr {
    margin-right: 45px;
    margin-left: 45px;
    margin-top: 2px;
    margin-bottom: 5px;
    border-color: #000;
}

/* Share Row */
.shareRow {
    padding-top: 8px;
    color: #000;
}

/* Why attend row */
.whyAttend h2 {
    margin-bottom: 15px;
}

/* Take a tour row */
.takeTourRow h2 {
    text-align: center;
    color: #FFFFFF;
}

.takeTourRow img {
    max-height: 200px;
    max-width: 200px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.takeTourRow li a {
    display: block;
    text-align: center;
    border-radius: 3px;
}

    .takeTourRow li a:hover {
        background-color: #9a9a9a;
    }

.tourRowHeaderRow {
    padding-bottom: 0 !important;
}

.tourContentContainerRow {
    padding-top: 0 !important;
}

/* Apply row */
.applyRow a {
    display: block;
    text-align: center;
}

.applyRow {
    padding-top: 15px;
    margin-top: 3px;
}

    .applyRow h4 {
        color: #FFF;
    }

    .applyRow div.applyNow h4 {
        color: #D2FF8C;
    }

    .applyRow img {
        border-radius: 50%;
    }

        .applyRow img:hover {
            /*background-color:#1C94E3;*/
            background-color: #13659A;
            /*background-color:#993928;*/
        }

    .applyRow div.applyNow img:hover {
        /*background-color:#700606;*/
        background-color: #B20909;
    }

/*.applyRow span {
    display: block;
    color: #000;
    font-size: 18pt;
    line-height: 150%;
}*/

.circleIcon {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    font-size: 16pt;
    font-weight: bold;
    color: #000;
    line-height: 100px;
    text-align: center;
    background: #FFF;
}

.quickLinksBar {
    display: none;
    background-color: #285674;
    text-align: center;
    padding-top: 5px;
}

    .quickLinksBar li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        color: #DDECF4;
    }

.popularLinks {
    border-bottom: solid 2px #6AA6CD;
    background-color: #285674;
}

.quickLink img {
    padding: 5px;
    height: 65px;
    width: 65px;
    display: block;
    margin: auto;
}

    .quickLink img:hover {
    }

.quickLinksBar li:hover {
    text-decoration: underline;
    text-shadow: 0 0 7px #FFFFFF;
}

.quickLink span {
    text-align: center;
    display: block;
    color: #E8F6FF;
    font-size: 9pt;
}

.popularLinksLabel {
    font-size: 10pt;
    color: #E8F6FF;
    line-height: 34px;
    margin-right: 10px;
    cursor: pointer;
}

.giveLabel {
    font-size: 10pt;
    color: #E8F6FF;
    line-height: 34px;
    margin-right: 12px;
    cursor: pointer;
}


/* Popular links */
/*.popularLinks {
    position: relative;
    border-bottom: solid 2px #6AA6CD;
    height: 90px;
    background-color: #285674;
    display: none;
}

.quickLinkIconTitle {
    position: relative;
    top: 0;
    left: 0;
}

.popularLinksContainer {
    margin: 0 auto;
    display: inline-block;
}

.popularLink {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 10px;
    border-radius: 15px;
    float: left;
    z-index: 3;
}

.popularLink:hover {
    width: 70px;
    height: 70px;
}*/

/*

.popularLinkTitleContainer {
    text-align: right;
    color: #E8F6FF;
    font-size: 14pt;
    position: relative;
    top: 27px;
    min-width: 150px !Important;
    margin-right: 5px;
    float: left;
}*/

.editableContent a {
    /*color:#007FA9;*/
    color: #005AA4;
    /*text-shadow: 1px 0px 0px #6AA6CD;*/
    font-weight: bold;
    /*text-decoration: underline;*/
}

.menuPanel a {
    color: #285674;
}

.breadcrumbs {
    margin-bottom: 10px !important;
}

    .breadcrumbs a {
        color: #285674;
    }

.sideMenuNameSpan {
    font-size: 1.145rem;
    font-family: wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;
    color: #000000;
    line-height: 1;
    margin-bottom: 0.625rem;
}

.breadcrumbs a {
    color: #285674;
}

img.popularLinksIcon {
    /*border-right: 1px solid #6AA6CD;*/
}

/* Header Top */
.fixedHeaderContainer {
    position: relative;
    width: 100%;
    z-index: 2;
    top: 0;
}

.headerTopRegular {
    height: 39px;
    width: 100%;
    background: #285674;
    border-bottom: solid 3px #f8df79;
}

.headerTopFixed {
    height: 39px;
    width: 100%;
    background: #285674;
    border-bottom: 3px solid #F8DF79;
}

.topMenuIcon {
    width: 28px;
    height: 28px;
    margin-top: 3px;
    margin-left: 10px;
    vertical-align: top;
    float: left;
}

/*.audienceNavigationContainer:first-child {
    border-left: solid 1px #6aa6cd;
}*/
.audienceNavigationContainer {
    color: #E8F6FF;
    padding-right: 10px;
    margin-top: 2px;
}

    .audienceNavigationContainer > span {
        vertical-align: middle;
        padding-left: 3px;
        font-size: 9pt;
    }

    .audienceNavigationContainer:focus {
        color: #E8F6FF;
    }

    .audienceNavigationContainer:hover {
        color: #E8F6FF;
        text-decoration: underline;
    }

.navIconContainer {
    padding-left: 5px;
    padding-top: 16px;
    margin-bottom: 0px;
    float: left;
    cursor: pointer;
    height: 51px;
    width: 45px;
}

.navicon-line {
    width: 26px;
    height: 4px;
    border-radius: 1px;
    margin-bottom: 3px;
    background-color: #fff;
}

.leftQuickNav {
    float: left;
    margin-left: 10px;
    display: inline-block;
}

.rightQuickNav {
    float: right;
    margin-right: 10px;
}

.iconTopExpander {
    position: relative;
    display: inline-block;
    /*border: 1px solid #6AA6CD;
	border-radius: 8px;*/
    /*border-left: 2px solid rgba(6, 63, 100, 1);*/
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 2px;
    margin-right: 2px;
    height: 34px;
    width: 34px;
    vertical-align: top;
    cursor: pointer;
}

.expandIconContent {
    display: inline-block;
    cursor: pointer;
}

    .expandIconContent h4 {
        position: relative;
        color: #FFFFFF;
        text-align: center;
        margin-right: 5px;
        bottom: 1px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

.searchSectionContainer {
    width: 200px !important;
    margin-right: 1% !important;
}

.topSiteSearch {
    width: 200px !important;
    height: 32px !important;
    padding-right: 30px !important;
    margin-top: 2px !important;
}

.sideBarSearch {
    border-radius: 1000px 0px 0px 1000px !important;
}

.topbarSubmitButton {
    bottom: 5px;
    left: 5px;
    margin-top: 1px !important;
    height: 24px !important;
    width: 24px !important;
    margin-bottom: 0 !important;
    border: none !important;
}

.searchButtonIcon {
    height: 34px;
    margin-top: 1px;
    display: inline-block;
}

.searchRow {
    height: 10px !important;
    padding-right: 0 !important;
}

.mobileTopSearch {
    margin-top: 1px !important;
    background-color: #285674;
    height: 50px !important;
    width: 50px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

    .mobileTopSearch > img {
        margin-left: 9px !important;
        height: 50px !important;
        width: 50px !important;
        max-width: 32px !important;
    }

.mobileTopSearchInputContainer {
    display: none;
    top: 55px;
}

.mobileTopSearchInput {
    display: none;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
}

/*.mobileTopPadder {
    margin-top: 50px;
}*/

.mobileTopBar {
    text-align: center;
    background-color: #285674;
    padding-bottom: 1px;
    padding-top: 1px;
    border-bottom: solid 2px #F8DF7A;
}

    .mobileTopBar img {
        max-width: 200px;
        max-height: 50px;
        margin-top: 2px;
        z-index: 100;
    }

/* Header mid */
.headerMid {
    margin-top: 0px;
    margin-bottom: 3px;
    position: relative;
    background-color: #285674;
    display: inline-block;
}

.headerMidLeft {
    position: absolute;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2%;
    height: 100%;
    width: 50%;
    z-index: 1;
    top: 0px;
    background-color: #FFF;
    /*background-image: url(https://static.fdtc.edu/_img/layout/fdtc.edu/footer-single-tree.png);*/
    background-image: url(//static.fdtc.edu/_img/layout/fdtc.edu/footer-single-tree.png);
    background-repeat: no-repeat;
    display: none;
}

    .headerMidLeft img {
        height: 80%;
        width: 80%;
        font-weight: bold;
        display: block;
        margin: auto;
    }

    .headerMidLeft h4 {
        color: #285674;
        text-align: right;
        padding-top: 10%;
    }

    .headerMidLeft a {
        color: #285674;
    }

.headerMidRight h4 {
    text-align: left;
    padding-top: 10%;
}

.headerMidRight form {
    padding-top: 5%;
}

.headerMidRight {
    position: absolute;
    padding-top: 0px;
    height: 100%;
    width: 50%;
    z-index: 1;
    top: 0px;
    right: 0px;
    /*background-color: #222;*/
    display: none;
}

.headerMidImage {
    position: relative;
    opacity: .85;
}

.headerMidRight img {
    font-weight: bold;
    /* display:block;
    margin:auto;*/
    float: left;
    margin-top: 1%;
    margin-right: 3%;
}

.headerMidContentListTop {
    color: black;
    font-weight: bold;
    font-size: 125%;
}

.headerMidContentPaneList {
    list-style-type: none;
    list-style: none;
    padding-left: 3%;
    margin-left: 0;
    display: inline-block;
}

    .headerMidContentPaneList a {
        font-size: 11pt;
    }

    .headerMidContentPaneList li:hover {
        background-color: #CCCCCC;
        color: #6AA6CD;
        cursor: pointer;
    }

.popularLinksLink {
    float: right;
    margin-right: 2%;
}

.giveIcon {
    float: right;
}

.giveIcon img {
    padding: 2px;
    margin-right: 3px;
}

.topSubmitContainer {
    padding: 0 !important;
}

/* Banner */
.bannerContainer {
    position: relative;
    z-index: 10;
}

.bannerOverlay {
    position: absolute;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 3%;
    padding-bottom: 1%;
    padding-left: 5%;
    height: 100%;
    width: 100%;
    z-index: 5;
    top: 0px;
    display: none;
    background: -moz-linear-gradient(left, rgba(106,166,205,0) 0%, rgba(106,166,205,0.21) 36%, rgba(81,136,172,0.35) 60%, rgba(40,86,116,0.35) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(106,166,205,0)), color-stop(36%,rgba(106,166,205,0.21)), color-stop(60%,rgba(81,136,172,0.35)), color-stop(100%,rgba(40,86,116,0.35))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(106,166,205,0) 0%,rgba(106,166,205,0.21) 36%,rgba(81,136,172,0.35) 60%,rgba(40,86,116,0.35) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(106,166,205,0) 0%,rgba(106,166,205,0.21) 36%,rgba(81,136,172,0.35) 60%,rgba(40,86,116,0.35) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(106,166,205,0) 0%,rgba(106,166,205,0.21) 36%,rgba(81,136,172,0.35) 60%,rgba(40,86,116,0.35) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(106,166,205,0) 0%,rgba(106,166,205,0.21) 36%,rgba(81,136,172,0.35) 60%,rgba(40,86,116,0.35) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aa6cd', endColorstr='#59285674',GradientType=1 ); /* IE6-9 */
}

.bannerGradientRight {
    position: absolute;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 100%;
    width: 50%;
    left: 50%;
    z-index: 2;
    top: 0px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.13) 12%, rgba(0,0,0,0.4) 38%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(12%,rgba(0,0,0,0.13)), color-stop(38%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.13) 12%,rgba(0,0,0,0.4) 38%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.13) 12%,rgba(0,0,0,0.4) 38%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(0,0,0,0.13) 12%,rgba(0,0,0,0.4) 38%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(0,0,0,0.13) 12%,rgba(0,0,0,0.4) 38%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=1 ); /* IE6-9 */
}

.bannerOverlay strong {
    color: white;
    text-shadow: 1px 1px 1px #000;
}

.bannerOverlay p {
    color: white;
    text-shadow: 1px 1px 1px #000;
}

.bannerOverlay h1, .bannerOverlay h1 > a {
    color: white;
    text-shadow: 1px 1px 1px #000;
}

.bannerOverlay hr {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.bannerOverlay h3 {
    color: white;
    text-shadow: 1px 1px 1px #000;
}

.bannerOverlay a {
    color: #6AA6CD;
}

.bannerOverlay .subheader {
    color: #AAA;
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 25px;
    text-shadow: 1px 1px 1px #000;
}

.bannerOverlay ul {
    margin-left: 20px;
}

    .bannerOverlay ul li {
        cursor: pointer;
        padding: 3px;
    }

        .bannerOverlay ul li:hover {
            background-color: #f2f2f2;
            color: #000;
        }

            .bannerOverlay ul li:hover a {
                color: #000;
            }

        .bannerOverlay ul li a {
            color: #FFF;
        }

.bannerWelcomeMessage {
    color: #FFFFFF !important;
    position: absolute;
    right: 2%;
    bottom: 10%;
    z-index: 3;
    max-width: 750px;
}

.bannerWelcomeMessage h1 {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 40pt;
    line-height: 120%;
    text-shadow: 4px 4px 4px #000;
    z-index: 3;
}

.welcomeWrap {
    padding: 5px;
}

.welcomeWrap .subText, .welcomeWrap p {
    font-weight: bold;
    font-size: 18pt !important;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 40pt;
    line-height: 120%;
    text-shadow: 4px 4px 4px #000;
    z-index: 3;
}

.welcomeWrap p {
    margin-bottom: 0px;
    padding-bottom: 10px;
    max-width: 700px;
}

.welcomeWrap a {
    color: #FFFFFF;
    text-align: right;
    width: 100% !important;
    height: 100% !important;
    padding-right: 5px;
}

.welcomeWrap a:hover {
    color: #6aa6cd;
}

@media only screen and (max-width: 40em) {
    .bannerWelcomeMessage h1 { 
        font-size: 22pt;
        width: 100%;
        height: 50%;
        right: 0%;
        padding-right: 13px;
        padding-bottom: 13px;
        padding-top: 5%;
        margin-bottom: 0px;
        line-height: 100%;
        vertical-align: text-bottom;
    }

    .bannerGradientRight {
        position: absolute;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        left: 0px;
        z-index: 2;
        top: 0px;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.26+29,0.38+100 */
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 29%, rgba(0,0,0,0.38) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.26) 29%,rgba(0,0,0,0.38) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.26) 29%,rgba(0,0,0,0.38) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#61000000',GradientType=1 ); /* IE6-9 */

    }

    .bannerWelcomeMessage  {
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .bannerHeaderSmallText {
        display: none;
        font-size: 13pt !important;
    }

    .welcomeWrap .subText, .welcomeWrap p {
        font-size: 10pt !important;
    }

}

@media only screen and (min-width: 40em) and (max-width: 64em) {
    .bannerWelcomeMessage h1 {
        font-size: 26pt;
    }
}

@media only screen and (max-width: 25em) {
    .bannerWelcomeMessage p {
        display: none;
    }

    .bannerWelcomeMessage h1 {
        text-align: center;
        font-size: 19pt;
    }
}

.bannerHeaderLargeText h1 {
    font-size: 37pt;
}

.bannerHeaderSmallText {
    font-size: 20pt;
}

/* Header Bottom */
.headerBottom {
    height: 36px;
    width: 100%;
    background: #285674;
    margin-bottom: 3px;
}

.topMenuButton {
    position: relative;
    height: 36px;
    width: 33.333%;
    background: #285674;
    cursor: pointer;
}

    .topMenuButton:hover {
        background-color: #F7E179;
        color: #285674;
    }

.topMenuText {
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
    color: #f8df79;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.logo {
    position: absolute;
    top: 0px;
    width: 15%;
    left: 42.5%;
    z-index: 99;
    border-radius: 50%;
}

    .logo img {
        max-height: 280px;
        min-height: 185px;
        min-width: 185px;
        border-radius: 50%;
    }

.logoLink {
}

.extraLargeOnly {
    display: none;
}

.hideForExtraLarge {
    display: none;
}

@media only screen and (min-width: 95em) {
    .extraLargeOnly {
        display: inline;
    }
}

@media only screen and (max-width: 94.999em) {
    .hideForExtraLarge {
        display: inline;
    }
}

@media only screen and (max-width: 40em) {
    .logoContainer {
        top: 30px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .logoContainer {
        top: 12px;
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .logoContainer {
        top: 10px;
    }
}

.headerBottomMenu {
    width: 40%;
}

.headerBottomLeft {
    margin-left: 5%;
}

.headerBottomRight {
    margin-right: 5%;
}

/* Footer Bar */
.footerBar {
    width: 100%;
    background-color: #000000;
    /*background-image: url(https://static.fdtc.edu/_img/layout/fdtc.edu/footer-trees.jpg);*/
    background-image: url(//static.fdtc.edu/_img/layout/fdtc.edu/footer-trees.jpg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-top: 1%;
    max-width: none;
}

/*@media only screen and (max-width: 40em) {
    .footerBar {
        background-image: url(https://static.fdtc.edu/_img/layout/fdtc.edu/footer-single-tree.jpg);
    }
}*/

.footerBar a {
    color: #6AA6CD;
    font-size: 12pt;
}

    .footerBar a:hover {
        text-decoration: underline;
    }

.footerBar li {
    margin-bottom: .5%;
}

.footerBar span {
    color: #FFFFFF;
}

.footerSectionTitle a {
    color: #FFFFFF;
    font-size: 1.125rem;
}

.footerSectionTitle {
    color: #FFFFFF;
}

.siteList {
}

.footerBar img {
    max-height: 50px;
    max-width: 50px;
}

/* Side Menu */
.sb-left {
    max-height: 100% !important;
}

.safariHandler {
    cursor: pointer;
}

.sb-left li {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.sb-left .hoverable:hover {
    background-color: #333333;
}

.sb-left h2 {
    margin-left: 10%;
    color: #FFF;
    text-decoration: underline;
}

.sb-left span {
    margin-left: 5%;
    font-size: 14pt;
    color: #888888;
}

.sb-left a {
    margin-left: 5%;
    font-size: 12pt;
    color: white;
}

.sb-left ul {
    margin-left: 0;
    margin-bottom: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .sb-left ul ul {
        margin: 0;
    }

        .sb-left ul ul li a {
            margin-left: 5%;
        }

.sb-slidebar {
    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(54,51,54,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(54,51,54,1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(54,51,54,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(54,51,54,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(54,51,54,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(54,51,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#363336', GradientType=1 );
    -webkit-overflow-scrolling: touch;
}

.sideHR {
    position: relative;
    height: 1px;
    width: 95%;
    background-color: #333333;
}

.sideMenuSearch {
    margin-top: 15px;
    height: 34px !important;
    border-right: none !important;
}

.sideMenuSearchButton {
    margin-left: 0 !important;
    /*background-image: url(../img/SiteSearch.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 37px auto;*/
}

.sideMenuSearchRow {
    margin-top: 5%;
}

.subMenuTitle img {
    height: 20px;
    width: 20px;
    margin-left: 12px;
    margin-bottom: 5px;
}

h1, h2, h3, h4, h5, a {
    /*font-family: Georgia, Helvetica, sans-serif;*/
    /*font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";*/
    font-family: wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;
}

.surveyContainer {
    position: fixed;
    left: 0;
    top: 30%;
    height: 45%;
    width: 25%;
    z-index: 5000;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.descriptionField > span:first-child:before {
    float: left;
    background-image: url('/_img/icons/icon-arrow-expand.png');
    -webkit-background-size: 30px 30px; /* Safari 3.0 */
    -moz-background-size: 30px 30px; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 30px 30px; /* Opera 9.5 */
    background-size: 30px 30px; /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 30px;
    width: 30px;
    margin-right: 8px;
    content: "";
}

.descriptionField > span:first-child {
    font-size: 14pt;
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
}

.descriptionField > span.flippedSpan:before {
    float: left;
    background-image: url('/_img/icons/icon-arrow-expand.png');
    -webkit-background-size: 30px 30px; /* Safari 3.0 */
    -moz-background-size: 30px 30px; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 30px 30px; /* Opera 9.5 */
    background-size: 30px 30px; /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 30px;
    width: 30px;
    margin-right: 8px;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    content: "";
}

.contentSideMenu li a {
    display: block;
    padding: .2em;
    border-radius: 3px;
}

    .contentSideMenu li a:hover {
        background-color: #CACACA;
    }

/*.breadcrumbsPanel li:after {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 10pt;
    padding: 0 0.25em, .25em;
}

.breadcrumbsPanel a {
    font-size: 10pt;
    display: inline-block;
}*/

.deleteImageButton {
    width: 1.875rem !important;
    height: 1.875rem;
}

.lb-image {
    display: none;
}

.postfix {
    border: none !important;
}

.bannerTransitionTriangle {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 35px solid;
}

.newsListingContainer li {
    position: relative;
}

.newsListingContainer img {
    display: block;
    margin: auto;
}

.newsListingContainer a.button {
    position: absolute;
    top: 0;
    right: 0;
}

/* Calendar Icon */
.containerThing {
    margin-left: 200px;
    margin-top: 200px;
    height: 113px;
    width: 94px;
}

.calendarIcon {
    position: relative;
    color: #FFFFFF;
    font-family: Georgia, Helvetica, sans-serif;
    width: 94px; /*100%;*/
    height: 123px; /*100%;*/
    /*border-radius: 5px;*/
    display: inline-block;
    text-align: center;
    background-color: #285674;
    margin-right: 15px;
    margin-bottom: 5px;
}

.calDay {
    font-size: 18pt;
    line-height: 1.2;
    margin-top: 2px;
}

.calMonth {
    font-size: 10pt;
}

.calYear {
    font-size: 8pt;
    margin-bottom: 5px;
}

.calendarAbreviation {
    font-size: 16pt;
    line-height: 1;
}

.calBreak {
    position: relative;
    width: 90%;
    left: 5%;
    height: 2px;
    background-color: white;
    margin-bottom: 10px;
}

.calAbr {
    font-size: 26pt;
}

.calendarIcon strong {
    display: block;
}

.employeeImage {
    max-height: 125px;
    max-width: 125px;
    margin-right: 15px;
}


/* Helpers */
/* Background colors for content rows and transitions */
.mobileHomeNav {
    background-color: #285674 !important;
}

    .mobileHomeNav a {
        color: rgb(248,223,122);
        /*height: 100%;
    width: 100%;*/
        display: block;
    }

.callNowLinkMobileTop {
    color: #FFFFFF !important;
}

.mobileHomeNav .item {
    background-color: #285674;
}

    .mobileHomeNav .item a label {
        color: #F8DF7A;
    }

    .mobileHomeNav .item.callNowItem a label {
        color: #fff;
    }

.mobileHomeNav strong {
    font-size: 8pt;
}

.mobileHomeNav .item {
    padding: .45rem !important;
}

.newsHighlightsRow {
    background-color: #285674;
}

.newsHighlightsRow .bannerTransitionTriangle {
    color: #285674;
}

.eventsRow {
    background-color: #fff;
}

    .eventsRow .bannerTransitionTriangle {
        color: #fff;
    }

.statisticsRow {
    background-color: #13659A;
}

    .statisticsRow .bannerTransitionTriangle {
        color: #13659A;
    }

.imageGroupRow {
    background-color: #F7F3E2;
}

    .imageGroupRow .bannerTransitionTriangle {
        color: #F7F3E2;
    }

.takeTourRow {
    background-color: #285674;
}

    .takeTourRow .bannerTransitionTriangle {
        color: #285674;
    }

.presidentRow {
    background-color: #FFFFFF;
}

    .presidentRow .bannerTransitionTriangle {
        color: #FFFFFF;
    }

.studentQuoteRow {
    background-color: #FFFFFF;
}

    .studentQuoteRow .bannerTransitionTriangle {
        color: #FFFFFF;
    }

.triColumnRow {
    background-color: #FFFFFF;
}

    .triColumnRow .bannerTransitionTriangle {
        color: #FFFFFF;
    }

.applyRow {
    background-color: #000000;
}

    .applyRow .bannerTransitionTriangle {
        color: #000000;
    }

.shareRow {
    background-color: #FFF;
}

.bannerGradientTan {
    background: rgb(227,223,208); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(227,223,208,1) 0%, rgba(247,243,226,1) 40%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,223,208,1)), color-stop(40%,rgba(247,243,226,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(227,223,208,1) 0%,rgba(247,243,226,1) 40%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(227,223,208,1) 0%,rgba(247,243,226,1) 40%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(227,223,208,1) 0%,rgba(247,243,226,1) 40%); /* IE10+ */
    background: linear-gradient(to right, rgba(227,223,208,1) 0%,rgba(247,243,226,1) 40%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3dfd0', endColorstr='#f7f3e2',GradientType=1 ); /* IE6-9 */
    padding-top: 68px !important;
}

button[disabled] {
    background-color: #686868;
    border-color: #686868;
}

.offscreen {
    position: absolute;
    left: -999px;
    overflow: hidden;
    top: auto;
    width: 1px;
    height: 1px;
    z-index: 10;
}

.has-tip {
    border: none !important;
}

.shareIconsContainer {
    display: none;
    padding-top: 5px;
}

.shareThisTitle {
    cursor: pointer;
    font-weight: bold;
}

.opacity7 {
    opacity: .7;
}

.opacity85 {
    opacity: .85;
}

.hide {
    display: none;
}

.smallMarginLeft {
    margin-left: 10px;
}

.smallMarginRight {
    margin-right: 10px;
}

.positionRelative {
    position: relative;
}

.overFlowHidden {
    overflow: hidden;
}

.noBullet {
    list-style-type: none;
}

.noBottomMargin {
    margin-bottom: 0 !important;
}

.noPaddingRight {
    padding-right: 0 !important;
}

.noSectionPadder {
    padding-top: 15px;
    width: 100%;
}

.obscure {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

@media all and (min-width: 1000px) {
    .textResize {
        font-size: 17px;
    }
}

@media all and (min-width: 1200px) {
    .textResize {
        font-size: 21px;
    }
}

@media all and (min-width: 1400px) {
    .textResize {
        font-size: 25px;
    }
}

.svg {
    display: block;
    max-height: 100%;
    width: 100%;
}

.flipped {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}

#ebscohostsearchtext {
    position: relative;
    bottom: 3px;
    right: 1px;
    height: 25px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
    padding-right: 25px !important;
}

#ebscohostsearchSubmit {
    position: relative;
    left: 198px;
    bottom: 43px;
    height: 24px;
    width: 24px;
}

.eResourcesContainer tbody {
    width: 100% !important;
}

.eResourcesContainer tr {
    width: 100%;
}

.eResourcesTABLE a {
    text-align: center;
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: rgba(106, 166, 205, .2);
    border-radius: 2px;
}

    .eResourcesTABLE a:hover {
        background-color: rgba(106, 166, 205, .4);
    }

/* Employee Directory */
.employeeImage {
    height: 100%;
    width: 100%;
}

.employeeInfoTitle {
    display: block;
}

.employeeName {
    font-weight: bold;
    font-size: 14pt;
}

.userControl {
    padding-bottom: 25px;
}

    .userControl span {
        font-size: 11pt;
    }

.detailsPopupContainer {
    height: 0;
    width: 0;
}

/* Event Search */
.eventSearchDescription {
    margin-top: 1%;
}

.eventResultContainer h3 {
    margin-bottom: 3%;
}

.eventSubsectionTitle {
    font-weight: bold;
}

.eventSubsectionTitle {
    display: inline-block;
    margin-bottom: 1%;
    border-bottom: solid 1px black;
}

.eventDirectionsContainer {
    border-right: solid 1px black;
}

.resourceLinkList {
    margin-top: 3%;
    list-style-type: none;
}

.eventDirectionsContainer img {
    height: 60%;
    width: 60%;
    display: block;
    margin: auto;
}

.eventTitle {
    /* Style the title of the event result page eventually */
}

.singleEventContainer {
    border-bottom: dotted 1px black;
}

    .singleEventContainer a h5 {
        font-weight: bold;
    }

/* UI Datepicker */
/*.ui-datepicker {
    position: relative !important;
    width: 190px !important;
    font-size: 9pt !important;
    right: 3% !important;
    margin-bottom: 15px;
}

.ui-datepicker-header {
    background-color: #285674 !important;
    font-weight: bold !important;
    border-width: 1px 0 0 0 !important;
    border-style: solid !important;
    border-color: #111 !important;
}

.ui-datepicker-current-day .ui-state-active {
    background: #F7E179 !important;
}*/

/* This is a fix specific to pages with forms to enforce that empty olumns do NOT collapse. Used to alignment with text only inputs  */
.column, .columns {
    min-height: 1px;
}

/* The following styles handle the user lookup */
.removeUserLookup {
    height: 35px !important;
    width: 35px !important;
    left: 7px !important;
    right: 0px !important;
    top: 2px !important;
    position: absolute;
}

.displayNameSpan {
    position: relative;
    display: block;
    margin-left: 50px !important;
    top: 2px;
}

.userLookupResult {
    cursor: pointer;
    border-radius: 10px;
}

.selectedUser {
    background-color: rgba(106, 166, 205, .4);
}

.lookupResultsBottomContainer {
    margin-top: 25px;
}

.resultsBackToSearch {
    cursor: pointer;
    color: #008CBA;
}

.pleaseAddUserNotification {
    display: none;
    font-weight: bold;
    margin-right: 25px;
    font-size: 13pt;
}

.employeeHiddenUsername {
    display: none !important;
}

.expandRowIcon {
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.descriptionTitle {
    cursor: pointer;
}

.descriptionField {
    padding-bottom: 15px;
    padding-top: 15px;
}

/* Map */
.mapContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    min-height: 500px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

    .mapContainer iframe,
    .mapContainer object,
    .mapContainer embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Search Results */
.resultsSearch {
    font-size: 18pt !important;
    text-align: center;
}

.resultsContainer {
    height: 750px;
    border: solid 1px #f2f2f2;
}

.gs-webResult {
    border: 1px solid #eee;
    padding: 2px;
}

.gsc-result-info {
    display: none;
}

.gcsc-branding {
    display: none;
}

.form .gsc-thumbnail {
    display: none;
}

.gs-snippet {
}

.gs-title a {
    font-size: 14px;
}

.gs-snippet {
    font-size: 12px;
}

    .gs-title b, .gs-snippet b {
        font-weight: normal;
    }

.gsc-url-top, .gsc-url-bottom {
    display: none;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-image: inherit;
    box-sizing: content-box;
}

/* Student Job */
.studentJobPositionLabel {
    font-size: 11pt;
    display: block;
    font-weight: bold;
    line-height: 2;
    border-right: solid 1px rgba(200, 200, 200, .5);
}

.studentJobPositionInformation {
    font-size: 10pt;
    display: block;
    line-height: 2;
}

.studentJobPositionRow {
    border: solid 1px rgba(200, 200, 200, .5);
    padding: 5px;
}

.studentJobPositionTitle {
    font-weight: bold;
    font-size: 14pt;
    line-height: 2;
    margin-left: 10px;
}

.studentJobTitleRow {
    border: solid 1px rgba(200, 200, 200, .5);
    background-color: rgba(0, 140, 186, 0.2);
}

.studentJobPositionContainer {
    margin-bottom: 35px;
}

/* User Control */
.userControl span {
    display: block;
    line-height: 1.8;
}

    .userControl span:first-child {
        font-weight: bold;
        font-size: 14pt;
        line-height: 1.6 !important;
    }

.userDetailsImage {
    border-radius: 50%;
    max-height: 125px;
    max-width: 125px;
    margin-right: 15px;
    float: left;
    display: block;
}

.employeeImageContainer {
    position: relative;
    height: 165px;
    float: left;
}

.userInfoContainer {
    /*float: right;*/
}

/* Work Study */
.workStudyLoginError {
    display: block;
    color: red;
    margin-bottom: 1%;
}

/* Work Study Positions */
.workStudyPositionLabel {
    font-size: 11pt;
    display: block;
    font-weight: bold;
    line-height: 2;
    border-right: solid 1px rgba(200, 200, 200, .5);
}

.workStudyPositionInformation {
    font-size: 10pt;
    display: block;
    line-height: 2;
}

.workStudyPositionRow {
    border: solid 1px rgba(200, 200, 200, .5);
    padding: 5px;
}

.workStudyPositionTitle {
    font-weight: bold;
    font-size: 14pt;
    line-height: 2;
    margin-left: 10px;
}

.workStudyTitleRow {
    border: solid 1px rgba(200, 200, 200, .5);
    background-color: rgba(0, 140, 186, 0.2);
}

.workStudyPositionContainer {
    margin-bottom: 35px;
}

/* Catalog */
.programDetailsLabel {
    display: block;
    font-weight: bold;
    line-height: 2.0;
}

.courseHoursContainer span {
    display: block;
    text-align: center;
    font-size: 10pt;
}

.requirementsList {
    padding: 5px;
    border: solid 1px #F2F2F2;
    border-radius: 3px;
}

.courseListing {
    margin-left: 20px;
}

.courseGroupTitle {
    font-weight: bold;
    display: block;
}

.courseGroup {
    margin-bottom: 15px;
}

.courseListing span {
    margin-right: 20px;
}

.courseResultsContainer {
    margin-top: 25px;
}

.courseListingResult span {
    margin-right: 20px;
}

.courseShortDescription {
    font-size: 11pt;
    text-indent: 50px;
}

.courseDetailsTitle span {
    font-size: 16pt;
}

.courseLongDescription {
    margin-top: 15px;
    text-indent: 50px;
}

.requirementsContainer span {
    display: block;
}

.requirementsContainer small {
    display: block;
}

.relatedCoursesTitle {
    display: block;
    margin-top: 25px;
}

.programTypeTitle {
    display: block;
    font-size: 16pt;
    font-weight: bold;
}

.programTypeDescription {
    text-indent: 50px;
}

.programListingsTitle {
    text-decoration: underline;
    font-weight: bold;
}

.sitemapAnchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

/* Contact Us Page  */
.contactUsTwitter {
    max-width: 50px;
    max-height: 50px;
}

.contactUsDepartmentContainer p {
    font-size: 10pt;
}

.requestInfoPhoneLabel {
    color: #4D4D4D;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
}

.requestInfoPhoneDropdown {
    /*margin-left: 8px;*/
}

/* Program Information */
#programInfoTitleRow {
    width: 100% !important;
}

.programBreadcrumbs {
    font-size: 9pt;
}

.programInfoPanel {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.programInfoHeader {
    color: #285674;
}

.programInfoHeader h1 {
    font-weight: bold;
    color: #285674;
    font-size: 32pt;
    line-height: 120%;
    text-shadow: 4px 4px 4px #B2B2B2;
}

.programBreadcrumbs {
    margin-top: 1rem;
}

.programInfoHeaderBlue {
    line-height: 120%;
    text-shadow: 3px 3px 3px #DDECF4;
    color: #5D91B3;
}

.programInfoHeaderCenter {
    text-align: center;
}

.facultyContainer {
    text-align: center;
    margin-top: 10px;
}

    .facultyContainer img {
        padding-left: 55px;
        padding-right: 55px;
        border-radius: 50%;
        /*max-width: 300px;
    max-height: 300px;*/
    }

    .facultyContainer a {
        font-size: 14pt;
        margin-top: 5px;
    }

#programInfoWhatsNextRow {
    border-radius: 5px;
    background-color: #FFF9DE;
}

    #programInfoWhatsNextRow span {
        display: block;
        font-size: 14pt;
        font-weight: bold;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

#programStatsSlick .stat {
    display: block;
    font-size: 30pt;
    line-height: 130%;
}

#programStatsSlick .statDescription {
    display: block;
    font-size: 14pt;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.programTitleBox {
    background-color: #F2F2F2;
    display: inline-block;
    border-radius: 3px;
    padding: 20px;
    position: absolute;
    bottom: 150%;
    left: 15%;
    opacity: .9;
    margin-bottom: 10px;
    width: 650px;
}

.programInfoHeader .programInfoPanel {
    /*margin-left: 0 !important;
    margin-right: 0 !important;*/
    margin: 0 !important;
    padding: 0 !important;
    /*padding-left: 0 !important;
    padding-right: 0 !important;*/
}

@media only screen and (max-width: 70em) {
    .programTitleBox {
        left: 1%;
    }

    .programInfoHeader {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 65em) {
    .programInfoHeader {
        background-color: #F2F2F2;
    }

    .programTitleBox {
        position: relative;
        width: 100% !important;
        border-radius: 0;
        opacity: 1;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
    }

    .programInfoImage {
        /*display: none;*/
        background-size:cover;
    }

    .programTitleBox h1 {
        font-size: 1.5rem;
    }
}

.programTitleBox .breadcrumbs {
    font-weight: bold;
    border: none;
    padding-left: 0 !important;
}

.programTitleBox h1 {
    /*text-decoration: underline;*/
}

.programTitleBox span {
    text-shadow: 2px 2px 2px #B2B2B2;
    display: block;
    margin-bottom: 10px;
}


/* Program information admin */
.removeResourceListing, .removeStatisticListing {
    height: 32px;
    width: 32px;
    margin-right: 5px;
    cursor: pointer;
    float: right;
}

#statisticsListFinal, #resourceListFinal {
    display: none;
}

.singleResource input {
    margin-bottom: 5px;
}

.singleStatistic input {
    margin-bottom: 5px;
}

/* Section level navigation styling */
.sectionMenusContainer {
    display: none;
}

.navigateThisPage {
    background-color: #fdfdfd;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 5px;
    border: solid 1px #DCDCDC;
}

.navigateThisSectionTitle {
    display: block;
    padding: 5px;
    font-size: 10pt;
}

.expandMobileNavigationIcon {
    height: 20px;
    width: 20px;
    float: right;
    margin-top: 3px;
}

.resourceListFinal {
    display: none !important;
}

.statisticsListFinal {
    display: none !important;
}

.audiencePageNewsContainer img {
    max-height: 150px;
    display: block;
    margin: auto;
}

.emphasizeTitle {
    font-size: 18pt;
	font-weight: bold;
}

.smallMarginBox {
    margin: 5px;
}

.newsContentP {
    font-size: 15pt;	
}

.newsBlockQuote {
    margin-bottom: 0 !important;
}

.newsArticleBackground:before, .newsArticleBackground:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
} 

.newsArticleBackground:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}


table.collapseTable {
	width: auto !important;
}


/******************************************************
Continuing Education Course Styles
******************************************************/

.lightGreenbg{
background-color: rgba(89,164,29, .6) !important;
color: #FFF !Important;
}

.accordion {
	list-decoration: none !Important;
}

#programAreaContainer > li {
	list-style-type: none !important;
}	

.courseDescription {
	font-size: 13pt;
}

#programAreaContainer .accordion li.accordion-navigation >  a:before {
	content: "+";
	margin-right: 10px !important;
	font-size: 16pt;
	line-height: inherit;
}
 
#programAreaContainer .accordion li.accordion-navigation.active > a:before {
	content: "-";
}


#programAreaContainer img  {
	margin: auto;
	display: block;
}

.panel.bannerPanel {
	background-color: rgba(110, 170, 210, .4);
	border: 1px solid rgba(110, 170, 210, .5);
}

.bannerPanel a{
	width: auto !important;
}

.bannerTextH1 {
	font-size: 28pt !important;
}

.bannerPanel a{
	text-align: center;
	background-color: rgb(40, 84, 116); 
	display: inline-block;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
	padding-left: 30px;
	color: #FFF;
	font-size: 14pt !important;
	border: 1px solid rgba(110, 170, 210, .4);
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.bannerPanel a:hover {
	background-color: #6AA6CD;
	color: #FFF !important;
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.bannerPanel a>img{ 
	margin-right: 10px;
	height: 30px;
	width: 30px;
}

@media only screen and (max-width: 30em) {
	.bannerTextH1 {
		font-size: 14pt !Important;
		margin-top: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.panel.bannerPanel {
		padding-bottom: 0px !Important;
		padding-top: 0px !Important;
		margin-bottom: 0px !important;
	}
	
	.bannerPanel p {
		display: block !Important;
	}
}

/* Used to handle modifying things that are too large in the banner HTML */
@media only screen and (max-width: 40em) {
	.bannerPanel a{
		display: none;
	}

	.removeForMedium {
		display: none;
	}
	
	.bannerTextH1 {
		font-size: 24pt;
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	
	.panel.bannerPanel {
		background-color: transparent !important;
		border: none !important;
		max-height: 150px !important;
	}
	
	.panel.bannerPanel p {
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		
	}
}

@media only screen and (max-width: 60em) {
	.bannerTextH1 {
		font-size: 20pt !important;
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	
	.bannerPanel a{
		display: none;
	}
	
	.removeForMedium {
		display: none;
	}
}