main { position:relative;padding-top:10px }
@media only screen and (min-width:64em){ main { padding-top:50px}}

.alert { padding: 1em; margin: 1em 0; }
.alert p { margin: 0; }
.letter-avatar {
    display: block;
    float: left;
    padding-right: .75rem;
    width: 33.33333%;
    padding-left: 0;
    height: auto;
    text-align: center;
    line-height: 5;
    vertical-align: middle;
    font-size: 2.5em;
    font-family: BentonSansBold;
    color: #777777;
    letter-spacing: -.05em;
}
.letter-avatar.circle {
    border-radius: 100%;
}
.letter-avatar .letters {
    padding-right: .75rem;
}
.detail-media .letter-avatar.circle {
    width: 100px;
    height: 100px !important;
    font-size: 2em;
    line-height: 100px !important;
    padding: 0;
}

.bg-image .panel a, .bg-image .panel h2, .bg-image .panel.stat a, .bg-image .panel.stat h2, .bg-image.text-overlay, .bg-image.text-overlay h2, .bg-image.text-overlay h3, .bg-image.text-overlay h4, .bg-image.text-overlay h5, .dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5 { color:#fff; }
.section.belt + .section.skirt { margin-top: -20px;} 
.skirt, .skirt a, .skirt ul { font-size:0.875rem;}

@media only screen and (min-width: 64.063em) {
    .letter-avatar {
        font-size: 3em;
    }
}


main { position:relative;padding-top:10px }
@media only screen and (min-width:64.0625em){ main { padding-top:50px}}

.skirt a {
    color: #fff;
}
.skirt .title, .skirt h2, .skirt h2 span, .skirt h3, .skirt h3 span {
    font-family: BentonSansCondBold;
    font-weight: 400;
    text-transform: uppercase;
}
.skirt .title, .skirt h2 {
    color: #fff;
    font-size: 1rem !important;
    margin-bottom: 1.25rem;
    margin-top: 0;
}
.skirt span.campus {
    clear: left;
    display: block;
    font-size: 0.75rem;
}
.skirt h3 {
    font-size: 0.75rem;
}
.skirt address {
    color: #b8b0ab;
    font-size: 0.9375rem;
    font-style: normal;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}
.skirt .connect {
    text-align: center;
}
.skirt .contact {
    margin-bottom: 0.5rem;
}
.skirt-nav {
    margin: 0 -0.75rem 24px;
}
.skirt-nav .column--title, .skirt-nav h4 {
    font-size: 0.875rem;
    margin: 0;
    padding: 8px 0;
    position: relative;
}
.skirt-nav a {
    color: #b8b0ab;
    transition: all 0.18s ease 0s;
}
.skirt-nav a:focus, .skirt-nav a:hover, .skirt-nav.accordion a {
    color: #fff;
}
.skirt-nav .column {
    border-bottom: 1px solid #3b3027;
    border-top: 1px solid #5c5046;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.skirt-nav.accordion {
    background-color: transparent;
    border: medium none;
}
.skirt-nav.accordion .column {
    border-bottom: 0 none;
    padding-left: 0;
    padding-right: 0;
}
.skirt-nav.accordion .column--title, .skirt-nav.accordion h4 {
    border-bottom: 1px solid #3b3027;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.skirt-nav.accordion .column--title:focus, .skirt-nav.accordion .column--title:hover, .skirt-nav.accordion h4:focus, .skirt-nav.accordion h4:hover {
    cursor: pointer;
}
.skirt-nav.accordion .column--title::after, .skirt-nav.accordion h4::after {
    content: "+";
    font-family: Arial;
    font-size: 125%;
    line-height: 32px;
    position: absolute;
    right: 8px;
    top: 0;
}
.skirt-nav.accordion .open .column--title::after, .skirt-nav.accordion .open h4::after {
    content: "−";
}
.skirt-nav.accordion li {
    background: #5c5046 none repeat scroll 0 0;
    border-bottom: 1px solid #3b3027;
    margin-bottom: 0;
    padding: 0.5rem 1.5rem;
}
.dark .skirt-nav.accordion {
    background-color: transparent;
    border: medium none;
}

@media screen and (min-width: 675px) {
.skirt .connect, .skirt-nav {
    float: left;
    position: relative;
}
.section.belt + .section.skirt {
    margin-top: -20px;
}
.skirt .connect {
    left: auto;
    padding-left: 0;
    padding-right: 0.75rem;
    right: 75%;
    text-align: left;
    width: 25%;
}
.skirt .connect p:last-child {
    margin-bottom: 0;
}
.skirt-nav {
    display: table;
    left: 25%;
    margin: 0;
    padding-left: 0.75rem;
    padding-right: 0;
    right: auto;
    width: 75%;
}
.skirt-nav .column--title, .skirt-nav h4 {
    font-size: 0.75rem;
    margin-bottom: 16px;
    padding-top: 6px;
    text-transform: uppercase;
}
.skirt-nav .column--title + ul, .skirt-nav h4 + ul {
    display: block;
}
.skirt-nav .column {
    border: medium none;
    display: table-cell;
    margin-bottom: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: auto;
}
.skirt-nav .column:last-child {
    padding-right: 0;
}
.skirt-nav li {
    margin-bottom: 0.5rem;
}
.skirt-nav li:last-child {
    margin-bottom: 0;
}
}

.belt-nav ul, .skirt ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media print {
#branding-bar, #branding-bar h1, #branding-bar::after, #footer, #search, #section-nav, #toggles, .breadcrumbs, .right-off-canvas-menu, .skirt, header .sub-nav, nav.main {
    display: none;
}