/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.7em;
    min-width: 315px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #5687f8;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #5687f8;
    text-shadow: none;
    color: #fff;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.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: h5bp.com/p
 */

.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;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*** Fonts ***/
@font-face {
    font-family: "Rokkitt";
    font-style: normal;
    font-weight: normal;
    src: url('rokkitt-webfont.eot');
    src: url("rokkitt-webfont.eot?#iefix") format("embedded-opentype"),
    url("rokkitt-webfont.svg#Rokkitt") format("svg"),
    url("rokkitt-webfont.woff") format("woff"),
    url("rokkitt-webfont.ttf") format("truetype");
}
/* use "RokkittBold" files for bolded "Rokkitt" */
@font-face {
    font-family: "Rokkitt";
    font-style: normal;
    font-weight: bold;
    src: url("rokkitt-bold-webfont.eot");
    src: url("rokkitt-bold-webfont.eot?#iefix") format("embedded-opentype"), 
    url("rokkitt-bold-webfont.svg#Rokkitt") format("svg"),
    url("rokkitt-bold-webfont.woff") format("woff"), 
    url("rokkitt-bold-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "RokkittBold";
    font-style: normal;
    font-weight: normal;
    src: url("rokkitt-bold-webfont.eot");
    src: url("rokkitt-bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("rokkitt-bold-webfont.svg#Rokkitt") format("svg"),
    url("rokkitt-bold-webfont.woff") format("woff"), 
    url("rokkitt-bold-webfont.ttf") format("truetype");
}

body, .extra-nav a {
    font-family: Georgia,"Times New Roman",Times,serif;
}
h4, #tactical nav a {
    font-family: "RokkittBold", "Rokkitt", Times, "Times New Roman",Serif;
}
#search_site_submit, .action_btn, #shareBar, footer, footer a,
.news_home h1, .news_home h2, .news_video h3, #youtube_more {
    font-family: "Rokkitt",Times,"Times New Roman",Serif;
}
h1, h3, h5, h6, .user_content h1, .user_content h2, .user_content h3, .user_content h4, #page_nav li a, #links_resources a, aside, #breadcrumbs a, #breadcrumbs .current, #breadcrumbs2 a, #breadcrumbs2 .current, #departmentDropdownMenu_chzn, #departmentDropdownMenu_chzn a,
.dept_news_story_title, .user_content figcaption, .news_video figcaption, .news_rss_feed, #wm-photoset, .item_listing article header a, .directory_listing article, .directory header,
.announcement_title, .gateway_group li a, .gateway_group h4, h2.letter, .atoz_nav, .atoz_title, .file_listing dt, footer #links_resources a,
.tablespecial p, .tablespecial tr, .tablespecial th, .tablespecial td,
.grid_name, .grid_position, .wm_dir_popup h2, .wm_dir_popup h4, .wm_dir_popup .dirinfo, .wm_dir_entry_full_text h6,
#admissions-nav li a, .news_video .more_videos, #quick_nav a {
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

/*** General content styles ***/
html {
    font-size: 62.5%;
}
body {
    background-color: #e7e7e7;
    font-size: 14px; font-size: 1.4rem;
}
a, a:visited{
    color: #2573bc;
    text-decoration: none;
}
a, a:active, a:hover, a:visited, a:link, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* remove gray box highlight on tap events for iOS */
}
a:active, a:hover {
    text-decoration: underline;
}
address {
    margin-bottom: 1em;
}
abbr {
    border:none !important;
}
.user_content {
    margin-bottom: 10px;
}
.gateway p a, .user_content a, .user_content p a, .user_content li a, .file_listing dt, .directory_listing article a, article.directory_listing a, .directory header a  {
    text-decoration: underline;
}
.user_content h1 a, .user_content h2 a, .user_content h3 a, .user_content h4 a, .user_content h5 a, .user_content h6 a {
    text-decoration: none;
}
.user_content h1 a:hover, .user_content h2 a:hover, .user_content h3 a:hover, .user_content h4 a:hover, .user_content h5 a:hover, .user_content h6 a:hover {
    text-decoration: underline;
}
.user_content p a:hover, .user_content li a:hover, .directory_listing article a:hover, .directory header a:hover  {
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    font-size: 31px; font-size: 3.2rem;
    margin: 11px 0;
    line-height: 37px; line-height: 3.7rem;
    color: #3F4F58;
}
h2 {
    font-size: 24px; font-size: 2.3rem;
    line-height: 30px; line-height: 3.0rem;
    margin: 10px 0;
    color: #3F4F58;
}
h3 {
    font-size: 22px; font-size: 2.2rem;
    font-weight: bold;
    margin: 8px 0;
    line-height: 32px; line-height: 3.2rem;
    color: #183A53;
}
h4 {
    font-size: 20px; font-size: 2.0rem;
    line-height: 26px; line-height: 2.6rem;
    color: #3F4F58;
    margin: 8px 0;
}
h5 {
    font-size: 18px; font-size: 1.8rem;
    line-height: 23px; line-height: 2.3rem;
    font-weight: bold;
    color: #3F4F58;
    margin: 0 0 3px 0;
}
h6 {
    font-size: 15px; font-size: 1.5rem;
    line-height: 20px; line-height: 2.0rem;
    font-weight: bold;
    color: #183A53;
    margin: 0;
}
#page_nav a, #links_resources a, aside, .dept_news_story_title, .user_content figcaption {
    text-decoration: none;
    color: #343A34;
}
#page_nav a:hover, #links_resources a:hover {
    text-decoration: underline;
}
nav ul, #page_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#top_nav ul {
    margin: 0 20px;
}
#container {
    width: 100%;
    background: #ffffff;
    /* homepage only */
    /*background-image: url(../img/cipher.png);
    background-position: 50% 38px;
    background-repeat: no-repeat;*/
}

/**** Header ****/

#print_mark {
    display: none;
}
#logo_print_container, #logo_print {
    display: none;
}
#topbar {
    height: 1077px;
    border-bottom: 3px solid #2573bc;
    text-align: center;
    line-height: 28px;
    position: fixed;
    top: -1000px;
    font-family: libre_baskerville,Georgia;
    font-size: 26px;font-size: 2.6rem;
    white-space:nowrap;
    width: 100%;
    z-index: 800;
    background-color: rgba(231, 231, 231, 0.9);
}
.topbar-background {
    background-image: url(../img/cypher_topbar.png);
    background-position: center 818px;
    background-repeat: no-repeat;    
}
.lt-ie9 #topbar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eee7e7e7,endColorstr=#eee7e7e7); 
    zoom: 1;
}
#topbar a{
    color: #282828;
}
#topbar a:hover{
    text-decoration: none;
}
.action_left {
    width: auto;
    position: absolute;
    bottom: 12px;
    left: 15px;
    
}
.action_right {
    width: auto;
    position: absolute;
    bottom: 12px;
    right: 15px;
}
#top_mark {
    height: 40px;
    display: block;
    margin: 1018px auto 0;
}

#menu_btn img, #search_btn img {
    height: 23px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:5px;
    padding: 10px;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu_btn:hover, #search_btn:hover{
    text-decoration:none;
}
#navigation {
    display: none;
    position: relative;
}
nav#tactical_nav {
    padding: 20px 0 18px;
    font-family: "RokkittBold",Rokkitt,Times,"Times New Roman",Serif;
}
div#search {
    padding: 20px 0;
    float: right;
}
nav#tactical_nav  ul{
    height: 33px;
    background: #ffffff;
    width: 662px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow:auto;
}
nav#tactical_nav li{
    float: left;
    height: 100%;
    padding: 0 15px;
} 
nav#tactical_nav li:last-child { 
    padding-right: 0; 
}
nav#tactical_nav li a{
    font-size: 13px; font-size: 1.3rem;
    line-height: 33px;
    height: 30px;
    padding: 0;
    color: #282828;
    display: inline-block;
}
nav#tactical_nav li a:hover{
    text-decoration: none;
}

nav#tactical_nav li.first_tactical {
    padding-right: 0;
    padding-left: 8px;
}
nav#tactical_nav li.first_tactical a{
    height: 33px;
    background: url("../img/weathervane.png") no-repeat; 
    background-size: auto 14px;
    background-position: 0 9px; 
    filter: none;
    padding-left: 69px;
    padding-right: 25px;
    font-size: 13px; font-size: 1.3rem;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #999999;
} 
.lt-ie9 nav#tactical_nav li.first_tactical a{
    background: url("../img/tac_vims_ie.png") 0px 9px no-repeat;  
}
nav#tactical_nav li.first_tactical a:hover{
    border-bottom: 0;
}

nav#tactical_nav li a:hover{
    border-bottom: 3px solid #2573bc;
} 
nav#tactical_nav li.second_tactical {
    padding-left: 25px;
    border-left: 1px solid #ffffff;
    background: #ffffff;
    background: -moz-linear-gradient(left, #d8d9da 0%, #ffffff 40%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #d8d9da), color-stop(40%, #ffffff));
    background: -webkit-linear-gradient(left, #d8d9da 0%, #ffffff 40%);
    background: -o-linear-gradient(left, #d8d9da 0%, #ffffff 40%);
    background: -ms-linear-gradient(left, #d8d9da 0%, #ffffff 40%);
    background: linear-gradient(to right, #d8d9da 0%, #ffffff 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9da', endColorstr='#ffffff', GradientType=1 );
}
nav#top_nav {
    font-family: "Rokkitt",Times,"Times New Roman",Serif;
    border: none !important;
    height: 52px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 100;
    background-color: rgba(24, 58, 83, .70);
    top: 75px;
}
/* used by IE 8 only */
.lt-ie9 nav#top_nav {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb183A53,endColorstr=#bb183A53); 
    zoom: 1;
}
nav#top_nav ul {
    background-color: transparent;
    position: relative;
    display: block;
    width: 100%;
    margin-left:3px;
    margin-right:3px;
}
nav#top_nav li {
    display: inline-block;
    margin: 0;
    text-align: center;
}
nav#top_nav ul a {
    margin: 10px 0 0 34px;
    padding: 0 0 9px 0;
    color: #e7e7e7;
    font-size: 19px;font-size: 1.9rem;
    line-height: 1.75em;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}
.lt-ie9 nav#top_nav ul a {
    margin-left: 33px;
}
.lt-ie8 nav#top_nav ul a {
    margin-left: 34px;
}
nav#top_nav ul a {
    margin: 10px 0 0 34px;
    padding: 0 0 9px 0;
    color: #e7e7e7;
    font-size: 19px;font-size: 1.9rem;
    line-height: 1.75em;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}
nav#top_nav ul a:hover, nav#top_nav ul a.active {
    border-bottom: 4px solid #e7e7e7;
    padding-bottom: 5px;
}
/*.lt-ie9 nav#top_nav ul a {
    margin-left: 18px;
}*/
#banner {
    position: relative;
    padding-top: 78px;
}
#banner_background {
    position: static;
    width: 100%;
}
#banner-title {
    display: none;
    position: absolute;
    top: 106px;
    left: 400px;
    padding-left: 17px;
    color: #fff;
    z-index:100;
}
#banner-title a {
    display: block;
}
#logo {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    text-decoration: none !important;
}
#seal {
    display: none;
}
.logo-link {
    display: none;
}
#cypher {
    display: none;
    position: absolute;
    top: 70px;
    right: 15px;
    z-index: 5;
}

/**** Breadcrumbs ****/
#breadcrumbs, #breadcrumbs2, #quick_nav {
    padding: 0px;
    margin: 0;
    list-style-type: none;
}
#breadcrumbs li, #breadcrumbs2 li, #quick_nav li {
    display: inline;
    /*white-space: nowrap;*/
}
#breadcrumbs li:after, #breadcrumbs2 li:after {
    content: ' \00BB \0020';
    color: #2573BC;
}
#breadcrumbs li, #breadcrumbs2 li {
    background-image: none !important;
    padding-left: 0 !important;
}
#breadcrumbs li:last-child:after, #breadcrumbs2 li:last-child:after {
    content: '';
}
#breadcrumbs li.current:after, #breadcrumbs2 li.current:after,
#breadcrumbs li.is-last-child:after, #breadcrumbs2 li.is-last-child:after {
    content: '';
}
#breadcrumbs, #breadcrumbs2 {
    line-height: 1.4em;
    padding-top: 0px;
    font-size: 12px; font-size: 1.2rem;
}
#breadcrumbs2 {
    padding-bottom: 6px;
}
#quick_nav {
    padding-top: 0px;
    margin: 12px 0;
}
#quick_nav a {
    font-size: 14px; font-size: 1.4rem;
    font-weight: bold;
}
#quick_nav li:before {
    content: ' | ';
}
#quick_nav li:first-child:before {
    content: '';
}
/**** Page Nav ****/
nav#page_nav {
    background: transparent;
}
#page_nav {
    font-size: 12px; font-size: 1.2rem;
}
#page_nav ul, .extra-nav {
    background: #81a0be;
    padding: 10px 15px 10px;
}
#page_nav a, #page_nav a:visited, #page_nav a:active {
    color: #343A34;
    font-weight: bold;
}
#page_nav li {
    line-height: 16px;
    padding: 6px 0;
}
#page_nav a:after, #links_resources a:after {
    content: '';
}
#page_nav li ul {
    padding: 8px 0 0 0;
}
#page_nav li ul a, #page_nav li ul a:active {
    color: #ffffff !important;
    font-weight: normal;
}

#page_nav li ul li a:before {
    color: #ffffff !important;
}
#page_nav li ul li {
    margin: 0;
    line-height: 14px;
    padding: 4px 0 4px 9px;
    background: url('http://www.wm.edu/images/icons/white_double_arrow.gif') no-repeat 0 8px;
}
#page_nav li ul li:last-child {
    padding-bottom: 0px;
}
#page_nav li ul li.is-last-child {
    padding-bottom: 0px;
}
#page_nav #nav_parent, .extra-nav h5 {
    font-weight: bold;
    font-size: 16px; font-size: 1.6rem;
    line-height:21px; line-height:2.1rem;
    margin: 0;
    padding: 0 0 4px 0;
    display: block;
    color: #252525;
    font-size: 18px; font-size: 1.8rem;
    border-bottom: 1px solid #A3B9C6;
}

/*** Extra Nav Content ***/
.extra-nav {
    color: #343A34;
    padding-bottom: 15px;
    line-height: 1.5em;
}
.extra-nav ul {
    list-style-type: disc !important;
    padding-top: 0px !important;
}
.extra-nav li {
    padding: 0 !important;
}
.extra-nav h1, .extra-nav h2, .extra-nav h3, .extra-nav h4 {
    font-size: 12px; font-size: 1.2rem;
    color: #343A34;
    line-height: 1.5em;
}
.extra-nav h5 {
    margin-bottom: 8px;
}
.extra-nav h6 {
    color: #343A34;
}
.extra-nav p, .extra-nav img {
    margin: 0 0 1.2em;  
}
.extra-nav p a {
    font-weight: normal !important;
    text-decoration: underline !important;
}
.extra-nav .read-more-link {
    font-family: Helvetica, sans-serif, arial;
    display: block;
    text-align: right;
    font-weight: bold !important;
    text-decoration: none !important;
}
.extra-nav .read-more-link:hover {
    text-decoration: underline !important;
}
.news-about ul {
    list-style-type: none !important; 
}

.news-about li {
    line-height: 16px !important;
    padding: 6px 0 !important;
}

/** Social Media Nav **/
.social-media-nav {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.social-media-nav li {
    display: inline;
}
.social-media-nav a {
    margin-right: 7px;
    margin-bottom: 10px;
    display: inline-block;
    background: url('../img/social_networks_sprite.png') no-repeat top left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.social-media-nav a.sm_icon-events{ background-position: 0 0; width: 30px; height: 30px; } 
.social-media-nav a.sm_icon-facebook{ background-position: 0 -161px; width: 30px; height: 30px; } 
.social-media-nav a.sm_icon-flickr{ background-position: 0 -322px; width: 30px; height: 30px; } 
.social-media-nav a.sm_icon-foursquare{ background-position: 0 -483px; width: 30px; height: 30px; }  
.social-media-nav a.sm_icon-instagram{ background-position: 0 -644px; width: 30px; height: 30px; } 
.social-media-nav a.sm_icon-linkedin{ background-position: 0 -684px; width: 30px; height: 30px; } 
.social-media-nav a.sm_icon-pinterest{ background-position: 0 -724px; width: 30px; height: 30px; }
.social-media-nav a.sm_icon-rss{ background-position: 0 -764px; width: 30px; height: 30px; }  
.social-media-nav a.sm_icon-twitter{ background-position: 0 -925px; width: 30px; height: 30px; } 
.social-media-nav a.sm_icon-youtube{ background-position: 0 -1086px; width: 30px; height: 30px; }


/** Main Content **/
#main_content {
    background-color: #ffffff;
    padding: 15px 15px 0;
}
#main_content .teaser {
    color: #183A53;
}
#page_nav {
    margin: 2px 15px 15px;
}
aside h4 {
    font-size: 20px; font-size: 2.0rem;
}
#main, #sidebar aside {
    border-bottom: 1px solid #BFC4C9;
    margin-bottom: 14px;
    padding-bottom: 14px;
}
#main aside {
    border-top: 1px solid #BFC4C9;
    margin-top: 14px;
    padding-top: 14px;
}
#main:only-child {
    border-bottom: none;
}
#main.is-only-child {
    border-bottom: none;
}
.user_content h1 strong, .user_content h2 strong, .user_content h3 strong, .user_content h4 strong,
.user_content strong h1, .user_content strong h2, .user_content h3, .user_content strong h3, .user_content strong h4 {  /*enforce plain text for h1-h4 */
    font-weight: normal !important;
}
.user_content p {
    margin: 0 0 1em 0;
    line-height: 1.7em;
}
.user_content ul + h5, .user_content ol + h5, .user_content table + h5,
.user_content ul + h6, .user_content ol + h6, .user_content table + h6 {
    margin-top: 1.7em;
}
.user_content span {
    text-decoration: none !important;
}
.user_content ul { /* to handle uls next to floated elements */
    overflow: hidden;
}
.user_content figure, .news_video figure {
    background: #BFC4C9;
    margin: 10px 0px;
    padding: 6px;
    line-height: 16px; line-height: 1.6rem;
    font-size: 11px; font-size: 1.1rem;
    display: block;
    max-width: 100%;
}
.user_content figcaption {
    margin: 5px 0 0;
}
.news_video figcaption, .news_video figcaption p {
    margin: 0 1px;
    display: inline-block;
    line-height: 1.6rem;
}
.user_content figure.rightcaption {
    float: right;
    margin-left: 15px;
}
.user_content figure.leftcaption {
    float: left;
    margin-right: 15px;
}
.user_content img.noscale {
    max-width: none;
}
.user_content .photoleft, .user_content .photoright, .rightwithcaption, .leftwithcaption, .news_video figure {
    max-width: 100%;
}
.user_content .photoright {
    float:right;
    margin:10px 0 10px 10px;
}
.user_content .photoleft {
    float:left;
    margin:10px 10px 10px 0;
}
.user_content .alert {
    padding: 20px 20px 20px 20px;
    color: #8f0614;
    border: 2px solid #2b2b2b;
    background-color: #BFC4C9;
}
.user_content .photo-border-tan{
    border: 3px solid #dadabf;
}
/*** Table styles ***/
.user_content table {
    text-align: left;
    float: none;
}
.user_content tr, .user_content th, .user_content td {
    margin: 0;
    padding: 4px;
    font-weight:normal;
}
.user_content th {
    font-weight:bold;
}
.tablespecial {
    border-left: 1px solid #babab9;
    border-bottom: 1px solid #babab9;
    text-align: left;
    border-collapse: collapse; 
}
.tablespecial tr, .tablespecial th, .tablespecial td {
    margin: 0;
    padding: 5px;
    border-right: 1px solid #babab9;
    border-top: 1px solid #babab9;
    font-weight:normal;
}
.tablespecial th {    
background-color: #d9d9d9;
}
.tablespecial p {
    margin-bottom: 0px;
}
.tablespecial2 {
    border-left: 1px solid #babab9;
    border-bottom: 1px solid #babab9;
    text-align: left;
    border-collapse: collapse; 
}
.tablespecial2 tr, .tablespecial2 th, .tablespecial2 td {
    margin: 0;
    padding: 5px;
    border-right: 1px solid #babab9;
    border-top: 1px solid #babab9;
    font-weight:normal;
}
.tablespecial2 th {    
    background-color: #d9d9d9;
}
.tablespecial2 p {
    margin-bottom: 0px;
}

/*** CSS Content Button ***/
a.content_button, a.content_button:active, a.content_button:visited, a.content_button:hover,
a.content_button_with_arrow, a.content_button_with_arrow:active, a.content_button_with_arrow:visited, a.content_button_with_arrow:hover,
p.content_button a, p.content_button a:active, p.content_button a:visited, p.content_button a:hover,
p.content_button_with_arrow a, p.content_button_with_arrow a:active, p.content_button_with_arrow a:visited, p.content_button_with_arrow a:hover {
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #bfc4c9; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafb 0%, #bfc4c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafb), color-stop(100%,#bfc4c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fafafb 0%,#bfc4c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fafafb 0%,#bfc4c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafb 0%,#bfc4c9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fafafb 0%,#bfc4c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafb', endColorstr='#bfc4c9',GradientType=0 ); /* IE6-9 */
    border: 1px solid #a6a6a6;
    color: #183a53 !important;
    text-decoration: none !important;
    font-family: Helvetica, Arial, sans-serif;
    padding: 20px;
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    min-width: 60px;
    max-width: 300px;
    margin: 10px 10px 10px 0;
}
a.content_button_with_arrow, a.content_button_with_arrow:active, a.content_button_with_arrow:visited, a.content_button_with_arrow:hover,
p.content_button_with_arrow a, p.content_button_with_arrow a:active, p.content_button_with_arrow a:visited, p.content_button_with_arrow a:hover {
    background: #bfc4c9 url('../img/button_arrow.png') no-repeat right center; /* Old browsers */
    background: url('../img/button_arrow.png') no-repeat right center, -moz-linear-gradient(top, #fafafb 0%, #bfc4c9 100%); /* FF3.6+ */
    background: url('../img/button_arrow.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafb), color-stop(100%,#bfc4c9)); /* Chrome,Safari4+ */
    background: url('../img/button_arrow.png') no-repeat right center, -webkit-linear-gradient(top, #fafafb 0%,#bfc4c9 100%); /* Chrome10+,Safari5.1+ */
    background: url('../img/button_arrow.png') no-repeat right center, -o-linear-gradient(top, #fafafb 0%,#bfc4c9 100%); /* Opera 11.10+ */
    background: url('../img/button_arrow.png') no-repeat right center, -ms-linear-gradient(top, #fafafb 0%,#bfc4c9 100%); /* IE10+ */
    background: url('../img/button_arrow.png') no-repeat right center, linear-gradient(to bottom, #fafafb 0%,#bfc4c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafb', endColorstr='#bfc4c9',GradientType=0 ); /* IE6-9 */
    padding-right: 80px;
}


/*** OTHER MEDIA BOX ***/
#inlineMedia {
    width: 185px;
    padding: 3px;
    margin: 0 0 8px 14px;
    background-color: #DDE5E9;
    float: right;
}
#inlineMediaList {
    margin: 0;
    padding: 6px;
    list-style: none;
    font-family: sans-serif, helvetica;
    font-size: 11px; font-size:1.1rem;
    border: 1px solid #fff;
}

#inlineMediaList li {
    padding: 4px 4px 4px 24px;
    margin: 0;
    line-height: 1.3em;
    background: url(../img/mediaIcons_sprite.png) no-repeat top left;
}
#inlineMediaList li.Audio{ background-position: 0 2px; } 
#inlineMediaList li.File{ background-position: 0 -32px; } 
#inlineMediaList li.Gallery{ background-position: 0 -62px; } 
#inlineMediaList li.PDF{ background-position: 0 -96px; } 
#inlineMediaList li.Video{ background-position: 0 -130px; } 

#inlineMedia a {
    text-decoration: none;
    color: #484848;
}

#inlineMedia a:hover {
    text-decoration: underline;
}

/** Lightboxes **/
.reslifeInfo {
    text-align: center;
}
.reslifeInfo table {
    margin: 5px auto;
}
.reslifeInfo .alt-scroll-content {
    padding: 0 15px;
}
.fancybox-inner header {
    display: none;
}
.fancybox-skin {
    background: #FFFFFF !important;
}

/*** News article ***/
article#main .article-meta {
    margin: 0 0 11px 0;
}
.article-meta .author, aside .listing-author {
    font-style: italic;
}
.article-meta .date {
    font-weight: bold;
    margin-top: 4px;
}

/*** Listing pages ***/
.announcement_listing ul, ul.announcement_listing {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.announcement_listing li {
    margin-bottom: 15px;
}
.announcement_listing .announcement_title, .item_listing article header a, .item_listing header a {
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.announcement_listing li p {
    margin: 0;
    padding: 0;
}
.news_listing .news_rss_feed {
    background: url(../img/sharebar_sprite.png) no-repeat 0 -75px;
    padding-left: 25px;
    margin: 0 0 10px 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px; font-size: 1.2rem;
    display: block;
    text-decoration: none;
    float: right;
}
aside.default_extra h4 {
    text-transform: none;
    font-size: 26px; font-size: 2.6rem;
    padding: 10px 0 10px;
}
aside.default_extra.news_listing h4 {
    padding-bottom: 15px;
}
.default_extra.events_listing li:first-child, .default_extra.announcements_listing li:first-child {
    padding-top: 0px;
}
.default_extra.events_listing li.is-first-child, .default_extra.announcements_listing li.is-first-child {
    padding-top: 0px;
}
.default_extra .list-items li {
    border-bottom: none !important;
}
.default_extra li .listing-link {
    font-size: 14px; font-size: 1.4rem;
}
.item_listing article, article.item_listing {
    margin-bottom: 30px;
    min-height: 100px;
}
.item_listing .article-meta {
    margin: 5px 0 0 0 !important;
}
.item_listing article a + header, .directory_listing article a + p,
article.item_listing a + header, article.directory_listing a + p {
    margin-left: 110px;
}
.item_listing article header, article.item_listing header {
    line-height: 1.4em;
}
.item_listing article header, .item_listing header, .feature_listing article header {
    padding-bottom: .3em;
}
.item_listing article img, article.item_listing img {
    height: 100px;
    max-width: 100px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 2px;
    vertical-align: text-top;
    border: 1px solid #BFC4C9;
}
.item_listing .news-home-link {
    font-size: 14px; font-size: 1.4rem;
    text-decoration: none;
}
.item_listing .news-home-link:hover {
    text-decoration: underline;
}
.item_listing article p, article.item_listing p {
    margin-top: 0px;
    line-height: 1.7em;
}

/*** Photoset ***/
#wm-photoset {
    max-width: 475px;
    height: 350px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    margin: 0 0 10px 0;
    background-color: #DDE5E9;
    color: #2b2b2b;
    font-size: 11px; font-size: 1.1rem;
    line-height: 16px; line-height: 1.6rem;
    text-align: left;
}
#wm-photoset ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#wm-photoset li {
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #DDE5E9;
}
#wm-photoset li img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border-bottom: 7px solid #ffffff;
}
#wm-photoset .wmphotoset-caption {
    padding: 5px 10px;
    margin: 5px 60px;
    /*overflow: hidden;*/
}
#wm-photoset.single-photo .wmphotoset-caption {
    margin-left: 5px;
    margin-right: 5px;
}
#wm-photoset .wmphotoset-caption p:first-child {
    margin-top: 0;
}
#wm-photoset .wmphotoset-caption p.is-first-child {
    margin-top: 0;
}
#wm-photoset .wmphotoset-caption a {
    color:#2573bc;
}
#wmphotoset-caption-slider, .about_photo {
    font-size: 12px; font-size: 1.2rem;
    line-height: 18px; line-height: 1.8rem;
}
#wmphotoset-caption-slider {
    clear: right;
    padding-top: 10px;
    margin: 10px;
    border-top: 1px solid #babab9;
}
#wm-photoset #wm-photo-nav {
    text-align: center;
    margin: 5px 0px;
    position: relative;
}
#wm-photoset #wm-photo-nav #prev-photo, #wm-photoset #wm-photo-nav #next-photo,
#wm-photoset #wm-photo-nav a, .about_photo {
    background: url(../img/wmphotoset_sprite.png) no-repeat top left;
}
.about_photo {
    background-position: right -149px;
    border: none;
    font-style: italic;
    margin: 0;
    padding: 0 47px 0 0;
}
.about_photo.caption_open {
    background-position: right -132px;
}
#wm-photoset #wm-photo-nav #prev-photo {
    float: left;
    background-position: 0px -173px; width: 40px; height:40px;
    margin: 5px 10px;
    border: none;
    padding: 0;
    cursor: pointer;
}
#wm-photoset #wm-photo-nav #next-photo {
    float: right;
    background-position: 0px -273px; width: 40px; height: 40px;
    margin: 5px 10px;
    padding: 0;
    border: none;
    cursor: pointer;
}
#wm-photoset #wm-photo-nav #prev-photo[disabled] {
    background-position: 0px -223px;
}
#wm-photoset #wm-photo-nav #next-photo[disabled] {
    background-position: 0px -323px;
}
#wm-photoset #pagination {
    display: none;
}
#wm-photoset #pg_ratio {
    text-align: left;
    font-size: 13px; font-size: 1.3rem;
    line-height: 14px; line-height: 1.4rem;
    position: absolute;
    top: -45px;
    left: 10px;
    color: #ffffff;
    display: inline-block;
    padding: 5px;
    zoom: 1; *display: inline;
    background: url(../img/transp-bg.png) repeat top left;
}
#wm-photoset .wmphotoset-title {
    color: #2B2B2B;
    display: block;
    font-family: Helvetica;
    font-size: 17px; font-size: 1.7rem;
    line-height: 20px; line-height: 2.0rem;
    margin: 0;
    padding: 0 0 5px 0;
}

#wm-photoset .wmphotoset-credit {
    font-style: italic;
    padding-top: 10px;
    margin: 0px;
}

/*** Directory ***/
.person_field_title, .person_name, .person_position {
    font-weight: bold;
}
.person_name, .person_position {
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.person_position {
}
.directory_listing article p, article.directory_listing p {
    font-size: 12px; font-size: 1.2rem;
    line-height: 1.6em;
   font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.directory header, header.directory {
    overflow: hidden;
    margin-top: 15px;
}
.directory header h1, header.directory h1 {
    margin-top: 0;
    margin-bottom: 5px;
}
.directory header h3, header.directory h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.directory header p, header.directory p {
    font-size: 12px; font-size: 1.2rem;
    margin-top: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
 header.directory a {
    text-decoration: underline;
}
.directory img {
    max-width: 100%;
    padding: 5px;
    background: #BFC4C9;
    margin: 0 0px 20px 0;
}

/*** Gateway ***/
.gateway_group ul, .news_video ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
}
.gateway_group li, .news_video article li {
    background-image: url('../img/small_triangle.png');
    background-repeat: no-repeat;
}
aside.related_links li, .list-items.related_links li {
    background-image: url("../img/large_triangle.png");
    background-repeat: no-repeat;
}   
.gateway_group li, .news_video article li {
    padding-left: 10px;
    background-position: 0 10px;
}
.gateway_group li a {
    font-size: 12px; font-size: 1.2rem;
    line-height: 12px; line-height: 1.2rem;
}
.gateway_group h4 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 4px solid #306291;
    color: #5c5c5c;
    font-size: 19px; font-size: 1.9rem;
}
/*** A to Z ***/
.atoz_title {
    font-weight: bold;
}
.atoz_title:hover {
    cursor: pointer;
}
.atoz ol {
    padding-left: 0px;
}
.atoz ol li {
    list-style-position: inside;
    padding-bottom: 1em;
}

/*** File Listing ***/
.file_listing dd {
    padding-bottom: 15px;
    margin-left: 0;
}
.file_listing dt {
    font-weight: bold;
    text-decoration: none;
}

/*** Photo Gallery ***/
#galleria, #galleria-local, #galleria-flickr {
    margin-top: 20px;
    margin-bottom: 15px;
}
.galleria-stage {
    bottom: 76px;
    left: 0px;
    right: 0px;
    top: 0px;
}
.galleria-info-description {
    color: #eee !important;
    font-family: Helvetica,Arial,san-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1.6em !important;
    padding-right: 15px !important;
}
.galleria-info-text {
    background-color: transparent !important;
    display: block;
}
.galleria-info-close {
    opacity: .8 !important;
    filter: alpha(opacity=80) !important;
    display:block;
}
.galleria-info-link {
    opacity: .8 !important;
    filter: alpha(opacity=80) !important;
    display: none;
}
.galleria-thumbnails-container {
    height: 58px;
}

/**** Share Bar ****/
#shareBar {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 9px 0;
    height: 20px;
    color: #717D71;
    font-size: 19px; font-size: 1.9rem;
}
#shareBar li {
    display: inline;
    position: relative;
    top: 1px;
}
#shareBar li a {
    display: inline-block;
    margin-left: 8px;
    background: url('../img/sharebar_sprite.png') no-repeat top left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#shareBar li.share-title {
    width: 40px;
    background: none;
    top: -2px;
}
#shareBar li.email a{ background-position: 0 0; width: 25px; height: 19px; } 
#shareBar li.facebook a{ background-position: 0 -24px; width: 20px; height: 20px; } 
#shareBar li.twitter a{ background-position: 0 -49px; width: 20px; height: 20px; } 

/**** Dept News ****/
.dept_news_story {
    min-height: 120px;
    margin-bottom: 20px;
}
.dept_news_story_title, .default_extra .list-items .listing-link {
    color: #006600;
    font-weight: bold;
    display: block;
    line-height: 19px; line-height: 1.9rem;
    padding-top:1px;
}
.dept_news_story_img img {
    width: 100px;
    height: 100px;
    border: 1px solid #cbcbcb;
    vertical-align: text-top;
}
.dept_news_story_img {
    float: left;
    margin-right: 10px;
    display: block;
}
.dept_news_story p, .default_extra .list-items li, .default_extra .list-items .listing-date, .default_extra .list-items .listing-desc {
    font-size: 12px; font-size: 1.2rem;
    line-height: 20px;
}
.dept_news_story p {
    margin: 3px 0 0;
}

p.read-more-link {
    font-family: "Helvetica Neue",​Helvetica,arial,​Verdana,​sans-serif;
    text-align: right;
    font-weight:bold;
}

/*** Photo Grid Directory Listing ***/
#wm_dir_grid {
    overflow: hidden;
    margin-bottom: 10px;
}
.wm_dir_entry_item, .wm_dir_entry_item .grid_photo, .wm_dir_entry_item .dirinfo, .wm_dir_entry_item .name_position {
    width: 116px;
    height: 116px;
}
.wm_dir_entry_item div {
    margin: 0 !important;
}
.wm_dir_entry_item {
    overflow: hidden;
    float: left;
    margin: 0 !important;
    border: 1px solid #fff;
    border-left: none;
    border-bottom: none;
    position: relative;
}
.wm_dir_entry_row .wm_dir_entry_item:first-child {
    border-left: 1px solid #fff;
}
.wm_dir_entry_row .wm_dir_entry_item.is-first-child {
    border-left: 1px solid #fff;
}
.wm_dir_entry_row:last-child .wm_dir_entry_item {
    border-bottom: 1px solid #fff;
}
.wm_dir_entry_row.is-last-child .wm_dir_entry_item {
    border-bottom: 1px solid #fff;
}
.wm_dir_entry_item .grid_full_info {
    display: none;
}
.wm_dir_entry_item .grid_photo, .wm_dir_entry_item .name_position {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.wm_dir_entry_item .name_position {
    /* IE workaround for transparency */
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
    /* 50% black */
    background: rgba(0, 0, 0, .5);
}
.wm_dir_entry_item a {
    text-decoration: none !important;
    color: #fff !important;
}
.grid_caption {
    bottom: 0;
    position: absolute;
    padding: 3px;
}    
.grid_name {
    color: #FFFFFF;
    font-size: 12px !important; font-size: 1.2rem !important;
    line-height: 13px !important; line-height: 1.3rem;
    display: block;
}      
.grid_position {
    color: #FFFFFF;
    font-size: 10px !important; font-size: 1.0rem !important;
    line-height: 13px !important; line-height: 1.3rem;
    padding-top: 3px;
    display: block;
    min-height: 1px;
}
.wm_dir_popup .fancybox-skin {
    text-align: left !important;
    line-height: 20px;
    background: #F2F2DA !important;
    padding: 30px !important;
}
.fancybox-wrap {
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.wm_dir_popup a {
    text-decoration: underline;
}
.wm_dir_popup .fancybox-inner {
    background: #DADABF;
    overflow: hidden;
}
.wm_dir_popup .grid_full_info {
    padding: 16px 29px;
    background-image: none;
}
.wm_dir_popup img {
    width: 116px;
    height: 116px;
    margin: 0;
    padding: 5px 0 0 0;
}
.wm_dir_popup h2 {
    font-size: 20px !important; font-size: 2.0rem !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}
.wm_dir_popup h4, .wm_dir_popup .dirinfo {
    font-size: 14px !important; font-size: 1.4rem !important;
    font-weight: normal !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.wm_dir_popup h4 {
    line-height: 20px; line-height: 2.0rem;
}
.wm_dir_popup .dirinfo_content {
    display: block;
}
.wm_dir_entry_full_text {
    clear: both;
    padding-right: 25px;
}

/***** Thermometer *****/
.wmThermometer {
    width: 130px;
    padding: 20px;
    font-size: 12px; font-size: 1.2rem;
    text-align: center;
}
.thermometer {
    position: relative;
}
.tOverlay {
    position: relative;
    z-index: 20;
}
.gauge {
    border-left: 10px solid #545454;
    padding-left: 5px;
    position: absolute;
    z-index: 10;
    bottom: 0px;
    text-align: right;
}
.wmThermometer .tOverlay {
    width: 87px;
    height: 170px;
    background: url("../img/gauge.gif") no-repeat bottom center;
    margin: 0px !important;
}
.wmThermometer .gauge {
    border-left: 22px solid #006633;
    bottom: 48px;
    left: 32px;
    padding-left: 15px;
    margin: 0 0 0 0;
}
.wmThermometer .thermometer {
    margin: 0 0 0 20px;
}
/***** Clubs and Orgs Nav *****/
.tinynav {
    display: inline-block;
}
.atoz_nav {
    font-size: 13px; font-size: 1.3rem;
    color: #222;
    line-height: 1.5em;
    border-bottom: 1px solid #333;
    margin-bottom:1.6em;
}
#atoz_ul{
    display:none;
    vertical-align: middle;
}
.atoz_label {
    vertical-align: middle;
    margin-right:4px;
}
#atoz_ul {
    list-style: none;
}
#atoz_ul li {
    display: inline-block;
}
#atoz_ul a {
    font-weight: bold;
    text-decoration: none;
}
.a_z_divider, #atoz_ul a {
    padding: 0 6px;
}
.lt-ie9 .a_z_divider, .lt-ie9 #atoz_ul a {
    padding: 0 5px;
}
.lt-ie8 .a_z_divider, .lt-ie8 #atoz_ul a {
    padding: 0 6px;
}
#atoz_ul li:first-child a {
    padding-left: 0px;
}
#atoz_ul li.is-first-child a {
    padding-left: 0px;
}
#atoz_ul a:hover {
    color: #000;
}
#wm_az_hide {
    display: none;
}

/**** Sidebar ****/
aside.default_extra + #sidebar {
    border-top: none;
}
#sidebar aside:last-child {
    border-bottom: none;
}
#sidebar aside.is-last-child {
    border-bottom: none;
}
#sidebar aside a {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
aside.widget {
    text-align: center;
}
aside.widget h4, aside.widget figcaption, aside.widget img, aside.widget.flexslider,
aside.widget #player, aside.widget iframe {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 0;
}
aside.widget figcaption, .user_content figcaption, .news_video figcaption,  {
    line-height: 1.5em;
    font-size: 11px; font-size: 1.1rem;
}
aside.video-widget figcaption {
    margin-top: 0px;
}
aside h4, #page_nav h4, footer h4 {
    padding: 0;
    margin: 0;
}
aside h4, #page_nav h4 {
    color: #3F4F58;
    text-transform: uppercase;
    font-size: 23px; font-size: 2.3rem;
    line-height: 23px; line-height: 2.3rem;
    overflow: hidden;
    white-space: nowrap;
    min-height: 34px;
}
aside figcaption {
    font-size: 11px; font-size: 1.1rem;
    line-height: 16px; line-height: 1.6rem;
    margin: 7px 0px;
    padding-bottom: 2px;
}
aside figcaption a {
    font-weight: bold;
}
aside .read-more-link {
    font-size: 11px; font-size: 1.1rem;
    font-weight: bold;
    text-align: right;
    display: block;
    line-height: 1.1em;
    margin-top: 4px;
}
aside .list-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 11px; font-size: 1.1rem;
    line-height: 16px; line-height: 1.6rem;
}
aside .list-items {
    padding-bottom: 5px;
}
aside.related_links .list-items, .list-items.related_links {
    font-size: 12px; font-size: 1.2rem;
}
aside .list-items li {
    padding: 8px 0;
}
aside.listbox .list-items li:first-child {
    padding-top: 0px;
}
aside.listbox .list-items li.is-first-child {
    padding-top: 0px;
}
ul.related_links li:first-child {
    padding-top: 8px !important;
}
ul.related_links li.is-first-child {
    padding-top: 8px !important;
}
aside .listing-link {
    font-weight: bold;
    font-size: 12px; font-size: 1.2rem;
}
aside .listing-author {
    padding: 3px 0 0;
}
aside .listing-date {
    font-weight: bold;
    padding: 3px 0 0;
}
aside .listing-desc {
    padding-top: 3px;
}
aside.related_links {
    min-height: auto;
}
aside.related_links ul, ul.related_links {
    list-style-type: none;
}
aside.related_links li a, ul.related_links li a {
    font-weight: bold;
}
aside.related_links a:hover, ul.related_links a:hover {
    text-decoration: underline;
}
aside.related_links ul, ul.related_links {
    margin: 0;
}
aside.related_links li, ul.related_links li {
    margin: 0;
    background-position: right 13px;
    padding: 8px 20px 5px 0;
}
aside.related_links li:first-of-type a, ul.related_links li:first-of-type a {
    margin-top: 10px;
}
/*** photo slider ***/
aside.widget.flexslider img {
    width: 240px !important;
}
aside.widget.flexslider {
    border: none !important;
    padding-left: 12px;
    padding-right: 12px;
}
aside.widget.flexslider + aside {
    border-top: 1px solid #BFC4C9;
    padding-top: 14px;
}
.flex-direction-nav {
    overflow: hidden;
    width: 264px;
    height: 40px;
    margin: 0 auto;
    position: absolute;
    top: 90px;
    left: 0;
}
/*** YouTube Embeds ***/
figure.yt-center {
    margin-left: auto !important;
    margin-right: auto !important;
}
figure.yt-left {
    float:left;
    margin-right: 10px;
}
figure.yt-right {
    float:right;
    margin-left: 10px;
}
figure.figure-sm {
    width: 100%;
    max-width:240px;
}
figure.figure-med {
    width: 100%;
    max-width:410px;
}
figure.figure-lg {
    width: 100%;
    max-width:693px;
}
.yt-sm {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    max-width: 240px;
}
.yt-med {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    max-width: 409px;
}
.yt-lg {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    max-width: 693px;
}
.yt-med iframe,
.yt-med object,
.yt-med embed,
.yt-lg iframe,
.yt-lg object,
.yt-lg embed {
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
}

/**** Embedded campus map ****/
.map_results li {
    padding-bottom: 5px;
}

/**** Footer ****/
footer {
    background: #bac8d5 url("../img/footer-bg.jpg") repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #8b98a1 0%, #bac8d5 3%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b98a1), color-stop(3%,#bac8d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8b98a1 0%,#bac8d5 3%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8b98a1 0%,#bac8d5 3%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8b98a1 0%,#bac8d5 3%); /* IE10+ */
	background: linear-gradient(to bottom, #8b98a1 0%,#bac8d5 3%); /* W3C */
}

footer a, footer a:visited, footer a:active, footer a:hover, footer a:link {
    color: #2573bc;
    text-decoration: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
footer a:hover {
    text-decoration: underline;
}
footer #links_resources {
    padding: 10% 10% 7%;
}
footer #links_resources a {
    text-transform: none;
    color: #353b35;
    line-height: 27px; line-height: 2.7rem;
    font-size: 12px; font-size: 1.2rem;
    font-weight: normal;
}
#links_resources h4 {
    font-size: 25px; font-size: 2.5rem;
    margin-bottom: 10px;
    color: #717D71;
}
footer #links_resources .column1, footer #links_resources .column2, footer #links_resources .column3 {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
footer #contact_info, footer #social_media {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 12px; font-size: 1.2rem;
        font-weight:normal;
        padding-left: 10%;
}
footer #social_media {
    padding: 1% 10%;
}
footer #social_media a {
    text-transform: uppercase;
}
footer #social_media .sm_spacer {
    letter-spacing: -3px;
}
footer #social_media a.blogs_link {
    background: none repeat scroll 0 0 #e7e7e7;
    color: #353B35;
    font-weight: normal;
    font-size: 18px;font-size: 1.8rem;
    font-family: "Rokkitt", Times, "Times New Roman",Serif;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 0;
    text-align: center;
    text-transform: none;
    width: 107px;
    margin: 0 4px 8px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.lt-ie8 footer #social_media a.blogs_link {
    display: block;
    float: left;
}
footer #social_media a.blogs_link:hover {
    text-decoration: none;
}
footer a.sm_icon {
    margin: 0 5px 8px 0;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/social_networks_sprite.png) no-repeat top left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1px;
}
footer a.sm_icon-facebook{ background-position: 0 -161px; width: 30px; height: 30px; } 
footer a.sm_icon-twitter{ background-position: 0 -925px; width: 30px; height: 30px; } 
footer a.sm_icon-youtube{ background-position: 0 -1086px; width: 30px; height: 30px; }
footer a.sm_icon-flickr{ background-position: 0 -322px; width: 30px; height: 30px; } 
footer a.sm_icon-linkedin{ background-position: 0 -684px; width: 30px; height: 30px; } 
footer a.sm_icon-instagram{ background-position: 0 -644px; width: 30px; height: 30px; }

footer #contact_info {
    line-height: 22px; line-height: 2.2rem;
    padding-bottom: 80px;
    padding-top: 22px;
}
footer #contact_info p {
    margin: 0 0 0 4px;
}
footer #contact_info a.law_link {
    color: #222;
}
footer #contact_info #print_mobile_links {
    padding-top: 23px;
}
.give-button {
    height: 23px;
    padding: 5px;
    line-height: 23px !important; line-height: 2.3rem !important;
    background: #282828;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    color: #e7e7e7 !important;
    font-size: 10px !important; font-size: 1.0rem !important;
    font-weight: normal !important;
    display: block;
    width: 135px;
    margin-top: 10px;
    font-family: libre_baskerville,Georgia !important;
}
#print_mobile_links a {
    font-weight: normal;
}
#print_button {
    display: none;
}
#bottom_mark {
    width: 176px;
    display: block;
    margin: 0 0 5px 0;
}
#bottom_mark img {
    width: 100%;
}

/*** subsite searchbox ***/
.searchbox_col {
    padding-bottom: 10px;
    vertical-align: top;
    background: #5B705B;
}
.searchbox_col .input-box {
    border: 1px solid #C8D1BC;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 10px; font-size:1.0rem;
    margin: 0;
    padding: 2px;
    vertical-align: top;
    width: 120px;
}
.searchbox_col #search_subsite_submit {
    background: url("../images/icons/go_button.png") no-repeat scroll left top transparent;
    border: medium none;
    height: 20px;
    margin-left: 3px;
    width: 20px;
    vertical-align:top;
}

/* A monospace style that can be applied to text spans or paragraphs */
.monospace {
    font-family: "Courier New",Courier,monospace;
}

/*Boxcopy Formatting */
.boxcopy-left {
     margin: 0 0 10px 10px;
     padding: 10px;
     float: left;
     border: 1px solid #b0b09b;
     font-size: 0.692em;
     width: 200px;
     background: #dadabf;
}
.boxcopy-left h1 {
     margin: 0;
     padding-bottom: 5px;
     font-weight: bold;
     font-size: 0.769em;
     line-height: 1.2em;
}
.boxcopy-left p {
     padding-bottom: 5px;
}
.boxcopy-right {
     margin: 0 0 10px 10px;
     padding: 10px;
     float: right;
     border: 1px solid #b0b09b;
     font-size: 0.692em;
     width: 200px;
     background: #dadabf;
}
.boxcopy-right h1 {
     margin: 0;
     padding-bottom: 5px;
     font-weight: bold;
     font-size: 0.769em;
     line-height: 1.2em;
}
.boxcopy-right p {
     padding-bottom: 5px;
}
/* End of box copy formatting */  

/* HTML listbox */
aside.listbox p {
    font-size: 1.1rem;
    line-height: 1.6rem;
}
aside.listbox h4+p {
    margin-top: 0;
} 
aside.listbox p a {
    text-decoration:underline;
}

aside.html .spacer10 {
    height: 15px;
}

/* SIDE MENU */
.side-menu {
    background: #BAC8D5;
    position: fixed;
    width: 269px;
    top: 80px;
    height: 100%;
    z-index: 1000;
    border-right: 1px solid #2573bc;
    -webkit-overflow-scrolling: touch;
    -webkit-perspective: 1000;
    -webkit-transition: left 350ms ease;
    -moz-transition: left 350ms ease;
    -o-transition: left 350ms ease;
    transition: left 350ms ease;
}
.side-menu ul, #side_search {
    width: 269px;
}
.side-menu a {
    color: #282828;
    margin-left: 22px;
}
.side-menu a:hover {
    text-decoration: none;
}
#side_search {
    background: #d4d5d6;
    padding: 23px 0 18px;
}
.form-wrapper input {
    width: 125px;
    height: 33px;
    padding: 0 12px;
    float: left;   
    color: #5C655B;
    font-size: 14px; font-size: 1.4rem;
    border: 0;
    background-color: #ffffff;
    vertical-align:middle;
    outline: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;   
}
.lt-ie9 .form-wrapper input {
    line-height: 33px;
}
#search_site input[type="text"] {
    background-color: #ffffff;
}
.form-wrapper input[type="submit"]{
    overflow: visible;
    position: relative;
    float: left;
    border: 0;
    padding: 0;
    margin-left: 0px;
    cursor: pointer;
    height: 33px;
    width: 36px;
    background: #2573bc;
    color: #ffffff;
    font-size: 16px; font-size: 1.6rem;   
    text-transform: uppercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;    
} 
.form-wrapper input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0;
}  
#side_search_site input[type="submit"]{
    background: #2573bc;
    color: #ffffff;
}
#side_search_site input[type="text"] {
    margin-left: 23px;
}
#mailing_list input[type="submit"] {
    margin-right: 0;
}
#mailing_list input[type="text"] {
	width: 180px;
}
.cf:before, .cf:after{
    content:"";
    display:table;
}
.cf:after{
    clear:both;
}
.cf{
    zoom:1;
}   
#side_tactical_nav li {
    height: 40px;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;font-size: 1.4rem;
    background: #d4d5d6;
    border-bottom: 1px solid #8B98A1;
}
#side_tactical_nav li.last-side-tactical {
    border-bottom: 1px solid #8B98A1;
}
#side_tactical_nav a {
    line-height: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#side_top_nav li {
    height: 60px;
    padding: 0;
    font-family: "RokkittBold",Times,"Times New Roman",Serif;
    font-size: 20px;font-size: 2.0rem;
    text-transform: uppercase;
    background: #bac8d5;
    border-bottom: 1px solid #8B98A1;
}
#side_top_nav a {
    line-height: 60px;
    padding-top: 11px;
    padding-bottom: 11px;
}
nav#side_tactical_nav ul a:hover, nav#side_tactical_nav ul a.active {
    border-bottom: 4px solid #2573bc;
    padding-bottom: 3px;
}
nav#side_top_nav ul a:hover, nav#side_top_nav ul a.active {
    border-bottom: 7px solid #2573bc;
    padding-bottom: 4px;
}
.menu-left {
    overflow-y: auto;
    overflow-x: hidden;
    left: -280px;
    -moz-box-shadow: 0px 7px 8px #000000;
    -webkit-box-shadow: 0px 7px 8px #000000;
    box-shadow: 0px 7px 8px #000000;
}
.menu-left.menu-open {
    left: 0;
}


/* --------------- SIDE MENU SCROLLBARS ---------- */
/* vertical scrollbar */
.mCSB_container{
    width:auto;
    margin-right:30px;
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}
/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
/*dark-thick theme*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/* custom overrides */
.mCSB_container {
    margin-right: 0px;
}
.side-menu a.mCSB_buttonUp, .side-menu a.mCSB_buttonDown {
    padding: 0;
}
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    background: none; /* for IE 8 */
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); /* for IE 8 */
    border-radius: 1px 1px 1px 1px;
    width: 4px;
}
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none; /* for IE 8 */
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); /* for IE 8 */
    border-radius: 2px 2px 2px 2px;
    width: 6px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: none; /* for IE 8 */
	background:rgba(0,0,0,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); /* for IE 8 */
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background: none; /* for IE 8 */
	background:rgba(0,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); /* for IE 8 */
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url("mCSB_buttons.png");
    background-repeat: no-repeat;
    opacity: 0.25;
    filter:"alpha(opacity=25)"; -ms-filter:"alpha(opacity=25)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.30;
	filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; /* old ie */
}


/* Twenty-twenty js plugin (before/after) */

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  /*.twentytwenty-before-label:before {
    content: "Before"; }*/

.twentytwenty-after-label {
  opacity: 0; }
  /*.twentytwenty-after-label:before {
    content: "After"; }*/

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  /*.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }*/

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }



/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border: none !important;
    }
    
    #logo_print_container, #logo_print {
        display: block !important;
    }
    
    #banner-title a {
        display: block;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }
    
    @page {
        margin: 1cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3, h4, h5, h6 {
        page-break-after: avoid;
    }
    
    /*** W&M Specific ***/
    nav, #topbar, #search, #banner, #quick_nav, #sidebar, #shareBar, footer {
        display: none;
    }
    #top_mark {
        display: none;
    }
    #print_mark {
        display: block;
        height: 25px;
    }
    #wm-photoset {
        max-width: none;
        height: auto !important;
        overflow: visible;
    }
    #wm-photoset li {
        padding: 15px 0 0 15px;
        position: relative;
    }
    #wm-photoset li img {
        width: 52%;
    }
    #wm-photo-nav #prev-photo, #wm-photo-nav #next-photo {
        display: none;
    }
    #wm-photoset .wmphotoset-caption {
        margin: 0;
        padding: 0;
        width: 45%;
        float: right;
    }
    .wm_dir_entry_item, .wm_dir_entry_item .dirinfo {
        overflow: none;
        width: auto;
        height: auto;
    }
    .wm_dir_entry_item .fancybox {
        display: none;
    }
    .wm_dir_entry_item a {
        color: #000 !important;
    }
    .grid_photo {
        display: none;
    }
    .wm_dir_entry_item .grid_full_info {
        display: block;
    }
    .tablespecial, .tablespecial2 {
        border-left: 1px solid #bbb !important;
        border-bottom: 1px solid #bbb !important;
    }
    .tablespecial tr, .tablespecial th, .tablespecial td,
    .tablespecial2 tr, .tablespecial2 th, .tablespecial2 td {
        border-right: 1px solid #bbb !important;
        border-top: 1px solid #bbb !important;
    }
    .tablespecial th, .tablespecial2 th {
        background-color: #eaeaea !important;
    }
}