/*
Theme Name: CC Student Org Theme! 
Theme URI: http://www.coloradocollege.edu/
Description: The official Colorado College theme for student organizations. 
Author: Colorado College and White Whale
Author URI: http://www.coloradocollege.edu/
Version: 1.1
Tags: 

License:
License URI:

General comments: Updated 10/24/2011.
*/


/* fonts
---------------------------------------------------------------------------- */

@font-face {
    font-family: 'NeoShadow';
    src: url('fonts/NEORS___-webfont.eot');
    src: url('fonts/NEORS___-webfont.eot?iefix') format('eot'), url('fonts/NEORS___-webfont.woff') format('woff'), url('fonts/NEORS___-webfont.ttf') format('truetype'), url('fonts/NEORS___-webfont.svg#webfontGkbJAb3j') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeoDraw';
    src: url('fonts/NEORD___-webfont.eot');
    src: url('fonts/NEORD___-webfont.eot?iefix') format('eot'), url('fonts/NEORD___-webfont.woff') format('woff'), url('fonts/NEORD___-webfont.ttf') format('truetype'), url('fonts/NEORD___-webfont.svg#webfont4lRg9jci') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeoFill';
    src: url('fonts/NEORF___-webfont.eot');
    src: url('fonts/NEORF___-webfont.eot?iefix') format('eot'), url('fonts/NEORF___-webfont.woff') format('woff'), url('fonts/NEORF___-webfont.ttf') format('truetype'), url('fonts/NEORF___-webfont.svg#webfont5wfZb0lq') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* reset
---------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

a img {
    border: none;
}

header,
nav,
hgroup,
section,
article,
aside,
figure,
figcaption,
footer {
    display: block;
}


/* basic styles
---------------------------------------------------------------------------- */

html {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    font: normal normal normal 0.875em/1.5 Georgia, "Times New Roman", serif;
    color: #4c3d38;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

body.fancybox-lock {
    overflow: visible !important;
    margin-right: auto !important;
}

a {
    color: #92700a;
}

a:hover {
    color: #950b24;
}

p {
    margin: 0 0 1em;
}

h1 {
    color: #96172e;
    font-size: 2.2857em;
    font-family: NeoFill, Verdana;
    margin-bottom: 0.2em;
}

h2 {
    color: #530921;
    font-size: 1.714em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-top: 1.2em;
    line-height: 1.2;
    margin-bottom: 0.6em;
}

h3 {
    color: #96172e;
    font-size: 2.2857em;
    font-family: NeoFill, Verdana;
    margin-bottom: 0.2em;
}

h4 {
    color: #845e28;
    font-size: 1.485em;
    font-family: "Georgia", serif;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}

h5 {
    color: #5f0e0e;
    font-size: 1.5em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 0.2em;
}

h6 {
    color: #530921;
    font-size: 1.285em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}

h1+h2,
.ie-h2-after-h1-fix {
    margin-top: 0;
}

input,
textarea {
    margin: 0;
    border: 1px solid #baa35d;
    font-family: "Helvetica Neue", Arial, sans-serf;
    font-size: 1.1em;
}

fieldset {
    border: none;
    margin: 0 0 1em;
    padding: 0;
}

iframe {
    border: none;
}

hgroup {}

hgroup h1 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.3;
}

hgroup h2 {
    font-size: 1.6em;
    font-weight: bold;
    color: #96172e;
    margin: 0;
}

hgroup h3 {
    font-size: 1.3em;
    color: #333;
}

blockquote {
    width: 43%;
    float: right;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.4;
    color: #600;
    margin: 0 2em 1em;
}

blockquote p {
    text-indent: -0.35em;
    margin-bottom: 0.4em;
}

blockquote p:first-child {
    margin-top: 0;
}

blockquote cite {
    display: block;
    text-align: right;
}

table {
    margin: 0 0 1em;
}

td,
th {
    font-weight: normal;
    color: #594738;
    padding: 8px;
}

th {
    font-family: "Helvetica Neue", Arial, sans-serif;
    line-height: 1.1;
    background-color: #fff;
    border-bottom: 1px solid #996;
    border-top: 3px solid #996;
    text-align: left;
}

td {
    background: #fcf7e5;
    border-top: none;
    border-bottom: 1px solid #cc9;
}

header h2 {
    color: #872933;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0;
}


/* accessibility
---------------------------------------------------------------------------- */

#accessibility a {
    position: absolute;
    top: 0;
    left: -999em;
    padding: 5px 12px;
    background-color: #ff9;
    border: 1px solid #993;
    text-align: center;
    z-index: 9999;
}

#accessibility a:focus {
    left: 0;
}


/* structure
---------------------------------------------------------------------------- */

.stage,
#content .stage {
    /* controls horizontal width within vertically stacked sections */
    width: 960px;
    margin: 0 auto;
    position: relative;
    max-width: 992px;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
}

.clear {
    clear: both;
    display: block;
}

.wordbreak {
    /* use for long urls that exceed the width of their containers */
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


/* typography & style
---------------------------------------------------------------------------- */

header .minor {
    margin: 0 -2px;
}

.photo {
    border: 6px solid #fff;
    background-color: transparent !important;
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -ms-box-shadow: 1px 3px 10px #939082;
    -o-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
}

.photo-like,
.white-infobox {
    border: 6px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -ms-box-shadow: 1px 3px 10px #939082;
    -o-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
}

div.photo {
    padding: 16px 20px;
}

#content .main .photo {
    width: 100%;
    height: auto;
}

#content .main .photo.feature {
    width: auto;
}

.inline-left {
    margin: 0 2em 1em -1em;
    position: relative;
    float: left;
    width: 260px;
}

.inline-right {
    margin: 0 0em 1em 2em;
    position: relative;
    float: right;
    width: 260px;
}

.no-web-fonts {
    font-family: Verdana !important;
    display: inline !important;
    float: none !important;
    margin-left: 0 !important;
}

.tags {
    margin: 2em -1em 1em;
    padding: 15px 1em 0;
    border-top: 1px solid #d7cda9;
    font-size: 0.93em;
    color: #555;
}

.tags p {
    float: left;
    margin-right: 0.5em;
}

.tags ul {
    list-style: none;
    margin: 0 0 0 120px;
    padding: 0;
}

.tags li {
    white-space: nowrap;
    float: left;
    margin-bottom: 0.4em;
}

.tags a,
.tags ul span,
span.tag {
    -webkit-border-top-right-radius: 0.4em;
    -moz-border-radius-topright: 0.4em;
    -ms-border-radius-topright: 0.4em;
    -o-border-radius-topright: 0.4em;
    border-radius-topright: 0.4em;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 2px 0.2em;
    padding: 0.2em 0.4em;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", serif;
}

h1 span.tag {
    color: #555;
}

.small {
    font-size: 0.88em;
    line-height: 1.25em;
}

.fineprint {
    font-size: 0.857em;
    color: #663;
    letter-spacing: 0.09em;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

tr.zebra td {
    background-color: #fcfaf4;
}

input.checkbox,
input.radio {
    margin: 0 0.5em 0 0.25em;
    vertical-align: 1px;
}

input.file {
    border: none;
}

input.button {
    background-color: #594738;
    color: #f3e1a4;
    border: 1px solid #3d3228;
    padding: 6px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 6px #a5996f;
    -moz-box-shadow: 0 4px 6px #a5996f;
    -ms-box-shadow: 0 4px 6px #a5996f;
    -o-box-shadow: 0 4px 6px #a5996f;
    box-shadow: 0 4px 6px #a5996f;
    margin: 0;
}

input.button:active {
    margin: 4px 0 -4px;
    -webkit-box-shadow: 0 0 2px #a5996f;
    -moz-box-shadow: 0 0 2px #a5996f;
    -ms-box-shadow: 0 0 2px #a5996f;
    -o-box-shadow: 0 0 2px #a5996f;
    box-shadow: 0 0 2px #a5996f;
}

#errorMessages {
    background-color: #eccfcf;
    border: 1px solid #ad3232;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -ms-box-shadow: 1px 3px 10px #939082;
    -o-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    color: #860d0d;
    margin: 0 -16px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.1em;
}

#errorMessages ul {
    list-style: circle;
}


/* pagination
---------------------------------------------------------------------------- */

.pagination {
    margin: 2.5em 0 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

.pagination a {
    display: block;
    float: left;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #ccc3b6;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    border-radius: 3px;
}

.pagination a:hover {
    background-color: #950b24;
    color: #fff;
}

.pagination a.active {
    background-color: #eee;
    color: #666;
}

.pagination a.ellipsis {
    border: none;
    background: transparent;
    cursor: default;
}

.pagination a.ellipsis:hover {
    color: #92700a;
}

.pagination a.next {
    color: #950b24;
}

.pagination a.next:hover {
    background-color: #950b24;
    color: #fff;
}


/* block
---------------------------------------------------------------------------- */

#block {
	display: none;
    font-family: NeoFill, Verdana, "Helvetica Neue", Arial, sans-serif;
    background: #f1ebd5 url(images/temp/mountain-range.jpg) no-repeat scroll 50% 50%;
    position: relative;
    z-index: 16;
    background-size: cover !important;
}

#block .stage {
    height: 200px;
}

#homepage #block>.stage {
    height: 350px;
}

#block h2 {
    font-size: 1.15em;
    font-family: NeoFill, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    position: absolute;
    left: 15px;
    top: 42px;
    margin: 0;
    width: 90%;
}

#block.invert h2 {
    color: #300 !important;
}

#block em {
    font-style: normal;
}

#block ul {
    list-style: none;
    margin: 0;
    padding: 48px 0 0;
    float: right;
    position: relative;
    z-index: 100000;
}

#block li {
    text-align: right;
    margin: 1px 5px 0 0;
    line-height: 1.5;
}

#block a {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    padding: 2px 5px 1px;
}

#block a:hover {
    color: #fecb00;
}

#block .caption {
    font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 8px 0 6px;
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 0.857em;
    line-height: 1;
    z-index: 100001;
}

#block .caption .stage {
    height: auto;
}

#block .caption strong {
    font-family: Neofill, Verdana, sans-serif;
    font-weight: normal;
    font-size: 1.333em;
}

#block .caption span {
    margin-left: 1em;
    padding-top: 0.2em;
}

#block .caption a {
    color: #fde277;
    padding: 0;
}

#block .caption a:hover {
    text-decoration: underline;
}


/* first day of the block */

#block.first {
    background-image: url(images/temp/mountain-range-large.jpg);
}

#block.first .stage {
    height: 440px;
}

#block.first .caption .stage {
    height: auto;
}

#block.first h2 {
    font-size: 1.7em;
    width: 840px;
    top: 170px;
}

#block.first h2 em {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 3px 12px;
    margin: 0 -12px;
}

#block.invert.first h2 em {
    background-color: rgba(255, 255, 255, 0.6);
}

.current-block {
    display: block;
    font-size: 4.8em;
    color: #D09B2C;
    position: relative;
    margin-left: -3px;
    line-height: 1;
}

.current-block span {
    display: block;
    font-family: NeoDraw, Verdana;
    position: absolute;
    color: #fff;
    top: 0;
    z-index: 10;
}


/* alert
---------------------------------------------------------------------------- */

.alert {
    background-color: #069;
    color: rgba(255, 255, 255, 0.7);
    padding: 16px 0;
    font-size: 1.5em;
    overflow: hidden;
    border-top: 4px solid #036;
    border-bottom: 4px solid #036;
}

.alert h1 {
    color: #fff;
    margin-bottom: 0em;
    line-height: 1.2;
    font-size: 2em;
}

.alert p {
    margin: 0 0 1em;
}

.alert p:last-child {
    margin-bottom: 0;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}


/* alert types */

.alert-type {
    padding: 0 108px;
    margin: 0 -108px;
}

.alert .default {
    background: transparent url('images/bg/alerts/alert.png') no-repeat scroll 0 4px;
}

.alert .snow {
    background: transparent url('images/bg/alerts/snow.png') no-repeat scroll 0 4px;
}

.alert .heat {
    background: transparent url('images/bg/alerts/hot-temperature.png') no-repeat scroll 0 4px;
}

.alert .fire {
    background: transparent url('images/bg/alerts/fire.png') no-repeat scroll 0 4px;
}

.alert .graduation {
    background: transparent url('images/bg/alerts/graduation.png') no-repeat scroll 0 4px;
}

.alert .practice {
    background: transparent url('images/bg/alerts/practice.png') no-repeat scroll 0 4px;
}

@media screen and (max-width: 784px) {
    .alert {
        font-size: 1.4em;
    }
    .alert h1 {
        font-size: 1.5em;
    }
    .alert p {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 500px) {
    .alert {
        font-size: 1.2em;
    }
}


/* main navigation
---------------------------------------------------------------------------- */

#header-wrapper {
    overflow: hidden;
    padding-bottom: 16px;
    background-color: #f1ebd5;
    margin-bottom: -16px;
    width: 100%;
}

#header {
    background: #fafaf8 url(images/bg/header.jpg) repeat scroll 50% 0;
    padding: 24px 0 19px;
    position: relative;
    overflow: hidden;
    z-index: 20;
    margin: 0;
    -webkit-box-shadow: 0 0 16px #444;
    -moz-box-shadow: 0 0 16px #444;
    -ms-box-shadow: 0 0 16px #444;
    -o-box-shadow: 0 0 16px #444;
    box-shadow: 0 0 16px #444;
    border-bottom: 1px solid #999;
}

#header h1 {
    font-variant: small-caps;
    font-size: 3.14em;
    margin: 0 0 2px;
    line-height: 1;
    letter-spacing: 4px;
}

#header h1 a {
    color: #423c25;
    display: block;
    width: 460px;
    height: 108px;
    text-decoration: none;
    background: transparent url(images/text/cc-com-logo-horizontal-web-header.png) no-repeat scroll 0% 0%;
    text-indent: -999em;
    /*background-size:174%;*/
}

#header h1 a:hover {
    color: #950b24;
    background-position: 0% 0%;
}

#header nav ul h5 {
    font-size: 1.21em;
    color: #960;
    line-height: 1;
    padding: 8px 0 7px;
    position: relative;
    z-index: 100;
    font-family: Neofill, Verdana !important;
}

#header ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#header ul li {
    font-family: NeoFill, Verdana;
    float: left;
    margin-right: 2%;
    position: relative;
    z-index: 50;
}

#header ul li#nav-for-us h5 {
    color: #363;
}

#header ul li:hover h5,
#header ul li#nav-for-us:hover h5 {
    color: #950b24;
}

#header ul li ul {
    position: relative;
}

#header ul li ul li {
    font-size: 0.8571em;
    font-family: Georgia, "Times New Roman", serif;
    float: none;
    width: auto;
    line-height: 1.4;
    padding-top: 0.3em;
    padding-bottom: 0.4em;
    clear: both;
}


/* specific nav columns */

#header ul li#nav-the-basics {
    width: 14%;
}

#header ul li#nav-academics {
    width: 16%;
}

#header ul li#nav-life-at-cc {
    width: 13%;
}

#header ul li#nav-admission-and-aid {
    width: 18%;
}

#header ul li#nav-news-and-events {
    width: 16%;
}

#header ul li#nav-for-us {
    width: 13%;
    margin-right: 0;
}

#header ul li#nav-item-faculty {
    width: 42%;
    border-right: 1px solid #a5b5a3;
    float: left;
}

#header ul li#nav-item-staff {
    width: 42%;
    border-right: 1px solid #a5b5a3;
    float: left;
    clear: left;
}

#header ul li#nav-item-alumni {
    width: 44%;
    float: left;
    margin-left: 8%;
    clear: none;
}

#header ul li#nav-item-parents {
    width: 44%;
    float: left;
    margin-left: 8%;
    clear: none;
}

#header ul a,
#header ul li#nav-for-us ul li a #header ul li:hover ul li a {
    text-decoration: none;
    color: #594738;
}

#header ul li:hover ul li a:hover {
    color: #950b24;
    text-decoration: underline;
}


/* "on" states */

#header ul li.on h5 {
    color: #3f5164;
    background: transparent url() no-repeat scroll 0 0;
    padding-left: 11px;
    padding-right: 11px;
    margin: 0px -11px 3px;
    zoom: 1;
}

#header #nav-the-basics.on h5 {
    background-image: url(images/bg/nav/basics.png);
}

#header #nav-academics.on h5 {
    background-image: url(images/bg/nav/academics.png);
}

#header #nav-admission-and-aid.on h5 {
    background-image: url(images/bg/nav/admissions.png);
    padding-left: 13px;
    margin-left: -13px;
}

#header #nav-life-at-cc.on h5 {
    background-image: url(images/bg/nav/life-at-cc.png);
    padding-left: 19px;
    margin-left: -19px;
}

#header #nav-news-and-events.on h5 {
    background-image: url(images/bg/nav/news-and-events.png);
    padding-left: 13px;
    margin-left: -13px;
}

#header #nav-for-us.on h5 {
    background-image: url(images/bg/nav/for-us.png);
    padding-left: 15px;
    margin-left: -15px;
}

#header ul li ul li.on a {
    color: #950b24;
}


/* search form */

#header form {
    margin: 0;
    position: absolute;
    width: 240px;
    right: 0;
    top: 8px;
    text-align: right;
    padding: 0;
}

#header form fieldset {
    padding: 0;
    border: none;
    margin: 0;
}

#header form input {
    color: #530921;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1em;
    line-height: 1;
    -webkit-appearance: none;
}


/* style placeholder, these *must* be separate rules */

#header form input::-webkit-input-placeholder {
    color: #530921;
    font-style: italic;
}

#header form input:-moz-placeholder {
    color: #530921;
    font-style: italic;
}


/* for older browsers that don't support placeholder (javascript will help) */

#header form input.placeholder {
    color: #530921;
    font-style: italic;
}

#header form .text-box {
    background: transparent url(images/bg/search-input.png) no-repeat scroll 0 0;
    width: 152px;
    height: 34px;
    display: block;
    position: absolute;
    right: 14px;
}

#header form .text-box input {
    background-color: #fff;
    position: absolute;
    top: 9px;
    left: 10px;
    border: none;
    margin: 0;
    width: 128px;
    outline: none;
    padding: 0;
}

#header form .submit {
    position: absolute;
    top: 6px;
    right: 0;
    border: none;
}


/* quick access in header */

#page_qa_results.qa_noquery,
#page_qa_results.qa_toomany .qa_category,
#page_qa_results.qa_nonefound .qa_category {
    display: none;
}

#page_qa_results.qa_results {
    z-index: 5100;
    position: absolute;
    background-color: #fff;
    top: 36px;
    right: 8px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -ms-box-shadow: 1px 3px 10px #939082;
    -o-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
}

#page_qa_results ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#page_qa_results.qa_results li,
#page_qa_results.qa_results div {
    padding: 4px 8px;
    display: block;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#page_qa_results.qa_results li {
    white-space: nowrap;
    width: auto;
    float: none;
    min-width: 160px;
}

#page_qa_results .qa_selected {
    background-color: #f1ebd5;
}

.qa_category_title {
    font-weight: normal;
    color: #5f0e0e;
    font-size: 1.2em;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd;
}

.qa_highlight {
    border-bottom: 2px dotted #666;
}

#print-logo {
    display: none;
    width: 300px;
    height: 100px;
    margin-bottom: 1em;
    overflow: hidden;
}

#print-logo img {
    width: 300px;
    margin-top: -98px;
}


/* content
---------------------------------------------------------------------------- */

#content {
    background-color: #f1ebd5;
}

#content .stage {
    padding: 24px 0;
}

#content figure {
    margin: 2.2em 0 2.2em;
    font-size: 0.9em;
}

#content figure.with-photo {
    margin-left: -1.2em;
    margin-right: -1.2em;
}

#content figure img {
    display: block;
}

#content figcaption {
    margin-top: 0.5em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #666;
}

#content figure.with-photo figcaption {
    padding: 0 1.2em;
}

#content h1 {
    line-height: 1;
    margin-bottom: 0.7em;
}

#content .main,
#content .side {
    position: relative;
}

#content .main .additional-content {
    clear: right;
}

#content .main ul {
    overflow: hidden;
}

.intro {
    color: #3c332d;
    font-size: 1.214em;
}


/* - layout - weighted two-column --------------------------------------- */

.two-columns-weighted {}

.two-columns-weighted .main {
    width: 67%;
    float: left;
}

.two-columns-weighted .side {
    width: 27%;
    float: right;
}


/* adjust for nesting */

.main .two-columns-weighted .main {
    width: 56%;
}

.main .two-columns-weighted .side {
    width: 38%;
}


/* - layout - weighted two-column left-heavy ---------------------------- */

.two-columns-weighted-reversed {}

.two-columns-weighted-reversed .main {
    width: 69%;
    float: right;
}

.two-columns-weighted-reversed .side {
    width: 27%;
    float: left;
}

.two-columns-weighted-reversed .main .main {
    float: left;
}

.two-columns-weighted-reversed .main .side {
    float: right;
}

.two-columns-weighted-reversed .main .two-columns-weighted .main {
    width: 60%;
}

.two-columns-weighted-reversed .main .two-columns-weighted .side {
    width: 34%;
}

.offices .two-columns-weighted-reversed .main .two-columns-weighted .main {
    width: 50%;
}

.offices .two-columns-weighted-reversed .main .two-columns-weighted .side {
    width: 44%;
}


/* - layout - even two-column ------------------------------------------- */

.two-columns-even {}

.two-columns-even .main {
    width: 47%;
    float: left;
}

.two-columns-even .side {
    width: 47%;
    float: right;
}


/* - layout - indented -------------------------------------------------- */

.main.indented {}

.main.indented h1 {
    font-size: 1.714em;
    margin-left: 190px;
}

.main.indented .intro {
    margin-left: 190px;
    margin-bottom: 1.5em;
}

.main.indented img.scrapbook-image {
    position: absolute;
    left: -120px;
    z-index: 5;
    width: auto !important;
}

.main.indented figure {
    position: relative;
    z-index: 20;
}


/* - layout - left-scrapbook -------------------------------------------- */

.scrapbook {}

.scrapbook .main {
    float: right;
    width: 47%;
}

.scrapbook .side {
    float: left;
    width: 48%;
}


/* - layout - one-column ------------------------------------------------ */

.one-column {}

.one-column .feature {
    position: absolute;
    right: 0;
    top: -36px;
    display: block;
}

.one-column .intro {
    width: 50%;
}

.one-column hr {
    display: block border-width: 0px;
    border-style: none;
    height: 4px;
    padding: 0 13px;
    margin: 3em -13px 3em;
    clear: none;
    background: transparent url(images/bg/flourish/divider.png) no-repeat scroll 50% 50%;
}


/* - layout - three-even-column ----------------------------------------- */

.three-even-columns {}

.three-even-columns .column {
    width: 31%;
    margin-left: 3%;
    float: left;
}

.three-even-columns .column:first-child {
    margin-left: 0;
}


/* - layout - homepage -------------------------------------------------- */

.homepage {}

.homepage .main {
    width: 356px;
    margin: 0 auto;
}

.homepage .side {
    width: 356px;
    float: right;
    margin-right: 60px;
}


/* - layout - department-homepage --------------------------------------- */

#horizon .department-homepage {}

#horizon .department-homepage .main {
    width: 41%;
    float: left;
}

#horizon .department-homepage .navigation {
    width: 27%;
    float: left;
    margin-left: 3%;
}

#horizon .department-homepage .side {
    width: 26%;
    float: right;
}


/* - modifier - reversed ------------------------------------------------ */

.reversed .main {
    float: right;
}

.reversed .side {
    float: left;
}


/* content modules
---------------------------------------------------------------------------- */


/* These components can be placed inside of any content column regardless
 * of its width. Components are built to be as flexible as possible, so if
 * we can avoid setting the sizes in pixels, we should do so.

  /* - common styles ------------------------------------------------------ */

h3 {
    color: #393f46;
    font-size: 1.285em;
    font-family: NeoFill, Verdana;
    margin-bottom: 0.4em;
    line-height: 1.2;
}

h3 strong {
    font-weight: normal;
    color: #530921;
}

.department .main .side h3 {
    font-size: 1.2em;
    font-weight: bold;
}

#content aside {
    margin-bottom: 3em;
}

.side ul {
    padding-left: 1.5em;
    margin-left: 0;
}

.side aside ul li {
    margin: 0 0 0.5em;
}


/* inline sidebar */

.inline-sidebar {
    float: right;
    width: 36%;
    margin: 0 0 0 3em;
}

.rss-icon {
    float: right;
    height: 22px;
    width: 22px;
    display: block;
    position: relative;
    top: -2px;
    margin: 0 !important;
    padding: 0 !important;
}


/* - subnavigation ------------------------------------------------------ */

aside.subnavigation {
    position: relative;
    z-index: 25;
    background-color: #fff;
    padding: 4px;
    margin-top: -32px;
    margin-left: -7px;
    margin-right: -7px;
    -webkit-box-shadow: 0 2px 5px #838383;
    -moz-box-shadow: 0 2px 5px #838383;
    -ms-box-shadow: 0 2px 5px #838383;
    -o-box-shadow: 0 2px 5px #838383;
    box-shadow: 0 2px 5px #838383;
    zoom: 1;
}

aside.subnavigation .wrapper {
    padding: 18px 10px 14px;
    border: 1px solid #dadada;
}

aside.subnavigation h3 {
    background-color: #96172e;
    font-family: NeoFill, Verdana;
    color: #fff;
    font-size: 1.142em;
    line-height: 1;
    padding: 5px 0px 4px;
    margin: 0 0 1em;
    text-align: center;
}

aside.subnavigation h3 a {
    text-decoration: none;
    color: #fff;
}

aside.subnavigation h3 a:hover {
    text-decoration: underline;
}

aside.subnavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

aside.subnavigation li {
    background: transparent url(images/bg/bullets/dots/dot1.png) no-repeat scroll 9px 3px;
    margin: 0.4em 0 0;
    padding-left: 36px;
}

aside.subnavigation li.dot1 {
    background-image: url(images/bg/bullets/dots/dot1.png);
}

aside.subnavigation li.dot2 {
    background-image: url(images/bg/bullets/dots/dot2.png);
}

aside.subnavigation li.dot3 {
    background-image: url(images/bg/bullets/dots/dot3.png);
}

aside.subnavigation li a {
    color: #012656;
    text-decoration: none;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.0714em;
}

aside.subnavigation li a:hover {
    text-decoration: underline;
    color: #003479;
}


/* subnav */

aside.subnavigation li ul {
    display: none;
    font-size: 0.9em;
}

aside.subnavigation li.on ul {
    display: block;
}

aside.subnavigation li.on a {
    color: #4C3D38;
}

aside.subnavigation li.on li {
    background: none;
    padding-left: 1em;
    line-height: 1.2;
    margin: 0.8em 0;
}

aside.subnavigation li.on li a {
    color: #012656;
}

aside.subnavigation li.on li.on a {
    color: #600;
}

aside.subnavigation li.on li ul {
    display: none;
}

aside.subnavigation li.on li.on ul {
    display: block;
}

aside.subnavigation li.on li.on li {
    margin: 0.6em 0;
}

aside.subnavigation li.on li.on li a {
    color: #012656;
    font-weight: normal;
}

aside.subnavigation li.on li.on li.on a {
    color: #600;
}


/* go tigers! */

.tigers {
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

.tigers .tiger-logo {
    float: left;
    margin: -6px 16px 0 0;
}

.tigers p {
    background-color: #000;
    line-height: 1.3;
    padding: 0.5em 20px 0.5em 57px;
    margin-left: 20px;
    font-weight: bold;
}

.tigers p a {
    color: #fecb00;
    text-decoration: none;
    font-size: 1.143em;
    display: block;
    background: transparent url(images/bg/asides/tiger-arrow.png) no-repeat scroll 100% 50%;
}


/* - offices & services ------------------------------------------------- */

aside.offices-and-services {}

aside.offices-and-services ul {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0.75em 0 0;
}

aside.offices-and-services ul li {
    margin-bottom: 0.6em;
    line-height: 1.2;
}

aside.offices-and-services ul a {
    color: #003479;
    text-decoration: none;
}

aside.offices-and-services ul a:hover {
    text-decoration: underline;
}


/* - calendar ----------------------------------------------------------- */

.calendar {}

.calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #c8b694;
}

.calendar li {
    padding: 8px 1px 8px 1px;
    width: 99%;
    border-bottom: 1px solid #c8b694;
    overflow: hidden;
}

.calendar li a {
    text-decoration: none;
    font-size: 1.1429em;
    line-height: 1.4;
    padding: 4px;
    margin: 0;
    display: block;
    color: #4c3d38;
}

.calendar li a:hover {
    background-color: #e4dec6;
}

.calendar em {
    display: block;
    font-size: 0.8125em;
    margin-bottom: 0.1em;
    color: #92700a;
}

.calendar p {
    margin-top: 0.5em;
}

.calendar p a {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 0.9em;
}

.calendar p a:hover {
    text-decoration: underline;
}

.calendar span {
    display: block;
}


/* with icon, put in with javascript */

.calendar .with-icon {
    overflow: hidden;
}

.calendar .with-icon em,
.calendar .with-icon span {
    margin-left: 41px;
}

.calendar .with-icon.livestream em {
    margin-right: 18px;
}

.calendar .with-icon span.date {
    float: left;
    width: 31px;
    background: transparent url(images/bg/calendar.png) no-repeat scroll 0 0;
    padding: 14px 0 6px;
    text-align: center;
    font-family: NeoFill, Verdana;
    margin: 3px 0 0 2px;
    line-height: 1;
    color: #d1a754;
    display: block;
}


/* - calendar: save the date -------------------------------------------- */

aside.save-the-date h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.143em;
    margin-bottom: 0.5em;
}


/* - related links ------------------------------------------------------ */

aside.related-links {
    margin-left: 0px;
}

aside.related-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

aside.related-links li {
    font-size: 1.071em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    background: transparent url(images/bg/bullets/arrows/arrow1.png) no-repeat scroll 0 0.4em;
    padding-left: 28px;
    line-height: 1.4;
}

aside.related-links a {
    color: #3f5164;
    text-decoration: none;
    padding: 2px 4px;
    margin: 0 -4px;
}

aside.related-links a:hover {
    background-color: #3f5164;
    color: #fff;
}

.related-links h3,
.rel-links-underline {
    font-size: 1.142em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    padding-left: 28px;
    padding-bottom: 4px;
    background: transparent url(images/bg/flourish/related-links-underline.png) no-repeat scroll 28px 100%;
    margin-bottom: 0.6em;
}


/* while nested */

.main .side aside.related-links {
    margin-left: 0;
}

.scrapbook aside.related-links {
    margin-left: 0;
    margin-top: 3em;
}


/* in department */

.department aside.related-links h3 {
    background-image: none;
    padding-left: 0;
}

.department aside.related-links li {
    background-image: none;
    padding-left: 0;
}


/* - contact ------------------------------------------------------------ */

aside.contact {}

aside.contact a {
    color: #360;
}


/* - social media connections ------------------------------------------- */

aside.social-media {}

aside.social-media ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

aside.social-media li {
    background: transparent url() no-repeat scroll 0 0;
    padding: 6px 0 6px 36px;
    line-height: 1.3;
    margin: 0 0 0.4em;
}

aside.social-media li.rss {
    background-image: url(images/bg/icons/rss.png);
}

aside.social-media li.facebook {
    background-image: url(images/bg/icons/facebook.png);
}

aside.social-media li.youtube {
    background-image: url(images/bg/icons/youtube.png);
}

aside.social-media li.twitter {
    background-image: url(images/bg/icons/twitter.png);
}

aside.social-media li.instagram {
    background-image: url(images/bg/icons/instagram.png);
}

aside.social-media li.linkedin {
    background-image: url(images/bg/icons/linkedin.png);
}

aside.social-media li.vimeo {
    background-image: url(images/bg/icons/vimeo.png);
}

aside.social-media li.google {
    background-image: url(images/bg/icons/google.png);
}

aside.social-media li.flickr {
    background-image: url(images/bg/icons/flickr.png);
}


/* - recently ----------------------------------------------------------- */

aside.recently {
    display: table;
}

aside.recently ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #c8b694;
}

aside.recently li {
    padding: 8px 0;
    border-bottom: 1px solid #c8b694;
    font-size: 1.25em;
    line-height: 1.4;
}

aside.recently a {
    text-decoration: none;
    color: #4c3d38;
    display: block;
    padding: 4px;
    margin: 0 -4px;
}

aside.recently a:hover {
    background-color: #e4dec6;
}

aside.recently em.category {
    font-size: 0.7222em;
    color: #92700a;
    display: block;
    line-height: 1.2;
    margin-bottom: 0.2em;
}

aside.recently img {
    float: left;
    margin: 0 0.6em 0.6em 0;
}

aside.recently .with-image em,
aside.recently .with-image span {
    display: block;
    margin-left: 100px;
    line-height: 1.2;
}


/* while nested */

.main .recently {
    margin-top: 2em;
}

aside.recently p.excerpt {
    font-size: .88em;
    line-height: 1.2em;
}

aside.recently p.excerpt a {
    font-style: italic;
}

aside.recently .highlight {
    background: #f3e1a4;
}


/* - right-scrapbook ---------------------------------------------------- */

aside.right-scrapbook {
    padding-bottom: 1.5em;
}

aside.right-scrapbook img {
    margin-bottom: -1.5em;
    display: block;
    position: relative;
}


/* - left-scrapbook ----------------------------------------------------- */

aside.left-scrapbook {
    padding-bottom: 1.5em;
    overflow: visible;
    position: relative;
    direction: rtl;
}

aside.left-scrapbook .photo {
    display: block;
    margin-bottom: -1.5em;
    position: relative;
    z-index: 10;
}

aside.left-scrapbook img:nth-child(6n-4) {
    z-index: 40;
    /* mimicked in javascript for IE folks */
}


/* - left-scrapbook: scrunched ------------------------------------------ */

aside.scrunched {
    margin-top: -64px;
}

aside.scrunched img:nth-child(6n-4) {
    z-index: 10;
}


/* mimicked in javascript for IE folks */

aside.scrunched img:first-child {
    z-index: 40;
}


/* mimicked in javascript for IE folks */


/* - post-it ------------------------------------------------------------ */

.post-it {}

aside.post-it div,
div.post-it {
    border: 1px solid #d1ccb9;
    padding: 14px 18px;
    background-color: #f7e49d;
}

div.post-it {
    margin-bottom: 14px;
}

.post-it h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.214em;
    color: #333;
    font-weight: 700;
}

.post-it ul {
    padding-left: 1.5em;
}

.post-it a {
    color: #845e28;
}

.post-it small {
    text-transform: uppercase;
    font-size: 0.8em;
}


/* - post-it: important ------------------------------------------------- */

.important {
    padding: 42px 0 0 26px;
    margin: 0 0 0 -26px;
    background: transparent url(images/bg/asides/important.png) no-repeat scroll 0 0;
}

.important.whitebg {
    background: transparent url(images/bg/asides/important-whitebg.png) no-repeat scroll 0 0;
}


/* - post-it-cream ------------------------------------------------- */

div.post-it-cream {
    border: 1px solid #d7ceb2;
    padding: 0 14px;
    background-color: #f8f4e6;
    margin-bottom: 14px;
    display: table;
}


/* - slideshow ---------------------------------------------------------- */

aside.slideshow {}

aside.slideshow .description {
    background: transparent url(images/bg/asides/slideshow.png) no-repeat scroll 0 0;
    padding: 43px 0px 10px 20px;
    color: #fff;
    line-height: 1.2;
    height: 92px;
    width: 243px;
}

aside.slideshow h3 {
    color: #fecb00;
    font-size: 1.214em;
    line-height: 1.2;
}

aside.slideshow p {
    width: 140px;
}

aside.slideshow ul {
    list-style: none;
    padding: 0;
    position: relative;
    min-height: 250px;
    max-width: 250px;
}

#content .main aside.slideshow ul {
    overflow: inherit;
}

aside.slideshow li {
    position: absolute;
}

aside.slideshow li a.more-info {
    display: none;
    height: 24px;
    width: 24px;
    padding: 3px;
    position: absolute;
    bottom: 24px;
    right: 18px;
    opacity: .65;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 2px dotted #999;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
}

aside.slideshow li a.more-info:hover {
    opacity: 1;
}


/* in department */

.department aside.slideshow .description {
    background-image: none;
    color: #222;
    height: auto;
    width: auto;
    padding: 0;
}

.department aside.slideshow h3 {
    color: #393F46;
}

.department aside.slideshow p {
    width: auto;
    line-height: 1.5;
}


/* - video -------------------------------------------------------------- */

aside.video {}

aside.video a.videocontainer {
    display: block;
    border: 3px solid #96172e;
    background: transparent url() no-repeat scroll 50% 50%;
    /* supply a background-image inline */
    height: 176px;
    font-size: 0.857em;
    font-family: Neofill, Verdana;
    text-decoration: none;
    color: #fff;
    max-width: 253px;
}

aside.video span {
    background-color: #8e3130;
    padding: 2px 4px 1px 60px;
    position: relative;
    top: 100px;
}

aside.video span img {
    position: absolute;
    top: -20px;
    left: -12px;
}

aside.video p {
    margin-top: 0.5em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #666;
}

#block-feature aside.video p {
    font-family: inherit;
    color: inherit;
}

.livestream {
    background: url(images/bg/icons/video-icon-gray.png) no-repeat right 10px top 0px;
}

.livestream a:hover {
    background: #F1EBD5 url(images/bg/icons/video-icon-gray.png) no-repeat right 14px top 7px;
}

#homepage .livestream {
    background: url(images/bg/icons/video-icon.png) no-repeat right 10px top 5px;
}

.video {
    background-position: right 10px top 5px;
}

.livestream {
    background-position: right 15px top 15px;
}

#homepage .livestream {
    background-position: right 15px top 25px;
}

.livestream span {
    margin-right: 25px;
}


/* - resource-list ------------------------------------------------------ */

aside.resource-list {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.286em;
}

aside.resource-list h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #454545;
    font-size: 1.333em;
}

aside.resource-list ul {
    margin: 0;
    padding: 0 0 0 1.35em;
}

aside.resource-list li {
    color: #003479;
    margin: 0.2em 0;
}

aside.resource-list a {
    color: #003479;
    font-weight: bold;
    text-decoration: none;
}


/* - quick-search ------------------------------------------------------- */

aside.quick-search {
    border: 1px solid #d1ccb9;
    background-color: #f7e49d;
    padding: 12px;
    position: relative;
}

aside.quick-search fieldset {
    margin-bottom: 0;
}

aside.quick-search input {
    width: 94%;
    padding: 6px 8px;
    background: #fff url() no-repeat scroll 6px 50%;
}

aside.quick-search input.placeholder {
    background-image: url(images/text/quick-search.png);
}

aside.quick-search p {
    color: #950b24;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-style: italic;
    margin: 1em 0 0;
}

aside.quick-search small {
    display: block;
    color: #333;
    font-size: 0.857em;
    font-style: normal;
}

.quick-search .qa_results {
    border: 1px solid #ccc;
    background-color: #fff;
    margin: -1px 3px 0;
    position: absolute;
    width: 90%;
}

.quick-search .qa_results ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quick-search .qa_toomany ul,
.quick-search .qa_nonefound ul {
    display: none;
}

.quick-search .qa_results li {
    padding: 4px 6px;
    background-color: #eee;
}

.quick-search .qa_results .qa_selected {
    background-color: #cfc;
    margin: 0 -5px;
    padding: 6px 10px;
    font-size: 1.2em;
    border: 1px solid #bbb;
    background: #fff url(images/bg/asides/qa-selected.png) no-repeat scroll 96% 50%;
}

.quick-search .qa_selected a {
    color: #950b24;
}

.quick-search .qa_message {
    padding: 10px 12px;
}

.quick-search .qa_noquery {
    display: none;
}


/* - scrolling footer with fancybox (only on homepage for now): uses the plugins Fancybox and SmoothDivScroll  --------- */

#image-strip {
    position: relative;
    height: 254px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1000;
}

#image-strip .scrollingHotSpotLeft,
#image-strip .scrollingHotSpotRight {
    display: none;
}

#image-strip img {
    border: 1px solid #fff;
    margin-right: 3px;
}

.fancybox-title-float-wrap {
    position: relative;
    z-index: 9998050;
    margin: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100% !important;
}

.fancybox-title-float-wrap .child {
    margin: 0;
    font-weight: inherit;
    line-height: normal;
    white-space: normal;
    position: relative;
    text-align: left;
    left: 0%;
    right: 0%;
    bottom: 0;
    padding: 1em 0 0;
    width: auto;
    color: #000;
    text-shadow: none;
    background-color: transparent;
}

.fancybox-title-float-wrap .child a {
    color: #666;
}

.fancybox-title-float-wrap .child a:hover {
    color: #950b24;
}


/* Invisible left hotspot */

div.scrollingHotSpotLeft {
    /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
          and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
    min-width: 75px;
    width: 10%;
    height: 100%;
    /* There is a big background image and it's used to solve some problems I experienced
          in Internet Explorer 6. */
    background-image: url(images/design/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
    cursor: url(images/design/cursors/cursor_arrow_left.png), url(images/design/cursors/cursor_arrow_left.cur), w-resize;
}


/* Visible left hotspot */

div.scrollingHotSpotLeftVisible {
    background-image: url(images/design/arrow_left.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: 0.35;
    /* Standard CSS3 opacity setting */
    -moz-opacity: 0.35;
    /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
    filter: alpha(opacity=35);
    /* Opacity for Internet Explorer. */
    zoom: 1;
    /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}


/* Invisible right hotspot */

div.scrollingHotSpotRight {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-image: url(images/design/big_transparent.gif);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    cursor: url(images/design/cursors/cursor_arrow_right.png), url(images/design/cursors/cursor_arrow_right.cur), e-resize;
}


/* Visible right hotspot */

div.scrollingHotSpotRightVisible {
    background-image: url(images/design/arrow_right.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: 0.35;
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    zoom: 1;
}


/* The scroll wrapper is always the same width and height as the containing element (div).
         Overflow is hidden because you don't want to show all of the scrollable area.
      */

div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.scrollableArea {
    position: relative;
    width: auto;
    height: 100%;
}


/* - tweets ------------------------------------------------------------- */

aside.tweets {
    color: #594738
}

aside.tweets ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #b8a15b;
    border-bottom: 1px solid #b8a15b;
}

aside.tweets li {
    margin: 1em 0;
}

aside.tweets time {
    display: block;
}

aside.tweets time a {
    color: #827771;
    text-decoration: none;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

aside.tweets footer {
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-top: 1em;
}

aside.tweets footer a {
    font-weight: bold;
    text-decoration: none;
}


/* - pizza problems ----------------------------------------------------- */

aside.pizza-problems {
    margin-top: 2em;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

aside.pizza-problems h3 {
    font-size: 1.714em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    background: transparent url(images/temp/pizza.jpg) scroll no-repeat 0 0;
    height: 115px;
    width: 140px;
    margin-left: -15px;
    position: relative;
}

aside.pizza-problems h3 a {
    border-bottom: 1px solid #fff;
    color: #9d1e03;
    text-decoration: none;
    line-height: 1em;
    display: block;
    position: absolute;
    top: 36px;
    left: 130px;
}

aside.pizza-problems h3 a:hover {
    text-decoration: none;
    border-bottom-color: #9d1e03;
}

aside.pizza-problems p {
    margin-left: 19px;
    margin-right: 19px;
}

aside.pizza-problems .intro {
    font-size: 1em;
    font-weight: bold;
}

aside.pizza-problems a {
    color: #9d1e03;
    font-weight: bold;
    text-decoration: none;
}

aside.pizza-problems a:hover {
    text-decoration: underline;
}


/* - meet our faculty --------------------------------------------------- */

.meet-our-faculty {
    margin-top: 2em;
    background-color: #4e0101;
    color: #fff;
    padding-bottom: 12px;
}

.meet-our-faculty .professor {
    background: transparent url() scroll no-repeat 50% 50%;
    height: 128px;
    width: auto;
    margin: 1px 1px 0;
}

.meet-our-faculty h3 {
    background-color: #880101;
    color: #fff;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, sans-serif;
    padding: 4px 16px;
    margin: 0;
}

.meet-our-faculty h4 {
    color: #fff;
    padding: 8px 16px 4px;
    font-size: 1.571em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin: 0;
}

.meet-our-faculty ul {
    margin: 0;
    padding-left: 32px;
}

.meet-our-faculty a {
    color: #fecb00 !important;
    text-decoration: none;
    font-weight: bold;
}

.meet-our-faculty a:hover {
    text-decoration: underline;
}


/* - feature caption ---------------------------------------------------- */

aside.feature-caption {
    background: transparent url(images/bg/asides/caption-arrow.png) no-repeat scroll 6px 7px;
    font-size: 0.929em;
}

aside.feature-caption p {
    padding-left: 20px;
}

aside.feature-caption a {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #9d1e03;
    text-decoration: none;
}

aside.feature-caption a:hover {
    text-decoration: underline !important;
}


/* - tiger-gear --------------------------------------------------------- */

aside.tiger-gear {
    height: 111px;
    background: transparent url(images/bg/asides/sweatshirt.png) no-repeat scroll 0 0;
    margin: 0 -16px 0 -32px;
    padding: 150px 36px 0 68px;
    text-align: center;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

aside.tiger-gear h3 {
    font-size: 1.7143em;
    line-height: 1;
    margin: 0;
}

aside.tiger-gear p {
    color: #231f20;
    margin: 0.2em 0 0;
    line-height: 1;
    font-weight: bold;
}


/* - info-table --------------------------------------------------------- */

aside.info-table {}

aside.info-table .stats {
    background-color: #fdf9e8;
    padding: 0.75em;
    margin: 0 -0.75em;
}

aside.info-table table {
    width: 100%;
    border-collapse: collapse;
    padding: 0.5em;
    margin: 0 -0.5em;
}

aside.info-table th {
    font-weight: bold;
    text-align: right;
    padding: 2px 2px 2px 12px;
    border: none;
    background-color: transparent;
    vertical-align: text-bottom;
    font-family: Georgia, "Times New Roman", serif;
}

aside.info-table td {
    padding: 2px 6px 2px 5px;
    background-color: transparent;
    border: none;
    vertical-align: text-bottom;
}

aside.info-table ul {
    padding: 0;
    margin: 1em 0 0;
    list-style: none;
}

aside.info-table li {
    margin: 0 0 0.6em 0;
    line-height: 1.43;
}


/* quote
  ---------------------------------------------------------------------------- */

aside.quote {}

aside.quote p {
    background-color: #fdf9e8;
    padding: 0.75em 1.2em 0.75em 1.5em;
    margin: 0 -0.75em 0.6em -0.75em;
}

aside.quote p:before {
    content: '“';
    display: block;
    float: left;
    margin-left: -7px;
}

aside.quote p:after {
    content: '”';
    margin-left: -3px;
}

aside.quote cite {
    display: block;
    text-align: right;
    font-size: 0.85em;
    width: 85%;
    margin: 0 1em 0 auto;
    line-height: 1.43;
}


/* - rss feed ----------------------------------------------------------- */

aside.rss-feed {
    background-color: #fff;
    padding: 15px;
    width: 212px;
}

aside.rss-feed div {
    background: #fff url(images/bg/asides/rss.png) no-repeat scroll 100% 4px;
}

aside.rss-feed img {
    display: block;
}

aside.rss-feed a {
    display: block;
    padding: 6px;
    margin: -6px;
    text-decoration: none;
    color: #473c36;
}

aside.rss-feed a:hover {
    background-color: #f4f2ea;
}

aside.rss-feed h3 a {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

aside.rss-feed a span {
    display: block;
    line-height: 1.2;
    margin-top: 0.8em;
    margin-bottom: 0;
}

aside.rss-feed span.highlight {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #3c4b62;
}

aside.rss-feed h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #5a4738;
    margin-bottom: 0.5em;
    line-height: 1.2;
}

aside.rss-feed h3 a:hover {
    background-color: transparent;
    text-decoration: underline;
}


/* - from the directory ------------------------------------------------- */

aside.from-the-directory {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

aside.from-the-directory ul {
    padding-left: 1.2em;
    margin-left: 0;
}

aside.from-the-directory li {
    margin-bottom: 1em;
}


/* - feedback ----------------------------------------------------------- */

aside.feedback {
    border: 1px solid #cac3b7;
    background-color: #f0ece7;
    padding: 6px 12px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    line-height: 1.4;
}

aside.feedback h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-size: 1em;
}

aside.feedback p {
    margin-bottom: 0;
}


/* - meet your guide ---------------------------------------------------- */

aside.meet-your-guide {}

aside.meet-your-guide .profile-images li {
    float: left;
    margin-left: 0.5em;
}

aside.meet-your-guide .profile-images li:first-child {
    margin-left: 0;
}

aside.meet-your-guide .profile-images img {
    border: 1px solid #535353;
}


/* - from the blog ------------------------------------------------------ */

aside.from-the-blog {}

aside.from-the-blog .rss-button {
    float: right;
    width: 21px;
    height: 21px;
}

aside.from-the-blog h3 {
    font-weight: normal;
    color: #3f5164;
}

aside.from-the-blog ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #c8b694;
}

aside.from-the-blog li {
    padding: 8px 0;
    border-bottom: 1px solid #c8b694;
    font-size: 1.25em;
    line-height: 1.4;
}

aside.from-the-blog a {
    text-decoration: none;
    color: #4c3d38;
    display: block;
    padding: 4px;
    margin: 0 -4px;
}

aside.from-the-blog a:hover {
    background-color: #e4dec6;
}

aside.from-the-blog em {
    font-size: 0.7222em;
    color: #92700a;
    display: block;
    line-height: 1.2;
}

aside.from-the-blog img {
    float: left;
    margin: 0 0.6em 0.6em 0;
}

aside.from-the-blog .with-image em,
aside.from-the-blog .with-image span {
    display: block;
    margin-left: 100px;
    line-height: 1.2;
}


/* specific content sections
---------------------------------------------------------------------------- */

#content header time {
    display: block;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.285em;
    color: #530921;
    margin-bottom: 1em;
}


/* - story detail ------------------------------------------------------- */

#news footer.story {
    font-size: 0.88em;
    margin: 2em -1em 1em;
    padding: 15px 1em 0;
    border-top: 3px double #d7cda9;
}

#content footer.story h4 {
    font-size: 1.05em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 0.2em;
    font-weight: bold;
}


/* - event detail ------------------------------------------------------- */

#events #content .unavailable-header {
    padding-right: 90px;
}

#events.details #content header.with-icon {
    margin-bottom: 1em;
}

#events.details #content header.with-icon span {
    display: block;
    height: 34px;
    width: 60px;
    margin-right: 12px;
    margin-top: 4px;
    line-height: 1;
    float: left;
    font-family: NeoFill, Verdana;
    color: #d1a754;
    background: transparent url(images/bg/calendar-big.png) no-repeat scroll 0 0;
    text-align: center;
    padding-top: 26px;
    font-size: 1.7em;
}

#events.details #content header.with-icon hgroup {
    margin-left: 76px;
}

#events.details #content header.with-icon time {
    margin-left: 76px;
}

#events.details p.intro {
    margin: 1.8em 0 0;
}

#events.details .category {
    color: #92700a;
}

#events.details ul.meta {
    list-style: none;
    margin: 1em 0 0;
    padding: 0;
}

#events.details ul.meta ul {
    list-style: none;
    padding: 0 0 0 1.5em;
    margin: 0;
    font-size: 0.9em;
}

#events.details .main ul.meta.highlight {
    background-color: #e4dcbf;
    padding: 10px 16px;
}

#events.details .main ul.meta strong {
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #530921;
    margin-right: 0.2em;
}

#events.details .side ul.meta {
    font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: transparent;
    padding: 0;
}

#events.details ul.meta .sponsors {
    margin-top: 1.5em;
}

#events .notifications {
    background-color: #e4dcbf;
    margin: 1.5em -1em 0;
    padding: 12px 1em;
}

#events .notifications ul {
    margin-bottom: 0;
    margin-top: 0;
}

#events header .no-room {
    background-color: #97172d;
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 2em;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 310px;
    position: absolute;
    top: 10px;
    right: -120px;
}

@media screen and (max-width: 720px) {
    #events header .no-room {
        top: 0px;
        right: -110px;
        font-size: 1.2em;
    }
}

#events .unavailable {
    background-color: #97172d;
    color: #fff;
    font-weight: bold;
    padding: 2px 6px;
    text-transform: uppercase;
}


/* - profile & student groups -------------------------------------------- */

.profile,
.student-group {}

.profile #content header,
.student-group #content header {
    margin-bottom: 1em;
}

.profile p.intro,
.student-group p.intro {
    margin-top: 1em;
}

.profile .courses .student-group .courses {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile .courses li,
.student-group .courses li {
    line-height: 1.2;
    margin: 0.5em 0;
}

.profile .education,
.subnavigation .education {
    margin: 0;
    padding: 0;
}

.student-group .header {
    position: absolute;
    top: -25px;
    right: -51px;
}

.student-group .main-content {
    margin-top: 275px;
}


/* - gateway ------------------------------------------------------------ */

#gateway {}

#gateway h1 {
    color: #363;
}

#gateway .quick-search {
    border: 1px solid #d1ccb9;
    background-color: #f7e49d;
    padding: 1em 1.5em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin: 0 -1em 2em;
}

#gateway .quick-search h2 {
    margin-top: 0;
}

#gateway .quick-search input {
    font-size: 1.1em;
    width: 97%;
    padding: 0.4em;
}

#gateway .quick-search p {
    margin: 0;
}

#gateway .quick-search a {
    color: #903;
    text-decoration: none;
    font-weight: bold;
}

#gateway .quick-search a:hover {
    color: #603;
}

#gateway .quick-search .qa_results {
    width: 95%;
    z-index: 2000;
}


/* - calendar ----------------------------------------------------------- */


/*  #calendar { }
    #calendar h1 { font-size: 3.4286em; text-align: center; }
    .month-selector { float: left; width: 200px; }
      .month-selector ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 0;
      }
      .month-selector li {
        float: left;
        background-color: #fff;
        border: 1px solid #e0dbcd;
        position: relative;
        z-index: 10;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 0px 6px;
        font-size: 1.143em;
      }
        .month-selector li.previous,
        .month-selector li.next {
          font-family: NeoFill, Verdana, sans-serif;
          color: #594738;
          padding-top: 2px;
        }
        .month-selector li.previous { padding-right: 12px; margin-right: -8px; }
        .month-selector li.next { padding-left: 12px; margin-left: -8px; }
        .month-selector li.current {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          padding: 6px 14px;
          margin-top: -4px;
          font-size: 1em;
          font-family: "Helvetica Neue", Arial, sans-serif;
          z-index: 20;
        }
          .month-selector li a { text-decoration: none; }
            .month-selector li.previous a,
            .month-selector li.next a {
              color: #594738;
            }
            .month-selector li.previous a {
              background: transparent url(/global/images/templates/bg/month-selector-previous.png) no-repeat scroll 0% 45%;
              padding-left: 10px;
            }
            .month-selector li.next a {
              background: transparent url(/global/images/templates/bg/month-selector-next.png) no-repeat scroll 100% 45%;
              padding-right: 10px;
            }
            .month-selector li.current a {
              font-weight: bold;
              color: #950b24;
            }
    #calendar #subnavigation { float: right; width: 200px; }
      #calendar #subnavigation ul {
        list-style: none;
        padding: 0;
        margin: 16px 0 0;
        text-align: right;
        line-height: 1.35;
      }
      #calendar #subnavigation a {
        font-weight: bold;
        color: #003479;
        text-decoration: none;
        font-family: "Helvetica Neue", Arial, sans-serif;
      }
    #calendar table {
      width: 100%;
      border-collapse: collapse;
      margin: 0 auto 1em;
      position: relative;
    }
    #calendar th {
      border: 1px solid #4f4d46;
      font-family: NeoFill, Verdana, sans-serif;
      line-height: 1.5;
      background-color: #181715;
      color: #fff;
      font-size: 1.286em;
      text-align: center;
      width: 14.2857%;
      padding: 1px 0 0;
    }
      #calendar th.today { color: #d9a624; }
    #calendar td {
      border: 1px solid #ccc7b4;
      height: 102px;
      vertical-align: top;
      padding: 36px 10px 8px;
      background-color: #fbf9f2;
    }
      #calendar td.today { background-color: #fff; }
        #calendar td.today span { color: #fff; background-color: #c6920e; }
      #calendar td span {
        display: block;
        float: right;
        position: relative;
        z-index: 100;
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: -40px -14px 0 0;
        background-color: #fff;
        font-family: NeoFill, Verdana, sans-serif;
        color: #3c332d;
        font-size: 1.286em;
        text-align: center;
        border: 2px solid #e0dbcd;
        letter-spacing: -1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
      }
      #calendar table ul { list-style: none; margin: 0; padding: 0; }
      #calendar table li { margin: 0.5em 0 0; }
      #calendar table a {
        text-decoration: none;
        color: #92700a;
        line-height: 1.2;
        display: block;
        padding: 4px;
        margin: 0 -4px;
      }
        #calendar table a:hover { background-color: #e4dec6; }    
        #calendar table a time {
          display: block;
          color: #7f7570;
          font-family: "Helvetica Neue", Arial, sans-serif;
          font-size: 0.857em;
          zoom: 1;
        }
      #calendar td.not-this-month { background-color: #f6f2e4; }
        #calendar td.not-this-month span { color: #848f8a; }
*/


/* - newsroom ----------------------------------------------------------- */

#newsroom {}

.top-stories {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-stories li {
    padding: 18px 20px;
    border: 1px solid #d7ceb2;
    background-color: #f8f4e6;
    margin-bottom: 5px;
}

.top-stories li.highlighted {
    background-color: #f8eaae;
}

.top-stories img {
    float: left;
    width: 30%;
}

.top-stories a.thumbnail {
    height: 184px;
    width: 30%;
    display: block;
    float: left;
    background: transparent url() no-repeat scroll 50% 50%;
}

.top-stories div {
    float: right;
    width: 66%;
}

.top-stories time {
    display: block;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #827771;
    margin-bottom: 0.4em;
}

.top-stories h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.7143em;
    margin-top: 0;
    margin-bottom: 0.6em;
    line-height: 1;
}

.top-stories h2 small {
    font-size: 0.7083em;
}

.top-stories h2 a {
    color: #530921;
    text-decoration: none;
}

.top-stories h2 a:hover {
    color: #950b24;
    text-decoration: underline;
}

.top-stories p {
    color: #594738;
    font-size: 1.143em;
    line-height: 1.3;
    margin-bottom: 0.8em;
}

.top-stories li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-stories li li {
    border: none;
    padding: 0;
    float: left;
    background-color: transparent;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-right: 1.4em;
}

.top-stories li li a {
    text-decoration: none;
    color: #92700a;
    font-weight: bold;
}

.top-stories li li a:hover {
    text-decoration: underline;
}


/* - our campus --------------------------------------------------------- */

#our-campus {}

#our-campus .one-column-photo {
    height: 565px;
    position: relative;
}

#our-campus .one-column-photo .photo {
    top: -36px;
    left: -26px;
    padding: 0;
    position: absolute;
}

#our-campus .one-column-photo .main {
    width: 67%;
    float: left;
}

#our-campus .one-column-photo .side {
    width: 27%;
    float: right;
}

#our-campus #content h1 {
    margin: -0.4em 0 48px;
    color: #fff;
}

#our-campus .intro {
    width: 290px;
    padding: 16px 20px;
    margin: 0 -20px;
    color: #fff;
    font-size: 1.143em;
    line-height: 1.2;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    background: #ee6200;
    background: -moz-linear-gradient(top, #ee6200 0%, #ce4300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee6200), color-stop(100%, #ce4300));
    background: -webkit-linear-gradient(top, #ee6200 0%, #ce4300 100%);
    background: -o-linear-gradient(top, #ee6200 0%, #ce4300 100%);
    background: -ms-linear-gradient(top, #ee6200 0%, #ce4300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE6200', endColorstr='#CE4300', GradientType=0);
    background: linear-gradient(top, #ee6200 0%, #ce4300 100%);
}

#our-campus .scrapbook {}

#our-campus .scrapbook .side {
    margin-top: -200px;
}

#our-campus .scrapbook .left-scrapbook div.photo {
    background-color: #e6f1f0;
    width: 258px;
}

#our-campus .scrapbook .left-scrapbook aside.calendar {
    direction: ltr;
    margin-bottom: 0;
}

#our-campus .scrapbook .left-scrapbook aside.calendar h3 {
    color: #530921;
}

#our-campus .scrapbook .left-scrapbook aside.calendar a:hover {
    background-color: #d3e4e2;
}

#our-campus .scrapbook .left-scrapbook .photo:first-child {
    z-index: 60;
}


/* - tagged ------------------------------------------------------------- */

#tagged h1 {
    margin-bottom: 1em;
}

#tagged aside {
    margin-top: 0;
}


/* - homepage ----------------------------------------------------------- */

#homepage #content {
    background-color: #23232a;
    color: #fff;
    position: relative;
    overflow: hidden;
}

#homepage #content h1,
#homepage #content h2,
#homepage #content h3 {
    font-family: NeoFill, Verdana, sans-serif;
    color: #fff;
    font-size: 1.286em;
    margin-bottom: 0.5em;
}

#homepage #content a {
    color: #ffeca1;
}

#homepage #content h2,
#homepage #content h3 {
    margin-left: 5px;
}

#homepage .main,
#homepage .side {
    position: relative;
    z-index: 5;
}

#homepage #content a {
    color: #fde277;
}

#homepage #content .stage {
    min-height: 664px;
}

#homepage .calendar a:hover {
    background-color: #3c404c;
}

#homepage .calendar .with-icon span.date {
    color: #222;
}

#homepage .calendar em {
    color: #fff;
}

#homepage #header {
    z-index: 5000;
}

#homepage #footer {
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 5000;
    background-color: #292c34;
    border-top: 1px solid #1e1f23;
}

#homepage .calendar li {
    border-bottom: 1px solid #5a502e;
}

#homepage .calendar ul {
    border-top: 1px solid #5a502e;
}

#homepage .story {
    margin-bottom: 1.8em;
}

#homepage .story img {
    float: left;
    margin-left: -15px;
    margin-right: 15px;
    border: 1px solid #5a502e;
}

#homepage .story a:hover img {
    border-color: #fc3;
}

#homepage .story .description {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 0.857em;
}

#homepage .story a {
    text-decoration: none;
    font-size: 1.143em;
    line-height: 1.2;
}

#homepage .story a:hover {
    text-decoration: underline;
}

#homepage aside.calendar a.all-events {
    margin-top: 10px;
    display: block;
    text-decoration: none;
}

#homepage div.calendar a.all-events {
    padding-left: 6px;
    margin-top: 10px;
    display: block;
    text-decoration: none;
}

#homepage .story {
    margin-bottom: 1em;
}

#homepage .story p {
    padding-left: .4em;
}

#homepage #content h2,
#homepage #content h3 {
    margin-top: 1em;
}

.curtain {
    position: absolute;
    z-index: 2000;
    height: 600px;
    width: 600px;
    top: -16px;
}

.left {
    left: -120px;
}

.right {
    left: 480px;
}

a.image,
a.video {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    background: #fff url() scroll no-repeat 50% 50%;
}

a.photo:hover {
    border-color: #fbd433;
}

.stripe {
    font-family: Georgia, serif;
    width: 280px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #4c3d38;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#cc000000', GradientType=1);
    /* IE6-8 */
}

.this_week.stripe {
    padding-top: 15px;
}

.newsroom.stripe {
    padding-top: 25px;
    right: 50%;
    margin-right: -512px;
}

#homepage .calendar a {
    background: none;
    color: #fde277;
}

#homepage .calendar a:hover {
    background: none;
    color: #fdc92e;
}

#homepage .calendar ul {
    padding-top: 0;
    border: none;
}

#homepage .calendar em {
    font-style: italic;
    padding-top: 15px;
    margin-right: 5px;
    border-top: 1px solid #5a502e;
}

#homepage .calendar p {
    color: #fff;
    padding: 5px 10px 5px 0;
    margin-left: 22px;
    font-size: 1.4em;
}

#homepage .calendar li {
    position: relative;
    text-align: left;
    margin-left: -25px;
    border: none;
    padding: 5px 10px 5px 0;
    min-width: 290px;
}

#homepage .calendar .with-icon span.date {
    color: #222;
    position: absolute;
    top: 15px;
}


/* #homepage #block h2 { top: 33%; } */

#homepage #block h2 em {
    background-color: rgba(0, 0, 0, .5);
}

#homepage #block .stage h2 {
    position: static;
    width: 100%;
    left: 0;
    padding-top: 100px;
    margin-bottom: 0.7em;
}

#homepage #block #block-navigation {
    position: static;
    padding-top: 0 !important;
    float: none;
    margin-bottom: 0.5em;
    *zoom: 1;
}

#homepage #block #block-navigation:before,
#block #block-navigation:after {
    content: " ";
    display: table;
}

#homepage #block #block-navigation:after {
    clear: both;
}

#homepage #block #block-navigation li {
    float: left;
    margin-bottom: 0;
}

#homepage #block-navigation a {
    background-color: rgba(0, 0, 0, .5);
}

a#whats-a-block {
    font-family: Georgia, serif;
    position: absolute;
    display: block;
    width: 50px;
    height: 72px;
    background: url(images/whats-a-block-background.png) no-repeat;
    background-position: 0 0;
    color: #333;
    padding: 12px 23px 12px 42px;
    top: 60px;
    left: 488px;
    font-size: .8em;
    line-height: 1.1;
    font-style: italic;
}

a#whats-a-block:hover {
    background-position: -114px 0;
}

#homepage #content {
    background: #e0dbca;
    color: #4c3d38;
}

#homepage #content .stage {
    min-height: 400px;
}

#homepage #content .main {
    position: static;
    width: 700px;
    float: left;
}

#homepage #content .main a {
    color: #4c3d38;
}

#homepage .stripe h3 {
    margin: 0 0 0.2em 20px !important;
    color: #fff;
}

#homepage .newsroom.stripe h3 {
    padding-bottom: 1em;
}

#homepage .stripe .story {
    margin: 0 16px 5px 20px;
    margin-bottom: 15px;
    padding-top: 1em;
    border-top: 1px solid #5a502e;
}

#homepage .stripe .story em {
    color: #bbb;
}

#homepage .stripe .story p {
    padding: 0;
}

#homepage .newsroom.stripe a {
    color: #fdc92e;
    font-size: 1.33em;
}

#homepage .newsroom.stripe p.small {
    padding: 0 16px 5px;
    font-size: .7em;
}

#homepage .main h3 {
    color: #4c3d38;
    margin-left: 0;
}

#homepage #content .main h2 {
    color: #9a802d;
    margin-left: 0;
    font-size: 14px;
}

#homepage .feature1,
#homepage .feature2,
#homepage .feature3 {
    width: 45%;
    margin-right: 5%;
    float: left;
}

#homepage .feature1 img,
#homepage .feature2 img {
    border: 5px solid #fff;
    box-shadow: 1px 4px 3px rgba(0, 0, 0, .4);
}

#homepage .feature2 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9cdaa;
}

#homepage .feature2 p a {
    font-size: 1.33em;
    line-height: 1.3;
    text-decoration: none;
}

#homepage .feature2 img.news {
    float: right;
    margin: 0 0 20px 20px;
}


/* - search results ----------------------------------------------------- */

#search-results .main ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#search-results .main ul p {
    margin-bottom: 0;
}

#search-results .main ul p a {
    display: block;
}

#search-results .main li {
    margin-bottom: 1.5em;
}

#search-results .main li.top-result {
    border: 1px solid #cac4b8;
    background-color: #fff;
    padding: 16px 21px 16px;
    margin: 0 -21px 1.5em;
}

#search-results .main li.top-result h3 {
    font-weight: bold;
}

#search-results .main li.top-result h3 em {
    font-weight: normal;
    font-style: normal;
}

#search-results .main h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.4em;
    color: #5d1107;
    line-height: 1.2;
}

#search-results .main h3 a {
    color: #5d1107;
    text-decoration: none;
}

#search-results .main h3 a:hover {
    text-decoration: underline;
}

#search-stats {
    margin-bottom: 2em;
}


/* - block feature ------------------------------------------------------ */

#block-feature #feature {
    background-color: #000;
    padding: 12px 0 24px;
    overflow: hidden;
}

#block-feature #feature hgroup {
    width: 695px;
    display: block;
    position: relative;
}

#block-feature #feature h2 {
    font-family: NeoFill, Verdana;
    font-size: 3.929em;
    color: #9c7d04;
    font-weight: normal;
    margin: 0;
    position: relative;
}

#block-feature #feature h2 span {
    font-family: NeoDraw, Verdana;
    font-size: 1em;
    color: #fff;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

#block-feature #feature hgroup h3 {
    position: absolute;
    bottom: 17px;
    font-size: 2em;
    line-height: 1;
    color: #fecb00;
    right: 0;
    margin: 0;
}

#block-feature #feature ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#feature-highlights {
    margin-bottom: 16px;
}

#feature-highlights #visuals {
    position: relative;
    height: 325px;
    float: left;
    width: 695px;
    line-height: 1.3;
}

#feature-highlights #visuals li {
    position: absolute;
    top: 0;
    left: 0;
    height: 311px;
    width: 695px;
}

#feature-highlights #visuals .description {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 448px;
    padding: 16px;
    height: auto;
    background-color: rgba(37, 25, 16, 0.7);
    color: #fff;
}

#feature-highlights #visuals .description .intro {
    font-size: 1.143em;
    color: #fff;
}

#feature-highlights #visuals .description li {
    position: static;
    height: auto;
    width: auto;
    display: inline;
}

#feature-highlights #visuals .description li a {
    color: #fecb00;
    text-decoration: none;
    font-weight: bold;
    float: left;
    display: block;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-right: 1.5em;
    line-height: 1.8;
}

#feature-highlights #visuals .description li:last-child a {
    margin-right: 0;
}

#feature-highlights #featured-courses {
    float: right;
    width: 240px;
    padding-top: 16px;
}

#feature-highlights #featured-courses h4 {
    background-color: #535353;
    color: #fff;
    display: inline-block;
    margin-bottom: 1em;
    line-height: 1;
    padding: 2px 8px;
    font-size: 1.143em;
    margin-left: 24px;
    font-weight: normal;
    font-family: Neofill, Verdana;
}

#feature-highlights #featured-courses li {
    padding-left: 24px;
    margin-bottom: 1em;
    font-size: 1.4285em;
    line-height: 1.2;
}

#feature-highlights #featured-courses li.on {
    background: transparent url(images/bg/block-features/feature-selected.png) no-repeat scroll 0 4px;
}

#feature-highlights #featured-courses li a {
    color: #fff;
    text-decoration: none;
    font-family: "Helvetica Neue", Arial, sans-serif;
    display: block;
}

#feature-highlights #featured-courses li.on a {
    color: #fecb00;
}

#block-feature .three-columns-weighted {
    border-top: 1px solid #3a3007;
    clear: both;
    color: #fff;
}

#block-feature .three-columns-weighted .first-column {
    float: left;
    width: 270px;
    padding: 24px 27px 0 0;
}

#block-feature .three-columns-weighted .second-column {
    float: left;
    border-left: 1px solid #3a3007;
    border-right: 1px solid #3a3007;
    width: 320px;
    padding: 24px 27px 0;
}

#block-feature .three-columns-weighted .third-column {
    float: right;
    width: 260px;
    padding: 24px 0 0 27px;
}


/* target browsers that handle media queries */

@media screen and (min-width: 200px) {
    #block-feature .three-columns-weighted .first-column {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 30%;
    }
    #block-feature .three-columns-weighted .second-column {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 35%;
    }
    #block-feature .three-columns-weighted .third-column {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 34%;
    }
}

@media screen and (max-width: 880px) {
    #block-feature .three-columns-weighted .first-column,
    #block-feature .three-columns-weighted .second-column,
    #block-feature .three-columns-weighted .third-column {
        float: none;
        width: auto;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }
}

#block-feature #feature .three-columns-weighted h3 {
    background-color: #535353;
    color: #fff;
    display: inline-block;
    margin-bottom: 1em;
    line-height: 1;
    padding: 2px 8px;
    font-size: 1.143em;
    font-weight: normal;
}

#feature .recently li {
    border: none;
}

#feature .recently li:first-child {
    padding-top: 0;
}

#feature .recently ul {
    border: none;
    margin-top: 0;
}

#feature .recently em.category {
    color: #fddb55;
}

#feature .recently img {
    border: 1px solid #535353;
}

#feature .recently li a {
    color: #fff;
}

#feature .recently li a:hover {
    background-color: #252525;
}

#block-feature #feature .three-columns-weighted h4 {
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.5714em;
    line-height: 1.2;
    margin: 0.6em 0 0.8em;
}

#block-feature #feature .third-column h4 {
    margin-top: 0;
}

#block-feature #feature .third-column .recommendations {
    margin-top: 1em;
}

#block-feature #feature .third-column .recommendations ul {
    list-style: disc;
    color: #fddb55;
    margin-left: 1.25em;
}

#block-feature #feature .meet-your-guide a {
    color: #fddb55;
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
}

#block-feature #feature a.meet-your-guide:hover {
    text-decoration: underline;
}

#block-feature .block-selector {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #3e332c;
    line-height: 1.35;
}

#block-feature .block-selector li {
    float: left;
    width: 225px;
    margin-right: 20px;
}

#block-feature .block-selector li:nth-child(4n) {
    margin-right: 0;
}

#block-feature .block-selector li.informational {
    background-color: #e6dfc9;
    height: 148px;
}

#block-feature .block-selector li.informational ul {
    list-style: disc;
    margin: 2.75em 0 0 2.5em;
    padding: 0;
    font-weight: bold;
}

#block-feature .block-selector li.informational li {
    margin-bottom: 0.6em;
}

#block-feature .block-selector h4 {
    font-family: NeoFill, Verdana;
    font-size: 1.1429em;
    font-weight: normal;
    margin: 4px 0;
}

#block-feature .block-selector h4 a,
#block-feature .block-selector h4 span {
    background-color: #000;
    color: #fff;
    padding: 0px 4px;
    margin: 0 -4px;
    font-weight: normal;
}

#block-feature .block-selector h4 a:hover {
    text-decoration: none;
    background-color: #222;
}

#block-feature .block-selector h4 strong {
    font-weight: normal;
    color: #fecb00;
}

#block-feature .block-selector a {
    color: #600;
    font-weight: bold;
    text-decoration: none;
}

#block-feature .block-selector a:hover {
    text-decoration: underline;
}

#block-feature .recently h3 a {
    color: #ffffff;
}

#block-feature .recently h3 a:hover {
    background: transparent;
    color: #fddb55;
}

#block-feature #feature .photo-highlight a {
    color: #fddb55;
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
}


/* - programs selector -------------------------------------------------- */

#program-browser {
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 0.857em;
    width: 19.5em;
    position: absolute;
    right: 0;
}

#program-browser p {
    padding: 3px 7px;
    margin: 0;
    background: rgba(0, 0, 0, 0.4) url(images/bg/menus/downward-arrow.png) no-repeat scroll 97% 55%;
    cursor: pointer;
    position: relative;
    z-index: 20;
}

#program-browser .programs {
    display: none;
    position: absolute;
    right: 0;
    width: 800px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    z-index: 100000;
}

#program-browser .programs ul {
    padding: 12px 24px;
    list-style: none;
    width: 18%;
    margin: 0 1% 0 0;
    float: left;
}

#program-browser .programs li {
    line-height: 1.2;
    margin: 0 0 0.5em;
}

#program-browser .programs a {
    text-decoration: none;
}

#program-browser .programs a:hover {
    text-decoration: underline;
}


/* - horizon ------------------------------------------------------------ */

.department #header ul li h5 {
    color: #333;
}

.department #header ul li.on h5 {
    color: #92700a;
}

#horizon #content {
    background-color: #fff;
    padding-bottom: 1.5em;
}

#horizon .feature {
    height: 370px;
    background-color: #fff;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

#horizon .main {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#horizon .main {
    font-size: 1.285em;
    font-weight: 300;
}

#horizon .main a {
    color: #5f0e0e;
    font-weight: bold;
    text-decoration: none;
}

#horizon .main a:hover {
    text-decoration: underline;
}

#horizon .intro {
    color: #4c3d38;
    font-size: 1.1667em;
}

#horizon #department-navigation .subnavigation {
    margin-top: -87px;
}

#horizon .calendar p a {
    color: #600;
    text-decoration: none;
}

#horizon .calendar p a:hover {
    text-decoration: underline;
}


/* - placemat ----------------------------------------------------------- */

#placemat .feature {
    height: 635px;
    position: relative;
    width: auto;
    background: #fff url() no-repeat scroll 50% 0;
}

#placemat .feature a {
    text-decoration: none;
}

#placemat .course-spotlight {
    background-color: #fff;
    border: 4px solid #fff;
    position: absolute;
    top: 200px;
    right: 0;
    width: 350px;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#placemat .course-spotlight .wrapper {
    border: 1px solid #e7e4e0;
    background-color: #f1ece5;
    padding: 14px 20px;
}

#placemat .course-spotlight h3 {
    color: #594738;
    font-size: 1.429em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    line-height: 1.1;
}

#placemat .course-spotlight h2 {
    font-size: 1.714em;
    line-height: 1.1;
}

#placemat .course-spotlight a:hover {
    text-decoration: underline;
}

#placemat .course-spotlight p {
    margin: 1em 0 0;
}

#placemat #department-navigation {
    width: 26%;
    position: absolute;
    top: 150px;
    left: -10px;
}

#placemat #program-browser p {
    background-color: rgba(255, 255, 255, 0.2);
}


/* - three-column ------------------------------------------------------- */

#three-column {}

#three-column .feature {
    height: 193px;
    background: #fff url() no-repeat scroll 50% 0;
}

#three-column #department-navigation {
    position: relative;
    margin-top: -139px;
    margin-left: -8px;
    margin-right: -4px;
}

#three-column #content {
    background-color: #fff;
}

#three-column #content .main .main {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#three-column #content .main h1 {
    font-size: 1.5em;
    color: #594738;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#three-column #content .main .main .intro {
    font-size: 1.5em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #594738;
}

#three-column #content .intro a {
    font-weight: bold;
    color: #600;
    text-decoration: none;
}

#three-column #content .intro a:hover {
    text-decoration: underline;
}

#three-column #content .main .main h2 {
    color: #c6920e;
    font-size: 1.286em;
    margin-bottom: 0.25em;
}

#three-column #content .main .main a {
    font-weight: bold;
    color: #600;
    text-decoration: none;
}

#three-column #content .main a:hover {
    text-decoration: underline;
}

#three-column #content .side .calendar h3 {
    font-weight: bold;
    color: #3e332c;
}

#three-column #content .side .calendar li a {
    font-weight: normal;
}

#three-column #content .side .calendar li a:hover {
    text-decoration: none;
}

#three-column #content .side .calendar em {
    color: #443d36;
}

#three-column #content .side .calendar span {
    color: #960;
}

#three-column #content .side .calendar .date {
    color: #d1a754;
}

#three-column #content .side .slideshow {
    margin-bottom: 0;
}

#three-column #content .side .slideshow .description {
    background-image: none;
    font-family: "Helvetica Neue", Arial, sans-serif;
    padding: 0;
    margin: 0;
    color: #4c3d38;
}

#three-column #content .side .slideshow h3 {
    font-size: 1em;
    color: #4c3d38;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

#three-column #content .side .slideshow p {
    font-size: 1.143em;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

#three-column #content .side .slideshow a:hover {
    text-decoration: underline;
}


/* - .three-column office w/horizontal banner ----------------------------------- */

.three-column {}

.horiz-banner .feature {
    height: 200px;
    background: #fff url() no-repeat scroll 50% 0;
}

.horiz-banner #department-navigation.withbanner {
    position: relative;
    margin-top: -80px !important;
    margin-left: -8px;
    margin-right: -4px;
}

.horiz-banner .two-columns-weighted-reversed .main {
    width: 69% !important;
}

.horiz-banner .two-columns-weighted .main,
.horiz-banner .two-columns-weighted .side {
    width: 325px !important;
}

.horiz-banner .one-column .intro {
    width: auto;
}


/* departments
  ---------------------------------------------------------------------------- */

#department h1,
.department h1 {
    font-size: 2.288em;
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-weight: bold;
}

#department h2,
.department h2 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#department h3,
.department h3 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1.62em;
}

#department h4,
.department h4 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#department h5,
.department h5 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
}

#department h6,
.department h6 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
}


/* - department navigation ------------------------------------------------- */

#department-navigation,
#department .department-navigation {
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 2em;
}

#department-navigation .subnavigation,
#department .department-navigation .subnavigation {
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
}

#department-navigation .wrapper,
#department .department-navigation .wrapper {
    border: 1px solid #e7e4e0;
    background-color: #f1ece5;
    padding: 14px 20px;
}

#department-navigation h1,
#department .department-navigation h1 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.857em;
    font-weight: 300;
    color: #4c3d38;
    margin: 0 -5px;
    padding: 0 5px 0.5em;
    line-height: 1.2;
    border-bottom: 1px solid #ead9c9;
}

#department-navigation h1 strong,
#department .department-navigation h1 strong,
#department-navigation h1 a,
#department .department-navigation h1 a {
    font-weight: 700;
    color: #c6920e;
    text-decoration: none;
}

#department-navigation h1 a:hover,
#department .department-navigation h1 a:hover {
    text-decoration: underline;
}

#department-navigation ul,
#department .department-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#department-navigation ul li,
#department .department-navigation ul li {
    margin-top: 0.6em;
}

#department-navigation ul a,
#department .department-navigation ul a {
    font-weight: bold;
    color: #3e332c;
    text-decoration: none;
    font-size: 1.071em;
}

#department-navigation ul a:hover,
#department .department-navigation ul a:hover {
    text-decoration: underline;
}

#department-navigation li ul,
#department .department-navigation li ul {
    display: none;
}


/* 1 level deep */

#department-navigation li.on a {
    color: #c89323;
}

#department-navigation li.on li {
    margin-top: 0.2em;
}

#department-navigation li.on li a {
    color: #3e332c;
    font-weight: normal;
}

#department-navigation li.on ul {
    display: block;
    list-style: disc;
    padding-left: 2em;
    line-height: 1.2;
    margin-top: 0.3em;
}

#department-navigation li.on li ul {
    display: none;
}


/* 2 levels deep */

#department-navigation li.on li.on a {
    color: #92700a;
}

#department-navigation li.on li.on ul {
    display: block;
    list-style: none;
    font-size: 0.929em;
    padding-left: 0.4em;
}

#department-navigation li.on li.on li {
    background: transparent url(images/bg/menus/dash.png) no-repeat scroll 0 8px;
    padding-left: 8px;
}

#department-navigation li.on li.on li a {
    color: #594738;
}


/* 3 levels deep */

#department-navigation li.on li.on li.on a {
    color: #541020;
}

#department-navigation li.on li.on li.on a:hover {
    color: #950b24;
}

#department-navigation li.on li.on li.on li a {
    color: #594738;
}


/* 4 levels deep */

#department-navigation li.on li.on li.on li.on a {
    color: #541020;
    text-decoration: underline;
}

#department-navigation li.on li.on li.on li.on a:hover {
    color: #950b24;
}

#department-navigation .sublink,
#department .department-navigation .sublink {
    width: 80%;
    margin: 0 auto;
}

#department-navigation .sublink a,
#department .department-navigation .sublink a {
    display: block;
    text-align: center;
    background-color: #c6920e;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 1px 0 2px;
}

#department-navigation .sublink a:hover,
#department .department-navigation .sublink a:hover {
    background-color: #d7a21c;
}


/* - department inside-pages ----------------------------------------------- */

#department #content {
    background-color: #fff;
}


/* - profile ------------------------------------------------------------ */

#department.profile #content header {
    margin-bottom: 0.3em;
}

#department.profile #content header h1 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-size: 2.288em;
    color: #530921;
}

#department.profile #content header h3 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.571em;
    color: #530921;
}

#department.profile .education li {
    margin-bottom: 1em;
}


/* - course catalog ----------------------------------------------------- */

.courses h1 {
    line-height: 1.2;
}

.courses.search-results h1 {
    margin-bottom: 0.85em;
}

.courses h3 {
    position: relative;
}

.courses .catalog-search {
    border-bottom: 1px solid #EAD9C9;
    padding-bottom: 0.85em;
}

.courses .catalog-search select,
.courses .catalog-search input {
    width: 100%;
}

.courses .catalog-search input.submit {
    width: auto;
    display: block;
    margin-top: 0.6em;
    float: right;
    background-color: #fff;
}

.courses .catalog-search label {
    display: block;
    font-size: 0.85em;
    margin: 1em 0 0;
}

.courses.search-results .highlight {
    padding: 2px 4px;
    background-color: #EAD9C9;
}


/* - department bar ----------------------------------------------------- */

#department-bar {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 0.929em;
}

#department-bar .stage {
    padding-top: 4px;
    padding-bottom: 4px;
}

#department-bar p {
    margin: 0;
}

#department-bar #program-browser {
    top: 1px;
    right: 0;
    width: 255px;
}

#department-bar #program-browser p {
    background-image: url(images/bg/menus/upward-arrow.png);
    font-size: 1.18182em;
    background-color: transparent;
}

#department-bar #program-browser p strong {
    color: #fecb00;
}

#department-bar #program-browser .programs {
    bottom: 27px;
    font-size: 1.18182em;
}


/* - department section ------------------------------------------------- */

#department-section {
    background-color: #703246;
    padding: 4px;
    margin: -36px -6px 24px;
    position: relative;
    z-index: 20;
    -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
}

#department-section h3 {
    border: 1px solid #602b3c;
    margin: 0;
    font-size: 1.143em;
    text-align: center;
    color: #fff;
    padding-top: 1px;
}

#department-section h3 a {
    display: block;
    color: #fff;
    text-decoration: none;
}

#department-section h3 a:hover {
    background-color: #7b374d;
    text-decoration: underline;
}


/* - office pages ------------------------------------------------------- */

.offices #department-navigation h1 {
    color: #600;
    font-size: 1.5em;
    padding: 0 0 0.5em;
    margin: 0;
}

.offices #department-navigation h1 strong {
    color: #600;
    display: inline;
}

.offices #department-navigation h1 a {
    color: #600;
    font-weight: 300;
}

.offices #department-navigation {
    margin: 0 -6px 2em;
}

.offices #department-navigation .sublink a:link {
    background-color: #703246;
}

.offices #department-section h3 a:hover,
.offices #department-navigation .sublink a:hover {
    background-color: #7b374d;
}

#department.offices #content {
    background-color: #f1ebd5;
    position: relative;
    z-index: 90;
}

#department.offices #footer {
    z-index: 100;
    position: relative;
}

.offices .page-background {
    position: absolute;
    width: 800px;
    height: 100%;
    padding: 0px 0;
    top: 0px;
    left: -500px;
    z-index: 0;
    overflow: hidden;
}

.offices .page-background img {
    position: absolute;
    right: 0;
    top: -1px;
    border-bottom: 3px solid #602b3c;
}

.offices .sidebar aside h3 {
    font-weight: bold;
    color: #3c332d;
}

.offices aside.calendar li a em {
    color: #3c332d;
}

.offices aside.calendar li a span {
    font-size: 1.125em;
    line-height: 1.3;
}

.offices aside.calendar li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.offices .headshot {
    display: block;
    margin: 0 auto 3em;
}

.offices #content .main h1,
.offices #content .main h2 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    color: #530921;
    font-size: 2em;
    margin: 0.5em 0;
}

.offices #content .main h2 {
    margin-top: 1em;
    font-weight: normal;
    font-size: 1.714em;
}

.offices.landing #content .main hgroup h1,
.offices.landing #content .main hgroup h2 {
    color: #530921;
    font-weight: normal;
    font-size: 1.857em;
}

.offices.landing #content .main hgroup h1 {
    margin-top: 0.5em;
    margin-bottom: 0;
}

.offices.landing #content .main hgroup h2 {
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 0;
}

.offices #content .intro {
    margin-bottom: 2em;
}

.offices .two-columns-weighted-reversed .main {
    width: 64%;
}

.offices .two-columns-weighted-reversed .sidebar {
    width: 28%;
}


/* footer
---------------------------------------------------------------------------- */

#footer {
    padding: 16px 0;
    color: #fff;
}

#footer h3 {
    float: left;
    font-variant: small-caps;
    font-size: 2em;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0px 0px 14px;
}

#footer h3 a {
    display: block;
    width: 200px;
    height: 47px;
    text-indent: -999em;
    text-decoration: none;
    background: transparent url(images/text/cc-com-logo-horizontal-web-footer.png) no-repeat scroll 0% 0%;
}

#footer h3 a:hover {
    background-position: 0% 95%;
}

#footer a {
    color: #d9d9cf;
}

#footer a:hover {
    color: #D09B2C;
}

#footer p.address {
    clear: left;
    float: none;
    margin: 0;
    width: auto;
}

#footer ul {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    font-family: NeoFill, Verdana;
    font-size: 1.1em;
    width: 520px;
    float: right;
}

#footer li {
    width: 180px;
    float: left;
}

#footer #nav-offices-and-services,
#footer #nav-check-email {
    width: 217px;
}

#footer #nav-tutt-library,
#footer #nav-working-at-cc {
    width: 160px;
}

#footer #nav-contact-us,
#footer #nav-site-feedback {
    width: 138px;
    text-align: right;
}

#footer li a {
    color: #fff;
    text-decoration: none;
    line-height: 1.7;
}

#footer .cc-footer-social {
    display: block;
    margin-top: 7px;
}

#footer .cc-footer-social img {
    width: 26px;
    opacity: .6;
}

#footer .cc-footer-social img:hover {
    opacity: .9;
}


/* assorted styles from cc_custom_styles.css 
---------------------------------------------------------------------------- */

.outline h3,
.outline h4,
.outline h5,
.outline h6,
.outline p {
    margin-left: 20px;
}

div#messagesMessages {
    border: 1px solid #d1ccb9;
    padding: 0 14px;
    background-color: #f7e49d;
    margin-bottom: 14px;
    display: table;
}

div#messagesMessages ul {
    list-style: none;
    margin: 0;
    padding: 14px;
}

.twitter-share,
.fb-like {
    font-size: 1px;
    display: inline-block;
}

.pinterest-share {
    width: 52px;
    float: left;
    margin-top: -2px;
    padding: 0;
}

div .fb_reset {
    display: inline;
}

#content figure.inline-left {
    margin: .9em 2em 1em 0;
    position: relative;
    float: left;
}

.suggestions-404 li {
    margin: .5em 0;
}

.dash-lightbg-box {
    background-color: #F1ECE5;
    border: 1px dashed #aaa;
    padding: 0 1em;
}

.yop-icon img {
    float: left;
    border: 0;
    margin-top: 0;
}

.yop-icon a img {
    border: 0 !important;
}

.yop-icon p {
    margin-left: 58px;
}

a.cc-button {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    padding: .3em .6em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border: 1px solid transparent;
}

a.cc-button:hover {
    border: 1px solid #555;
}

a.cc-button-gold {
    background-color: #D09B2C;
    border: 1px solid #cda200;
}

@media screen and (max-width: 720px) {
    .scroll-x {
        overflow-x: scroll;
    }
}


/* WordPress-only styles
---------------------------------------------------------------------------- */

#ccblogbar {
    padding: 3px 0;
    background: #292C34;
    color: #fff;
    border-bottom: #999;
}
.cc-header-nav.cc-header-nav-min.fixed-top #ccblogbar {
	display: none;
}

#ccblogbarinner {
    width: 100%;
    margin: 0 auto;
}

h1#ccblogbartitle {
    font-size: .9em;
    color: #eee;
    display: inline;
}

h1#ccblogbartitle span {
    color: #f3c73f;
}

#ccblogbarlinks {
    float: right;
    font-size: .9em;
    color: #aaa;
}

#ccblogbarlinks a {
    padding: .5em;
    color: #aaa;
}

.page-background {
    border-right: 1px solid #ddd;
}

.alignright {
    float: right;
    margin-left: 1em;
}

.alignleft {
    float: left;
    margin-right: 1em;
}

.main img {
    border: 6px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    -ms-box-shadow: 1px 3px 10px #939082;
    -o-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.39);
    margin-bottom: 1em;
}

.post {
    display: block;
}

.post-info,
.post-info-top {
    display: block;
    clear: both;
}

.post-info ul,
.post-info-top ul {
    display: inline;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
}

.post-info ul li,
.post-info-top ul li {
    display: inline;
    list-style-type: none;
    font-style: italic;
}

.post-info ul li.read-more {
    display: block;
    font-style: normal;
    font-weight: bold;
}

.post-info-top {
    margin: -5px 0 10px 0;
}

#rightsidebar {
    max-width: 270px;
    float: right;
}

#sidebar li.widget,
#rightsidebar li.widget {
    list-style-type: none;
}

#searchform label {
    display: block;
}

#searchform #s {
    width: 150px;
}

#commentform label {
    display: block;
    clear: both;
}

#search {
    display: none;
}

.wp-caption {}

.wp-caption-text {
    text-align: center;
    font-style: italic;
    margin-top: 0 !important;
    color: #666;
}

.main h1 {
    float: left;
}

.main h1 a {
    text-decoration: none;
}

.student-group .main-content {
    margin-top: 0;
}

aside.subnavigation .menu li ul {
    display: inherit;
    font-size: .85em;
}

.nothing h1 {
    width: 100%;
    margin-bottom: .5em;
}


/** author styles for author page **/

div#author-info {
    border: 1px solid #d1ccb9;
    padding: 14px 18px;
    background-color: #f7e49d;
    min-height: 210px;
    height: auto !important;
    /** height hack for ie **/
    height: 210px;
}

div#author-avatar {
    width: 200px;
    float: left;
}

div#author-description {
    margin-left: 220px;
}

div#author-description h2 {
    margin-top: 3px;
    margin-bottom: 5px;
}


/** author styles for post page **/

div#post-author-info {
    margin-top: 1.5em;
    border: 1px solid #d1ccb9;
    padding: 14px 18px;
    background-color: #f7e49d;
    min-height: 150px;
    height: auto !important;
    /** height hack for ie **/
    height: 150px;
}

div#post-author-avatar {
    margin-top: 5px;
    width: 160px;
    float: left;
}

div#post-author-description {
    margin-left: 160px;
}

div#post-author-description h2 {
    margin-top: 3px;
    margin-bottom: 5px;
}


/** styles for meet the bloggers widget **/

ul#authorwidgetlist {
    list-style-type: none;
}

ul#authorwidgetlist li.authorwidgetname {
    list-style-type: disc;
    font-size: 1.2em;
}

ul#authorwidgetlist li.authorwidgetboth {
    display: block;
    width: 160px;
    text-align: center;
}

ul#authorwidgetlist li.authorwidgetboth p {
    font-size: 1.2em;
}

.post-thumbnail img {
    float: right;
    margin-left: 1em;
}

@media screen and (max-width: 470px) {
    #ccblogbarlinks {
        float: none;
    }
}

#content {
    margin-top: 12px;
}

@media screen and (max-width: 1200px) {
    #content {
        margin-top: 0;
    }
}
@media screen and (max-width: 865px) {
    #content {
        margin-top: 72px;
    }
}