/*************************************************
 * Site Name: IU Template (Responsive)
 * 
 * Description: Site-wide stylesheet
 * Version: 1.0
 * Author: IU Communications 
 * Author URI: http://communications.iu.edu
 ************************************************/

/****************************************
 * Reset
 ****************************************/

/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q { 
    quotes: none; 
}
blockquote:before, blockquote:after, q:before, q:after { 
    content: ''; 
    content: none; 
}
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}
hr { 
    border: 0; 
    border-top: 1px solid #ccc;
    display: block; 
    height: 1px; 
    margin: 0; 
    padding: 0; 
}
input, select { 
    vertical-align: middle; 
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { 
    outline: none; 
}

/* Remove margins for navigation lists */
nav ul { 
    list-style: none;
}

strong, b, th { 
    font-weight: bold; 
}
em, i {
    font-style: italic; 
}
td { 
    vertical-align: top; 
}
sup, sub {
    display: inline;
    font-size: 80%; 
}
sup {
    vertical-align: super;  
}
sub {
    vertical-align: sub;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { 
    margin: 0; 
    padding: 0;
}

/* Display hand cursor for clickable form elements */
button, input[type="button"], input[type="reset"], input[type="submit"] { 
    cursor: pointer;
}

/* Make buttons play nice in IE: 
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  
    overflow: visible;
    width: auto;  
}


/****************************************
 * Fonts
 ****************************************/

/*** Benton Sans ***/

@font-face {
    font-family: 'BentonSansRegular';
    src: url('../fonts/benton-sans/regular.eot');
    src: url('../fonts/benton-sans/regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/benton-sans/regular.woff') format('woff'),
         url('../fonts/benton-sans/regular.ttf') format('truetype'),
         url('../fonts/benton-sans/regular.svg#BentonSansRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}

/*** Benton Sans Cond ***/

@font-face {
    font-family: 'BentonSansCondensedRegular';
    src: url('../fonts/benton-sans-condensed/regular.eot');
    src: url('../fonts/benton-sans-condensed/regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/benton-sans-condensed/regular.woff') format('woff'),
         url('../fonts/benton-sans-condensed/regular.ttf') format('truetype'),
         url('../fonts/benton-sans-condensed/regular.svg#BentonSansCondensedRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}


/****************************************
 * General Formatting
 ****************************************/

body {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /* ~16px */
}
a, a:link, a:active {
    color: #990000;
    text-decoration: none;
    word-wrap: break-word;
}
a:visited {
    color: #990000;
}
a:hover {
    text-decoration: underline; 
}
a:focus {
    outline: thin dotted;   
}
a:hover, a:active { 
    outline: 0; 
}
img {
    height: auto;
    max-width: 100%;    
}
iframe {
    max-width: 100%;    
}

/*** Reusable Classes ***/

/* Wrapper */
.wrapper {
    margin: 0 auto;
    max-width: 960px;
}

/* Line Break */
.line-break {
    display: block; 
}

/* Hide for both screenreaders and browsers: 
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { 
    display: none; 
    visibility: hidden; 
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal. 
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: 
drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { 
    clip: auto; 
    height: auto; 
    margin: 0; 
    overflow: visible; 
    position: static;
    width: auto; 
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
    visibility: hidden; 
}


/****************************************
 * Skip Navigation
 ****************************************/
 
#skipnav {
    float: left;
    list-style: none;
    height: 0;
    overflow: hidden;
    width: 0;
}
#skipnav a {
    background: #fff;
    color: #000;
    left: -9999px;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: -9999px;
    width: 12.500em; /* 200px (200/16) */
    z-index: 999;
}
#skipnav a:active, #skipnav a:focus {
    left: 0;
    top: 0;
}


/****************************************
 * Branding Bar
 ****************************************/

#branding-bar {
    background: #212121 url(../img/branding-bar/bg-bar.gif) repeat-x 0 100%;
    color: #fff;
    min-height: 46px;
    overflow: hidden;
    text-align: right;
}
#branding-bar a {
    color: #fff;    
}
#branding-bar ul {
    list-style: none;
}

/*** Bar ***/

#branding-bar .bar {
    border-top: 6px solid #990000;
}

/*** Trident Tab & Campus Name ***/

#branding-bar .campus {
    font-family: "BentonSansCondensedRegular", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 16px (16/16) */
    left: auto;
    letter-spacing: 0.025em;
    line-height: 1em; /* 16px (16/16) */
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 6px;
    z-index: 400;
}
#branding-bar .campus a {
    display: table-cell;
    height: 40px;
    padding: 0 0 0 45px;
    text-decoration: none;
    vertical-align: middle; 
}
#branding-bar .campus a:hover {
    text-decoration: none;  
}
#branding-bar .campus img {
    height: auto;
    left: 5px;
    position: absolute;
    top: -6px;
    width: 34px;
}
#branding-bar .campus .expanded {
    display: none;
}

/*** Search ***/

#branding-bar #cse-search {
    -webkit-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    -moz-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    -ms-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    -o-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    float: left;
    margin: -300% 0 0 0;
    opacity: 0;
    padding: 53px 0 36px 0;
    position: relative;
    transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    text-align: left;
    width: 100%;
    z-index: 200;
}
#branding-bar #cse-search:target {
    margin: 0;  
    opacity: 1;
    z-index: 300;
}
#branding-bar #cse-search * {
    opacity: 0; 
}
#branding-bar #cse-search:target * {
    opacity: 1; 
}
#branding-bar #cse-search form {
    font-size: 0.625em; /* 10px (10/16) */
    line-height: 1.200em; /* 12px (12/10) */
    margin: 0 auto;
    width: 95%; 
}
#branding-bar #cse-search fieldset {
    border: none;
}

/* Fieldset 1 */
#branding-bar #cse-search-fieldset1 {
    bottom: 16px;
    margin: 0 2.5%;
    position: absolute;
    right: 36px;    
}
#branding-bar #cse-search-fieldset1 li {
    float: left;
    margin: 0 5px 0 0;  
}
#branding-bar #cse-search-fieldset1 input,
#branding-bar #cse-search-fieldset1 label {
    display: inline-block;
    vertical-align: bottom; 
}

/* Fieldset 2 */
#branding-bar #cse-search-fieldset2 {
    position: relative; 
}
#branding-bar #cse-search-fieldset2 input {
    float: left;    
}

/* Keywords */
#branding-bar #cse-search-keywords {
    background: #d3d3d3;
    border: none;
    border-radius: 0;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* 10px (10/16) */
    line-height: 2.600em; /* 26px (26/10) */
    min-height: 26px;
    padding: 0 5% 0 2%;
    vertical-align: middle;
    width: 93%;
}
#branding-bar #cse-search-keywords::-webkit-input-placeholder {
   color: #000;
   opacity: 1;
}
#branding-bar #cse-search-keywords:-moz-placeholder {
   color: #000; 
   opacity: 1; 
}
#branding-bar #cse-search-keywords::-moz-placeholder {
   color: #000;
   opacity: 1;  
}
#branding-bar #cse-search-keywords:-ms-input-placeholder {  
   color: #000;
   opacity: 1;  
}

/* Submit */
#branding-bar #cse-search-submit {
    -webkit-appearance: none;
    background-color: #990000;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    margin: 0 0 0 -36px;
    text-transform: uppercase;
    width: 36px;    
}

/*** Tools ***/

#branding-bar #campus-tools {
    -webkit-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    -moz-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    -ms-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    -o-transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    float: left;
    margin: -300% 0 0 0;
    opacity: 0;
    padding: 53px 0 10px 0;
    position: relative;
    text-align: left;
    transition: margin 0.8s ease-in-out, opacity 0s ease-in-out 0.8s;
    width: 100%;
    z-index: 200;
}
#branding-bar #campus-tools:target {
    left: 0;
    margin: 0;  
    opacity: 1;
    z-index: 300;
}
#branding-bar #campus-tools * {
    opacity: 0; 
}
#branding-bar #campus-tools:target * {
    opacity: 1; 
}
#branding-bar #campus-tools .groups {
    font-size: 0.750em; /* 12px (12/16) */
    line-height: 1.500em; /* 18px (18/12) */
    margin: 0 auto;
    width: 95%;
}
#branding-bar #campus-tools .group {
    border-bottom: 1px solid #585858;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;    
}
#branding-bar #campus-tools .group:last-child {
    border-bottom: none;
    padding-bottom: 0;  
}
#branding-bar #campus-tools .heading {
    font-size: 1.083em; /* 13px (13/12) */
    font-weight: bold;
    line-height: 1.385em; /* 18px (18/13) */
    text-transform: uppercase;  
}
#branding-bar #campus-tools li a {
    display: block;
    padding: 3px 0;
    text-decoration: underline; 
}

/*** Toggles ***/

#branding-bar .toggles {
    float: right;
}
#branding-bar .toggle {
    display: inline-block;
    margin: -6px 5px 14px -4px;
    position: relative;
    vertical-align: top;
    z-index: 100;   
}
#branding-bar .toggle a {
    background-color: #212121;
    color: #fff;
    display: table-cell;
    font-size: 0.625em; /* 10px (10/16) */
    height: 32px;
    line-height: 1.200em; /* 12px (12/10) */
    padding: 0 3px 0 0; 
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 42px;
}
#branding-bar .toggle a span {
    display: inline-block;
    text-indent: -9999px;   
}
#branding-bar .toggle.search a {
    background-image: url(../img/branding-bar/search-submit.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
#branding-bar .toggle.tools a:after {
    display: inline-block;
    font-size: 0.600em; /* 6px (6/10) */
    line-height: 1em; /* 6px (6/6) */
    margin: 0 0 0 2px;
    vertical-align: middle; 
}
#branding-bar #campus-tools .toggle.tools a:after {
    content: "▲";
}
#branding-bar .toggle.tools a:after {
    content: "▼";
}
#branding-bar .toggle.search.close,
#branding-bar .toggle.tools.close {
    display: none;
    bottom: -40px;
    position: absolute;
}
#branding-bar .toggle.search.close {
    right: 0;   
}
#branding-bar.gateway .toggle.search.close {
    right: 50px;    
}
#branding-bar.gateway .toggle.tools.close {
    right: 0;
}
#branding-bar #cse-search:target .toggle.search.close,
#branding-bar #campus-tools:target .toggle.tools.close {
    display: block; 
}


/****************************************
 * Header
 ****************************************/

#header-wrap-outer {
    background-color: #e9e6d9;
    background-image: url(../img/header/bg.png);
    background-repeat: repeat;
}
#header {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
}
#header h1 {
    color: #444;
    font-family: "BentonSansRegular", Arial, Helvetica, sans-serif;
    font-size: 1.125em; /* 18px (18/16) */
    line-height: 1.111em; /* 20px (20/18) */
}
#header h1 a {
    color: #444;
    display: block;
    padding: 15px 10px;
}
#header h1 a:hover {
    text-decoration: none;  
}

/*** Logo ***/

#header img {
    display: none;  
}

/*** Menu Button ***/

#header #search-menu {
    float: right;
    margin: 0 5px 0 0;
    overflow: hidden;
}
#header h2 {
    display: none;  
}
.js #header h2 {
    background: #dfd9bd;
    display: block;
    float: left;
    font-size: 0.688em; /* 11px (11/16) */
    font-weight: bold;
    line-height: 1.182em; /* 13px (13/11) */
    margin: 0 0 0 2px;
    text-transform: uppercase;
}
.js #header h2 a {
    display: block;
    padding: 10px 15px 8px 15px;
}
.js #header h2 a:hover {
    text-decoration: none;  
}
.js #header h2 a:after {
    color: #990000;
    content: "▲";
    padding: 0 0 0 7px; 
}
.js #header h2.open a:after {
    content: "▼";
}
.js #header h2.jump a:after {
    background: url(../img/main/icons/jump.png) no-repeat 100% 70%;
    content: "";
    padding: 0 0 0 20px;
}


/****************************************
 * Navigation
 ****************************************/

#nav-wrap {
    background: #fff;
}
#nav {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.875em; /* 14px (14/16) */
    line-height: 1.143em; /* 16px (16/14) */
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
}
#nav ul {
    background: #dfd9bd;
    list-style: none;
    margin: 0 auto;
}
.js #nav ul {
    display: none;  
}
#nav ul li a {
    border-bottom: 1px solid #f3efde;
    display: block;
    padding: 10px 20px;
    word-wrap: normal;
    zoom: 1; /* IE has layout */    
}
#nav ul li:last-child a {
    border-bottom: none;    
}
#nav ul li a:hover, #nav ul li.current a, #nav ul li a:focus {
    background-color: #32637e;
    color: #fff;
    text-decoration: none;
}
#nav ul li ul {
    display: none;
}   

/*** Current State ***/

#nav ul li.current {
    background: #32637E;    
}
#nav ul li.current a {
    color: #fff;
}

/*** Audience Navigation ***/

#nav-audience {
    border-top: 1px solid #f3efde;  
}

/*** Jump to Submenu ***/

.js #nav .submenu {
    display: none;  
}
#nav .submenu a {
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 0.625em; /* 10px (10/16) */
    font-weight: bold;
    line-height: 1em; /* 10px (10/10) */
    margin: 5px 20px 10px 0;
    text-transform: uppercase;
}

/*** Javascript Classes ***/

.js #nav .show {
    display: block !important;
}


/****************************************
 * Wrappers
 ****************************************/

#main {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 0.875em; /* 14px (14/16) */
    line-height: 1.429em; /* 20px (20/14) */
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    z-index: 1; 
}


/****************************************
 * Breadcrumbs
 ****************************************/
 
#breadcrumbs {
    display: none;
}


/****************************************
 * Section Title
 ****************************************/

#section-title h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.875em; /* 30px (30/16) */
    font-weight: bold;
    line-height: 1.067em; /* 32px (32/30) */
    margin: 0 auto;
    max-width: 960px;
    padding: 15px 22px;
}
#section-title h2 a {
    color: #000;
    display: block;
}
#section-title h2 a:hover {
    text-decoration: none;  
}
#section-title img {
    display: none;  
}


/****************************************
 * Vertical Navigation
 ****************************************/

#nav-vertical {
    background-color: #dfd9bd;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em; /* 14px (14/14) */
    line-height: 1.143em; /* 16px (16/14) */
    overflow: hidden;
}
#nav-vertical ul {
    font-size: 1em; /* 14px (14/14) */
    line-height: 1.143em; /* 16px (16/14) */
    list-style: none;
}
#nav-vertical li {
    border-bottom: 1px solid #f3efde;
    zoom: 1; /* IE has layout */
}
#nav-vertical li ul {
    background: #c5c7b4;
    list-style: none;
    padding: 10px 0 2px 0;  
}
#nav-vertical li li {
    border-bottom: none;
}
#nav-vertical li li ul {
    background: none;
    margin: 0 0 0 10px;
    padding: 0;
}
#nav-vertical li a {
    display: block;
    padding: 9px 14px 10px 14px;
    word-wrap: normal;
    zoom: 1; /* IE has layout */
}
#nav-vertical li a:hover, #nav-vertical li.current a, #nav-vertical li a:focus {
    background-color: #32637e;
    color: #fff;
    text-decoration: none;
}
#nav-vertical li li a:hover, #nav-vertical li.current li a, #nav-vertical li li a:focus {
    background-color: transparent;
    color: #990000;
}
#nav-vertical li li a:hover {
    text-decoration: underline; 
}
#nav-vertical li li a {
    background: url(../img/nav/vertical/bullet1.gif) no-repeat 14px 5px;
    padding: 0 14px 9px 28px;
}
#nav-vertical li li li a {
    background: url(../img/nav/vertical/bullet2.gif) no-repeat 19px 5px;
    padding-left: 33px;
}
#nav-vertical li li li li a {
    background: url(../img/nav/vertical/bullet1.gif) no-repeat 24px 5px;
    padding-left: 38px;
}

/*** Subset ***/

#nav-vertical .nav-vertical-subset {
    background: #d8d4ba url(../img/nav/vertical/bg-subset-top.gif) repeat-x;
}
#nav-vertical .nav-vertical-subset h1, 
#nav-vertical .nav-vertical-subset h2, 
#nav-vertical .nav-vertical-subset h3, 
#nav-vertical .nav-vertical-subset h4, 
#nav-vertical .nav-vertical-subset h5, 
#nav-vertical .nav-vertical-subset h6 {
    background: url(../img/nav/vertical/bg-subset-bottom.gif) repeat-x 0 100%;
    color: #054963;
    font-size: 0.929em; /* 13px (13/14) */
    font-weight: bold;
    letter-spacing: 0.150em;
    line-height: 1.231em; /* 16px (16/13) */
    padding: 8px 14px;
    text-transform: uppercase;
}
#nav-vertical .nav-vertical-subset ul {
    background: #dfd9bd;    
}
#nav-vertical .nav-vertical-subset ul li ul {
    padding: 0;
}
#nav-vertical .nav-vertical-subset ul li a {
    background: url(../img/nav/vertical/bullet1.gif) no-repeat 14px 15px;
    padding-left: 28px;
}
#nav-vertical .nav-vertical-subset ul li li a {
    background: url(../img/nav/vertical/bullet2.gif) no-repeat 29px 5px;
    padding-left: 43px;
}
#nav-vertical .nav-vertical-subset ul li li li a {
    background: url(../img/nav/vertical/bullet1.gif) no-repeat 34px 5px;
    padding-left: 48px;
}
#nav-vertical .nav-vertical-subset ul li li li li a {
    background: url(../img/nav/vertical/bullet2.gif) no-repeat 39px 5px;
    padding-left: 53px;
}
#nav-vertical .nav-vertical-subset ul li a:hover {
    color: #990000;
    text-decoration: underline;
}


/****************************************
 * Content Wrap
 ****************************************/

/*** Icons ***/

#content-wrap a[href$=".pdf"],
#content-wrap a[href$=".doc"], #content-wrap a[href$=".docx"],
#content-wrap a[href$=".xls"], #content-wrap a[href$=".xlsx"],
#content-wrap .icon-facebook,
#content-wrap .icon-twitter,
#content-wrap .icon-youtube,
#content-wrap .icon-googleplus,
#content-wrap .icon-linkedin,
#content-wrap .icon-vimeo,
#content-wrap .icon-pinterest,
#content-wrap .icon-flickr,
#content-wrap .icon-tumblr,
#content-wrap .icon-email {
    background-repeat: no-repeat;
    padding: 1px 0 6px 21px;
    zoom: 1; /* IE has layout */
}
#sidebar .container a[href$=".pdf"],
#sidebar .container a[href$=".doc"], #sidebar .container a[href$=".docx"],
#sidebar .container a[href$=".xls"], #sidebar .container a[href$=".xlsx"],
#sidebar .container .icon-facebook,
#sidebar .container .icon-twitter,
#sidebar .container .icon-youtube,
#sidebar .container .icon-googleplus,
#sidebar .container .icon-linkedin,
#sidebar .container .icon-vimeo,
#sidebar .container .icon-pinterest,
#sidebar .container .icon-flickr,
#sidebar .container .icon-tumblr,
#sidebar .container .icon-email {
    padding-top: 2px;
    padding-bottom: 7px;
}
#main #content-wrap .disable-icon {
    background: none;
    padding: 0; 
}
#content-wrap a[href$=".pdf"] img,
#content-wrap a[href$=".doc"] img, #content-wrap a[href$=".docx"] img,
#content-wrap a[href$=".xls"] img, #content-wrap a[href$=".xlsx"] img {
    display: block;
}
#content-wrap a[href$=".pdf"] {
    background-image: url(../img/main/icons/pdf.png);
}
#content-wrap a[href$=".doc"], #content-wrap a[href$=".docx"] {
    background-image: url(../img/main/icons/doc.png);
}
#content-wrap a[href$=".xls"], #content-wrap a[href$=".xlsx"] {
    background-image: url(../img/main/icons/spreadsheet.png);
}
#content-wrap .icon-facebook {
    background-image: url(../img/main/icons/facebook.png);
}
#content-wrap .icon-twitter {
    background-image: url(../img/main/icons/twitter.png);
}
#content-wrap .icon-youtube {
    background-image: url(../img/main/icons/youtube.png);
}
#content-wrap .icon-googleplus {
    background-image: url(../img/main/icons/googleplus.png);
}
#content-wrap .icon-linkedin {
    background-image: url(../img/main/icons/linkedin.png);
}
#content-wrap .icon-vimeo {
    background-image: url(../img/main/icons/vimeo.png);
}
#content-wrap .icon-pinterest {
    background-image: url(../img/main/icons/pinterest.png);
}
#content-wrap .icon-flickr {
    background-image: url(../img/main/icons/flickr.png);
}
#content-wrap .icon-tumblr {
    background-image: url(../img/main/icons/tumblr.png);
}
#content-wrap .icon-email {
    background-image: url(../img/main/icons/email.png);
}
#content-wrap .rss {
    background: url(../img/main/icons/rss.png) no-repeat;
    height: 24px;
    text-indent: -9999px;
    width: 24px;    
}


/****************************************
 * Content
 ****************************************/

#content {
    overflow: hidden;
    padding: 0 22px 15px 22px;  
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 18px 0; 
}
#content h1, #content h2 {
    font-size: 1.643em; /* 23px (23/14) */
    line-height: 1.130em; /* 26px (26/23) */
}
#content h3 {
    font-size: 1.571em; /* 22px (22/14) */
    font-weight: bold;
    line-height: 1.136em; /* 25px (25/22) */
}
#content h4 {
    font-size: 1.357em; /* 19px (19/14) */
    line-height: 1.211em; /* 23px (23/19) */
}
#content h5 {
    font-size: 1.071em; /* 15px (15/14) */
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.133em; /* 17px (17/15) */
}
#content h6 {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em; /* 14px (14/14) */
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.143em; /* 16px (16/14) */
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

/*** Paragraphs ***/

#content p {
    margin: 0 0 18px 0;
}

/*** Rules ***/

#content hr {
    border-top: 1px dotted #000;
    margin: 0 0 18px 0; 
}

/*** Lists ***/

#content ul, #content ol {
    margin: 0 0 18px 0; 
}
#content ul {
    list-style: none;
    padding: 0 0 0 16px;    
}
#content ul li {
    background: url(../img/main/content/bullet.gif) no-repeat 0 8px !important;
    padding: 0 0 0 13px !important;
    zoom: 1; /* IE has layout */    
}
#content ul li ul {
    margin-bottom: 0;
    padding-left: 2px;  
}
#content ul li ol li {
    background: none;
    padding: 0; 
}
#content ol {
    padding: 0 0 0 35px;    
}
#content ol li ol {
    margin-bottom: 0;
    padding-left: 20px; 
}
#content dt {
    font-weight: bold;  
}

/*** Tables ***/

#content table {
    border-collapse: separate;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.929em; /* 13px (13/14) */
    line-height: 1.231em; /* 16px (16/13) */
    margin: 0 0 23px 0;
    overflow: hidden;
}
#content table th {
    background: #c5c7b4;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    font-weight: normal;
    padding: 7px 10px;
    text-align: left;
}
#content table th:last-child {
    border-right: none; 
}
#content table td {
    background: #eae8db;
    border-bottom: 3px solid #fff;
    border-left: 1px dotted #1c1b1a;    
    padding: 7px 10px;
}
#content table td:first-child {
    border-left: none;
}
#content table tr:last-child th,
#content table tr:last-child td {
    border-bottom: none;    
}
#content table thead tr:last-child th,
#content table thead tr:last-child td {
    border-bottom: 3px solid #fff;  
}
#content table thead th {
    background: #dfd9bd;
    border-right: none;
    border-left: 1px dotted #1c1b1a;
    font-weight: bold;
}
#content table thead th:first-child {
    border-left: none;
}

/*** Forms ***/

#content form {
    background: #eae8db;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px (11/14) */
    line-height: 1.273em; /* 14px (14/11) */
    margin: 0 0 23px 0;
    overflow: hidden;
    padding: 20px 20px 10px 20px;
    zoom: 1; /* IE has layout */
}
#content form legend {
    font-size: 1.071em; /* 15px (15/14) */
    line-height: 1.133em; /* 17px (17/15) */
    padding: 0 0 10px 0;
}
#content form input, #content form textarea, #content form select {
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 1em; /* 11px (11/11) */
    line-height: 1em; /* 11px (11/11) */
    padding: 3px;   
}
#content form input[type='text'],
#content form textarea {
    width: 97%;
}
 
/***  Lead ***/

#content .lead-large {
    border-bottom: 1px dotted #000;
    display: block;
    font-size: 1.286em; /* 18px (18/14) */
    line-height: 1.444em; /* 26px (26/18) */
    margin: 0 0 23px 0;
    overflow: hidden;
    padding: 0 0 13px 0;
    zoom: 1; /* IE has layout */
}
#content .lead {
    color: #32637e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.071em; /* 15px (15/14) */
    font-weight: bold;
    line-height: 1.333em; /* 20px (20/15) */    
}

/*** Quote ***/

#content .quote {
    background: #dfd9bd;
    color: #000;
    font-style: italic;
    letter-spacing: 0.01em;
    margin: 5px 0 18px 0;
    padding: 33px 33px 20px 38px;
    position: relative;
}
#content .quote p {
    margin: 0 0 10px 0; 
}
#content .quote .quote-mark {
    background: url(../img/main/content/quote-bg.gif) no-repeat;
    display: block;
    height: 23px;
    left: 26px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 35px;
}
#content .quote .quote-credit {
    display: block;
    font-size: 0.857em; /* 12px (12/14) */
    font-style: normal;
    font-variant: small-caps;
    line-height: 1.667em; /* 20px (20/12) */
    margin: 3px 0 0 0;  
}
#content .quote .quote-credit:before {
    content: "— ";  
}

/*** Callout ***/

#content .callout {
    background: #dfd9bd url(../img/main/content/callout-bg.gif) no-repeat 34px 0;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 0 18px 0;
    padding: 28px 28px 15px 38px;
}
#content .callout p {
    margin: 0 0 10px 0; 
}

/*** Media ***/

#content audio,
#content .mejs-audio {
    margin: 0 0 15px 0; 
}
#content .mejs-horizontal-volume-current {
    max-width: 90%; 
}

/*** Photo with Caption ***/

#content .photo-caption {
    background: #dfd9bd;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.714em; /* 10px (10/14) */
    line-height: 1.300em; /* 13px (13/10) */
    margin: 0 0 15px 0;
    max-width: 406px;
    overflow: hidden;
    padding: 0 10px;
}
#content .photo-caption[class~='float-left'],
#content .photo-caption[class~='float-right'] {
    max-width: 280px;
}
#content .photo-caption h1,
#content .photo-caption h2,
#content .photo-caption h3, 
#content .photo-caption h4, 
#content .photo-caption h5, 
#content .photo-caption h6 {
    color: #000;
    font-size: 1.400em; /* 14px (14/10) */
    font-weight: normal;
    line-height: 1.286em; /* 18px (18/14) */
    margin: 10px 0 5px 0;
}
#content .photo-caption img,
#content .photo-caption iframe,
#content .photo-caption video,
#content .photo-caption .mejs-video {
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px#888;
    border-top: 3px solid #dfd9bd;
    border-bottom: 3px solid #dfd9bd;
    box-shadow: 0 0 10px #888;
    margin: 10px 0 7px -10px;
    max-width: 107.3891625615764%; /* 426px (426/406) */
    width: 107.3891625615764%; /* 426px (426/406) */
}
#content .photo-caption[class~='float-left'] img,
#content .photo-caption[class~='float-right'] img,
#content .photo-caption[class~='float-left'] iframe,
#content .photo-caption[class~='float-right'] iframe,
#content .photo-caption[class~='float-left'] video,
#content .photo-caption[class~='float-right'] video,
#content .photo-caption[class~='float-left'] .mejs-video,
#content .photo-caption[class~='float-right'] .mejs-video {
    max-width: 110.7142857142857%; /* 300px (310/280) */
    width: 110.7142857142857%; /* 300px (310/280) */
}
#content .photo-caption .mejs-video img,
#content .photo-caption .mejs-video video {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
    margin: 0;  
}
#content .photo-caption p {
    margin: 0 0 10px 0;
}   
#content .photo-caption .credit {
    font-size: 0.800em; /* 8px (8/10) */
    line-height: 1.625em; /* 13px (13/8) */
    text-transform: uppercase;  
}

/*** Generic Classes ***/

#content .clear-both {
    clear: both;    
}
#content .clear-left {
    clear: left;    
}
#content .clear-right {
    clear: right;   
}
#content .no-bullet,
#content .no-bullet > li {
    background: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;    
}


/****************************************
 * Sidebar
 ****************************************/

#sidebar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.857em; /* 12px (12/14) */
    line-height: 1.333em; /* 16px (16/12) */
    margin: 0 22px 20px 22px;
    position: relative;
    z-index: 1;
}

/*** Container ***/
 
#sidebar .container {
    background-color: #dfd9bd;
    margin: 0 0 14px 0;
    padding: 12px 12px 12px 12px;   
}

/* Headings */
#sidebar .container h1, #sidebar .container h2, #sidebar .container h3 {
    background-color: #32637E;
    color: #fff;
    font-size: 0.917em; /* 11px (11/12) */
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.273em; /* 14px (14/11) */
    margin: -12px -12px 10px -12px;
    padding: 9px 14px;
    text-transform: uppercase;
}
#sidebar .container h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.500em; /* 18px (18/12) */
    line-height: 1.111em; /* 20px (20/18) */
    margin: 0 0 10px 0;
}
#sidebar .container h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.250em; /* 15px (15/12) */
    line-height: 1.133em; /* 17px (17/15) */
    margin: 0 0 10px 0;
}
#sidebar .container h6 {
    font-size: 1em; /* 12px (12/12) */
    font-weight: bold;
    line-height: 1.333em; /* 16px (16/12) */
    margin: 0 0 10px 0;
}

/* Paragraphs */
#sidebar .container p {
    margin: 0 0 10px 0; 
}

/* Images */
#sidebar .container img {
    border: 1px solid #c9c1a2;
    margin: 0 0 10px 0; 
}

/* Audio/Video */
#sidebar .container audio, #sidebar .container video, #sidebar .container .mejs-container {
    margin: 0 0 15px 0; 
}
#sidebar .mejs-horizontal-volume-current {
    max-width: 90%; 
}

/* Rules */
#sidebar .container hr {
    border-top: 1px dotted #000;
    margin: 0 0 10px 0; 
}

/* Lists */
#sidebar .container ul, #sidebar .container ol, #sidebar .container dl {
    margin: 0 0 10px 0;
}
#sidebar .container ul {
    list-style: none;
    padding: 0 0 0 3px; 
}
#sidebar .container ul li {
    background: url(../img/sidebar/container/bullet.gif) no-repeat 0 6px;
    padding: 0 0 0 13px;    
}
#sidebar .container ul li ul {
    margin-bottom: 0;
    padding-left: 2px;  
}
#sidebar .container ul li ol li {
    background: none;
    padding: 0; 
}
#sidebar .container ol {
    padding: 0 0 0 20px;    
}
#sidebar .container ol li ol {
    margin-bottom: 0;
    padding-left: 20px; 
}
#sidebar .container .no-bullet,
#sidebar .container .no-bullet > li {
    background: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;    
}

/* Quote */
#sidebar .container .quote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.250em; /* 15px (15/12) */
    font-style: italic;
    line-height: 1.333em; /* 20px (20/15) */
    margin: 0 0 10px 0; 
}
#sidebar .container .quote p {
    margin: 0 0 10px 0; 
}
#sidebar .container .quote p:last-child {
    margin-bottom: 0;   
}
#sidebar .container .quote .quote-credit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.667em; /* 10px (10/15) */  
    font-style: normal;
    line-height: 1.300em; /* 13px (13/10) */
    margin: 0;
    text-transform: uppercase;
}
#sidebar .container .quote .quote-credit strong {
    display: inline-block;
    font-size: 1.500em; /* 15px (15/10) */
    font-weight: normal;
    line-height: 0.867em; /* 20px (20/15) */
    margin: 0 0 5px 0;
    text-transform: none;
}

/* Photo with Caption */
#sidebar .container .photo-caption {
    font-size: 0.833em; /* 10px (10/12) */
    line-height: 1.300em; /* 13px (13/10) */
    margin: 0 0 5px 0;
    width: 217px;   
}
#sidebar .container .photo-caption img {
    margin: 0 0 5px 0;  
}
#sidebar .container .photo-caption .credit {
    font-size: 0.800em; /* 8px (8/10) */
    line-height: 1.625em; /* 13px (13/8) */
    text-transform: uppercase;  
}

/* Video */
#sidebar .container .video {
    display: block;
    margin: 0 0 15px 0;
    overflow: hidden;
    position: relative; 
    width: 212px;
}
#sidebar .container .video img {
    float: left;
    margin: 0;  
}
#sidebar .container .video span {
    background: url(../img/sidebar/container/play.png) no-repeat;
    display: block;
    height: 61px;
    left: 50%;
    margin: -31px 0 0 -31px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 61px;
}

/* Slideshow */
#sidebar .container .slideshow {
    background: url(../img/sidebar/container/more-bg.gif) no-repeat 100% 70%;
    margin: 0 0 15px 0;
    padding: 0 3px 0 0;
    position: relative;
    width: 217px;   
}
#sidebar .container .slideshow img {
    border: none;
    margin: 0;
    width: 216px;
}
#sidebar .container .slideshow span {
    background: #7d110c;
    color: #fff;
    display: block;
    padding: 6px 15px 6px 11px; 
    position: absolute;
    top: 70%;
    right: 0;   
}
#sidebar .container .slideshow a:hover span {
    background: #990000;
    text-decoration: underline;
}

/* More Link */
#sidebar .container .more {
    background: url(../img/sidebar/container/more-bg.gif) no-repeat 100% 0;
    margin: 0 -16px 10px 101px;
    overflow: hidden;
    padding: 3px 0 0 0;
}
#sidebar .container .more a {
    background: #7d110c;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 6px 15px 6px 11px; 
}
#sidebar .container .more a:hover {
    background: #990000;
}

/*** Container - Buttons ***/

#sidebar .buttons {
    background: none;
    margin: 0;
    padding: 0;
    width: 240px;
}
#sidebar .buttons img {
    border: none;
    display: block;
    margin: 0 0 14px 0;
    width: 240px;
}
#sidebar .buttons p img {
    margin: 0;  
}

/*** Container - Spotlight ***/

#sidebar .spotlight img {
    border: none;
    margin: 0 0 10px 0;
}
#sidebar .spotlight .spotlight-content {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.250em; /* 15px (15/12) */
    font-style: italic;
    line-height: 1.333em; /* 20px (20/15) */
}
#sidebar .spotlight .spotlight-info {
    font-size: 0.833em; /* 10px (10/12) */  
    line-height: 1.300em; /* 13px (13/10) */
    text-transform: uppercase;
}
#sidebar .spotlight .spotlight-info strong {
    display: inline-block;
    font-size: 1.500em; /* 15px (15/10) */
    font-style: normal;
    font-weight: bold;
    line-height: 1.333em; /* 20px (20/15) */
    margin: 0 0 5px 0;  
    text-transform: none;
}

/*** Container - Quote ***/
 
#sidebar .quote .quote-content {
    background: url(../img/sidebar/container/quote-bg.gif) no-repeat;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.250em; /* 15px (15/12) */
    font-style: italic;
    line-height: 1.333em; /* 20px (20/15) */
    margin: -10px 0 10px -12px;
    padding: 26px 0 0 12px;
}
#sidebar .quote .quote-credit {
    font-size: 0.833em; /* 10px (10/12) */  
    line-height: 1.300em; /* 13px (13/10) */
    margin: 0 0 10px 18px;
    text-transform: uppercase;
}
#sidebar .quote .quote-credit strong {
    display: inline-block;
    font-size: 1.500em; /* 15px (15/10) */
    font-style: normal;
    font-weight: normal;
    line-height: 1.333em; /* 20px (20/15) */
    margin: 0 0 5px 0;  
    text-transform: none;
}

/*** Container - Widget ***/
 
#sidebar .widget {
    padding: 0 0 5px 0; 
}
#sidebar .widget h1, #sidebar .widget h2, #sidebar .widget h3 {
    margin: 0;  
}
#sidebar .widget div h1, #sidebar .widget div h2, #sidebar .widget div h3 {
    background: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: inherit;
    padding: inherit;
    position: static;
    text-transform: inherit;
    width: auto;
}
#sidebar .widget img {
    border: none;
    margin: inherit;    
    width: auto;
}


/****************************************
 * Faculty/Staff Profile List
 ****************************************/

#content .profile-list {
    margin: 0;  
    padding: 0;
}
#content .profile-list li {
    background: none;
    border-bottom: 1px solid #afaeae;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0 0 13px 0;
    position: relative;
}
#content .profile-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;  
}
#content .profile-list li img {
    float: left;
    margin: 5px 20px 5px 0; 
}
#content .profile-list .profile-list-name {
    font-size: 1em; /* 14px (14/14) */
    font-weight: bold;
    line-height: 1.571em; /* 22px (22/14) */
}
#content .profile-list li p {
    margin: 0 0 5px 0;  
}


/****************************************
 * Photo List
 ****************************************/

#content .photo-list {
    margin: 0 -15px 0 0;
    padding: 0; 
}
#content .photo-list li {
    background: none;
    display: inline-block;
    margin: 0 15px 20px 0;
    max-width: 150px;
    padding: 0; 
    vertical-align: top;
    width: 43%;
}
#content .photo-list .photo-list-name,
#content .photo-list .photo-list-title {
    font-size: 1em; /* 14px (14/14) */
    font-weight: bold;
    line-height: 1.571em; /* 22px (22/14) */
}


/****************************************
 * Event List
 ****************************************/

#content .events {
    margin: 0 0 23px 0;
    padding: 0; 
}
#content .events li {
    background: none;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0; 
}
#content .events li a:first-child {
    font-weight: bold;  
}
#content .events li img {
    float: left;    
    height: 90px;
    margin: 5px 20px 0 0;
    width: 90px;
}
#content .events li p {
    margin: 0 0 10px 0; 
}
#content .events li .event-date-time {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px (11/14) */
    letter-spacing: 0.025em;
    line-height: 1.818em; /* 20px (20/11) */
    margin: 0 0 5px 0;
    text-transform: uppercase;
}


/****************************************
 * News List
 ****************************************/

#content .news {
    margin: 0 0 23px 0;
    padding: 0; 
}
#content .news li {
    background: none;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0; 
}
#content .news li a:first-child {
    font-weight: bold;  
}
#content .news li img {
    float: left;    
    margin: 5px 20px 5px 0;
}
#content .news li p {
    margin: 0 0 10px 0; 
}


/****************************************
 * Profile Page
 ****************************************/
 
/*** Header ***/

/* Photo */
#content .profile-header-photo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.714em; /* 10px (10/14) */
    line-height: 1.200em; /* 12px (12/10) */    
}
#content .profile-header-photo img {
    margin: 0 0 5px 0;  
}


/****************************************
 * Accordions
 ****************************************/

.js #content .accordion {
    clear: right;
    margin: 0 0 23px 0;
    overflow: hidden;
    padding: 0;
    zoom: 1; /* IE has layout */
}
.js #content .accordion li {
    background: none;
    margin: 0 0 2px 0;
    padding: 0;
}
.js #content .accordion li .accordion-heading {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.071em; /* 15px (15/14) */
    font-weight: normal;
    line-height: 1.733em; /* 26px (26/15) */
    margin: 0;
}
.js #content .accordion li .accordion-heading a {
    background: #dfd9bd url(../img/main/content/accordions/open.gif) no-repeat 9px 9px;
    color: #000;
    display: block; 
    padding: 6px 34px;
}
.js #content .accordion li .accordion-heading a:hover {
    background: #c5c7b4 url(../img/main/content/accordions/open-active.gif) no-repeat 9px 9px;
    text-decoration: none;
}
.js #content .accordion li.accordion-open .accordion-heading a {
    background: #dfd9bd url(../img/main/content/accordions/close.gif) no-repeat 9px 9px; 
    color: #252424;
}
.js #content .accordion li.accordion-open .accordion-heading a:hover {
    background: #c5c7b4 url(../img/main/content/accordions/close-active.gif) no-repeat 9px 9px;
}
.js #content .accordion li .accordion-content {
    overflow: hidden;
    padding: 15px 34px 0 34px;  
}
.js #content .accordion li ul,
.js #content .accordion li ol {
    margin: 0 0 18px 0; 
}
.js #content .accordion li ul {
    padding: 0 0 0 16px;
}
.js #content .accordion li ol {
    padding: 0 0 0 35px;    
}
.js #content .accordion li li {
    margin: 0;
}
.js #content .accordion li ul li {
    background: url(../img/main/content/bullet.gif) no-repeat 0 8px;
    padding: 0 0 0 13px;
    zoom: 1; /* IE has layout */    
}
.js #content .accordion li ul li ul {
    margin: 0;  
    padding-left: 2px;  
}
.js #content .accordion li ul li ol li {
    background: none;
    padding: 0; 
}
.js #content .accordion li li ol {
    margin-bottom: 0;   
}


/****************************************
 * Containers
 ****************************************/
 
#content div.container {
    border: 1px dotted #000;
    margin: 0 0 23px 0;
    padding: 20px 20px 5px 20px;    
}
#content div.container .header {
    background: #e1dbc2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.929em; /* 13px (13/14) */
    font-weight: normal;
    line-height: 1.538em; /* 20px (20/13) */
    margin: -20px -20px 18px -20px;
    padding: 8px 20px;
    text-transform: uppercase;  
}


/****************************************
 * Homepage
 ****************************************/

/*** Feature ***/

#home #feature {
    overflow: hidden;
    position: relative;
    zoom: 1; /* IE has layout */
}

/* Images */
#home #feature #feature-images {
    list-style: none;
    position: relative;
}
#home #feature #feature-images li {
    overflow: hidden;   
}
#home #feature #feature-images li img {
    float: left;
    width: 100%;
}

/* Buttons */
#home #feature #feature-buttons {
    color: #fff;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px (11/14) */
    font-weight: bold;
    letter-spacing: 0.125em;
    line-height: 1.273em; /* 14px (14/11) */
    list-style: none;
    overflow: hidden;   
    text-transform: uppercase;
    width: 100%;
}
.js #home #feature #feature-buttons {
    display: block; 
}
#home #feature #feature-buttons li {
    display: none;  
}
#home #feature #feature-buttons li.active {
    display: block; 
}
#home #feature #feature-buttons li a {
    background: #2d637f;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 9px 10px;
}
#home #feature #feature-buttons li a:hover,
#home #feature #feature-buttons li a:focus {
    text-decoration: none;
}

/* Navigation */
#home #feature #feature-nav {
    list-style: none;   
}
#home #feature #feature-nav .feature-nav-previous a,
#home #feature #feature-nav .feature-nav-next a {
    display: block;
    height: 99px;
    margin: -68px 0 0 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 59px;
    z-index: 1;
}
#home #feature #feature-nav .feature-nav-previous a {
    background: url(../img/home/feature/previous.png) no-repeat;
    left: 0;    
}
#home #feature #feature-nav .feature-nav-next a {
    background: url(../img/home/feature/next.png) no-repeat;
    right: 0;   
}

/*** Slideshow ***/

#home #slideshow-wrap {
    overflow: hidden;   
    position: relative;
    zoom: 1; /* IE has layout */
}
#home #slideshow {
    list-style: none;
    overflow: hidden;
    position: relative;
}
#home #slideshow li img {
    float: left;
    width: 100%;    
}
.js #home #slideshow li {
    display: none;  
}
.js #home #slideshow li:first-child {
    display: block; 
}

/* Caption */
#home #slideshow li .slideshow-caption {
    background: #2d637f;
    clear: left;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.857em; /* 12px (12/14) */
    line-height: 1.333em; /* 16px (16/12) */
    padding: 9px 0 8px 0;
    width: 100%;
}
#home #slideshow li .slideshow-caption p {
    margin: 0 8px;  
}
#home #slideshow li .slideshow-caption a {
    color: #fff;
    position: static;
    text-decoration: underline; 
}

/* Buttons */
#home #slideshow-buttons {
    background: url(../img/home/slideshow/bg-black-alpha50.png) repeat;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 3;
}
#home #slideshow-buttons .pause, #home #slideshow-buttons .play {
    float: left;
    width: 45px;
}
#home #slideshow-buttons .pause a, #home #slideshow-buttons .play a {
    background: url(../img/home/slideshow/play-pause.png) no-repeat;
    display: block;
    height: 44px;
    text-indent: -9999px;
    width: 45px;
}
#home #slideshow-buttons .play a {
    background-position: 0 -88px;
}
#home #slideshow-buttons .pause a:hover, #home #slideshow-buttons .pause a:focus {
    background-position: 0 -44px;
}
#home #slideshow-buttons .play a:hover, #home #slideshow-buttons .play a:focus {
    background-position: 0 -132px;
}
#home #slideshow-buttons ul {
    float: left;
    list-style: none;
    overflow: hidden;
}
#home #slideshow-buttons li {
    background: none;
    float: left;
    height: 44px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 45px;
}
#home #slideshow-buttons li a {
    background: url(../img/home/slideshow/button.png) no-repeat;
    display: block;
    height: 44px;
    text-indent: -9999px;
    width: 45px;
}
#home #slideshow-buttons a.active {
    background-position: 0 -44px;
}
#home #slideshow-buttons a:hover, #home #slideshow-buttons a:focus {
    background-position: 0 -88px;
}

/*** Content ***/

#home #content {
    padding-top: 30px;
}

/*** News List ***/

#home #content .news {
    margin: 5px 0 25px 0;
    overflow: hidden;
    position: relative;
    zoom: 1; /* IE has layout */    
}
#home #content .news .header {
    background: #dfd9bd url(../img/home/news-events-bg.gif) repeat-x 0 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.714em; /* 24px (24/14) */
    font-weight: normal;
    letter-spacing: 0.025em;
    line-height: 1.167em; /* 28px (28/24) */
    margin: 0 0 12px 0;
    padding: 9px 11px;
}
#home #content .news .rss {
    position: absolute;
    right: 11px;
    top: 9px;   
}
#home #content .news ul {
    margin: 0;
    padding: 0; 
}
#home #content .news ul li {
    background: none;
    border-bottom: 1px dotted #000;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0 0 8px 0; 
    width: 100%;
}
#home #content .news ul li a:first-child {
    font-weight: bold;  
}
#home #content .news ul li p {
    margin: 0 0 7px 0;  
}
#home #content .news ul li p:last-child {
    margin-bottom: 0;   
}
#home #content .news ul li img {
    float: left;
    margin: 5px 10px 10px 0;    
}
#home #content .news .more {
    border-bottom: 1px dotted #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px (11/14) */
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.455em; /* 16px (16/11) */
    margin: 0;
    padding: 0 0 7px 0;
    text-transform: uppercase;
}

/*** Events List ***/

#home #content .events {
    margin: 5px 0 25px 0;
    overflow: hidden;
    position: relative;
    zoom: 1; /* IE has layout */    
}
#home #content .events .header {
    background: #dfd9bd url(../img/home/news-events-bg.gif) repeat-x 0 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.714em; /* 24px (24/14) */
    font-weight: normal;
    letter-spacing: 0.025em;
    line-height: 1.167em; /* 28px (28/24) */
    margin: 0 0 9px 0;
    padding: 9px 11px;
}
#home #content .events .rss {
    position: absolute;
    right: 11px;
    top: 9px;   
}
#home #content .events ul {
    margin: 0;
    padding: 0; 
}
#home #content .events ul li {
    background: none;
    border-bottom: 1px dotted #000;
    margin: 0 0 8px 0;
    overflow: hidden;
    padding: 0 0 8px 0;
    width: 100%;
    zoom: 1; /* IE has layout */    
}
#home #content .events ul li a:first-child {
    font-weight: bold;  
}
#home #content .events ul li img {
    float: left;    
    height: 90px;
    margin: 5px 20px 0 0;
    width: 90px;
}
#home #content .events ul li p {
    margin: 0 0 7px 0;  
}
#home #content .events ul li p:last-child {
    margin-bottom: 0;   
}
#home #content .events ul li .event-date-time {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px (11/14) */
    letter-spacing: 0.025em;
    line-height: 1.818em; /* 20px (20/11) */
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
#home #content .events .more {
    border-bottom: 1px dotted #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px (11/14) */
    font-weight: bold;
    line-height: 1.455em; /* 16px (16/11) */
    margin: 0;
    padding: 0 0 7px 0;
    text-transform: uppercase;
}


/****************************************
 * Search Results Form
 ****************************************/

/*** Form ***/

#content #cse-search-results-form {
    background: none;
    margin: 20px 0; 
    padding: 0;
}
#content #cse-search-results-form legend {
    padding: 0 0 15px 0;    
}
#content #cse-search-results-form ul {
    clear: both;
    margin: 0 0 7px 0;
    overflow: hidden;
    padding: 0; 
}
#content #cse-search-results-form ul li {
    background: none;
    float: left;
    margin: 0 15px 0 0; 
    padding: 0;
}
#content #cse-search-results-fieldset1 input, 
#content #cse-search-results-fieldset1 label {
    display: inline-block;
    vertical-align: bottom;
}
#content #cse-search-results-fieldset2 input {
    float: left;    
}
#content #cse-search-results-keywords {
    background: #601411;
    border: none;
    border-radius: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8333em; /* 10px (10/12) */
    line-height: 2.600em; /* 26px (26/10) */
    margin: 0 0 10px 0;
    min-height: 26px;
    min-width: 144px;
    padding: 0 5% 0 2%;
    vertical-align: middle;
    width: 93%;
}
#content #cse-search-results-keywords::-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
}
#content #cse-search-results-keywords:-moz-placeholder {
   color: #fff; 
   opacity: 1; 
}
#content #cse-search-results-keywords::-moz-placeholder {
   color: #fff;
   opacity: 1;  
}
#content #cse-search-results-keywords:-ms-input-placeholder {  
   color: #fff;
   opacity: 1;  
}
#content #cse-search-results-submit {
    -webkit-appearance: none;
    background: #990000 url(../img/branding-bar/search-submit.png) no-repeat 50% 50%;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    margin: 0 0 10px -45px;
    padding: 0;
    text-indent: -9999px;
    width: 45px;        
}

/*** Noscript iframe ***/

#content #results-sitesearch-noscript {
    height: 400px;
    width: 100%;    
}

/*** Results ***/

#content .gsc-control-cse table {
    margin: 0;  
}
#content .gsc-control-cse table thead th, 
#content .gsc-control-cse table thead td {
    background: none; 
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
#content-wrap #content .gsc-control-cse table th, 
#content-wrap #content .gsc-control-cse table td {
    background: none;
    border: none;
    color: inherit;
    display: table-cell;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
}
#content .gsc-control-cse table th {
    color: inherit;
    text-transform: none;
}


/****************************************
 * Footer
 ****************************************/

#footer {
    background: #fff;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    text-align: center;
}
#footer .wrapper {
    font-size: 0.688em; /* 11px (11/16) */
    line-height: 1.273em; /* 14px (14/11) */
}
#footer .tagline {
    background: #7d110c;
    color: #fff;
    font-family: "BentonSansCondensedRegular", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1.636em; /* 18px (18/11) */
    letter-spacing: -0.02em;
    line-height: 1em; /* 18px (18/18) */
    margin: 0 0 10px 0;
    padding: 5px;   
}
#footer .internal {
    margin: 0 0 15px 0; 
}
#footer .block-iu { 
    display: block;
    height: 26px;
    margin: 0 auto 5px auto;
    width: 22px;
}


/****************************************
 * iOS Adjustments
 ****************************************/

@media screen and (max-device-width: 480px) {
    
    html {
        -webkit-text-size-adjust: none; 
    }
    input, select, textarea {
        font-size: 16px !important;
        line-height: 16px !important;
    }
    
}


/****************************************
 * Media Queries
 ****************************************/

/* 320px */
@media only screen and (min-width: 20.000em) {
    
    /****************************************
     * Branding Bar
     ****************************************/
    
    /*** Tools ***/
    
    #branding-bar #campus-tools .groups {
        overflow: hidden;   
    }
    #branding-bar #campus-tools ul {
        overflow: hidden;   
    }
    #branding-bar #campus-tools li {
        float: left;
        width: 50%; 
    }
    
}