/*
 * 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, .flex-caption 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;
}
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: #474714;
}
h2 {
    font-size: 24px; font-size: 2.3rem;
    line-height: 30px; line-height: 3.0rem;
    margin: 10px 0;
    color: #474714;
}
h3 {
    font-size: 22px; font-size: 2.2rem;
    font-weight: bold;
    margin: 8px 0;
    line-height: 32px; line-height: 3.2rem;
    color: #474714;
}
h4 {
    font-size: 20px; font-size: 2.0rem;
    line-height: 26px; line-height: 2.6rem;
    color: #474714;
    margin: 8px 0;
}
h5 {
    font-size: 18px; font-size: 1.8rem;
    line-height: 23px; line-height: 2.3rem;
    font-weight: bold;
    color: #474714;
    margin: 0 0 3px 0;
}
h6 {
    font-size: 15px; font-size: 1.5rem;
    line-height: 20px; line-height: 2.0rem;
    font-weight: bold;
    color: #474714;
    margin: 0;
}
#page_nav a, #links_resources a, aside, .dept_news_story_title, .user_content figcaption {
    text-decoration: none;
    color: #2f2f2f;
}
#page_nav a:hover, #links_resources a:hover {
    text-decoration: underline;
}
nav ul, #page_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#container {
    width: 100%;
    background: #e7e7e7;
    max-width: 940px;
    margin: 0 auto;
}

/**** Header ****/

#print_mark {
    display: none;
}
#topbar {
    height: 1077px;
    border-bottom: 3px solid #2573bc;
    text-align: center;
    line-height: 28px;
    position: fixed;
    top: -1000px;
    font-size: 26px;font-size: 2.6rem;
    white-space:nowrap;
    width: 100%;
    z-index: 800;
    background-color: rgba(231, 231, 231, 0.9);
    font-family: Georgia;
}
.lt-ie8 #topbar {
    height: 77px;
    top: 0; 
}
.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;
    font-family: "RokkittBold", "Rokkitt", "Rockwell" ,Times,"Times New Roman",Serif;
}
/* don't move to ie7.css - should not be applied to secondary pages */
.lt-ie8 nav#tactical_nav {
    padding-bottom: 0px;
}
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: 105px;
}
.lt-ie9 nav#top_nav {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb183A53,endColorstr=#bb183A53); 
    zoom: 1;
}
/* dont put in ie7 stylesheet- does not need to be applied to secondary pages */
.lt-ie8 nav#top_nav {
    position: relative;
}
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;
}
.lt-ie8 nav#top_nav li {
    display: inline;
    zoom: 1;
}
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;
}
.trans-pixel-box  {
display: none !important;
} 

/*** photo slider ***/
#container .flexslider {
    margin:0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

.home_slider .slides img {
    max-height: 622px;
}

/*** 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: 410px;
}
.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%;
}

/**** 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: 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%;
}

/*Boxcopy Formatting */
.boxcopy-left {
     margin: 0 0 10px 10px;
     padding: 10px;
     float: left;
     border: 1px solid #b0b09b;
     font-size: 0.692em;
     width: 200px;
     background: #ffffff;
}
.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: #ffffff;
}
.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;
}

/** Home Slideshow **/
#main-header {
	position: relative;
    border-bottom: 3px solid #fff;
    background: url("../img/slideshow_bg.jpg") no-repeat 0px 73px;
}
.home_slider {
    margin-top: 77px !important;
}
.home_slider, .home_slider ul, .home_slider .slides li {
    background-color: #ffffff;
}
.home_slider .flex-caption a {
    color: #222;
    font-size: 20px; font-size: 2.0rem;
    font-weight: normal;
}
.home_slider .flex-caption {
    padding: 25px 80px;
    height: 125px;
    max-height: 125px;
    overflow: hidden;
    background-color: #ffffff;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 12px; font-size: 1.2rem;
    line-height: 20px; line-height: 2.0rem;
}
.home_slider .flex-control-nav {
    bottom: 0px;
    background-color: #ffffff;
    padding: 10px 0px 3px 0px;
}
.lt-ie8 .home_slider .flex-control-nav {
	bottom: 10px;
}
.home_slider .flex-direction-nav a {
    bottom: 75px;
    top: inherit;
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    margin: 0;
    padding: 0;
    opacity: 1.0 !important;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    color: #e7e7e7;
    background: #e7e7e7 url('../img/slideshow_nav_arrows.jpg') no-repeat center;
    font-size: 1px;
}
.home_slider .flex-direction-nav a:before, .home_slider .flex-direction-nav a.flex-next:before {
    content: '';
    font-family: arial;
}
.home_slider .flex-direction-nav a.flex-prev {
    left: 15px;
    background-position: 0px 0px;
}
.home_slider .flex-direction-nav a.flex-next {
    right: 15px;
    background-position: -48px 0px;
}
.home_slider .flex-control-paging li a {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #e7e7e7;
}
.home_slider .flex-control-paging li a.flex-active, .home_slider .flex-control-paging li a:hover {
    background: #2573bc;
}
.flex-caption .home_caption a, .flex-caption .home_caption a:hover, .flex-caption .home_caption a:active {
   	color: #6f9333;
    font-weight: bold;
}
/* Blocks */
#blocks {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 20px 0px 40px 0px;
}
.home_block {
    background-color: #e7e7e7;
    width: 90%;
    line-height: 1.4em;
    overflow: hidden;
    position: relative;
    margin: 0 auto 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.home_block .block_content {
    padding: 18px;
    min-height: 225px;
}
#featuring .block_content {
    min-height: 136px !important;
    padding: 18px 18px 12px;
}
#slider_captions {
    display: none;
}
.home_block .flexslider {
    background-color: #ffffff;
    border: 0px;
    margin: 0px;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
.home_block .flexslider .flex-direction-nav {
    display:none !important;
}
.home_block .flex-control-nav {
    width: auto;
    top: -30px;
    right: 0px;
    height: 40px;
}

.home_block .flexslider .flex-control-nav li, .home_block .flexslider flex-control-paging li {
    margin:0px 2px 0px 2px;
}

.home_block .flex-control-nav li a {
    width: 15px;
    height: 15px;
    background: #bac8d5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.home_block .flex-control-nav li a.flex-active, .home_block .flex-control-nav li a:hover {
	background: #2573bc;
}


#featuring.home_block .flexslider{
    margin-right: 0;
    font-size: 12px;
    line-height: 1.2em;
    color: #2f4f2f;
}
#featuring_titles {
    padding: 0;
    margin: 0;
    min-height:40px;
}
#featuring_titles li {
    display: none;
}
#featuring_titles li.active_title {
    display: block;
}
#featuring .flexslider, #mailing_list {
	background-color: #BAC8D5;
}
#featuring .flexslider {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
}
#mailing_list {
	-webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	-webkit-border-top-right-radius: 0px !important;
}
#mailing_list h4 {
	text-transform: none !important;
	padding: 0 0 5px 0;
	color: #183a53;
	font-size: 22px; font-size: 2.2rem;
    font-family: rokkitt;
}
#mailing_list .block_content {
	min-height: inherit;
	height: 65px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#events.home_block {
    clear: both;
}
.home_block h4, .home_block h4 a {
    color: #222;
    font-family: "RokkittBold", "Rokkitt", Times, "Times New Roman", Serif;
    font-weight: normal;
    font-size: 20px; font-size: 2.0rem; 
    text-transform: uppercase!important;
    text-decoration: none;
}
.home_block h4 {
    margin: 0;
    padding: 7px 56px 7px 19px;
    line-height: 23px; line-height: 2.3rem;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-width: 200px;
    height: 26px;
}
.home_block .dot_nav {
    position: absolute;
    top: 0;
    right: 0;
}
.news_item, .news_item:hover, .news_item:active {
    display: block;
    font-family: Helvetica, arial, sans-serif;
    height: 84px;
    text-decoration: none;
    overflow-y: auto;
}
.news_item p {
    color: #343a34;
    margin: 0px 5px 0px 70px;
    padding: 0;
    font-size: 12px; font-size: 1.2rem; 
    position: relative;
    z-index: 10;
}
.lt-ie9.lt-ie8 .news_item p {
    margin-bottom: 0px;
}
.news_item img {
    /*height: 54px;*/
    width: 60px !important;
    float: left;
    position: relative;
    z-index: 5;
    margin-right: 10px;
    border: 3px solid #e0dfdf;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(221,221,221, 1);
	-moz-box-shadow:    0px 0px 3px 0px rgba(221,221,221, 1);
	box-shadow:         0px 0px 3px 0px rgba(221,221,221, 1);
}
.more_button {
    display: block;
    color: #343A34 !important;
    text-decoration: none !important;
    font-size: 13px; font-size: 1.3rem;
    font-weight: bold;
    font-variant: small-caps;
    position: absolute;
    bottom: 0;
    right: 0;
}
.more_button:hover, .more_button:active, .more_button:focus {
    text-decoration: underline !important;
}
.lt-ie9 #news .more_button {
    float: left;
    margin-left: 19px;
}
.lt-ie8 #news .more_button {
    float: none;
    margin-left: auto;
}
#events.home_block .event_item, #events.home_block .event_item:visited {
    clear: both;
    display: block;
    color: #343a34 !important;
    text-decoration: none !important;
}
#events.home_block .event_date {
    float: left;
    width: 35px;
    height: 35px;
    padding: 6px 8px 10px;
    text-align: center;
    text-transform: uppercase;
    line-height: 18px; line-height: 1.8rem;
    margin-bottom: 22px;
    border: 1px solid #2573bc;
    -webkit-border-radius: 39px; 
    -moz-border-radius: 39px; 
    border-radius: 39px;
    color: #ffffff;
    background-color: #2573bc; 
}
.lt-ie9 #events.home_block .event_date {
    width: 47px;
    height: 45px;
    padding:2px 0 0 0;
    margin-bottom: 10px;
    border: none;
}
#events.home_block .event_date .day {
    display: block;
    font-size: 22px; font-size: 2.2rem;
}
#events.home_block .event_date .month {
    font-size: 12px; font-size: 1.2rem;
}
#events.home_block .event_details {
    margin-left: 72px;
    font-size: 12px;font-size: 1.2rem;
    margin-bottom: 14px;
    color: #343a34;
    line-height: 1.5em;
}
#events.home_block .event_title {
    text-transform: uppercase;
    font-weight: bold;
}
.lt-ie9 #events.home_block .event_details{
    margin-left:60px;
    margin-bottom: 10px;
    font-size: 13px;
}
#events.home_block .event_details .event_title:hover {
    text-decoration: underline;
}
#events.home_block li .event_item:last-child .event_date, #events.home_block li .event_item:last-child .event_details {
    margin-bottom: 0px;
}
#events.home_block .event_desc, #events.home_block .event_time {
    font-size: 11px;font-size: 1.1rem;
}
#events.home_block .event_time {
    line-height: 1.6em;
    font-style: italic;
    color: #353B35;
}
#events .more_button {
    clear: both;
    margin-top: 15px;
}
.lt-ie8 .home_block {
    position: static;
}
#featuring.home_block figcaption, #featuring.home_block p {
    margin: 10px 0 0;
    color: #222;
    font-size: 12px; font-size: 1.2rem;
}
#featuring.home_block figcaption{
    margin-bottom: 8px;
    font-size: 12px;font-size:1.2rem;
    line-height: 1.5em;
}
#featuring.home_block figcaption a, #featuring.home_block p a {
    color: #2573bc;
    font-weight: bold;
    text-decoration: none;
}
#featuring.home_block figcaption a:hover, #featuring.home_block p a:hover {
    text-decoration: underline;
}

/* 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: 218px;
    border-radius: 4px;
}
.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.25);
    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.30);
    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 */
}

/*** Emergency Styling ***/
#em_info {
	width: 92%;
	padding: 2%;
	margin: 0px auto 15px;
	background: #ffffff;
	border: 2px solid #920e0e;
	min-height: 75px;
}
#em_info img {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
#em_info a {
    color: #cf1206 !important;
}
#em_info p {
    margin: 0.4em 0;
}
#em_info p:first-of-type {
    margin: 0.2em 0 0.4em 0;
}
#em_info h3 {
    line-height: 28px; line-height: 2.8rem;
	color: #920e0e !important;
	margin: 0 !important;
}
#emergency_info_container {
	position: relative;
	top: 80px;
	padding: 2% 0 1%;
    margin:0 auto;
    max-width:940px;
}

/* ==========================================================================
   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;
    }

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

}