a.link-arrows:after {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none, url("../images/structure/sprites/arrows-nav-docs.svg");
    background-origin: padding-box, padding-box;
    background-position: -433px -8px;
    background-repeat: repeat, repeat;
    background-size: auto auto, auto auto;
    content: "";
    display: inline-block;
    height: 7px;
    margin-left: 0.45rem;
    padding: 0 12px 7px 0;
    width: 14px;
}

.nav-arrow a:before {
    content: '';
    display: inline-block;
    width: 12px;
    background-image: url('../images/structure/cs-division-arrow.svg');
    height: 11px;
    background-repeat: no-repeat;
}


.white-single-arrow:after {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -12px;
    display: inline-block;
    width: 1rem;
    height: 12px;
    vertical-align: text-top;
}
.eecs-department-linkback {
    color: #fff;
    margin-bottom: 2.5rem;
    padding: 0.75rem 0.5rem 0.65rem 0;
    background: #4E2A84;
    font-family: "Campton Bold",Arial,sans-serif;
    font-size: 0.9rem;
}

.eecs-department-linkback:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -10px;
    display: inline-block;
    width: 1rem;
    height: 0.9rem;
    vertical-align: text-top;
    transform: rotate(180deg);
    margin-right: 0.5rem;
}

select,
input[type=text] {
    font-size: 16px;
}

input[type="search"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: .75rem;
}

#main-content .checkbox-list > li {
    background: #fff url('../images/structure/sprites/checkbox.svg') left 0.2rem no-repeat;
    padding-left: 2rem;
    margin-left: 0 !important;
    padding-top: 0;
    margin-top: 0;
    list-style: none;
}

.inline-callout {
    background-color: #E4E0EE; 
    border: 1px solid #B6ACD1; 
    padding: 1rem 1.45rem;
}

input#searchterms::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

input#searchterms::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

input#searchterms::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

input {
    background: #ece9f3;
    color: #4e2a84;
    font-family: "Campton Book",Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    box-shadow: 0 0 3px #999999 inset;
}

#super-header #super-nav {
    font-family: 'Campton Book',"Courier New",sans-serif;
}



#super-header li:first-child, #super-header li, #super-header li.right a { 
    font-size: 0.8rem; 
    font-weight: normal;
}



#super-nav li:first-child {
    font-family: 'Campton Bold', Impact, sans-serif;
    font-size: 0.8rem; 
    font-weight: normal;
}

.event_list .day, .event_list .day+span {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    padding: 5px;
    margin: 0  0 1rem 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}
.event_list a {
    display: block;
    margin-bottom: 2rem;
    border-bottom: none !important;
}

.event_list .day, .event_list .day+span {
    padding: 5px;
    margin: 0  0 1rem 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

.event_list .day {
     background: #836eaa;
     width:45px;
}
.event_list .day+span {
    background: #4E2A84;
    width: 70px;
}
.event_list .event-title {
    line-height: 1.55rem;
    border-bottom: 1px dotted #bca3c1;
}

.event_list .event-title:hover {
    line-height: 1.55rem;
    border-bottom: 1px solid #4E2A84;
}


.icon-search-glass {
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -218px -42px;
    display: inline-block;
    width: 20px;
    height: 22px;
    position: relative;
    top: -.10rem;
    font-size: 0 !important;
    vertical-align: middle;
}

#nav #top-nav li a.icon-search-glass {
    padding-right: 0;
}

.icon-twitter, .icon-Twitter {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -3px -5px;
    font-size: 0;
}

.icon-facebook, .icon-Facebook {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -38px -5px;
    font-size: 0;
}

.icon-google, .icon-Google\+ {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -73px -5px; 
    font-size: 0;
}

.icon-googlegroup {
    background-position: -216px -5px;
    content: "";
    display: inline-block;
    font-size: 0;
    height: 25px;
    width: 30px;   
}


.icon-linkedin, .icon-LinkedIn {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -108px -5px;
    font-size: 0;
}

.icon-rss, .icon-RSS {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -143px -5px;
    font-size: 0;
}

.icon-youtube, .icon-YouTube {
    content: '';
    background-image: url('../images/structure/sprites/footer-social.svg');
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -178px -5px;
    font-size: 0;
}

.icon-github {
    content: '';
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -282px -5px;
    font-size: 0;
}

.icon-vimeo {
    content: '';
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -317px -5px;
    font-size: 0;
}

.icon-flickr {
    content: '';
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -352px -5px;
    font-size: 0;
}

.icon-instagram {
    content: '';
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: -387px -5px;
    font-size: 0;
}

.iconset-footer {
    margin-top: 12px;
    margin-right: 0.5rem;
    vertical-align: middle;
}

.iconset-home {
    background-image: url('../images/structure/sprites/homepage-social.svg');
    /*   background-size: 280px 35px;  */
}

.iconset-home:not(:last-child) {
    margin-right: 0.4rem;
}

#footer-logo {
    content: 'Northwestern Seal';
    background-image: url('../images/structure/sprites/northwestern-logo.svg');
    display: inline-block;
    width: 190px;
    height: 110px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: left top;
    margin-top: 0;
    
}

@media screen and (max-width:768px) {
    
    #footer-logo {
        background-image: url('../images/structure/sprites/northwestern-logo-centered.svg');
    }
    
}

/* /test- stuff - social */

#main-content {
    min-height: 400px;
} 

#search-glass-link img {
    vertical-align: middle;
}
/* end test stuff */


/* home page */

#home-content {
    font-size: 1rem;
}

/* removed per CB 01/29/16 
#home-content a[href] {
-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
*/

#home-news {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#home-news-teaser {
    display: inline-block;
    width: 20.25%;
    text-align: right;
    vertical-align: top;
    padding-right: 2rem;
}

#home-news-list {
    display: inline-block;
    width: 59.583333333333%;
}

#home-news-list a {
    margin-right: 3.5%;
    display: inline-block;
    width: 29%;
}

#home-news-list img {
    display: block;
}

#home-news-sidebar {
    display: inline-block;
    vertical-align: top;
}

#home-news hr {
    margin: 1.5rem 0;
}


#home-efl {
    background: #fff;
    font-size: 1rem;
}

#home-events {
    width: 20.25%;
    float: left;
    padding-right: 2rem;
    border-right: 1px solid #cacaca;
}

#home-features {
    width: 71.212121212121%;
    float: left;
    padding-left: 3rem;
}

/* News Search */

#news-content-wrap .selectricWrapper {
    display: inline-block;
    width: 200px;
    position: relative;
    top: 0.5rem;
    height: 35px;
    border-left: 1px solid #ccc;
}

#news-content-wrap .selectricWrapper + .selectricWrapper {
    margin-left: 0.75rem;
}

#news-content-wrap .selectric {
    height: 35px;
}

#current_pagination,
.current_pagination {
    width: 2rem !important;
    height: 2.5rem;
    margin: 0;
    padding: 0;
    text-align: center;
    border:none;
}

.search-news-articles .selectric {
    background: #fff;
}

#news-search-param-summary {
    font-size: 0.85rem;
}

#news-search-param-summary div {
    display: inline-block;
    padding-right: 1rem;
    padding-left: 0.5rem;
    line-height: 90%;
}

#news-search-param-summary div:first-child {
    padding-left: 0;
}

#news-search-param-summary div + div {
    border-right: 1px solid #4E2A84;
}

#news-search-param-summary div + div:last-child {
    border-right: none;
}

#news-search-param-summary strong {
    color: #4E2A84;
}

.pagination {
    border-top: 1px solid #ccc;
    margin: 1rem 0 1rem 0;
    padding-top: 1rem;
}

.pagination button {
    height: 35px;
    width: 35px;
    text-align: center;
    color: #cecece;
    background: #eee;
    border: none;
}

.pagination #news-prev {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat 0 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}


.pagination #news-next {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -126px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}

.pagination #news-next.deactivated { 
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -42px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;
}

.pagination #news-prev.deactivated {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat 0 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;
}

.pagination #news-prev:not(.deactivated):hover {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -168px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}

.pagination #news-next:not(.deactivated):hover {
    -webkit-appearance: none;
    font-size: 0;
    background: url('../images/structure/sprites/paginator.svg') no-repeat -210px 0;
    height: 40px;
    width: 38px;
    vertical-align: top;
    border-style: none;   
}

.pagination button.deactivated {
    background-color: #efefef;
}

.pagination button:not(.deactivated):hover {
    background-color: #401F68;
}

@media screen and (max-width:320px) {

    #news-search-param-summary div {
        display: block;
        border: none !important;
        padding: 0;
        line-height: 170%;
    }

    #news-content-wrap .selectricWrapper,
    #news-form input[type='text'],
    .search-news-articles input[type='text'] {
        display: block;
        width: 100% !important;
    }

    #news-content-wrap .selectricWrapper {
        padding: 0 !important;
    }

}


/* mirosite home page */

#micro-social-media, #micro-home-events {
    margin-top: 1.5rem;
    padding: 2rem 3.2rem;
}

#micro-social-media h2 {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 1.5rem;
    float: left;
}

.micro-social-icons {
    float: left;
    height: 1.75rem;
    padding-top: 0.3rem;
}

.micro-social-icons a {
    vertical-align: middle;
}

.micro-social-icons .iconset-home:not(:last-child) {
    margin-right: 0.8rem;
}

#micro-home-events .event_list {
    min-width: 200px;
    margin-bottom: 1.5rem;
    width: 50%;
    float: left;
    font-size: 0.9rem;
    padding-right: 1rem;
}

#micro-home-events .event_list:nth-child(2n) {
    clear: left;
}
/*  TODO see if we can merge this with the global style by
    modifying existing rules that target #main-content so they 
    target #main-content-wrap instead */
#micro-home-events h2,
#micro-social-media h2 {
    font-family: 'Campton Bold', Impact,sans-serif;
    font-size: 2rem;
    margin-top: 0;
}

@media screen and (max-width: 980px) {
    #micro-social-media, #micro-home-events {
        padding-left: 0.55rem;
    }
}


/* end microsite home page */

/* Program Pages */

#right-col-halvsies hr {
    margin: 30px 0;
}

 .calls-to-action > a h5 {
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0.8rem 2rem 0.6rem 1.2rem;
    height: auto;
}

#container .calls-to-action a {
    display: block;
    width: 92%;
    background-color: #ffae00;
    height: 50px;
    border-bottom: none;
    margin-top: 20px;
    position: relative;
    margin-left: 0;
}

#container .calls-to-action a:hover {
    border-bottom: none;
    }

.calls-to-action #request-action.right-col-outer-content  {
  background-color: #005295;
}

#apply-action:after, #request-action:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 20px solid #ffae00;
    border-bottom: 25px solid transparent;
    position: absolute;
    z-index: 1;
    right: -20px;
    top: 0;
    -moz-transform: scale(0.9999);
}

#request-action:after{
    border-left: 20px solid #005295;
}


/* STAFF DIRECTORY */

#staff-directory h3, #staff-directory p {
    margin-top: 0;
}

#staff-directory h3 {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    color: #4E2A84;
    font-size: 1.35rem;
    line-height: 1.6rem
}

#staff-directory .person {
    clear: both;
    position: relative;
    margin-bottom: 2rem;
    min-height: 100px;
}

#staff-directory .preface {
    text-transform: uppercase; 
    font-family: "Campton Bold",Arial,sans-serif; 
    font-weight: normal; 
    color: #666;
}

#main-content #staff-directory ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#staff-directory .person .person-photo {
    width: 100px;
    position: absolute;
}

#staff-directory .person-photo + .person-info {
    margin-left: 100px;
    padding-left: 1.5rem;
}

#staff-directory .person-desc {
    padding-left: 1rem;
}
/*
#staff-directory .person-info {
    width: 90%;
    padding-right: 3rem;
}
*/

#staff-directory .person-info div {
    width: 50%;
    float: left;
}

#staff-directory .person-info.column1 div {
    width: 100%;
    float: none;
    padding-left: 0;
    line-height: 1.7rem;
}

#staff-directory .person-info.column1 div:first-child {
    margin-bottom: 0;
}

.person_info h3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.person_info p {
    margin-bottom: 0.5rem !important;
}

#staff-directory img {
    border-radius: 6px;
    width: 100px;
}

#staff-directory h2 {
    clear: both;
}

.person-contact-info a, .person-contact-info em {
    display: inline-block;
}

.person-contact-info em {
    line-height: 1.5;
    padding-bottom: 10px;
}

.person-contact-info {
    line-height: 1.7rem;
}

#staff-directory li {
    padding-bottom: 1rem;
}

@media screen and (max-width: 980px) {
    #staff-directory .person-info div {
        float: none;
        width: auto;
    }
    #staff-directory .person-desc {
        padding-left: 0;
    }
}


/* END STAFF */

/* PROGRAM LISTINGS */

#program-controls-handle {
    display: none;
}

#program_listing.sml .footable-row-detail-value small {
    display: none;
}

#program_listing img,
.program_listing_list img {
    max-width: none;
    padding-bottom: 1px;
    padding-top: 3px;
}

#program_listing_legend {
    width: 100%;
    border: none;
    margin-bottom: 30px;
}

#program_listing_legend small {
    vertical-align: super;
    font-size: 1rem;
}

#program_listing_legend img {
    display: inline-block;
    margin-right: 0.75rem;
}

#program_listing_legend th { 
    text-align: left;
    background: #fff;
    color: #4E2A84;
    font-family: "Campton Bold",Arial,sans-serif;
}

#program_listing_legend td {
    border: none;
    padding: 0.5rem;
    width: 33%;
    font-size: 1rem;
}

#program_listing_legend tr {
    background-color: #fff;
}

#program_listing small,
.program_listing_list small {
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
}


#program_listing td {
    padding: 1rem;
    border: 1px solid #E4E0EE; 
    vertical-align: middle;
}

.program_listing_list td {
    border: 2px solid #E4E0EE;
}



#program_listing thead {
    display: none;
}

#program_listing td:not(:first-child) {
    width: 13%;
    text-align: center;
    line-height: 0.9rem;
}

#program_listing .footable-row-detail-row { 
    display: inline-block;
}

#program_listing.sixhundred .footable-detail-show,
#program_listing.phone .footable-detail-show {
    background: #E4E0EE;
}

#program_listing.sixhundred .footable-row-detail,
#program_listing.phone .footable-row-detail {
    background: #fcfafd;
    border-bottom: 1px solid black;
}

#program_listing .footable-row-detail-cell {
    border-bottom: 1px solid black;
}

#program_listing .footable-row-detail-name {
    display: none;
}

#program_listing .footable-row-detail-value img {
    margin-right: 0.5rem;
    /* width: 40px; */
}
/*table*/.program_listing_list td {
    vertical-align: middle;
}
.program-icon-cell {
    width: 80px;
    text-align: center;
}

@media screen and (max-width: 1125px) {
    #program_listing_legend small {
        display: block;
        margin-top: 0.3rem;
    }
}

@media screen and (max-width:768px) {
    
    #program_listing_legend img {
        display: block;
    }

    #program-controls {
        margin-bottom: 2rem;
    }

    #program-controls-handle {
        color: #4E2A84;
        font-family: "Campton Bold",Arial,sans-serif;
        font-size: 0.95rem;
        font-weight: normal;
        height: 3rem;
        padding-left: 4rem;
        padding-top: 0.25rem;
        display: block;
        text-transform: uppercase;
        width: 100%;
        border: 1px solid #4E2A84;
        border-radius: 3px;
        line-height: 2.5rem;
        position: relative;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: url("../images/areas-of-study-icons/bs.svg") no-repeat scroll 0.65rem center transparent;
    }
    
    #program-controls-handle.graduate {
        background: transparent url('../images/areas-of-study-icons/ms.svg') 0.5rem center no-repeat;
    }

    #program-controls #program-controls-handle:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #4E2A84;
        position: absolute;
        z-index: 1;
        top: 40%;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #program-controls.expanded #program-controls-handle:after {
        border-top: none;
        border-bottom: 7px solid #4E2A84;
    }

    #program-controls-inner {
        height: 0;
        overflow: hidden;
    }

    .faculty_search_or span {
        background: #f4f4f4;
    }

    #program-controls.expanded #program-controls-inner {
        height: auto;
        overflow: visible;
        padding-top: 0.75rem;
    }
}

@media screen and (max-width: 480px) {
    #program_listing_legend small {
        display: block;
        font-size: 0.7rem;
    }
}

/* FACULTY LISTINGS */
@media screen and (min-width: 980px) {
    #results {
        min-height: 600px;
    }
}
#results {
    margin-left: 310px;
    padding-top: 10px;
}

#faculty-controls {
    float: left;
    width: 250px;
    font-family: "Campton Bold", Arial, sans-serif;
    font-weight: normal;
    padding-top: 10px;
}

#main-content #faculty-controls h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: 'Campton Bold', Impact,sans-serif;
	color: #4E2A84;
	font-size: 1.1rem;
	padding-bottom: .5rem;
	text-transform: uppercase;
}

#faculty-controls .sub-research, #faculty-controls .research-groups {
    font-family: "Akkurat Pro Regular",Arial,sans-serif;
}

#faculty-controls .sub-research {
    font-size: .75rem;
}

#faculty-controls-handle {
    display: none;
}

#clear_filters {
    margin-top: 1rem;
    margin-bottom: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

#faculty-controls #department_form {
    font-family: "Campton Book", Arial, sans-serif;
}

#faculty-controls .selectricWrapper {
    width: 250px;
    position: relative;
}

#faculty-controls #keyword_form input {
    width: 250px;
    /* color: #4E2A84; -- I moved this to normalize -- CB */
    font-family: "Campton Book","Courier New",sans-serif;
    height: 2.5rem;
    padding-left: 0.75rem;
    padding-top: 0.35rem;
    border: none;
}

#faculty-controls #keyword_form input::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;  
}

#faculty-controls #keyword_form input::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;
}

#faculty-controls #keyword_form input::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5; 
}


#faculty-controls #keyword_form em {
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    font-size: 0.75rem;
    color: #a3a3a3;
    font-weight: normal;
}

#faculty-controls #alpha_form input[type='button'] {
    border: 0;
    background: transparent;
    padding: 0.2rem;
    color: #4E2A84;
    box-shadow: none;
}

#faculty-controls .selectric .label {
    white-space: normal;
    text-transform: uppercase;
}

.faculty_search_or {
    border-bottom: 3px solid #a3a3a3;
    position: relative;
    height: 2rem;
    padding-top: 1rem;
    margin-bottom: 2rem;
}

.faculty_search_or span {
    position: absolute;
    top: 1.3rem;
    background: #fff;
    padding-right: 0.5rem;
    font-weight: normal;
    font-size: 1rem;
    color: #a3a3a3;
}

.faculty {
    margin-bottom: 3.5rem;
    min-height: 100px;
}

.faculty a {
    font-weight: normal;
    text-decoration: none;
}

.faculty-photo {
    float: left;
    margin-top: 0.25rem;
}

.faculty-photo img {
    width: 100px;
    border-radius: 5px;
}

.faculty-info {
    margin-left: 125px;
}

.faculty-info p {
    margin-bottom: 0.25rem !important;
}

.student-alumni-details p:last-child{
    margin-bottom: 0 !important;
}

.faculty-info p a {
    font-weight: normal;
    margin-top: .5rem;
}

#main-content .faculty-info h3 a {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-weight: normal;
    padding-right: 1.4rem;
}

#main-content .faculty-info h3 a:hover {
	font-size: 1.35rem;
}

#results hr {
    margin: 1.5rem 0;
}

#results .faculty-info h3 {
	font-family: "Campton Bold",Impact,sans-serif;
	font-size: 1.5rem;
	padding-bottom: .75rem;
}

#results .faculty-info p {
	margin-bottom: 0;
}

.faculty-info h3 {  
    padding-bottom: .5rem;
    margin-bottom: 0.25rem; 
}

#main-content .faculty-info h3 a[href$=".pdf"]:after {
    content: " ";
    display: inline-block;
    background: url("../images/structure/sprites/arrows-nav-docs.svg") no-repeat -10px -80px;
    width: 15px;
    height: 16px;
    padding: 0;
    margin-left:.45rem;
    margin-top: 5px;
}

.faculty-info .student-alumni-details {
    margin-top: 1rem;
    line-height: 1.55rem;
}

#faculty-directory .student-alumni-details ul {
    margin-bottom: 0;
}

@media screen and (max-width:980px) {
    #results {
        margin-left: 0;
    }

    #faculty-controls {
        width: 100%;
        position: static;
    }

    #faculty-controls-handle {
        display: block;
        text-transform: uppercase;
        width: 100%;
        border: 1px solid #cacaca;
        padding-left: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        position: relative;
        font-size: 0.9rem;
        color: #5f3f90;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #faculty-controls #faculty-controls-handle:after {
        content: '';
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-top: 6px solid #4E2A84;
        border-left: 6px solid transparent;
        position: absolute;
        z-index: 1;
        top: 40%;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #faculty-controls.expanded #faculty-controls-handle:after {
        border-top: none;
        border-bottom: 6px solid #4E2A84;
    }

    #faculty-controls-inner {
        height: 0;
        overflow: hidden;
        background: #f4f4f4;
    }

    .faculty_search_or span {
        background: #f4f4f4;
    }

    #faculty-controls.expanded #faculty-controls-inner {
        height: auto;
        padding: 1rem;
        overflow: visible;
    }
    
    #faculty-controls h3:first-child {
        display: none;
    }

    #faculty-controls .selectricWrapper, #faculty-controls #keyword_form input {
        width: 100%;
    }
    
    #faculty-controls .selectricWrapper {
        position: relative;
    }
    
    #clear_filters {
        margin-top: 1rem;
    }

    
    #results {
        padding-top: 4rem;
    }

}

/* -FACULTY PROFILE */

#faculty-profile-left {
    float: left;
    width: 250px;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.6rem;
    color: #342f2e;
}

#faculty-profile-left .title {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

#faculty-profile-left img {
    border-radius: 5px;
}

#faculty-profile-left h2 {
    margin-bottom: 1.25rem;
    padding-top: 1.25rem;
    font-size: 1.7rem !important;
}

#faculty-profile-left .phone_link {
    color: #666;
    font-weight: normal;
}

#faculty-profile-right .mail_link {
    margin-bottom: 1.75rem;
}

#faculty-profile-right h2 {
    font-size: 1.55rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

#faculty-profile-right h2:first-child {
    margin-top: 0;
}

#faculty-profile-right {
    margin-left: 295px;
    margin-top: 1rem;
    min-height:720px;
}

#faculty-profile-right p {
    margin-bottom: 1rem;
}

#main-content #faculty-profile-right ul li {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 0.7rem;
}

.phone_link_verbose {
    display: block;
    margin-bottom: 0.5rem;
}

a.mail_link::before, a.phone_link::before {         
    margin-top: 1rem; 
} 

@media screen and (max-width: 900px) {
    #faculty-profile-left {
        float: none;
        width: auto;
    }

    #faculty-profile-right {
        border-top: 1px solid #CCCCCC;
        margin-left: 0;
        margin-top: 2.5rem;
        padding-top: 2.5rem;
    }
    
    #main-content div#back-to-dept {
        float: none;
        margin-top: 1rem;
        display:inline-block;
    }
}

@media screen and (max-width: 600px) {
    
    .faculty-info a.mail_link {
        font-size: 0;
    }

    .faculty-info a.mail_link:before {
        content: 'email';
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
        font-size: 0.85rem;
     /*   font-family: "Campton Bold", Arial, sans-serif; */
        font-weight: normal;
        line-height: 1.25;
        text-decoration: none;
        background-color: #4E2A84;
        padding: 6px 10px 6px 0;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        width: 70px;
    }

    .faculty-info a.mail_link:after {
        content: '';
        margin-left: 0;
        position: relative;
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -365px -12px;
        top: 0.11rem;
        left: -1.1rem;
    }

       .phone_link_verbose {
        display: none; 
    }

    a.mail_link, a.phone_link {
        font-size: 0;
        border-bottom: none !important;
    }
    
    a.phone_link:before {
        content: 'CALL';
    }

    a.mail_link:before,
    a.phone_link:before {
        content: 'email';
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.25;
        text-decoration: none;
        background-color: #4E2A84;
        padding: 6px 10px 6px 0;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        width: 80px;
    }
    
    a.phone_link:before {
        content: 'CALL';
    }

    a.mail_link:after,
    a.phone_link:after {
        content: '';
        margin-left: 0;
        position: relative;
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -365px -12px;
        left: -1.3rem;
        top: 0.1rem;
    }


    /*

    .mail_link, .phone_link_terse { 
        *zoom: 1;
        *display: inline;
        display: inline-block;
        color: #fff;
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.25;
        text-decoration: none;
        background-color: #4E2A84;
        padding:  6px 10px;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        font-weight: normal;
        width: 70px;
    }
    */
}

#floating-back-to-top-wrapper,
#floating-back-to-top-link {
    *zoom: 1;
    *display: inline;
    display: inline-block;
}

#floating-back-to-top-wrapper {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    width: 49px !important;
    height: 49px !important;
    border: 1px solid #5f3f90;
    border: 1px solid rgba(78, 42, 132, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    z-index: 99;
    right: 3.3%;
    bottom: 3.3%;
}

#main-content #floating-back-to-top-link {
    font-size: 0;
    color: transparent;
    width: 49px;
    height: 49px;
    padding: 17px 13px;
    margin: -1px;
    background-image: url("../images/structure/sprites/events.svg");
    background-position: -238px 6px;
    background-repeat: no-repeat;
    opacity: 0.7;
    border-bottom: none;
}

#floating-back-to-top-wrapper:hover {
    background-color: #4E2A84;
    /*background-color: rgba(87, 25, 99, 0.7);*/
    border-color: #ffffff;
    /*border-color: rgba(255, 255, 255, 0.7);*/
    /*border-color: #4E2A84;*/
    /*border-color: rgba(87, 25, 99, 0.7);*/
}

#floating-back-to-top-wrapper:hover #floating-back-to-top-link {
    background-position: -308px 6px;
    /*opacity: 0.7;*/
    opacity: 1;
}


/* END FACULTY PROFILE */

/* MAC Listing Page Alternate */

.mac-headshot {
    float: left;
    clear: both;
    margin: 0 0.8rem 0.8rem 0;
    border-radius: 4px;
}

.person_info {
    margin-left: 120px;
}
 
#main-content > hr {
    clear: both;
}

/* END MAC */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    background-color: #f4f4f4;
    font-size: 62.5%;
    font-family: 'Akkurat Pro Regular';
	color: #342f2e;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ie8-banner {
    display: none;
    text-align: center;
    font-size: 1rem;
    background: #fe0000;
    color: #fff;
}

header {
    position: relative;
    background: #fff;
}

#northwestern-logo-wrapper-outer {
    background-color: #4E2A84;
}

#northwestern-logo-wrapper {
    padding-left: 1px;
}

#northwestern-logo {
    width: 225px;
    height: 21px;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: middle;
}

#northwestern-logo img,
#northwestern-logo svg {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY( -50% );
    -ms-transform: translateY( -50% );
    transform: translateY( -50% );
}

#northwestern-logo .desktop {
    display: block;
    width: 100%;
}

#northwestern-logo .mobile {
    display: none;
}

@media screen and (max-width: 1220px) {
    
    #northwestern-logo {
        max-width: 17.5%;
    }
    
}

@media screen and (max-width: 1040px) {
    
    #northwestern-logo {
        max-width: none;
        max-width: initial;
    }
    
}

@media screen and (max-width: 700px) {
    
    header #northwestern-logo {
        width: 194px;
        max-width: 194px;
    }
    
    header #northwestern-logo .desktop {
        display: none;
    }
    
    header #northwestern-logo .mobile {
        display: block;
    }
    
}

@media screen and (max-width: 600px) {
    
    .exploremcc-header-wrapper-outer #northwestern-logo {
        width: 194px;
    }
    
    .exploremcc-header-wrapper-outer #northwestern-logo .desktop {
        display: none;
    }
    
    .exploremcc-header-wrapper-outer #northwestern-logo .mobile {
        display: block;
    }
    
}

#super-header {
    background: #fff;
    text-align: right;
    line-height: 13px;
}

#super-header::before {
    content: "";
    background-repeat: repeat-x;
    background-image: url("../images/structure/sprites/stitch-short.png");
    width: 100%;
    height: 7px;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: top;
}

#super-header li:first-child {
    color: #000;
}

#super-header li:first-child:after {
    content: ':';
}

#super-header ul {
    float: right;
    padding-left: 5px;
    background-color: #4E2A84;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    left: 10px;
}

#super-header li {
    height: 29px;
    padding: 0.4rem 0.25rem 0.35rem 0.5rem;
    float: left;
    background: #fff;
    position: relative;
    text-transform: uppercase;
    /*outline: 1px solid #ffffff;*/
    outline: none !important;
}

#super-header li:last-child {
    padding-right: 10px;
}

#super-header li.right {
    padding-top: 0.35rem;
}

#super-header li.right a {
    font-size: 0.8rem;
    font-weight: normal;
}

#super-header li:nth-child(5) {
    padding-right: 1rem;
}

#super-header li:nth-child(6) a {
    padding-right: 0.75rem;
    border-right: 1px solid #aaa;
}

#super-header li:nth-child(6) {
    padding-left: 2.5rem;
    background-image: url('../images/structure/slash.svg');
    background-repeat: no-repeat;
}

#super-header {
    font-family: "Campton Bold", Arial, sans-serif;
    font-weight: normal;
}

.header-container, #northwestern-logo-wrapper {
    max-width: 1180px;
    margin: auto;
    display: block;
}

.header-container .subhead-purple-bar {
    display: block;
    font-weight: normal; 
    font-size: 1.1rem;
    padding-bottom: 5px;
}

h1#major-title a.subhead-purple-bar:hover, h1#major-title a.division-title:hover {
    text-decoration: underline;
}

#mid-header {
    background: #fff;
    position: relative; 
    max-height: 75px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#mid-header .header-container {
    position: relative;
}

.mccormick-header-logo {
    display: block;
    height: 65px;
    width: 410px;
}

.mccormick-header-logo img,
.mccormick-header-logo svg {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY( -50% );
    -ms-transform: translateY( -50% );
    transform: translateY( -50% );
}

.mccormick-header-logo .desktop {
    display: block;
    width: 100%;
}

.mccormick-header-logo .mobile {
    display: none;
}

@media screen and (max-width: 1220px) {
    
    .mccormick-header-logo {
        max-width: 32%;
    }
    
}

@media screen and (max-width: 1040px) {
    
    .mccormick-header-logo {
        max-width: none;
        max-width: initial;
    }
    
}

@media screen and (max-width: 700px) {
    
    header .mccormick-header-logo {
        width: 151px;
        max-width: 151px;
    }
    
    header .mccormick-header-logo .desktop {
        display: none;
    }
    
    header .mccormick-header-logo .mobile {
        display: block;
    }
    
    header .header-container .subhead-purple-bar {
        font-size: .95rem;
        padding-bottom: 0;
    }
    
}

@media screen and (max-width: 600px) {
    
    .exploremcc-header-wrapper-outer .mccormick-header-logo {
        width: 151px;
    }
    
    .exploremcc-header-wrapper-outer .mccormick-header-logo .desktop {
        display: none;
    }
    
    .exploremcc-header-wrapper-outer .mccormick-header-logo .mobile {
        display: block;
    }
    
    .exploremcc-header-wrapper-outer .header-container .subhead-purple-bar {
        font-size: .95rem;
        padding-bottom: 0;
    }
    
}

#banner-search {
    position: absolute;
    right: 0;
    top: 0.5rem;
    display: none;
}

#banner-search #q, #faculty-controls #keyword_form input {
    background-color: #ece9f3;
    box-shadow: inset 0 0 3px #999;
    -webkit-appearance: none !important;
    border-radius: 0;
}

#banner-search #web-search:after, #keyword_form:after {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -218px -42px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: -30px; 
    top: 13px;
}

#keyword_form {
    position: relative;
}

#keyword_form:after {
    right: 10px;
    top: 10px;
}

#nav {
    /*position: relative;
    left: 255px;*/
    padding-left: 530px;
}

#nav #top-nav {
    margin-bottom: 0;
    /*margin-top: 0.93rem;*/
    text-align: right;
    padding-left: 0;
    font-family: "Campton Bold", Impact, sans-serif;
    font-weight: normal;
    font-size: 1rem;
    max-width: 980px;
    float: right;
    margin-top: -2.80rem;
}

#nav #top-nav .outro {
    background: #401f68;
    display: block;
    margin: 0.5rem -0.5rem 0;
    padding-left: 1rem;
    font-size: 0.8rem;
    height: 45px;
}

#nav #top-nav .outro .highlight {
    font-size: 1rem;
    font-weight: normal;
    line-height: 45px;
}

#nav #top-nav li:not(:nth-child(3)) .outro .highlight:after { 
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -12px;
    display: inline-block;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    margin-left: 0.75rem;
}

#nav #top-nav > li {
    display: inline-block;
    padding-left: 10px;
    color: #4E2A84;
    position: relative;
    vertical-align: middle;
}


/*#nav #top-nav > li#nav-search {*/
/*    padding-right: 10px !important;*/
/*}*/

#nav #top-nav > li > a {
    text-transform: uppercase;
}

#nav #top-nav > li:hover > div {
    display: block;
}

#nav #top-nav > li > div {
    display: none;
    position: absolute;
    left: -1rem;
    color: #fff;
    text-align: left;
    z-index: 2;
    min-width: 425px;
    font-size: 1rem;
    font-family: 'Neue Helvetica W01';
}

#nav #top-nav > li#nav-search > div {
    padding: 0;
    top: 1.20rem;
    left: auto;
    right: 0rem;
    /*left: -330px;*/
    min-width: 330px;
}

#nav .hover-container {
    padding: 0.5rem 1rem 0.5rem 1rem;
    background: #5f3f90;
    margin-top: 16px; 
    -moz-box-shadow: 0 3px 4px 0 #000;
    -webkit-box-shadow: 0 3px 4px 0 #000;
    box-shadow: 0 3px 4px 0 #000;
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
}

#nav .hover-container input {
    font-family: 'Campton Book',"Courier New",sans-serif;
    -webkit-appearance: none !important;
    border-radius: 0;
}

#nav .hover-container ul li a {
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
    font-size: 1rem !important;
    color: #E4E0EE !important;
}

html.no-touch #nav .hover-container ul li a:hover {
    color: #FFF !important;
}

#nav #nav-search .hover-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1.25rem;
    position: relative;
}

#nav #nav-search .hover-container:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -365px -12px;
    width: 20px;
    height: 12px;
    vertical-align: middle;
    margin-left: 0.75rem;
    vertical-align: middle;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

#nav #top-nav .hover-container li a {
    font-size: 1.05rem!important;
    font-family: "Akkurat Pro Bold", Arial Black, sans-serif;
    font-weight: normal;
    letter-spacing: .3px;
}



#nav #top-nav .outro a.highlight, #nav #top-nav .hover-container .outro .highlight {
    font-family: 'Campton Book',"Courier New",sans-serif;
    font-weight: normal;
    font-size: 1.05rem;
}

.hover-container .outro form {
    display: inline;
}

.hover-container .outro input {
    border: none;
    padding-left: 0.5rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    height: 26px;
    margin-left: 0.75rem;
    padding-left: 0.5rem;
    padding-top: 0.15rem;
    text-transform: uppercase;
    width: 265px;
}

.hover-container .outro input::-webkit-input-placeholder {
    color: #2f174c;
    opacity: 0.5;
}
.hover-container .outro input::-moz-placeholder {
    color: #2f174c;
    opacity: 0.5;  
}
.hover-container .outro input::-ms-input-placeholder {
    color: #2f174c;
    opacity: 0.5;    
}

.hover-container #q::-webkit-input-placeholder {
    color: #fff;
}

.hover-container #q::-moz-placeholder {
    color: #fff;
}

.hover-container #q::-ms-input-placeholder {
    color: #fff;
}

#nav #top-nav > li > div a {
    color: #fff;
    font-weight: normal;
    margin-top: 0.7rem;
}

#nav #top-nav > li > div a.hover-header {
    font-weight: normal;
    font-size: 1.5rem;
    margin-left: 0.5rem;
    letter-spacing: none;
}

#nav small {
    font-family: "Akkurat Pro Regular", Arial, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: .3px;
    margin-left: 0.5rem;
}
 
#nav #top-nav div > a {
    margin-bottom: 0.5rem;
    display: block;
    font-size: 1.15rem;
}

#nav #top-nav li ul li {
    text-transform: none; 
    padding: 0.75rem 0.5rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

#nav #top-nav li:not(:nth-child(3)) ul li:first-child, 
#nav #top-nav li:not(:nth-child(3)) ul li + li:not(:last-child) {
    border-bottom: 1px solid #B6ACD1;
    -webkit-column-break-inside: avoid;
}

#nav #top-nav li ul li:first-child + li:last-child {
    border-bottom: none;
}

#nav #top-nav li ul {
    z-index: 1;
    list-style-type: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 0.5rem 1rem;
    min-width: 300px;
    border-top: 1px solid #B6ACD1;
    margin: 0.75rem -1rem 0 -1rem;
}

#nav #top-nav li:not(:last-child) {
    padding-right: 10px;
}

#nav #top-nav > li:not(#top-nav-explore):hover > a:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 20px solid #5f3f90;
    border-left: 15px solid rgba(255,255,255,0);
    border-right: 15px solid rgba(255,255,255,0);
    position: absolute;
    top: 19px;
    left: 50%;
    margin-left: -15px;
    -moz-transform: scale(0.9999);
}

#nav #top-nav > #nav-search:hover a:after {
    top: 23px !important;
    left: 25% !important;
}

#nav #top-nav li a {
    font-size: 1rem;
    padding-right: 5px;
}

html.no-touch #nav #top-nav li a:hover {
    text-decoration:none;
}

#nav #top-nav #top-nav-explore {
    display:none;
}

#main-content #back-to-dept {
    position: relative;
    background: #ffae00;
    line-height: 24px !important;
    margin-right: 0.65rem;
    font-family: "Campton Bold",Arial,sans-serif;
    font-weight: normal;
}

#main-content #back-to-dept a {
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin-top: 0.15rem;
    font-size: 0.85rem;
    border-bottom: none;
    padding-left: 0.3rem;
    padding-right: 0.75rem;
}

#back-to-dept a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 9px solid #ffae00;
    border-bottom: 13px solid transparent;
    position: absolute;
    z-index: 1;
    right: -9px;
    top: 0;
    -moz-transform: scale(0.9999);
}

#main-content #back-to-dept {
    background: #005295;
    padding: 0 10px;
    text-transform: uppercase;
    float: right;
    margin-top: 3.2rem;
    height: 27px;
}

#back-to-dept a:hover {
    text-decoration: none;
}

#back-to-dept a:after {
    border-left: 9px solid #005295;
}


h1#major-title {
    background: #4E2A84;
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    padding: 1.25rem 0 0.95rem 0.2rem;
    margin-top: 0;
    font-family: "Campton Bold",Arial,sans-serif;
}

h1#major-title a {
    text-decoration: none;
    color: #fff;
}

h1#major-title .extraneous {
    display: none;
}

#mobile-nav {
    display: none;
}

#mobile-nav:not(.expanded) .right-col-outer-content,
#mobile-nav:not(.expanded) nav {
    display: none;
}

#main-content-wrap, #right-col {
    background: #f4f4f4;
}

#main-content-wrap > div {
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

#main-content, .right-col-outer-content, #micro-social-media, #micro-home-events {
    background: #fff;
}

#more-in-section {
    background: transparent;
    margin-top: 1.5rem;
}

#container {
    max-width: 1180px;
    position: relative;
    margin: auto;
}

#left-col {
    padding: 2.5rem 0 0 0;
    width: 190px;
    position: absolute; 
    left: 0;
    top: 0; 
    background: #f4f4f4;
    font-size: 1.07rem;
    z-index: 1;
}

#left-col #section-nav-head {
    border-bottom: 2px solid #cacaca;
    font-family: "Campton Book",Arial,sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    padding-bottom: 0.95rem;
}

#main-content-wrap {
    padding-left: 190px;
    padding-right: 1.65rem;
    padding-top: 1rem;
    width: 79.5%;
}

body.no-right-sidebar #main-content-wrap {
    width: auto;
    padding-right: 0;
}

body.search #main-content-wrap {
    padding-left: 0;
}

#main-content {
    font-size: 1rem;
    padding: 2rem 3.2rem;
    margin-top: -0.3rem;
    margin-bottom: 1.5rem;
    /* 9/12: overflow: hidden; */
}

.back_to_top {
    border-top: 1px solid #F0F0F0;
    font-size: 0.75rem;
    padding-top: 0.25rem;
    text-transform: uppercase;
}

.back_to_top a {
	font-family: "Campton Book",Arial,sans-serif;
    font-size: .8rem;
    text-transform: uppercase;
    color: #666;
    position: relative;
    display: inline-block;
    line-height: .8rem;
}

.back_to_top a:after {
    background: none, url("../images/structure/sprites/arrows-nav-docs.svg") -396px -47px/auto no-repeat;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: 0.45rem;
    vertical-align: middle;
    position: absolute;
    line-height: normal;
}


.link-bttn, .link-bttn-blue, .link-bttn-orange {
    font: 16px "Akkurat Pro Bold","Arial Black",sans-serif;
    color: #fff;
    background-color: #4e2a84;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 .5em .5em 0;
    padding: .8em 1em .7em 1em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    vertical-align: middle;
    min-width: 50px;
    border: none;
}

.link-bttn#return-to-program {
    margin-top: 25px;
}

.link-bttn:hover, .link-bttn-blue:hover, .link-bttn-orange:hover {
    text-decoration: none !important;
}

.link-bttn-blue {
    background-color: #005295;
}

.link-bttn-orange {
    background-color: #ffae00;
}

/*.link-bttn + .link-bttn, 
.link-bttn-blue + .link-bttn-orange, 
.link-bttn-orange + .link-bttn-blue, 
.link-bttn-orange + .link-bttn-orange,
.link-bttn-blue + .link-bttn-blue,
.link-bttn + .link-bttn-orange,
.link-bttn + .link-bttn-blue,
.link-bttn-blue + .link-bttn,
.link-bttn-orange + .link-bttn {
    margin-left: 20px;
} */

.link-bttn:hover { text-decoration: none; }

.link-bttn.home-link {margin-right: 0;}

p#anchor_header {
    border-top: 1px solid #b6acd1;
    color: #716C6B;
    font-size: 1.6rem;
    padding-left: 0.5rem;
    padding-top: 2rem;
}

#anchor_toc {
    padding-left: 0;
    border-bottom: 5px solid #836EAA;
    padding-bottom: 2rem;
    padding-left: 0;
}

#main-content #anchor_toc li {
    background-image: url("../images/structure/sprites/arrows-nav-docs.svg");
    background-position: -83px -145px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 5px 10px 0;
    padding-left: 25px;
}

#main-content #anchor_toc a {
	line-height:1.7rem;
}

#main-content ul, 
#main-content ol {
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding-left: 0;
}
#main-content ul li, 
#main-content ol li {
    line-height: 1.55rem;
    list-style: disc outside none;
    margin: 10px 0 10px 20px;
    padding: 0 0 0 5px;
}
#main-content ol li {
    list-style-type: decimal;
}

#main-content h1#page-title div {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-weight: normal;
    font-size: 0.95rem;
	padding-bottom: .75rem;
	padding-top: .3rem;
	line-height: .9rem;
	text-transform: uppercase;
}

#main-content h1#page-title {
    font-family: "Campton Extra Light","Courier New",sans-serif;
    font-size: 3rem;
    line-height: 3.7rem;
    font-weight: normal;
    padding-top: 1rem;
    margin-top: 0;
    font-size: 3rem; 
    margin-bottom: 0;
    padding-bottom: 1rem;
}

#main-content .slider + h1#page-title {
    padding-top: 0;
}

.section-bc-segment {
    display: inline-block; 
    white-space: nowrap;
    line-height: 1.7rem;
    text-transform: uppercase;
    font-family: 'Campton Book', "Courier New", sans-serif;
    font-size: 18px;
}

.section-bc-segment-separator {
	color: #cdafc9
	font-weight: normal;
    font-family: "Campton Extra Light",Arial,sans-serif;
    font-size: 1.1rem;
}

/* new link styles */

/*
#main-content a:not(.link-bttn),
#right-col a {
    border-bottom: 1px dotted #bca3c1
}

#main-content a:not(.link-bttn):hover,
#right-col a:hover {
    border-bottom: 1px solid #4E2A84;
    text-decoration: none;
}
*/ 

/* end new link styles */

#main-content h2 a[href],
#main-content h3 a[href]  {
    padding-right: 1.4rem;
}

#main-content h2 a[href]:after, #main-content h3 a[href]:after {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none, url("../images/structure/sprites/arrows-nav-docs.svg");
    background-origin: padding-box, padding-box;
    background-position: -396px -7px;
    background-repeat: repeat, repeat;
    background-size: auto auto, auto auto;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 0.45rem;
    width: 14px;
    position: absolute;
}

#main-content h2 a[href]:after {
    margin-top: 0.25rem;
}

#right-col {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .95rem;
    line-height:1.5rem;
    left: 79.5%;
}

#contact_info p {
    font-size: .95rem;
    line-height: 1.4rem;
}

#right-col a {
    /* line-height: 1.5rem; */
}

#right-col a[href*='mailto'] {
    -ms-word-break: break-all;
         word-break: break-all;
         word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
}

#left-col ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
}

#left-col li.index {
    display: none;
}

#left-col li, #left-col a {
    display: block;
}

#left-col nav ul > li.active > a {
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-weight: normal;
}

#left-col nav > ul > li > a {
   padding: 18px 8px 18px 0;
   border-bottom: 1px solid #cacaca;
}

#left-col nav > ul > li > a:hover {
    text-decoration: none;
    font-weight: normal;
}

#left-col nav > ul > li > ul > li > a {
    padding: 12px 8px 12px 0;
}

#left-col nav > ul > li > ul > li > ul > li > a {
    padding: 8px 8px 8px 0;
}

#left-col nav > ul > li.active > a {
    border-bottom: 1px solid #cacaca;
}

#left-col nav > ul > li > ul {
    display: none;
}

#left-col nav > ul > li.active > ul {
    display: block;
    border-left: 7px solid #4E2A84;
    font-size: 0.98rem;
}

#left-col nav > ul > li.active > ul > li {
    margin-left: -7px;
    border-bottom: 1px solid #cacaca;
}

#left-col li.active > ul > li > a {
    padding-left: 1.5rem;
    padding-right: 0.95rem;
}

#left-col nav > ul > li {
    line-height: 1.4rem;
}

#left-col nav > ul > li > ul > li {
    line-height: 1.3rem;
}

#left-col nav > ul > li > ul > li > ul > li {
    line-height: 1.3rem;
}


html.no-touch #left-col li.active > ul > li > a:hover {
    text-decoration: none;
    font-weight: normal;
}

#left-col > nav > ul > li > ul > li > ul {
    border-left: 7px solid #957fb5;
    margin-left: 7px;
    display: none;
}

#left-col > nav > ul > li > ul > li.active > ul {
    display: block;
}

#left-col > nav > ul > li > ul > li > ul > li {
    margin-left: -7px;
}

#left-col > nav > ul > li > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid #cacaca;
}

#left-col > nav > ul > li.active > ul > li.active > a {
    border-bottom: 1px solid #cacaca;
}


#left-col > nav > ul > li > ul > li > ul > li > ul {
    display: none;
}

#left-col * {
    border-collapse: collapse;
}

#left-col li.current {
    position: relative;
}

/* hmm */
#left-col li.current > a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: -12px;
    z-index: 1;
    top: 50%;
    margin-top: -13px;
    -moz-transform: scale(0.9999);
}

/*
#left-col nav > ul > li > ul > li > ul > li.current:after {
    top: 4px;
}
*/

#left-col nav > ul > li.current:after {
    /* top: 0.8rem; */
}

/* #left-col li.active.expanded.section > a:after{
    content:'';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent; 
    position: absolute; 
    right: -12px; 
    z-index: 1;  
    top: 50%;  
    margin-top: -13px;  
    -moz-transform: scale(0.9999);
}  --- makes double arrows!*/
/*
#left-col > nav > ul > li.active.expanded.section > a:after{
    content:'';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #f4f4f4;
    border-bottom: 12px solid transparent; 
    position: absolute; 
    right: -12px; 
    z-index: 1;  
    top: 50%;  
    margin-top: -13px;  
    -moz-transform: scale(0.9999);
}
*/

#left-col li.active.expanded.section > a {
    position: relative;
}


#right-col ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.right-col-inner-content {
    padding: 1.55rem 2rem;
    margin-bottom: 4px;
}

.right-col-inner-content div {
    font-weight: normal;
}

.right-col-inner-content h6 {
    border-top: 1px solid #B6ACD1;
    font-family: 'Campton Bold', Impact,sans-serif;
    line-height: 1.2rem;
    font-size: 1rem;
    margin: 2rem 0 1.25rem;
    padding-top: 1rem;
    text-transform: uppercase;
}

.right-col-inner-content h6:first-child {
    border-top: none;
    padding: 0;
    margin-top: 0;
}

.right-col-inner-content p {
    line-height: 1.45rem;
    margin-bottom: 1.75rem;
    margin-top: 0;
}

.right-col-outer-content {
    margin: 25px 0 0 auto;
    padding-bottom: 2.1px;
}

.right-col-outer-content h5 {
    font-family: "Campton Bold",Arial,sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
    height: auto;
    line-height: 1.25rem;
    font-size: 1rem;
    padding: 0.8rem 2rem 0.6rem;
}

#breadcrumb_info.right-col-outer-content {
    background: transparent;
    padding-top: 0;
    margin-top: 0;
}

#breadcrumb_info .right-col-inner-content {
    padding: 0 0 0 10px;
    margin-top: 0.75rem;
}

#breadcrumb_info .right-col-inner-content:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    width: 20px;
    height: 20px;
    background-position: -291px -42px;
    display: inline-block;
}

#breadcrumb_info a {
    line-height: 1rem;
}

#breadcrumb_info strong {
    font-family: 'Campton Bold',Arial,sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
}

#related_info.right-col-outer-content {
    background: #4E2A84;
}

#related_info div.right-col-inner-content {
    background: #E4E0EE;
    padding-bottom: 1rem;
}

#related_info a {
    line-height: 1.2rem;
}

#related_info li {
    padding-bottom: 0.8rem;
}

#contact_info.right-col-outer-content {
    background: #ffae00;
}

#contact_info div.right-col-inner-content {
    background: #fff1d4;
    padding-bottom: 0.25rem;
}

#contact_info a {
    font-family: "Akkurat Pro Bold", "Arial Black", sans-serif;
}

#breadcrumb_info {
    line-height: 1.2rem;
    text-transform: uppercase;
    font-size: 0.7rem;
}

#breadcrumb_info li, #breadcrumb_info a {
    color: #777;
    line-height: 1rem;
    list-style-type: none;
    padding-top: 0.3rem;
}

#breadcrumb_info img {
    position: relative;
    left: -5px;
}

#breadcrumb_info li:last-child {
    color: #4E2A84;
    font-weight: normal;
}

#breadcrumb_info li:not(:last-child):after {
    content: ' /';
    padding-left: 0.2rem;
    color: #ccc;
    position: absolute;
}

#breadcrumb, #breadcrumb a {
    margin-top: 0.3rem;
    font-family: 'Campton Book',"Courier New",sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    margin-right: 0.2rem;
}

#callout {
    background: #005295;
    color: #FFFFFF;
    padding: 0;
}

#callout .right-col-inner-content {
    padding: 1.35rem 2rem 1.35rem;
    line-height: 1.4rem;
    font-size: .97rem;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#callout h5 {
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding-top: 1.8rem;
	padding-bottom:0;
    height: auto;
    text-transform: none;
}

#callout-more, .slider-more {
    background: #3375aa;                                  /*   start here    */
    padding: 5px 0 5px 10px;
    font-size: 0.95rem;
    line-height: normal;
    padding: 0.5rem 0 0.5rem 2rem;
    padding-left: 1.875rem;
}

#callout-more {
    background: none repeat scroll 0 0 #3375aa;
}

.slider-more {
    background: #7a5fa3;
}

#callout-more a, .slider-more a {
    color: #FFFFFF;
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
    font-size: .95rem;
    text-transform: uppercase;
    line-height: .95rem;
    position: relative;
    display: inline-block;
}

#callout-more a:after,
.slider-more a:after { 
    content: '';
    background: transparent url('../images/structure/sprites/arrows-nav-docs.svg') -365px -10px/auto no-repeat;
    display: inline-block;
    width: 20px;
    height: .95rem;
    line-height: .95rem;
    margin-left: 0.75rem;
    position: absolute;
    vertical-align: middle;
}

@media screen and (min--moz-device-pixel-ratio:0) { /*Browser Hack for alignment in Firefox */
    #callout-more a:after,
    .slider-more a:after {
        margin-top: -.1rem;
    } 
}

#right-col-slider {
    background: transparent;
    color: #fff;
    position: relative;
}

.right-col-slide {
    background: #4E2A84;
    vertical-align: top !important;
}

#right-col-slider h5 {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1.5rem 2rem 0;
    height: auto;
    text-transform: none;
    line-height: 1.7rem;
}

#right-col-slider p {
    margin: 0;
}

#right-col-slider .slick-prev {
    bottom: initial;
    right: initial;
    left: initial;
    top: 65px;
    position: absolute;
}

#right-col-slider .slick-next {
    bottom: initial;
    right: 0;
    left: initial;
    top: 65px;
    position: absolute;
}

#more-in-section {
    overflow: auto;
}

#more-in-section h5 {
    color: #FFFFFF;
    padding: 0.65rem 1.25rem 0.65rem 2rem;
    background: #4E2A84;
    text-transform: uppercase;
    font-family: 'Campton Bold', Impact,sans-serif;
	font-size: 1rem;
    margin: 0;
}

#more-in-section ul {
    padding: 0.75rem 1.5rem 0.75rem 2rem;
    background: #fff;
    margin: 0;
}

#more-in-section .inline-list li {
    float: left;
    font-size: 1rem;
    list-style: disc inside none;
    margin-bottom: 0.5rem;
    margin-left: 0 !important;
    margin-right: 1.2rem;
    padding-left: 0;
    white-space: nowrap;
}

#more-in-section .inline-list li:first-child {
    display: inline-block;
    list-style-type: none;
    margin-left: 0;
    padding-right: 0;
}

#more-in-section .inline-list li:first-child a {
    padding-left: 0;
}

ul.inline-list {
    min-height: 20px;
}

.inline-list li:first-child {
    list-style-type: none;
    display: inline-block;
    margin-left: -0.5rem;
}

.inline-list li {
    font-size: 150%;
    float: left;
    margin-left: 10px;
    margin-right: 20px;
}

.inline-list a {
    font-size: .9rem;
    margin-bottom: 10px;
    padding-left: 0.7rem;
}
#back-to-top,
.back-to-top {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #BFBFBF;
    position: relative;
    padding-right: 40px;
    clear: both;
    height: 1.9rem;
}

#back-to-top a,
.back-to-top a {
    position: absolute;
    right: 0;
    top: 1.3rem;
    width: auto;
    padding-left: 0.6rem;
    color: #666;
    background: #f4f4f4;
    z-index: 1;>
    text-decoration: none;
    font-family: "Campton Book","Courier New",sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
}

#back-to-top a:after,
.back-to-top a:after {
    content: '';
    background: url('../images/structure/sprites/arrows-nav-docs.png');
    background: none, url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -396px -49px;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin-bottom: 0.05rem;
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}

footer {
    font-size: 0.9rem;
    padding-top: 2rem;
    margin-top: 1.8rem;
    background: #4E2A84;
    color: #fff;
    position: relative;
}

footer a {
    color: #fff;
    font-size: 0.9rem;
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
}

footer ul {
    padding-left: 0;
}

footer ul li {
    display: inline-block;
    margin-right: 1.3rem;
}

footer address {
    font-size: .92rem;
    font-style: normal;
    display: inline-block;
    line-height: 1.25rem;
    margin-right: 2rem;
    margin-bottom: 0.75rem;
}

footer::before {
    content: "";
    width: 100%;
    display: inline-block;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    background-image: url("../images/structure/sprites/stitch-short-white.png");
    /* Aug 17, 2015 - Not working for safari */
    /*background-size: 9999px 7px;*/
    /*background-image: repeating-linear-gradient( 45deg, #ffffff 0px, #ffffff 1px, transparent 1.5px, transparent 3.5358px );*/
}

#footer-links {
    width: 55.612244897959%;
    margin-top: 0;
    padding-left: 0;
}

#footer-links > a {
    font-weight: normal;
}

/*#footer*/ .contact-info {
    white-space: nowrap;
    display: inline-block;
    font-weight: normal;
    margin-top: 0;
}

.contact-info:after {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -362px -11px;
    display: inline-block;
    width: 1rem;
    height: 12px;
    vertical-align: text-top;
    margin-left: 0.3rem;
    position: relative;
    top: 0.2rem;
}
/*
#footer-links p:first-child {
    display: none;
}
*/
#footer-links p:first-child {
    margin: -.3rem 0 5px 0;
}

#footer-links p:first-child.department-footer-header {
    margin-bottom: 0;
}

#footer-links p:first-child > span {
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
}

#footer-links p:first-child > span:first-child:not( .footer-branding-element ), #footer-links .dept {
    font-weight: normal;
}

#footer-links p:first-child .footer-branding-element {
    font-size: 1.1rem;
    letter-spacing: .2px;
    display: inline-block;
}

#footer-links .contact-info.extra-height {
    line-height: 1.6rem;
}    

#footer-links ul {
    /* width: 500px; */
    line-height: 1.6rem;
    margin-top: 0;
}

#footer-links li a {
    color: #fff;
    font-weight: normal;
    font-size: 0.9rem;
}
 
#footer-icons {
    margin-top: 0.75rem; 
    text-align: right;
    float: right; 
}

#footer-icon-set1, #footer-icon-set2 {
    display: inline;
    margin-bottom: 5px;
}

#footer-links, #footer-logo {
    float: left;
}

#footer-copyright {
    background: #401f68;
    clear: both;
    padding: 1rem 0 1rem 0;
    margin: 1rem 0 0.25rem 0;
    font-size: 0.8rem;
    letter-spacing: .2px;
}

#footer-copyright a {
    font-weight: normal;
    font-size: .8rem;
}

header input[type='search'] {
    -webkit-appearance: none !important;
    min-height: 3rem;
    border: none;
    font-size: 1rem;
    border-radius: 0;
    box-shadow: none;
}

header #nav input[type='search'] {
    width: 345px;
    background: #5f3f90;
    padding-top: 0.7rem; 
	color: #FFFFFF;
	font-family: 'Campton Book',"Courier New",sans-serif;
    font-weight: normal;
    -moz-font-feature-settings: 'ss06';
    -webkit-font-feature-settings: 'ss06';
    font-feature-settings: 'ss06';
}


input:focus, button:focus {
    outline: none;
}


/* library stuff */

/** responsive tables **/

.footable.sml td.footable-visible.footable-last-column.footable-first-column,
.footable.xsml td.footable-visible.footable-last-column.footable-first-column {
    padding-right: 3rem !important;
}

.footable tr.zebra {
    background: #f1eff6;
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}

table.table-all-rows-expanded.sml .footable-row-detail,
table.table-all-rows-expanded.xsml .footable-row-detail {
    /* caused problems with re-collapsing auto tables */
    /* display: table-row; */
}

/* footable uses inline styles sometimes */

table.med .footable-row-detail,
table.lrg .footable-row-detail,
table.xlrg .footable-row-detail {
    display: none !important;
} 

table#program_listing.table-all-rows-expanded.sml .footable-row-detail-row,
table#program_listing.table-all-rows-expanded.xsml .footable-row-detail-row {
    display: inline-block;
    padding: 0;
}

table.table-all-rows-expanded.default .footable-row-detail {
    display: none;
}

table.table-all-rows-expanded .footable-row-detail-value:empty {
    display: none;
}

table {
    width: 100%;
}

#main-content #program_listing a {
    border-bottom: none;
}

.footable-row-detail-name {
    display: table-cell;
    font-weight: normal;
    padding-right: 0.5rem;
}

.footable-row-detail-value {
    display: table-cell;
}

.footable-toggle {
    cursor: pointer;
}

th.footable-visible {
    text-align: left;
}

.responsive_table tr {
    height: 2em;
}

td.footable-visible {
    font-family: "Akkurat Pro Regular",Arial,sans-serif;
}
 
td.footable-last-column {
    position: relative;
}

table.breakpoint td.footable-last-column {
    padding-right: 3rem; 
}

table.breakpoint tr.footable-detail-show td.footable-last-column:after {
    content: 'click to collapse';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -496px -12px;
    width: 24px;
    height: 14px;
    float: right;
    font-size: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    position: absolute;
    right: 0.5rem;
}

table.breakpoint td.footable-last-column:after {
    content: 'click to collapse';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -496px -12px;
    width: 24px;
    height: 14px;
    float: right;
    font-size: 0;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -7px;
}

/*
table.all-rows-expanded.sml tbody tr:nth-child(odd):not(.footable-detail-show) td:first-child::after,
table.all-rows-expanded.xsml tbody tr:nth-child(odd):not(.footable-detail-show) td:first-child::after {
    content: '';
    height: 0;
    width: 0;
    border-bottom: 12px solid #4E2A84;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -moz-transform: scale(0.9999);
    float: right;
}

table.all-rows-expanded.sml tbody tr.footable-detail-show td:first-child::after,
table.all-rows-expanded.xsml tbody tr.footable-detail-show td:first-child::after {
    content: '';
    height: 0;
    width: 0;
    border-top: 12px solid #4E2A84;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -moz-transform: scale(0.9999);
    float: right;
}
*/

selectricHideSelect select {
    -webkit-appearance: none;
}

.selectric .button:after {
    border: 7px solid transparent !important;
    border-top-color: #4E2A84 !important;
    border-bottom: none !important;
}

#main-content .selectricOpen .selectricItems,
#main-content .selectricOpen .selectricItems ul {
    margin-left: 0;
}

.selectricItems {
    text-transform: none;
}

.selectricItems li {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.selectric {
    border: 1px solid #4E2A84 !important;
    border-radius: 0;
}

.selectric .label {
    color: #4E2A84;
    font-size: 0.95rem !important;
    line-height: 100%;
    margin: 0;
    /* TODO determine if important is needed */
}

#main-content .selectric {
    background:  #fff;
    border-radius: 0; 
}

#main-content .selectric .button {
  top: 50%;
  margin-top: -15px;
}

#main-content .selectricItems ul li {
    margin:  0;
    padding: 0 20px 0 10px;
    line-height: 1.3rem;
}

#main-content .selectric p {
   margin: 0; 
   padding: 4px 15px 4px 10px;
}

#main-content .selectricItems ul {
   margin-top: 0; 
   margin-bottom: 0;
}

#main-content .content-slider {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
    margin-top: -2rem;
}

.slick-slider .slick-slide {
    display: inline-block;
    position: relative;
}

.slider .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    height: 65px;
    line-height: 1.3rem;
    color: #E1E1E2;
    font-size: .95rem;
    padding: 0.8rem 2rem 1rem 2rem;
}

.flexbox .slider:not(.news-slider) .caption {
    padding: 0 3.2rem;
    display: -webkit-flex;
    -webkit-align-items:center;
    display: flex;
    align-items: center;
}

.slider img {
    display: block;
}

.slider .caption:empty {
    display: none;
}

.slick-slider .slick-slide .caption {
    right: 102px;
}

.slick-slider .read-more {
    margin-left: 0.3rem;
    color: #ffae00;
    white-space: nowrap;
    border-bottom: 1px dotted #ffae00;
}

.slick-slider .read-more:hover {
    border-bottom: 1px solid #ffae00;  
}

.slick-slider > button {
    background: rgba(0,0,0,0.9);
    height: 65px;   
    width: 50px;
    top: auto;
}

.slick-next {
    bottom: 0;
    right: 0;
    top: auto;
    position: absolute;
}

.slick-prev {
    bottom: 0;
    right: 50px;
    top: auto;
    left: auto;
    position: absolute;
}

.slick-prev:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -291px -6px;
    height: 24px;
    width: 15px;
    display: inline-block;
}

.slick-next:before {
    content: '';
    background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
    background-position: -326px -6px;
    height: 24px;
    width: 15px;
    display: inline-block;
}

#right-col-slider .slick-next:before, #right-col-slider .slick-prev:before,
#right-col-slider .slick-next:hover:before, #right-col-slider .slick-prev:hover:before {
    height: 33px;
    width: 35px;
    display: inline-block;
}

#right-col-slider .slick-next:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position:-135px -1px;
}

#right-col-slider .slick-prev:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position: -91px -1px;
}  

#right-col-slider .slick-next:hover:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position:0px -1px;
}

#right-col-slider .slick-prev:hover:before {
    content: '';
    background-image: url('../images/structure/sprites/sidebar-slider.svg');
    background-position:-46px -1px;
}

#right-col-slider > button {
    background: none;
    height: 33px;   
    width: 35px;
}

@media screen and (max-width: 1600px) {
    /* offices & services hover adjustment */
    #nav #top-nav > li:hover:nth-child(4) > div {
        left: auto;
        right: -1rem;
    }
}

@media screen and (max-width: 1220px) {
    .header-container, #container, #northwestern-logo-wrapper {
        margin-left: 0.55rem;
        margin-right: 0.55rem;
    }

    .slider .caption {
        font-size: 0.9rem;
        line-height: 1rem;
        padding: 0.7rem;
    }

    #nav {
        /*position: static;*/
        padding-left: 0px;
    }

    #nav .header-container {
        display: block !important;
    }

}

@media screen and (max-width: 1060px) {
    #nav #top-nav > li {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 1040px) {
    #banner-search {
        display: block;
    }

    #nav-search {
        display: none !important;
    }
    
    #nav #top-nav > li:nth-child(4) {
        padding-right:0 !important;
        margin-right:0;
    }
    
    #nav #top-nav > li:nth-child(4) a {
        padding-right:0;
        margin-right:0;
    }

    #banner-search #q::-webkit-input-placeholder {
        font-size: 0;
    }

    #banner-search #q::-moz-placeholder {
        font-size: 0;
    }

    #banner-search #q:-ms-input-placeholder {
        font-size: 0;
    }

    #nav {
        border-top: 1px solid #cacaca;
        position: relative;
        top: 0;
        margin-top: 0.5rem;
        padding-bottom: 0.6rem;
        left: 0;
    }

    #nav #top-nav {
        float: none;
        margin-top: 0.93rem;
        max-width: initial;
    }
    
    #mid-header {
        padding: 0px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    h1#major-title {
        margin-top: 0;
    }

    html.no-touch #nav #top-nav > li:not(#top-nav-explore):hover > a:after {
        top: 16px;
    }

    #nav .hover-container {
        margin-top: 0.6rem;
    }

    #mid-header #q {
        width: 250px;
    }
    
    #nav #top-nav > li:hover:nth-child(3) > div {
        left: -6rem;
    }
    
    #nav #top-nav > li:hover:nth-child(4) > div {
        right: 0rem;
    }
}

@media screen and (max-width: 980px) and (min-width: 769px){
    #footer-icons {
        max-width: 115px;
    }
    a.iconset-footer  {
        float: left;
    }
    
}

@media screen and (max-width: 980px) {
    #super-nav li:first-child {
        display: none;
        position: relative;
        padding: 0.4rem 0.25rem 0.5rem 1rem;
        border-bottom: none;
    }
    
    #super-nav li:first-child + li {
        padding-left: 0;
    }

    #footer-icons div {
        display: block; 
    }

    #footer-icons {
        margin-top: -0.75rem
    }


    /*#nav {
        border-top: 1px solid #cacaca;
        position: relative;
        top: 0;
        margin-top: 0.5rem;
        padding-bottom: 0.6rem;
    }*/

    html.no-touch #nav #top-nav > li:not(#top-nav-explore):hover > a:after {
        top: 16px;
    }



    #mid-header #q {
        width: 250px;
    }

    #breadcrumb_info li:not(:last-child):after {
        position: static;
    }

    #breadcrumb_info strong {
        cursor: pointer;
    }

    #breadcrumb_info strong:after {
        content: 'Click to expand!';
        font-size: 0;
        display: inline-block;
        float: right;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -185px -49px;
        width: 14px;
        height: 8px;
        margin-left: 0.5rem;
        margin-top: 0.75rem;
    }

    #main-content-wrap #breadcrumb_info {
        margin: 0;
        text-align: right;
        width: auto;
        border: none;
        margin-bottom: 0.5rem;
        margin-top: -2rem;
    }

    #main-content-wrap .right-col-inner-content:not(.expanded) #breadcrumb {
        display: none;
    }

    #main-content-wrap .right-col-inner-content.expanded #breadcrumb {
        display: block;
        right: 1rem;
    }

    #main-content-wrap #breadcrumb_info ul li {
        display: inline-block;
    }

    #main-content-wrap #breadcrumb_info ul li:not(:first-child) {
        padding-left: 0.5rem;
    }

    #right-col {
        position: relative;
        /* left: 21.530612244898%; */
        max-width: none;
        padding-right: 0;
        padding-left: 193px;
        left: 0;
    }
    
    #right-col .slider {
        display: none;
    }
    
    body.no-left-nav #right-col {
        padding-left: 0;
    }

    #right-col-halvsies {
        width: 100%;
    }

    #callout {
        width: 100%;
    }

    #contact_info {
        width: auto;
    }

   #container .calls-to-action > a:only-child {
        width: 97%;
    }  

    #related_info + #contact_info {
        display: inline-block;
        width: 48%;
        margin-left: 4%;
    }

    .calls-to-action #apply-action.right-col-outer-content {
       display: inline-block;
        width: 45%; 
    }

    #apply-action + #request-action {
        display: inline-block;
        width: 45%;
        margin-left: 7%;
    }

    #related_info {
        display: inline-block;
        width: 48%;
        float: left;
    }
    
    #container .calls-to-action a {
    	margin-top: 30px;
		}
		
	#right-col-halvsies hr {
		margin-bottom: 0;
	}

    #main-content-wrap {
        width: auto;
        margin-right: 0;
        padding-right: 0;
    }
    
}

@media screen and (max-width:768px) {
    #nav #top-nav li:not(:last-child) {
        /*padding-left: 5px;*/
    }
    
    #nav #top-nav li:not(:last-child) a {
        padding-right: 0;
        font-size: 0.85rem;
    }
    
    #mid-header {
        margin-top: 30px;
    }

    #main-content-wrap .right-col-inner-content {
        position: relative;
        background: #f8f5f8;
        margin-bottom: 0;
    }

    #super-nav li:first-child:after {
        content: '';
        height: 0;
        width: 0;
        border-top: 7px solid #4E2A84;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        position: absolute;
        bottom: -7px;
        left: 6%;
        -moz-transform: scale(0.9999);
    }

    #top-nav {
        text-align: left;
    }
    
    /*.slider:not(.news-slider) {*/
    /*    margin-bottom: 0;*/
    /*}*/

    .slider .caption {
        font-size: 0.85rem;
    }
    
    footer {
        text-align: center;
        padding-top: 1.5rem;
    }

    #footer-logo {
        width: 190px;
        height: 110px;
        float: none;
        padding-left: 0;
        margin: 20px auto 25px;
        background-position: center;
    }

    footer address {
        
        margin-right: 0;
    }
    
    #footer-links {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    
    #footer-links p:first-child, 
    #footer-links p:first-child.department-footer-header {
        margin-top: 20px;
    }
    
    #footer-links p:first-child {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }
    
    #footer-links ul {
        margin: auto;
        margin-left: 1.3rem;
    }
    /*
    #footer-links p:first-child {
        display: block;
        font-size: 1.05rem; 
        font-weight: normal;
    }
    */
    #footer-icons {
        float: none;
        padding-top: .5rem;
        /* width: 110%;
        margin-left: -0.85rem; */
        text-align: center;
        border-top: 1px solid #7a5fa3;
    }

    #footer-icons div {
        display: inline-block;
    }

    /*#footer*/ .contact-info {
        display: block;
        text-align: center;
        margin-top: 0.4rem;
        margin-left: 1.3rem;
    }

    #footer-icons a {
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }

    #footer-copyright {
        text-align: center;
    }
}

@media screen and (max-width:700px) {

    .flexbox .slider:not(.news-slider) .caption {
        display: none; 
    }
    
    li#nav-search {
        position: relative;
        display: block !important;
    }

    li#nav-search:after {
        content: '';
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -254px -42px;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        /* margin-left: -30px; */
        right: 0.5rem;
        top: 50%;
        margin-top: -10px;
    }

    #mid-header {
        margin-top: 0;
        margin-bottom: 0;
    }

    #banner-search {
        display: none;
    }

    h1#major-title {
        font-size: 1.2rem;
        margin-top: 0;
        margin-bottom: 0.55rem;
        padding: 0.9rem 0 0.75rem 0.2rem;
    }

    #main-content h1#page-title {
        /* 8/24 */
        /* margin-top: 30px; */
    }

    #back-to-top a {
        padding-right: 0.5rem;
    }

    .intro, .outro {
        display: none;
    }

    #nav {
        display: none;
    }

    #top-nav:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 15px solid #4E2A84;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        right: 1.6rem;
        top: 75px;
        z-index: 1;
        -moz-transform: scale(0.999);
    }

    #top-nav ul {
        display: none;
    }

    #mid-header {
        height: 75px;
    }

    #mobile-menu ul, #mobile-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #mobile-menu {
        width: 92.8125%;
        z-index: 20;
        font-size: 1rem;
        position: absolute;
        top: 43px;
        right: 0;
        height: 75px;
        overflow: hidden;
        max-width: 298px;
        top: 2.8rem;
    }

    #mobile-menu ul li ul li {
        background: #efefef;
    }

    #mobile-nav #q {
        padding: 1rem;
    }

    #top-nav, #super-nav {
        border-left: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
    }

    #mobile-menu.expanded {
        height: auto;
        border-bottom: 6px solid #401F68;
    }

    #mobile-menu #top-nav li.expanded ul { 
        display: block;
    }

    #mobile-menu-handle {
        height: 75px;
        width: 75px;
        float: right;
        border-left: 1px solid #cacaca;
        cursor: pointer;
        position: relative;
    }

    #mobile-menu:not(.expanded) #mobile-menu-handle:after {
        content: 'menu';
        text-transform: uppercase;
        font-size: 0.6rem;
        text-align: center;
        display: block;
        padding-top: 60%;
    }

    #mobile-menu.expanded #mobile-menu-handle {
        background-color: #4E2A84;
    }

    #mobile-menu-handle::before {
        content: ' ';
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: 0 -38px;
        display: inline-block;
        height: 36px;
        width: 36px;
        top: 50%;
        margin-top: -22px;
        position: absolute;
        left: 50%;
        margin-left: -18px;
    }

    #mobile-menu.expanded #mobile-menu-handle::before {
        background-position: -70px -38px;
    }

    #mobile-menu.expanded #mobile-menu-handle:after {
        content: 'menu';
        text-transform: uppercase;
        font-size: 0.6rem;
        text-align: center;
        display: block;
        padding-top: 60%;
        color: #efefef;
    }
    
    #nav-search a.icon-search-glass {
        display: none;
    }


    #mobile-menu li a {
        min-height: 3rem;
        display: block;
        padding: 1rem 0.5rem 1rem 1rem;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
    }
    
    #mobile-menu li.expanded ul li:last-child a {
        border-bottom: none;
    }

    #mobile-menu input, #mobile-menu strong {
        padding-left: 1rem;
    }

    #top-nav li:last-child {
        border-bottom: 4px solid #4E2A84;
    }

    #top-nav > li:not(.right):not(#top-nav-explore) > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #4E2A84;
        position: absolute;
        top: 1.3rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #top-nav > li:not(.right):not(#top-nav-explore).expanded > a:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 10px solid #4E2A84;
        border-right: 8px solid transparent;
        position: absolute;
        top: 0.9rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #super-nav li:first-child {
        height: 2rem;
        background: #4e2a84 none repeat scroll 0 0; 
        color: #fff;
        border-bottom: 2px solid #401F68;
        display: block;
        padding: 0.4rem 0.25rem 0.5rem 1rem;
    }

    #top-nav, #super-nav {
        background: #fff;
        clear: both;
    }

    #top-nav {
        margin-right: 0;
    }

    input[type='search'] {
        width: 100%;
        border: none;
        background: #7d7d7d;
        padding: 0.4rem 0.25rem 0.5rem 0.4rem;
        margin: 0;
        display: block;
        position: relative;
        top: 0;
    }

    input[type='search'] {
        color: #dadada;
    }

    input[type='search']::-webkit-input-placeholder {
        color: #dadada;
    }

    input[type='search']::-moz-placeholder {
        color: #dadada;
    }
    
    input[type='search']::-ms-input-placeholder {
        color: #dadada;
    }
    

    #top-nav-explore {
        background: #ece9f3;
    }

    #top-nav-explore a:after{
        content: 'Discover our philosophy and how we produce whole-brain engineers';
        display: block;
        font-size: 0.8rem;
        padding-top: 0.2rem;
    }


    #mobile-nav {
        display: block;
        left: 0.55rem;
        right: 0.55rem;
        height: 40px;
        position: absolute;
        z-index: 10;
    }

    #mobile-nav.expanded {
        height: auto;
    }

    #mobile-nav-handle {
        background: #005295;
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
        font-size: .9rem;
        color: #fff;
        padding-left: 1.5rem;
        cursor: pointer;
    }

    #mobile-nav-handle #inner {
        right: 3rem;
        position: absolute;
        left: 1rem;
        border-right: 1px solid #4d86b5;
        font-family: "Campton Bold",Arial,sans-serif;
        font-weight: normal;
    }

    #mobile-nav.expanded  #mobile-nav-handle {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
    }

    #mobile-nav #mobile-nav-handle:after {
        content: 'Click to expand!';
        font-size: 0;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -40px -42px;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        right: 0.7rem;
    }

    #mobile-nav.expanded #mobile-nav-handle:after {
        content: 'Click to expand!';
        font-size: 0;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -76px -42px;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        right: 0.7rem;
    }

    #breadcrumb_info strong {
        display: block;
        width: 100%;
        border-top: 4px solid #2d78b6;
        border-bottom: 4px solid #005295;
        height: 53px;
        line-height: 53px;
        color: #0f5c9b;
        padding-left: 2.5rem;
        position: relative;
    }

    #breadcrumb_info .right-col-inner-content:before {
        float: left;
        margin-left: 1rem;
        margin-top: 1rem;
        background-position: -326px -42px;
    }

    #breadcrumb_info .right-col-inner-content:not(.expanded) strong:after {
        content: 'Click to expand!';
        font-size: 0;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -500px -48px;
        width: 14px;
        height: 8px;
        margin-left: 0.5rem;
        margin-top: 0.75rem;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 1rem;
    }

    #breadcrumb_info .right-col-inner-content.expanded strong:after {
        content: 'Click to expand!';
        font-size: 0;
        background-image: url('../images/structure/sprites/arrows-nav-docs.svg');
        background-position: -464px -44px;
        width: 20px;
        height: 18px;
        margin-left: 0.5rem;
        margin-top: 0.75rem;
        position: absolute;
        top: 50%;
        margin-top: -9px;
        right: 0.75rem;
    }

    #breadcrumb_info.right-col-outer-content {
        background: #fff;
        width: 100%;
        margin: 0;
        background: #ecf3f9;
        padding-bottom: 0;
    }

    #breadcrumb_info img {
        display: none;
    }

    #breadcrumb_info ul {
        margin-bottom: 0;
        margin-top: .25rem;
    }

    #breadcrumb_info li {
        padding: 0 0 0.75rem 1rem;
        margin-bottom: 0.3rem;
    }

    #breadcrumb_info a, #breadcrumb_info li {
        color: #000;
        padding-top: 0;
    }

    #breadcrumb_info .right-col-inner-content #breadcrumb {
        display: none;
    }

    #breadcrumb_info .right-col-inner-content.expanded #breadcrumb {
        display: block;
    }

    #breadcrumb_info .right-col-inner-content {
        padding: 0;
        margin: 0;
    }

    #breadcrumb_info li:not(:last-child):after {
        content: '\00BB';
        padding-left: 5px;
        font-size: 1rem;
    }

    #breadcrumb_info li:last-child {
        color: #4E2A84;
        /* font-weight: normal; -- Can we remove this bold? -- CB */
    }

    #mobile-nav #breadcrumb {
        padding-top: 1.5rem;
        background: #ecf3f9;
        border-bottom: 4px solid #005295;
        left: 0;
        right: 0;
        z-index: 1;
        margin-top: 0;
    }

    #mobile-nav .expanded #breadcrumb {
        position: absolute;
        box-shadow: 0 3px 4px 0 #000;
    }

    #mobile-nav ul {
        list-style-type: none;
        padding-left: 0;
        margin: 0;
    }

    #mobile-nav nav {
        background: #fff;
    }

    #mobile-nav li ul { 
        display: none;
    }

    #mobile-nav li.expanded > ul, 
    #mobile-nav li.expanded > ul > li.expanded > ul {
        display: block;
    }

    #mobile-nav nav a {
        display: block;
        min-height: 45px;
        padding: 1rem .3rem 1rem 1rem;
        font-size: 0.9rem;
        position: relative;
        border-bottom: 1px solid #e4e4e4;
        padding-right: 2rem;
    }

    #mobile-nav > nav > ul, #mobile-nav #breadcrumb_info {
        border-left: 1px solid #aeaeae;
        border-right: 1px solid #aeaeae;
        box-shadow: 0 2px 2px #666;
    }

    #mobile-nav > nav > ul > li.section > a:after, 
    #mobile-nav > nav > ul > li.section > ul > li.section > a:after,
    #mobile-menu #top-nav > li.active > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #4E2A84;
        position: absolute;
        top: 1.2rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #mobile-nav > nav > ul > li.expanded > a:after, 
    #mobile-nav > nav > ul > li.expanded > ul > li.expanded > a:after,
    #mobile-menu #top-nav > li.active > a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #4E2A84;
        border-top: none;
        position: absolute;
        top: 1.2rem;
        right: 1rem;
        -moz-transform: scale(0.9999);
    }

    #mobile-nav > nav > ul > li.expanded > ul > li {
        background: #efefef;
    }

    #mobile-nav > nav > ul > li.active > ul > li:first-child,
    #mobile-menu ul li.expanded ul li:first-child {
        box-shadow: inset 0 11px 6px -10px #666;
    }

    #mobile-nav > nav > ul > li.active > ul > li:last-child,
    #mobile-menu ul li.expanded ul li:last-child {
        box-shadow: inset 0 -11px 6px -10px #666;
    }

    #mobile-nav > nav > ul > li > ul > li > ul {
        box-shadow: inset 0 11px 6px -10px #666, inset 0 -11px 6px -10px #666;
        background: #e0e0e0;
    }

    #mobile-nav .current > a {
        font-weight: normal;
    }

    #left-col {
        display: none;
    }

    #right-col {
        left: 0;
        width: auto;
        margin: 0 1rem 0 1rem;
        padding: 0;
    }

    #back-to-top a {
        left: 50%;
        margin-left: -65px;
        width: 145px;
        z-index: 1;
    }

    #container {
        margin-right: 0;
        margin-left: 0;
    }

    #main-content-wrap {
        margin-top: 62px;
        margin-left: 0.55rem;
        padding-left: 0;
        padding-right: 0.55rem;
        /* 8/24 */
        padding-top: 0;
    }

    
    .slider:not(.news-slider){
        margin-bottom: 40px;
    }
    
    .slider:not(.news-slider) .caption {
        font-size: 1.3rem;
    }

    #footer-links ul {
        width: auto;
    }

    #footer-icons {
        width: auto;
    }

    #footer-icon-set1, #footer-icon-set2 {
        display: inline;
    }

    .slider.mobile-off > div:not(:first-child) {
        display: none;
    }

    .content-slider div {
        position: relative;
    }

    body.no-right-sidebar #main-content-wrap {
        padding-right: 0.55rem;
    }

} 

@media screen and (max-width: 600px) {
    
    #mid-header {
        width: 60%;
        z-index: 25;
    }
    
    #footer-links > a {
        display: block;
        text-align: center;
    }

    #footer-copyright {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .content-slider .caption {
        display: none;
    }
    
    .p-quote-right {
        width: auto;
        margin: auto;
        top: 0; 
    }
}

@media screen and (max-width:480px) {
    
    #mid-header img {
        margin-left: 0;
    }
    
    .slick-slider .caption {
        font-size: 0.75rem;
    }

    #footer-icons {
        padding-top: .5rem;
    }


    #footer-links ul li:nth-child(5) {
        margin-top: 1rem;
    }

    #footer-links ul li:nth-child(5), #footer-links ul li:nth-child(6) {
        display: block;
        text-align: center;
        margin-left: 0;
    }

    #footer-logo {
        margin-top: 1rem;

    }

    #footer-copyright a {
        display: block;
        text-align: center;
    }

    #right-col, #more-in-section {
        padding: 0 5px 0 5px;
        margin: 0;
    }

    #main-content-wrap {
        width: 100%;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }

    body.no-right-sidebar #main-content-wrap {
        padding-right: 0;
    }

    #main-content-wrap > div {
        border-left: none;
        border-right: none;
    }

    #right-col-halvsies #contact_info, #related_info {
        width: auto;
        display: block;
        float: none;
        margin-left: 0;
    }
    
    #container #apply-action, #container #request-action {
    	width: 95%;
		display: block;
        float: none;
        margin-left: 0;
		}

    #main-content {
        padding: 0.55rem;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    #main-content h1#page-title {
        font-size: 2.6rem;
        line-height: 1;
    }
    
    .content-slider {
        margin-top: -0.5rem;
    }

    .slider {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .slider .caption {
        font-size: 0.7rem;
    }

    #right-col .right-col-inner-content {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }
    
    #right-col h5 {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }
    
    #callout-more {
        padding-left: 0.55rem;
    }
    
   #staff-directory .person-photo + .person-info.column1 {
    margin-left: 0;
    padding-left: 0;
    }

    #staff-directory .person .person-photo {
        width: 100px;
        position: relative;
        float: left;
        margin-right: 15px;
    } 
}

.cf:after,
#nav .header-container {
  content: "";
  display: table;
  clear: both;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-content a { 
    font-family: "Akkurat Pro Bold","Arial Black",sans-serif;
}


/* dotted links */

#main-content a, #right-col a, #breadcrumb a, #home-efl a, #home-content a {
    border-bottom: 1px dotted #B6ACD1;
    text-decoration: none;
}

#main-content a:hover,
#right-col a:hover,
#breadcrumb a:hover,
#home-efl a:hover,
#home-content a:hover {
    border-bottom: 1px solid #4E2A84;       /*  found a missing semi-colon here  */
}

a.link-arrows:after {
    position: absolute;
    margin-top: 0.25rem;
}

/* this can be removed once we integrate -- all it does is remove the raquo */
#main-content h2 a[href]:after, 
#main-content h3 a[href]:after {
    display: none;
}
/* this might be risky for other templates */
#main-content h2 a[href], 
#main-content h3 a[href] {
    padding-right: 0 !important;
}

.link-bttn,
.link-bttn-blue,
.link-bttn-orange {
    border-bottom: none !important; 
}

.faculty-photo a {
    border-bottom: none !important
}

.addthis a {
    border-bottom: none !important;
}

.back_to_top a {
    border-bottom: none !important;
}

.slider-more a,
#callout-more a {
    border-bottom: none !important;
}

#program_listing a,
/*.program_listing_list */.program-icon-cell a {
    border-bottom: none !important;
}

.newsimg-float-left {
    border-bottom: none !important;
}

.iconset-home {
    border-bottom: none !important;
}

/* end dotted links */
 .dot_center {
	/*display: block !important;
	 margin-left: auto !important;
	 margin-right: auto !important;
	*/
	 text-align:center !important;
	 vertical-align:middle !important;
}

/* pre-footer-style-start*/
#pre-footer-form input{
	font-size: 1rem;
}

 #pre-footer-form input.invalid, #pre-footer-form .checkmark.invalid, #ebrochure .contact-inputs input.invalid {
	 border: 1px solid #D0021B;
	 background-image: url("../images/validation-mark.svg");
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-attachment: scroll;
	 background-size: 16px 18px;
	 background-position: 98% 50%;
	 cursor: auto;
}
 #pre-footer-form .checkmark.invalid {
	 background-image: none;
}
 #pre-footer .link-bttn:after {
	 content: none;
	 background-image: none;
	 margin-left: 0px;
}
 #pre-footer .link-bttn {
	 padding: 0.65rem 1rem 0.5rem 1rem;
	 margin-right: 0px;
	 box-shadow: none;
	 margin-bottom: 10px;
	 border: none;
	 -webkit-appearance: none;
	 border-radius: 0;
}
 #pre-footer {
	 padding: 50px 0;
	 background: #E4E0EE;
	 margin-bottom: -1.8rem;
	 margin-top: 1.8rem;
}
 .pre-footer-wrap {
	 padding-left: 190px;
}
 .l-break {
	 display: inline;
	 padding-left: 20px;
}
 .error {
	 display: none;
	 margin-left: 10px;
}
 .error_show {
	 display: block;
	 color: #D0021B;
	 margin: 0 0 5px 0;
	 font-size: .8rem;
	 font-style: italic;
}
 .topside {
	/* margin-top: 0;
	 */
	 margin-left: 172px;
	 margin-bottom: 10px;
	/* float: right;
	 */
	/* width: 79.5%;
	 */
}
 #pre-footer h5 {
	 font-family: 'Campton Book',"Courier New",sans-serif;
     font-size: 1rem;
	 margin-bottom: 0;
	 margin-top: 0;
	 text-transform: uppercase;
}
 #pre-footer h2 {
	 font-size: 1.75rem;
	 font-family: "Campton Bold",Arial,sans-serif;
	 color: #4E2A84;
	 margin-top: 0;
	 margin-bottom: 10px;
}
 .pre-footer-main {
	 max-width: 1180px;
	 position: relative;
	 margin: auto;
}
 .pre-footer-main label {
	 display: inline-block;
}
 .left-side {
	 position: absolute;
	 width: 152px;
	 top:0;
	 left: 190px;
}
 .pre-footer-right {
	 margin-left: 172px;
}
 #pre-footer-email {
	 width: 50%;
}
 #pre-footer-firstname, #pre-footer-lastname, #pre-footer-email {
	 width: 38%;
	 margin-right: .75%;
	 padding: 6px 8px 4px 8px;
	 height: 2em;
	 border: 1px solid #CCC;
	 color: #9B9B9B;
	 font-size: .95rem;
	 display: inline;
	 box-shadow: 0 0 0px #fff inset;
	 background: #fff;
	 -webkit-appearance: none;
	 border-radius: 0;
}
 #pre-footer-lastname {
	 margin-right: 0;
}
 #pre-footer-firstname::-webkit-input-placeholder {
	 color: #CCC;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 font-size: .95rem;
}
 #pre-footer-firstname:focus {
	 outline: none;
	 border: 1px solid #4E2A84;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 color: #4E2A84;
	 font-size: .95rem;
}
 #pre-footer-lastname::-webkit-input-placeholder {
	 color: #CCC;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 font-size: .95rem;
}
 #pre-footer-lastname:focus {
	/* color: #666;
	*/
	 outline: none;
	 border: 1px solid #4E2A84;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 color: #4E2A84;
	 font-size: .95rem;
}
 #pre-footer-email {
	 width: 63%;
	 margin-top: 10px;
}
 #pre-footer-email::-webkit-input-placeholder {
	 color: #CCC;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 font-size: .95rem;
}
 #pre-footer-email:focus {
	 outline: none;
	 border: 1px solid #4E2A84;
	 font-family: "Akkurat Pro Regular", arial, sans-serif;
	 color: #4E2A84;
	 font-size: .95rem;
}
 input[type="checkbox"] {
	/* display: none;
	*/
	 -webkit-appearance: checkbox;
	/* Chrome, Safari, Opera */
	 -moz-appearance: checkbox;
	/* Firefox */
	 -ms-appearance: checkbox;
	/* not currently supported */
	 background-color: white;
	/* transform: scale(1.6);
	*/
	/* margin-right: 1.5em;
	 */
}
/* Hide the browser's default checkbox */
 .check-square {
	 position: absolute;
	 display: inline-block;
	 opacity: 0;
	 cursor: pointer;
}
/* The container */
 .check-container {
	 display: block;
	 position: relative;
	 padding-left: 30px;
	 cursor: pointer;
	 font-size: 14px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
 .checkmark {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 16px;
	 width: 16px;
	/* border: 1px solid rgba(0,0,0,.1);
	*/
	 background-color: #fff;
	 border: 1px solid #CCC;
}
/* When the checkbox is checked, add a blue background */
 .check-square:checked ~ .checkmark {
	/*background-color: #2196F3;
	*/
	/* text-align: center;
	*/
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
	 content: "";
	 position: absolute;
	 display: none;
}
/* Show the checkmark when checked */
 .check-container input:checked ~ .checkmark:after {
	 display: block;
	 text-align: center;
}
/* Style the checkmark/indicator */
 .check-container .checkmark:after {
	 left: 3px;
	 top: -2px;
	 width: 5px;
	 height: 11px;
	 border: solid #ccc;
	 border-width: 0 3px 3px 0;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
}
 #pre-footer label {
	 display: inline-block;
	 margin-right: 2.75%;
	 font-size: 1.5em;
	 font-family: "Akkurat Pro Regular", Arial, sans-serif;
	 color: #666;
}
 #pre-footer-buttonholder {
	 margin-top: 20px;
}
 #pre-footer:last-of-type {
	 margin-top: 4%;
}
 a.button:last-of-type .hero a.button:last-of-type {
	 margin-right: 0;
}
/* this should just be added to rule around 4029 */
 @media screen and (max-width: 1220px){
	 .pre-footer-main {
		 margin-left: 0.55rem;
		 margin-right: 0.55rem;
	}
	 .pre-footer-wrap {
		 max-width: 78%;
		 overflow: hidden;
	}
	 .topside {
		 margin-left: 0;
	}
	 .left-side {
		 position: relative;
		 left: 0;
		 float: left;
		 width: 121px;
		 margin-right: 20px;
	}
	 #pre-footer-firstname {
		 width: 49%;
		 margin-right: 2%;
	}
	 #pre-footer-lastname {
		 width: 49% 
	}
	 #pre-footer-buttonholder {
	    margin-top: 16px;
	 }
	 .l-break {
		 display: block;
		 margin-top: 10px;
		 padding-left: 0;
	}
	 .pre-footer-right {
		 margin-left: 0;
		 float: left;
		 width: calc(100% - 141px);
	}
}
 @media only screen and (max-width: 980px){
	 .pre-footer-wrap {
		 max-width: 823px;
	}
	 #pre-footer-buttonholder {
	    margin-top: 24px;
	 }	
}
 @media only screen and (max-width: 840px){
	 .pre-footer-wrap {
		 max-width: 80%;
		 padding-left: 0;
		 margin: 0 auto;
	}
	 #pre-footer-email {
		 width: 100%;
		 margin-right: 0;
	}
	 #pre-footer-buttonholder {
		 text-align: right;
		 margin-top: 24px;
	}
}
 @media only screen and (max-width: 780px){
	 .pre-footer-wrap {
		 margin: 0 12%;
	}
	 .left-side {
		 width: 110px;
	}
	 
	 .pre-footer-right {
		 width: calc(100% - 131px) 
	}
	 #pre-footer-buttonholder {
		 margin-top: 14px;
	}
}
 @media only screen and (max-width: 640px){
	 .left-side {
		 width: 150px;
	}
	 .pre-footer-right {
		 width: calc(100% - 171px) 
	}
	 #pre-footer-firstname {
		 width: 100%;
		 margin-right: 0;
	}
	 #pre-footer-lastname {
		 width: 100%;
		 margin-top: 10px;
	}
	 #pre-footer-buttonholder {
		 margin-top: 24px;
	}
}
 @media only screen and (max-width: 520px){
    #pre-footer h2 {
	    font-size: 1.5rem;
    }
	 .left-side img {
		 display: none;
	}
	 .pre-footer-wrap {
		 margin: 0 auto;
		 max-width: 100%;
	}
	 .pre-footer-right {
		 width: 100%;
	}
	 .pre-footer-main {
		 margin: 0;
		 padding: 1rem;
		 width: 100%;
	}
}
/* pre-footer-style-end */