/*   
 * CSS Purpose:  University System of Maryland - New Web Redesign
 * Created: 2014 
 * Author: Marcus Harrington
 * Website: http://www.usmd.edu
*/

html,
body {
    height: 100%;
    /*background: url(../images/background-1.jpg) repeat-y;*/
    /*background: #EEEEEE; /* Changed for the whole site was #EEEEEE due to ADA compliance -mh 6/1/15 */
    font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
}

body {
    font-size: 16px; /* was 15px, considering creeping this up to 16px to improve readibility 3/25/2025 -mh */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrapper {
    min-height: 100%;
    margin-bottom: -344px;
    /* equal to footer height */
    /*background-color: #ECECEC;  #E5E5E5; /*changed on 7/28/15 after getting rid of leather background -mh #F6F6E3; */
    /* background: #F0F0F0; this was it for a long time - changed 9/12/2025 mh  */
    background:#F6F6F6;

    /* new for logo */
    /* background: url('/images/backgrounds/white_leather.png') repeat; */
    /* background-size: cover; */
}

.wrapper:after {
    content: "";
    display: block;
    height: 344px;
    /* must be the same height as footer */
}

.footer {
    height: 344px;
    /* must be the same height as footer */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
    font-weight: 300;
    margin-top: 10px;
    /* added 8/24/15 -mh*/
}

h1 {
    text-align: center;
    font-weight: 600;
    /* bold; change from bold 2/2/18 -mh */
    /*background-color: #b0c4de;
	width: 900px; */
}

.home-page .welcome {
    /*Here's the home page section one -- mh*/
    background: none;
    /* changed from  #EEEEEE;  7/1/201/5 -mh */
    overflow: hidden;
    margin-bottom: 20px;
    /*30px -old */
    box-shadow: 0px;
    box-shadow: 0px 0px 0px #888888;
    padding: 20px;
    /*15px -old 5px*/
    padding-top: 8px;
    /* changed 12/3/15 -mh */
    background: #hhhhhh;
    /*   background-image:url('../images/box-usm.png'); */
    color: #000;
}

p {
    color: #000000;
    /* was --color: #444444; sb complained so now all black 8/2/16 mh*/
    font-size: 16px;
    /*new logo change was 13px */
}


/* Added for about page to not have ADA mishap - 5/29/15 -mh */

p.about {
    color: #767676;
    /*#444444 */
    font-size: 24px;
    text-align: center;
    /*font-family: 'open sans', arial, sans-serif;*/
}

p.number {
    font-size: 80px;
    display: inline;
    color: #AF272F;
    /*New Logo Change */
    font-weight: 600;
    font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
}

p.tagline {
    font-size: 34px;
    display: inline;
    vertical-align: 13px;
    font-weight: 700;
    margin-left: 20px;
    /*11/14/18 - mh  somehow spacing got screwed up */
    font-variant: small-caps;
    text-transform: capitalize;
    font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
}

p.tagline::first-letter {
    font-size: 200%;
    color: #8A2BE2;
}

p.home-bigger {
    /**Created for text on the side of Links -ADA compliance - 5/29/15 -mh */
    font-size: 20px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 300;
}

.quote-box {
    display: block;
    padding: 7px 11px;
    margin-left: 5px;
    margin-bottom: 0;
    width: 100%;
    margin-right: 10px;
    /* background: #F1FCE6;*/
    color: #bcbcbc;
    font-weight: 600;
    line-height: 17px;
    font-size: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.quote-box p {
    /*font-style: italic; */
    color: #3333333;
    font-size: 18px;
}

.quote-box p.speaker {
    /*font-style: italic; */
    color: black;
    font-size: 13px;
}

.quote-box .ref {
    font-size: 15px;
}

a {
    color: #AF272F;
    /*New Logo Change */
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.stats a {
    color: #000000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.stats a:hover {
    color: #b30000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

.btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}


/****Added 8/1/2016 for about usm button. deeper red to match home page **/

.btn-about {
    color: white;
    background-color: #AF272F;
    /*New Logo Change */
}

.btn-about:hover {
    color: black;
    background-color: #eee8aa;
}

.btn .fa {
    color: #fff;
    margin-right: 5px;
}

.btn .fa.fa-search {
    margin-right: 0;
    color: #ffc240;
}

.btn-theme {
    background: none;
    /*#FFC240; /*color change -mh */
    /* border: 1px solid #000; */
    /* border: 1px solid #6091ba; -mh */
    color: #000;
}

.btn-theme:hover {
    background: #cc0000;
    border: 1px solid #FFC240;
    color: #fff;
}

a.btn-cta,
.btn-cta {
    background: #ffcc00;
    color: #000;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.33;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ff0000;
    font-family: 'open sans', arial, sans-serif;
}

a.btn-cta:hover,
.btn-cta:hover {
    color: #fff;
    background: #AF272F;
    /*New Logo Change */
    border: 1px solid #ff0000;
}

a.btn-cta .fa,
.btn-cta .fa {
    margin-right: 10px;
    font-size: 20px;
    color: #fff;
}


/* New Buttoon for Profile */

a.btn-prof,
.btn-prof {
    background: #AF272F;
    /*New Logo Change */
    color: #fff;
    padding: 5px 5px;
    margin: 3px;
    font-size: 12px;
    line-height: 1.33;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #AF272F;
    /*New Logo Change */
    font-family: 'open sans', arial, sans-serif;
}

a.btn-prof:hover,
.btn-prof:hover {
    color: #fff;
    background: #AF272F;
    /*New Logo Change */
    border: 1px solid #ff0000;
}

a.btn-prof .fa,
.btn-prof .fa {
    margin-right: 10px;
    font-size: 20px;
    color: #fff;
}


/* End New Button for Profiles */

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control:focus {
    border-color: #b30000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

blockquote {
    font-size: 16px;
}

blockquote p {
    font-size: 16px;
    line-height: 1.5;
}

.RedDamask {
    background-color: #e27240;
}

.RedDamask:hover {
    background-color: #df622a;
}

.FireBush {
    background-color: #E28D40;
}

.FireBush:hover {
    background-color: #df802a;
}

.OliveDrab {
    background-color: #60A823;
}

.OliveDrab:hover {
    background-color: #54931f;
}

.Mojo {
    background-color: #C94139;
}

.Mojo:hover {
    background-color: #b73932;
}

.text-highlight {
    color: #27435a;
}

.highlight-border {
    border-color: #6091ba;
}

.read-more {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 13px;
    display: block;
}

.read-more .fa {
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.read-more:hover {
    text-decoration: none;
}

.carousel-fade .item {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.carousel-fade .item.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#topcontrol {
    background: #AF272F;
    /*New Logo Change */
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

#topcontrol:hover {
    background: #EAAA00;
    /*new logo change */
}

#topcontrol .fa {
    position: relative;
    top: 3px;
    font-size: 25px;
}

.row-end {
    margin-right: 0;
    padding-right: 0;
}

ul.custom-list-style li {
    list-style: none;
}

.date-label {
    background: #f5f5f5;
    display: inline-block;
    width: 40px;
    height: 50px;
    text-align: center;
    font-size: 13px;
}

.date-label .month {
    background: #6091ba;
    color: #fff;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.date-label .date-number {
    clear: left;
    display: block;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 500;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #6091ba;
    border-color: #6091ba;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #eef3f8;
    border-color: #a7c2d9;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.nav-tabs {
    border-bottom: none;
    position: relative;
    margin-bottom: -1px;
}

.tab-content {
    border: 1px solid #e8e8e8;
    padding: 15px;
    margin-bottom: 20px;
}

.nav>li>a {
    font-size: 13px;
}

.nav-tabs>li>a {
    border: 1px solid #e8e8e8;
    border-bottom: none;
    background: #f5f5f5;
    padding: 5px 15px;
    margin-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444444;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
}

.nav-tabs>li {
    margin-right: 2px;
}

.nav-tabs>li.active {
    border-top: 2px solid #af272f;
}

.nav-tabs>li.active a,
.nav-tabs>li.active a:hover,
.nav-tabs>li.active a:active,
.nav-tabs>li.active a:focus {
    border-bottom: 0;
    border-top: 0;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background: #f5f8fb;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: 1px solid #ebebeb;
}

.table>thead>tr>th {
    border-bottom: 2px solid #d9dbd9;
    color: #00000e;
}


/* border-bottom: 2px solid #a7c2d9;
  color: #365d7e; 10/3/16 -mh*/


}
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background: #f5f8fb;
}
.table-boxed,
.table-bordered {
    border: 1px solid #ebebeb;
}
.table.table-boxed>thead>tr>th {
    border-bottom: none;
    background: #6091ba;
    color: #fff;
}
.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.panel-group .panel .panel-heading {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.panel-group .panel .panel-heading .panel-title a {
    color: #6091ba;
}
.panel-group .panel .panel-heading .panel-title a:before {
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f146";
    margin-right: 5px;
}
.panel-group .panel .panel-heading .panel-title a.collapsed:before {
    content: "\f0fe";
}
.panel-group .panel .panel-body {
    font-size: 13px;
}
.panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.panel .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.panel .panel-heading h3.panel-title {
    font-weight: 500;
}
.panel .panel-heading .label {
    font-size: 10px;
}
.panel .panel-footer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.panel .panel-footer ul {
    margin-bottom: 0;
}
.panel .panel-footer ul.list-inline li {
    margin-bottom: 0;
}
.panel .panel-footer small {
    color: #999999;
}
.panel>.list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.panel-theme {
    border-color: #6091ba;
}
.panel-theme>.panel-heading,
.panel-theme>.panel-footer {
    color: #fff;
    background: #6091ba;
    border-color: #6091ba;
}
.no-margins {
    margin: 0;
}
.no-margin-left {
    margin-left: 0;
}
.no-margin-right {
    margin-right: 0;
}
.no-margin-top {
    margin-top: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.label.label-theme {
    background: #6091ba;
}
.label .fa {
    margin-right: 4px;
}
.label.label-icon-only .fa {
    margin-right: 0;
}
.badge.badge-theme {
    background: #6091ba;
}
.badge.badge-default {
    background: #999;
}
.badge.badge-primary {
    background: #428bca;
}
.badge.badge-success {
    background: #5cb85c;
}
.badge.badge-info {
    background: #5bc0de;
}
.badge.badge-info {
    background: #5bc0de;
}
.badge.badge-warning {
    background: #f0ad4e;
}
.badge.badge-danger {
    background: #cc0000;
}
.promo-badge {
    font-size: 20px;
    display: table;
}
.promo-badge a {
    color: #fff;
    display: table-cell;
    width: 135px;
    height: 135px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.promo-badge .percentage {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    position: relative;
    font-family: 'open sans', arial, sans-serif;
}
.promo-badge .percentage .off {
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: -15px;
}
.promo-badge .desc {
    font-size: 12px;
}
.progress-bar-theme {
    background: #6091ba;
}
.img-thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: #e8e8e8;
    margin-bottom: 15px;
}
#cboxLoadedContent,
#cboxContent {
    background: none;
}
.box {
    background: #f5f5f5;
    padding: 15px;
}
.box.box-border {
    border-left: 5px solid #6091ba;
}
.box.box-dark {
    background: #EEE8AA;
    /* was #ffcc66 -mh */
    
    color: #000;
}
.box.box-theme {
    background: #6091ba;
    color: #fff;
}
.box .date-label {
    background: #fff;
}
.social-icons {
    list-style: none;
    /* padding: 10px 0; */
    
    padding: 5px 0;
    margin-bottom: 0;
}
.social-icons li {
    float: left;
}
.social-icons li.row-end {
    margin-right: 0;
}

/*Adding this 1/29/2018 for accessibility skip to main content */
.social-icons a.skip {
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    /* text-decoration:underline; */
    
    color: #EAAA00;
    font-size: 11px;
    margin-right: 15px;
    float: left;
}
.social-icons a {
    display: inline-block;
    /*background: #000;-- don't want the black circle background on icons anymore -mh 6/23/2015 */
    /* width: 32px;
  height: 32px;*/
    
    text-align: center;
    padding-top: 3px;
    /* -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; */
    
    font-size: 18px;
    margin-right: 25px;
    float: left;
}
.social-icons a .fa {
    color: #fff;
}
.social-icons a .fa:before {
    font-size: 18px;
    text-align: center;
    padding: 0;
}

/* SimpleSharingButtons.com added 2/22/16 mh from the default */
<style type="text/css">.share-buttons {
    list-style: none;
}
.share-buttons li {
    display: inline;
    color: #b30000;
}
</style>/*End Sharing Buttons  */
.box2 {
    /* background: #f5f5f5; */
    
    padding: 0px;
}

/* Div made for the footer with institution logos - Updated more 6/18/2015 -mh */
.footinst {
    /* background-color: #EEE8AA;                 #FAFAD2 */
    /*border-top: solid 10px; */
    
    border-bottom: solid 10px;
    border-color: #AF272F;
    /*New Logo Change */
    
    padding: 20px;
}

/*****************************************************
/******Footer for logos switching to color **********
*****************************************************/
.bowie {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/BSU.png') left no-repeat;
    background-size: 88%;
}
.bowie:hover {
    background-image: url('/images/featured_institutions/new/BSU-Color.png');
}
.coppin {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/CSU.png') center no-repeat;
    background-size: 100%;
}
.coppin:hover {
    background-image: url('/images/featured_institutions/new/CSU-Color.png');
}
.frostburg {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/FSU.png') center no-repeat;
   /* background-size: 100%; -incorporate new background for new fsu logo mh 10/2/2023 */
   background-size: 90% 
}
.frostburg:hover {
    background-image: url('/images/featured_institutions/new/FSU-Color.png');
}
.salisbury {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/SU.png') left no-repeat;
    background-size: 90%;
}
.salisbury:hover {
    background-image: url('/images/featured_institutions/new/SU-Color.png');
}
.towson {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/TU.png') center no-repeat;
    background-size: 90%;
    /* Can finally change because Towson switched logos! was 60% because of the swoosh -mh 1/4/19 */
}
.towson:hover {
    background-image: url('/images/featured_institutions/new/TU-Color.png');
}
.umb {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMB.png') right no-repeat;
    background-size: 100%;
}
.umb:hover {
    background-image: url('/images/featured_institutions/new/UMB-Color.png');
}
.umbc {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMBC.png') left no-repeat;
    background-size: 80%;
}
.umbc:hover {
    background-image: url('/images/featured_institutions/new/UMBC-Color.png');
}
.umces {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMCES.png') center no-repeat;
    background-size: 80%;
}
.umces:hover {
    background-image: url('/images/featured_institutions/new/UMCES-Color.png');
}
.umcp {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMCP.png') center no-repeat;
    background-size: 100%;
}
.umcp:hover {
    background-image: url('/images/featured_institutions/new/UMCP-Color.png');
}
.umes {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMES.png') left no-repeat;
    background-size: 80%;
}
.umes:hover {
    background-image: url('/images/featured_institutions/new/UMES-Color.png');
}
.umuc {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMUC.png') center no-repeat;
    background-size: 90%;
}
.umuc:hover {
    background-image: url('/images/featured_institutions/new/UMUC-Color.png');
}
.umgc {
    /* margin-bottom: 10px;
   width: 160px;
   height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMGC.png') center no-repeat;
    background-size: 100%;
}
.umgc:hover {
    background-image: url('/images/featured_institutions/new/UMGC-Color.png');
}
.ub {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UOB.png') right no-repeat;
    background-size: 80%;
}
.ub:hover {
    background-image: url('/images/featured_institutions/new/UOB-Color.png');
}
.usmh {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/USMHG.png') center no-repeat;
    background-size: 80%;
}
.usmh:hover {
    background-image: url('/images/featured_institutions/new/USMHG-Color.png');
}
.umsg {
    /* margin-bottom: 10px;
 width: 160px;
 height:160px;*/
    
    width: 30%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/UMSG.png') center no-repeat;
    background-size: 90%;
}
.umsg:hover {
    background-image: url('/images/featured_institutions/new/UMSG-Color.png');
}
.usmsm {
    /* margin-bottom: 10px;
   width: 160px;
   height:160px;
    width: 75%; */
    
    width: 40%;
    height: 60px;
    margin-bottom: 1px;
    display: inline-block;
    background: transparent url('/images/featured_institutions/new/USMSM.png') center no-repeat;
    background-size: 80%;
}
.usmsm:hover {
    background-image: url('/images/featured_institutions/new/USMSM-Color.png');
}

/******************End Institution Footer Links ********************/
div .box-pic {
    /*padding-top: 10px; */
    /*background-image:url('../images/AboutUSMBar.png'); */
    /* background-image:url('../images/box-usm2.png'); */
    
    background-repeat: no-repeat;
    color: #000;
    height: 150px;
    /*height:45%; */
}
.box-pic p {
    width: 70%;
    height: 80%;
    position: relative;
    padding: 3% 6% 6% 5%;
    text-align: center;
    margin-right: auto;
    margin-left: 25%;
    font-size: 16px;
    
}
div .about-usm {
    /*margin-top: 25%; */
}

/* ======= Header ======= */
.header .top-bar {
    background: #333333;
}
.header .top-bar .search-form {
    padding: 5px 0;
    /* was 10px 0 -mh 6/18/15 want to make top bar smaller */
}
.header .top-bar .search-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.header .social-icons li.row-end {
    margin-right: 0;
}
.header .social-icons a {
    /* background: #000; -- don't want the black circle background on icons anymore -mh 6/23/2015 */
}
.header .social-icons a:hover {
    /*   background: #cc0000; #6091ba; -mh*/
}
.header .social-icons a:hover .fa {
    color: #EAAA00;
}
.header .social-icons a .fa {
    /*color : #FFC240; */
    /*	color : #EAAA00; /*new logo change 10/2 -mh */
    
    color: #af282f;
    /*font-size:30px !important; */
    /* -mh color: rgba(256, 256, 256, 0.4); */
}
.header .social-icons a .fa:before {
    font-size: 30px;
    text-align: center;
    padding: 0;
}
.header .header-main {
    padding: 10px 0;
    width: 100%;
    background-image: url('/images/header-background.jpg');
    /* was  background-image:url('../images/header-2.jpg'); */
    /* background: #ffcc00; */
}
.header h1.logo {
    margin-top: 0;
    margin-bottom: 5px;
}
.header .menu-top {
    list-style: none;
    margin: 0;
    text-align: right;
    float: right;
}
.header .menu-top li {
    list-style: none;
    float: left;
    font-size: 12px;
    /*new logo change - was 11px */
    /* font-family: 'open sans', arial, sans-serif; -- new logo chang */
}
.header .menu-top li:last-child a {
    padding-right: 0;
}
.header .menu-top li.divider a {
    border-right: 1px solid #c3c3c3;
}
.header .menu-top li a {
    display: inline-block;
    color: #494949;
    /* was #777777 changed for ADA contrast compliance 6/1/15 -mh */
    
    padding: 0px 10px;
}
.header .menu-top li a:hover {
    color: #cc0000;
    /* was  #6091ba; changed for ADA compliance 6/1/15 -mh */
}
.header .contact {
    font-size: 20px;
    /*font-family: 'open sans', arial, sans-serif;*/
    
    font-weight: 300;
    margin-top: 10px;
}
.header .contact p {
    float: left;
    font-weight: 600;
    /*mh update 12/16/15*/
    
    margin-bottom: 0;
}
.header .contact p.phone {
    margin-right: 30px;
}
.header .contact p a {
    color: #444444;
}
.header .contact .fa {
    color: #6091ba;
    margin-right: 8px;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.header .contact .fa.fa-phone {
    font-size: 22px;
    top: 2px;
}
.header .search-form {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header .search-form .form-control {
    width: 150px;
    /** was 260 px **/
    
    height: 27px;
    /** making search form smaller -mh */
    
    background: #333333;
    /* #f5f5f5 - big change -mh 7/9/15 */
    
    border: 0px;
    /*color: #ffffff; */
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.header .search-form .form-control::-webkit-input-placeholder {
    /* added 7/9/15 -mh */
    
    color: #fff;
    align: right;
}
.header .search-form .form-control:focus {
    background: #fff;
    width: 300px;
    border-color: #6091ba;
}

/* Added 7/16/15 -mh  to add a hover to the search so people know that it's a field */
.header .search-form input:hover {
    background: #fff;
    width: 300px;
    border-color: #6091ba;
}
.main-nav {
    background: #b30000;
    /*  background: #6091ba;  changed -mh*/
    
    margin-bottom: 0px;
    /*Changed from 30 px -mh */
}
.main-nav button {
    background: #27435a;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.main-nav button:focus {
    outline: none;
}
.main-nav button .icon-bar {
    background-color: #fff;
}
.main-nav .navbar-collapse {
    padding: 0;
}
.main-nav .nav .nav-item {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open sans', arial, sans-serif;
    z-index: 100;
}
.main-nav .nav .nav-item a {
    color: #dce7f0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.main-nav .nav .nav-item a:hover {
    background: #333333;
    color: #fff;
}
.main-nav .nav .nav-item.active {
    position: relative;
}
.main-nav .nav .nav-item.active>a {
    background: #333333;
    color: #fff;
}
.main-nav .nav .nav-item.active>a:before {
    content: "\f0d8";
    position: absolute;
    bottom: -8px;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
    display: block;
    font-size: 12px;
    width: 100%;
}
.main-nav .nav .nav-item.active>a.dropdown-toggle:before {
    display: none;
}
.main-nav .nav .nav-item.open a {
    background: #333333;
    color: #fff;
}
.main-nav .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 220px;
}
.main-nav .nav .nav-item .dropdown-menu a {
    border-bottom: 1px solid #000;
    padding: 8px 20px;
}
.main-nav .nav .nav-item .dropdown-menu a:hover {
    background: #000;
    color: #fff;
    padding-left: 24px;
}

/* ======= Footer ======= */
.footer {
    background-color: #474141;
    /* was #444444 but doesn't matter becuase image is loading, changed for ADA Compliance 6/1/2015 -mh */
    
    color: #fff;
}
.footer p {
    color: #dcdcdc;
}
.footer p.footer-top {
    /**Created for footer "headers" ADA compliance - 5/29/15 -mh */
    
    font-size: 20px;
    /*font-family: 'open sans', arial, sans-serif;*/
    
    font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
    /* new logo change 10/2/16 -mh */
    
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #EAAA00;
    /* new logo change */
}
.footer ul {
    padding-left: 0;
}
.footer li {
    list-style: none;
}
.footer h3 {
    margin-top: 0;
    margin-bottom: 20px;
}
.footer .footer-content {
    padding: 20px 0;
    /*Used to be 30 -mh */
    
    font-size: 14px;
    /* new logo change was 12px -mh */
    
    min-height: 300px;
    background: url(/images/FooterBack.png) rgb(71, 69, 64);
    /*added the rgb as a fallback color -mh 6/1/15 - fixed 24 contrast errors */
}
.footer .footer-content .footer-col .footer-col-inner {
    padding: 0 15px;
}
.footer .footer-content .footer-col .fa {
    margin-right: 10px;
    display: inline-block;
    color: #767676;
}
.footer .footer-content .footer-col .fa.fa-phone {
    font-size: 16px;
}
.footer .footer-content .footer-col li {
    margin-bottom: 10px;
    font-size: 14px;
    /*was 12 -new logo -mh */
}
.footer .footer-content .footer-col a {
    color: #dcdcdc;
}
.footer .footer-content .footer-col a:hover {
    color: #FAB03D;
    /* changed for ADA contrast compliance 6/1/15 -mh */
}
.footer .footer-content .adr {
    margin-bottom: 15px;
    /**was 30 **/
}
.footer .footer-content .adr .fa {
    font-size: 16px;
    margin-top: 2px;
}

/****Added in 4/22/16 for driving directions ****/
.footer .footer-content .car {
    margin-bottom: 15px;
}
.footer .footer-content .car .fa {
    font-size: 14px;
    margin-top: 2px;
}
.footer .footer-content .subscribe-form {
    padding: 0;
}
.footer .footer-content .subscribe-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.footer .footer-content .subscribe-form .form-control {
    width: 320px;
    background: #f5f5f5;
    border: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.footer .footer-content .subscribe-form .form-control:focus {
    background: #fff;
}
.footer .bottom-bar {
    background: #000; /* #2b2b2b; change -mh 1/24/2025 */ 
    padding: 5px 0;
}
.footer .bottom-bar .copyright {
    font-size: 13px;
    /* was 11px new logo */
    
    color: #dcdcdc;
    line-height: 3;
}
.footer .bottom-bar .copyright a:hover {
    color: #84aac9;
}
.footer .bottom-bar .social {
    margin: 0;
}
.footer .bottom-bar .social li {
    float: right;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 2;
}
.footer .bottom-bar .social li a {
    color: #a9a9a9;
    padding: 0 5px;
}
.footer .bottom-bar .social li a:hover {
    color: #FAB03D;
    /* was  #6091ba */
}

/* ======= FlexSlider ======= */
.flexslider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 0;
    margin-top: 30px;
}
.flexslider .flex-control-nav {
    bottom: -35px;
}
.flexslider .flex-control-paging li a {
    background: #a1a1a1;
}
.flexslider .flex-control-paging li a:hover {
    background: #6091ba;
}
.flexslider .flex-control-paging li a.flex-active {
    background: #6091ba;
}
.flexslider .slides li {
    position: relative;
}
.flexslider .slides .flex-caption {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    font-family: 'open sans', arial, sans-serif;
}
.flexslider .slides .flex-caption .main {
    display: inline-block;
    background: #6091ba;
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 18px;
    text-transform: uppercase;
}
.flexslider .slides .flex-caption .secondary {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
}
.flexslider .slides .promo-badge {
    position: absolute;
    right: 60px;
    top: 30px;
}

/* ======= Page ======= */
.page-wrapper .page-heading {
    margin-bottom: 10px;
    /*This was 30 before -mh */
    
    border-bottom: 1px solid #e8e8e8;
}
.page-wrapper .page-heading h1.heading-title {
    margin-top: 0;
    display: inline-block;
    font-size: 28px;
}
.page-wrapper .breadcrumbs {
    /* display: inline-block;*/
    
    color: #4c4c4c;
    /* was #787f8a changed for ADA Contrast compliance 6/1/15 - mh */
    
    ;
    /* Taking background out -mh 6/18/15, no need really  background: #eeeeee;  */
    
    font-size: 14px;
    /* was 16px - changed 8/22/16 */
    
    padding-top: 6px;
    /*changing to 6px from 10px */
}
.page-wrapper .breadcrumbs ul {
    /* padding-top: 10px; taken out 8/24/15 mh */
    
    margin: 0;
    padding-left: 0;
    /* added 8/24/15 mh */
}
.page-wrapper .breadcrumbs ul li {
    color: #ff0000;
    font-size: 12px;
    float: left;
    list-style: none;
    display: inline-block;
}
.page-wrapper .breadcrumbs ul li a {
    display: inline-block;
    padding: 0 5px;
    color: #AF272F;
    /* #aaaaaa; still causing contrast errors for some reason, changed 12/10/18 -mh */
}
.page-wrapper .breadcrumbs ul li a:hover {
    color: #ffcc00;
}
.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
    padding-right: 0;
    color: #aaaaaa;
}
.page-wrapper .breadcrumbs ul li.current {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-wrapper .breadcrumbs ul li .fa {
    margin-right: 3px;
    /*change from 5 to 3 mh 3/18/18 */
    /*  color: #aaaaaa; take out */
}
.page-wrapper ul li {
    margin-bottom: 5px;
}
.page-wrapper ul li .fa {
    margin-right: 5px;
    color: #AF272F;
    /*New Logo Change */
    /* was ff0000 mh 2/23/16 */
}
.page-wrapper ul li .fa:hover {
    color: #ffcc00;
}
.page-wrapper ul li.list-group-item {
    margin-bottom: -1px;
}
.page-wrapper ul.nav li {
    margin-bottom: 0;
}
.page-wrapper ul.social-icons li .fa {
    margin-right: 0;
    color: #fff;
}
.page-wrapper ol li {
    margin-bottom: 5px;
}
.page-wrapper dl dd {
    margin-bottom: 5px;
}
.page-wrapper .page-content .page-row {
    /*putting these back in -mh 8/26/15 */
    
    background: white;
    box-shadow: 1px 1px 1px 1px #D6CCCC;
    border-radius: 5px; /* mh 9/19/25 */
    /* margin-bottom: 30px;*/
    /*padding-bottom: 15px; */
    /*box-shadow: 5px 5px 5px #888888;*/
}
.page-wrapper .page-content h1 {
    font-size: 26px;
    font-weight: 600;
    /* bold; change from bold 2/2/18 -mh */
}
.page-wrapper .page-content h2 {
    font-size: 20px;
    font-weight: 600;
    /* bold; change from bold 2/2/18 -mh */
}
.page-wrapper .page-content h3 {
    font-size: 18px;
    font-weight: 600;
    /* bold; change from bold 2/2/18 -mh */
}
.page-wrapper .page-content h4 {
    font-size: 16px;
    font-weight: 600;
    /* bold; change from bold 2/2/18 -mh */
}
.page-wrapper .page-content h5 {
    font-size: 14px;
    font-weight: 600;
    /* bold; change from bold 2/2/18 -mh */
}
.page-wrapper .page-content h6 {
    font-size: 12px;
    font-weight: normal;
}
.page-wrapper .page-content .title {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
}
.page-wrapper .page-content .page-row {
    margin-bottom: 30px;
}
.page-wrapper .page-content .custom-quote {
    border-color: #FFC240;
}
.page-wrapper .page-content .custom-quote p {
    font-size: 14px;
    color: #777777;
    line-height: 1.5;
}
.page-wrapper .page-content .custom-quote .fa {
    color: #6091ba;
    margin-right: 10px;
}
.page-wrapper .page-content .custom-quote .people {
    margin-top: 10px;
    font-size: 11px;
    color: #444444;
    font-style: normal;
}
.page-wrapper .page-content .custom-quote .people .name {
    color: #6091ba;
}
.page-wrapper .page-content .has-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding-bottom: 15px;
}
.page-wrapper .page-content .has-divider-solid {
    border-bottom: 1px solid #e8e8e8;
}
.page-wrapper .page-content .row-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0;
}
.page-wrapper .page-content .even-row {
    background: #f5f5f5;
}
.page-wrapper .page-content .read-more.btn {
    margin-bottom: 15px;
    display: inline-block;
}
.page-wrapper .page-content .panel-title {
    font-size: 16px;
    font-weight: 300;
}
.page-wrapper .page-content .video-iframe {
    max-width: 100%;
}
.page-wrapper .page-content .album-cover {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
}
.page-wrapper .page-content .album-cover:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
    -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.page-wrapper .page-content .album-cover>a:hover {
    position: relative;
}
.page-wrapper .page-content .album-cover>a:hover img {
    display: block;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.page-wrapper .page-content .album-cover .desc {
    padding: 15px;
    position: relative;
}
.page-wrapper .page-content .album-cover .desc:before {
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
}
.page-wrapper .page-content .prettyphoto:hover img {
    -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
    -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.page-wrapper .page-sidebar h3.title {
    margin-top: 0;
    margin-bottom: 15px;
    /*Below changes -mh */
    
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    /*background: url(../images/MDHeadBack.png);*/
    /* height: 40px; */
    
    color: white;
    background: #cc0000;
}

/*** Adding a new one for a more descriptive name of the title and upgraded functionality 8/26/15 -mh Side menu upgrade ..updated 6/12/17 for h2 header (accessibility)***/
.page-wrapper .page-sidebar h2.menuhead {
    margin-top: 0px;
    font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
    /* was  Helvetica; 10/2/16 -mh */
    
    font-weight: 500;
    /* bold; change from bold 2/2/18 -mh */
    
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 24px;
    color: white;
    background: #333333;
}
.page-wrapper .page-sidebar {
    /*background: #ffc240; */
    
    padding: 0px;
    /* 8/26/15 added -mh */
}
.page-wrapper .page-sidebar .widget {
    margin-bottom: 30px;
    margin-left: 5px;
    padding-bottom: 0px;
    /* was 10px; 8/26/15 -mh */
    
    background: #F6FDD6;
    /* soften the side menu color 8/26/15 -mh #FAFAD2; 
/* box-shadow: 1px 1px 1px #888888; -mh 8/26/15 no longer want shadow */
}
.page-wrapper .page-sidebar .widget.has-divider {
    border-bottom: 1px dotted #e8e8e8;
}
.page-wrapper .page-sidebar .widget .iframe {
    height: auto;
    min-height: 200px;
    max-width: 100%;
}
.page-wrapper .page-sidebar .widget .fa {
    margin-right: 5px;
    color: #ff0000;
}
.page-wrapper .page-sidebar .widget .fa.fa-phone {
    font-size: 16px;
}
.page-wrapper .page-sidebar .widget .btn .fa {
    color: #fff;
}
.page-wrapper .page-sidebar .widget .nav {
    font-size: 16px;
}
.page-wrapper .page-sidebar .widget .nav li a {
    /* All Update 8/26/15 -mh */
    
    color: #333333;
    /* border-bottom: 1px solid #CFEDAF;*/
    
    border-top: 1px solid #D0EDC2;
    font-size: 16px;
    /* new log change - 10/2/16 was 14px; */
    
    padding: 5px;
    /* margin-bottom: 5px; */
    
    border-left: 5px solid transparent;
}
.page-wrapper .page-sidebar .widget .nav li a:hover {
    background: #AF272F;
    /*New Logo Change */
    /* was #cc0000; 8/26/15 -mh */
    
    color: #ffffff;
}
.page-wrapper .page-sidebar .widget .nav li.active a {
    background: none;
    color: #6091ba;
    font-weight: bold;
    border-left: 5px solid #6091ba;
}

/*Inserted for Sub Nav -mh */
.page-wrapper .page-sidebar .widget .sub_div {
    background-color:
    /* #e6fad2*/
    
    #ffffff;
    ;
    border-left: solid #AF272F;
    /*New Logo Change */
}
.page-wrapper .page-sidebar .widget .sub_nav {
    background-color: #ffffhf;
    padding-left: 10%;
    width: 100%;
    font-size: 14px;
    /* was 12px */
    
    display: table;
    margin: 0;
    padding-bottom: 0;
    table-layout: fixed;
    /* optional */
}
.page-wrapper .page-sidebar .widget .sub_nav li {
    width: auto;
}
.page-wrapper .page-sidebar .widget .sub_nav li a {
    display: block;
    padding-left: 15%;
    /*background-color:#ffffff; */
    
    color: #AF272F;
    /*New Logo Change */
    /* was #444444; */
    
    padding: 5px;
}
.page-wrapper .page-sidebar .widget .sub_nav li a:hover {
    background: #AF272F;
    /*New Logo Change */
    
    color: #ffffff;
    border-left: 5px solid #EAA000;
    /*new logo change */
}
.page-wrapper .page-sidebar .widget .sub_nav li.active a {
    background: none;
    color: #6091ba;
    font-weight: bold;
    border-left: 5px solid #6091ba;
}
.page-wrapper .page-sidebar ul {
    padding-left: 0;
}
.page-wrapper .page-sidebar #flickr-photos li {
    list-style: none;
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}
.page-wrapper .page-sidebar #flickr-photos li img {
    max-width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.page-wrapper .page-sidebar #flickr-photos li img:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.page-wrapper .page-sidebar .news-item {
    margin-bottom: 15px;
}
.page-wrapper .page-sidebar .news-item img {
    width: 40px;
    height: 40px;
}
.page-wrapper .page-sidebar .news-item .title {
    font-size: 14px;
    margin-top: 0;
}
.page-wrapper .page-sidebar .institutions-carousel {
    position: relative;
}
.page-wrapper .page-sidebar .institutions-carousel .fa {
    color: #ff000;
    margin-right: 5px;
    font-size: 18px;
}
.page-wrapper .page-sidebar .institutions-carousel .carousel .item {
    min-height: 300px;
}
.page-wrapper .page-sidebar .institutions-carousel .people {
    margin-top: 10px;
}
.page-wrapper .page-sidebar .institutions-carousel .people .name {
    color: #6091ba;
}
.page-wrapper .page-sidebar .institutions-carousel .people .title {
    color: #999;
}
.page-wrapper .page-sidebar .institutions-carousel .carousel-controls {
    margin-top: 20px;
    text-align: right;
}
.page-wrapper .page-sidebar .institutions-carousel .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #dddddd;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}
.page-wrapper .page-sidebar .institutions-carousel .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}
.page-wrapper .page-sidebar .institutions-carousel .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}
.page-wrapper .page-sidebar .institutions-carousel .carousel-controls a:hover .fa {
    background: #6091ba;
}

/* ======= Configure Style ======= */
.config-wrapper {
    position: absolute;
    top: 100px;
    right: 0;
}
.config-wrapper-inner {
    position: relative;
}
.config-trigger {
    display: block;
    position: absolute;
    left: -36px;
    width: 36px;
    height: 36px;
    background: #444444;
    color: #fff;
    text-align: center;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.config-trigger:hover {
    background: #000;
}
.config-trigger .fa {
    font-size: 22px;
    padding-top: 8px;
    display: block;
    color: #fff;
}
.config-panel {
    display: none;
    background: #444444;
    color: #fff;
    padding: 15px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.config-panel p {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    color: #fff;
}
.config-panel ul {
    margin-bottom: 0;
}
.config-panel li a {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
}
.config-panel li a:hover {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 2px solid rgba(256, 256, 256, 0.8);
}
.config-panel li.active a {
    border: 2px solid #fff;
}
.config-panel li.default a {
    background: #6091ba;
}
.config-panel li.green a {
    background: #57a89a;
}
.config-panel li.purple a {
    background: #6f7a9f;
}
.config-panel li.red a {
    background: #a85770;
}
.config-panel .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
}
.config-panel .close .fa {
    color: #fff;
}
.ie8 .footer .footer-content {
    min-height: 280px;
}
.ie8 .navbar-nav {
    position: relative;
    z-index: 100;
}

/* ======= Home Page ======= */
.home-page h1.section-heading {
    font-size: 26px;
    font-weight: 400;
    /* changed was 300 6/24/15 -mh */
    
    line-height: 1.5;
    /*was 2 7/8/15 -mh */
    
    margin-top: 0;
    color: #AF272F;
    /*New Logo Change */
    /* changed was #ff0000 6/24/15 -mh*/
}
.home-page h1.section-heading .line {
    border-top: 3px solid #AF272F;
    /*New Logo Change */
    /*border-image:url('http://marcus.usmd.edu/images/redesign_mh/MDLine.png') 40 40 ; */
    
    border-width: 3px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    display: inline-block;
    padding: 0 15px;
    padding-top: 6px;
    /* changed from 5px 6/24/15 -mh */
}
.home-page h1.section-heading a:hover {
    color: #FFC240;
}
.home-page section {
    /*Here's the home page section one -- mh*/
    
    background: #ffffff;
    /*was #f5f5f5 -mh 7/9/15 */
    
    overflow: hidden;
    margin-bottom: 25px;
    /* taken out 8/26/15 box-shadow: 1px 1px 1px #D6CCCC; /* was #888888 -mh */
}
.home-page .section-content {
    padding: 15px;
    padding-top: 0;
}
.home-page .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    /*1/29/18 change - for accessibility, make the backround darker -mh 
  background: #dddddd; */
    
    background: #6a6666;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}
.home-page .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}
.home-page .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}
.home-page .carousel-controls a:hover .fa {
    background: #ff0000;
}
.home-page .promo {
    margin-bottom: 30px;
}
.home-page .promo h1.section-heading {
    margin-top: 0;
    font-size: 24px;
    color: #fff;
}
.home-page .promo p {
    color: #f5f5f5;
}
.home-page .promo .btn-cta {
    font-size: 20px;
    margin-top: 30px;
    font-family: 'Open Sans', arial, sans-serif;
}
.home-page .news {
    position: relative;
}
.home-page .news .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}
.home-page .news h2.title {
    font-size: 16px;
    margin-top: 0;
    font-weight: 500;
    /* was bold -mh 7/8/2015 */
}
.home-page .news h2.title a {
    color: #000000;
    /* was #444444 -mh 7/8/15 */
}
.home-page .news h2.title a:hover {
    color: #ff0000;
}
.home-page .news .news-item {
    /* padding-left: 115px; -taken out mh 7/8/2015 to accomadate image being gone */
    
    position: relative;
    margin-bottom: 0px;
    /* was 20 px --mh */
}
.home-page .news .thumb {
    position: absolute;
    left: 0;
    top: 0;
}
.home-page .events .section-content {
    min-height: 520px;
}
.home-page .events .event-item {
    position: relative;
    padding-left: 55px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}
.home-page .events .event-item .date-label {
    background: #fff;
    position: absolute;
    left: 0;
}
.home-page .events .event-item h2.title {
    margin-bottom: 20px;
    font-size: 16px;
}
.home-page .events .event-item p {
    margin-bottom: 5px;
}
.home-page .events .event-item .fa {
    margin-right: 5px;
    font-size: 14px;
    min-width: 16px;
    color: #666;
}
.home-page .events .event-item .fa.fa-map-marker {
    font-size: 18px;
}
.home-page .events .read-more {
    margin-top: 15px;
}
.home-page .events .details p {
    color: #666;
}
.home-page .course-finder .course-finder-form {
    margin-bottom: 15px;
}
.home-page .course-finder .keywords {
    padding-left: 0;
}
.home-page .course-finder .keywords input {
    width: 200px;
    margin-right: 5px;
}
.home-page .video {
    position: relative;
}
.home-page .video .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}
.home-page .video .video-iframe {
    max-width: 100%;
    width: 100%;
    height: 287px;
    margin-bottom: 5px;
}
.home-page .links .fa {
    margin-right: 5px;
}
.home-page .institutions {
    position: relative;
}
.home-page .institutions .carousel-controls {
    position: absolute;
    right: 10px;
    top: 7px;
    /* was 10px but needed some spacde between the arrows and text -mh */
}
.home-page .institutions .fa {
    color: #AF272F;
    /*New Logo Change */
    
    margin-right: 5px;
    font-size: 18px;
}
.home-page .institutions .carousel .item {
    min-height: 298px;
}
.home-page .institutions .people {
    margin-top: 10px;
}
.home-page .institutions .people .name {
    color: #6091ba;
}
.home-page .institutions .people .title {
    color: #999;
}

/******************Contributors carousel (Way2Go, CAI, etc)******************************/
.home-page .contributors {
    position: relative;
    background-color: #ECECEC;
    /* changed 10/2/15 */
    
    padding: 0px;
}
.home-page .contributors .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
    /* was 10px but needed some spacde between the arrows and text -mh */
}
.home-page .contributors .fa {
    color: #ff0000;
    margin-right: 5px;
    font-size: 18px;
}
.home-page .contributors .carousel .item {
    /* min-height: 298px; */
}
.home-page .contributors .people {
    margin-top: 10px;
}
.home-page .contributors .people .name {
    color: #6091ba;
}
.home-page .contributors.people .title {
    color: #999;
}
.page-wrapper .page-sidebar .contributors-carousel {
    position: relative;
}
.page-wrapper .page-sidebar .contributors-carousel .fa {
    color: #ff000;
    margin-right: 5px;
    font-size: 18px;
}
.page-wrapper .page-sidebar .contributors-carousel .carousel .item {
    min-height: 300px;
}
.page-wrapper .page-sidebar .contributors-carousel.people {
    margin-top: 10px;
}
.page-wrapper .page-sidebar .contributors-carousel.people .name {
    color: #6091ba;
}
.page-wrapper .page-sidebar .contributors-carousel .people .title {
    color: #999;
}
.page-wrapper .page-sidebar .contributors-carousel .carousel-controls {
    margin-top: 20px;
    text-align: right;
}
.page-wrapper .page-sidebar .contributors-carousel .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #dddddd;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}
.page-wrapper .page-sidebar .contributors-carousel .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}
.page-wrapper .page-sidebar .contributors-carousel .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}
.page-wrapper .page-sidebar .contributors-carousel .carousel-controls a:hover .fa {
    background: #6091ba;
}

/*****************End contributors carousel*********************************/
.home-page .awards {
    background: #fff;
}
.home-page .awards .logos {
    margin: 0;
    padding: 0;
}
.home-page .awards .logos li {
    list-style: none;
    margin-right: 0;
    text-align: center;
}
.home-page .awards .logos li img {
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    margin: 0 auto;
}
.home-page .awards .logos li img:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.home-page .awards .carousel-control {
    background: none;
    width: auto;
    top: 20px;
    text-shadow: none;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.home-page .awards .carousel-control .fa {
    color: #e8e8e8;
    font-weight: bold;
}
.home-page .awards .carousel-control:hover .fa {
    color: #999;
}

/* ======= Courses Page ======= */
.courses-wrapper .tab-content {
    font-size: 12px;
}
.courses-wrapper .tab-content .item {
    margin-top: 15px;
}
.courses-wrapper .tab-content img {
    margin-bottom: 10px;
}
.courses-wrapper .course-finder {
    margin-bottom: 30px;
}
.courses-wrapper .course-finder .keywords input {
    width: 260px;
}
.courses-wrapper .course-list-header {
    font-size: 13px;
    margin-bottom: 15px;
}
.courses-wrapper .course-list-header .summary {
    padding-top: 10px;
}
.courses-wrapper .course-list-header .control-label {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
    line-height: 2;
}
.courses-wrapper .course-list-header .sort {
    padding-top: 5px;
}
.courses-wrapper .course-list-header .sort-options {
    width: auto;
    height: 25px;
    font-size: 12px;
}
.courses-wrapper .course-item {
    font-size: 12px;
}
.courses-wrapper .course-item .col-meta {
    color: #777777;
}

/* ======= Events Page ======= */
.events-wrapper .events-item .date-label {
    background: #f5f5f5;
}
.events-wrapper .events-item .details .time {
    margin-right: 10px;
}
.events-wrapper .events-item .details .fa {
    margin-right: 5px;
}

/* ======= Contact Page ======= */
.contact-form .required {
    color: #e14b39;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
}
#map {
    height: 300px;
}
#map,
#map *,
#map *:before,
#map *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#map,
#map *,
#map *:before,
#map *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .wrapper {
        min-height: inherit;
        margin-bottom: 0;
    }
    
    .wrapper:after {
        content: none;
    }
    
    .footer {
        height: auto;
    }
    
    .pull-right,
    .pull-left {
        float: none !important;
    }
    
    .logo {
        text-align: center;
    }
    
    .header .contact p {
        text-align: center;
        margin-right: 0;
        margin-bottom: 5px;
        float: none;
    }
    
    .header .menu-top {
        text-align: center;
        margin-top: 10px;
    }
    
    .header .menu-top li {
        float: none;
        display: inline-block;
    }
    
    .header br {
        display: none;
    }
    
    .header .social-icons {
        text-align: center;
        margin: 0 auto;
    }
    
    .header .social-icons li {
        float: none;
        display: inline-block;
    }
    
    .main-nav .navbar-collapse {
        padding-left: 15px;
        padding-right: 15px;
        border-top: 0;
        -webkit-box-shadow: 0;
        -moz-box-shadow: 0;
        box-shadow: 0;
    }
    
    .navbar-nav {
        margin-top: 0;
    }
    
    .header .search-form {
        text-align: center;
    }
    
    .header .search-form .form-group {
        display: inline-block;
    }
    
    .header .search-form .form-control {
        width: 210px;
    }
    
    .main-nav .nav .nav-item.active>a:before {
        content: none;
    }
    
    .flexslider {
        margin-bottom: 15px;
    }
    
    .flex-direction-nav a {
        margin-top: -50px;
    }
    
    .flexslider .slides .flex-caption {
        position: static;
        display: block;
    }
    
    .flexslider .slides .flex-caption br {
        display: none;
    }
    
    .flexslider .slides .flex-caption .main {
        font-size: 13px;
        display: block;
        margin-bottom: 0;
    }
    
    .flexslider .slides .flex-caption .secondary {
        display: block;
        font-size: 12px;
    }
    
    .flexslider .flex-control-nav {
        display: none;
    }
    
    .home-page .promo .btn-cta {
        margin-top: 0;
    }
    
    .home-page .news .thumb {
        width: 60px;
        height: 60px;
    }
    
    .home-page .news .news-item {
        /* padding-left: 75px; -- don't need this on mobile */
    }
    
    .home-page .course-finder .keywords {
        padding-left: 15px;
        margin-top: 10px;
    }
    
    .home-page .course-finder .keywords input {
        width: 180px;
    }
    
    .home-page .video .video-iframe {
        height: auto;
    }
    
    .home-page .institutions .carousel .item {
        min-height: inherit;
    }
    
    .home-page .events .section-content {
        min-height: inherit;
    }
    
    .home-page .awards .carousel-control {
        top: 50px;
    }
    
    .footer .footer-content .subscribe-form .form-control {
        width: 140px;
    }
    
    .footer #tweet .tweets-list-container {
        max-width: 100%;
    }
    
    .footer .bottom-bar .social li {
        float: left;
    }
    
    .footer-col-inner {
        margin-bottom: 10px;
        /*was 30 -mh */
    }
    
    .footer #tweet {
        min-height: inherit;
    }
    
    .footer .footer-content .footer-col .fa-twitter {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .page-wrapper .page-heading h1.heading-title {
        float: none;
        text-align: center;
        display: block;
    }
    
    .page-wrapper .breadcrumbs {
        text-align: center;
        display: block;
    }
    
    .page-wrapper .breadcrumbs ul {
        padding-top: 0;
        padding-left: 0;
        margin: 0 auto;
    }
    
    .page-wrapper .breadcrumbs ul li {
        float: none;
        display: inline-block;
    }
    
    .page-wrapper .breadcrumbs ul li.current {
        max-width: inherit;
        overflow: visible;
    }
    
    .home-page .course-finder .keywords input {
        float: left !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .wrapper {
        min-height: inherit;
        margin-bottom: 0;
    }
    
    .wrapper:after {
        content: none;
    }
    
    .footer {
        height: auto;
        background: url(../images/FooterBack.png);
    }
    
    .footer .bottom-bar .social li {
        float: left;
    }
    
    .footer-col-inner {
        margin-bottom: 15px;
    }
    
    .home-page .institutions .carousel .item {
        min-height: inherit;
    }
    
    .home-page .events .section-content {
        min-height: inherit;
    }
    
    .footer #tweet {
        min-height: inherit;
    }
    
    .page-wrapper .album-cover {
        min-height: 360px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .home-page .institutions .carousel .item {
        min-height: 298px;
    }
    
    .home-page .events .section-content {
        min-height: 520px;
    }
    
    .home-page .video .video-iframe {
        height: 287px;
    }
    
    .footer .bottom-bar .social li {
        float: right;
    }
    
    .footer #tweet {
        min-height: 100px;
    }
    
    .page-wrapper .album-cover {
        min-height: 360px;
    }
    /* Sticky Footer */
    
    html,
    body {
        height: 100%;
    }
    
    body {
        font-size: 16px;/* was 15px, considering creeping this up to 16px to improve readibility 3/25/2025 -mh */
        /* was 13 new logo change 9/30/16 */
    }
    
    .wrapper {
        min-height: 100%;
        margin-bottom: -344px;
        /* equal to footer height */
    }
    
    .wrapper:after {
        content: "";
        display: block;
        height: 344px;
        /* must be the same height as footer */
    }
    
    .footer {
        height: 344px;
        /* must be the same height as footer */
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .home-page .course-finder .keywords input {
        width: 255px;
    }
}

/******Below is for the new slider 6/26/15 -mh *******/
#bannerBg {
    background: url(/_site/mh/NewSlider/preview_images/responsive/opportuneResponsive.jpg) center top no-repeat;
}
#containingDiv {
    width: 960px;
    margin: 0 auto;
    padding: 25px 0 0 0;
}
#bottomText {
    width: 100%;
    font: 18px 'Lato', sans-serif;
    color: #333333;
    border-top: 1px solid #cccccc;
    padding: 10px 0 0 0;
    margin-top: 100px;
    text-align: center;
}
@media screen and (min-width:1200px) {
    #bannerBg {
        background: url(/_site/mh/NewSlider/preview_images/responsive/opportuneResponsive.jpg) center top no-repeat;
    }
    
    #containingDiv {
        width: 960px;
        margin: 0 auto;
        padding: 140px 0 0 0;
    }
    
    #bottomText {
        width: 100%;
        font: 18px 'Lato', sans-serif;
        color: #333333;
        border-top: 1px solid #cccccc;
        padding: 10px 0 0 0;
        margin-top: 100px;
        text-align: center;
    }
}
@media screen and (max-width:767px) {
    #bannerBg {
        background: url(/_site/mh/NewSlider/preview_images/responsive/opportuneResponsive767.jpg) center top no-repeat;
    }
    
    #containingDiv {
        width: 100%;
        margin: 0 auto;
        padding: 60px 0 0 0;
    }
    
    #bottomText {
        width: 100%;
        font: 14px 'Lato', sans-serif;
        color: #333333;
        border-top: 1px solid #cccccc;
        padding: 10px 0 0 0;
        margin-top: 50px;
        text-align: center;
    }
}
#banner_newbg {
    background: url(/_site/mh/NewSlider/preview_images/responsive/opportuneResponsive.jpg) center top no-repeat;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF .title {
    font: bold 18px 'Droid Sans', sans-serif;
    color: #000;
    display: inline-block;
    padding-bottom: 5px;
    line-height: 22px;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbOFF .reg {
    font: 15px Arial, sans-serif;
    color: #000;
    line-height: 17px;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbON .title {
    color: #ff771c;
}
.allinone_bannerWithPlaylist.elegant .thumbsHolder_ThumbON .reg {
    color: #FFF;
}

/**** For the Policy Table ****/
.policy a {
    text-decoration: underline;
}

/******* From the old css for the agendas and things -mh 12/18/15 *****/

/*
** Left-Right Align
** 
*/
.left-right {
    width: 90%;
    /*change for borportal 10/14/16 */
    
    margin: 1px 0 0 20px;
    padding-right: 10px;
}
.left-right p {
    text-align: right;
    left: -20px;
}
.left-right span {
    text-align: left;
    /*change for borportal 10/14/16 making span text align left while keeping the other one right -mh  */
    
    width: 75%;
    /*setting width to 75%, presenters have 25% -mh */
    
    float: left;
}

/*Added mh 10/17/14 new agenda */
.agenda {
    clear: both;
    padding: 7px 15px;
    margin: 20px 15px 15px 15px;
    background: #00000;
    text-align: left;
    left: -25px;
}
.presenter {
    float: right;
    padding: 0px 15px;
    margin: 0px 15px;
    display: inline;
    postition: fixed;
}

/**** Added in for printing so when you click the print button from the browser, you only get the content added 1/29/2016  mh  ****/
@media print {
    a[href]:after {
        content: none !important;
    }
    
    body * {
        visibility: hidden;
    }
    
    .page-content,
    .page-content * {
        visibility: visible;
    }
    
    .page-content {
        position: absolute;
        left: 0;
        top: 0;
        /*font-size: 12px; */
    }
    
    .page-sidebar * {
        visibility: hidden;
    }
}

/************************************End Printing ***********************************************************************/

/****Code added in for google search to work/look better? ****/
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    height: 26px !important;
    margin-top: 0 !important;
    min-width: 13px !important;
    padding: 5px 26px !important;
    width: 68px !important;
}
.gsc-selected-option-container {
    min-width: 90px !important;
}

/*********************************************/