@media (min-width:801px) { /* header fix on desktop */
#dnnheader { height: 125px; }
.fleft.logo { margin-top: 30px; }
.searchbox { margin: 45px 0 0; }
}

@media (max-width: 800px) {
#Body{padding-top:0px !important;}
}

#Body{background-color:#e5e0d2 !important;}

.section1 {
background: rgba(32,41,69,1);
background: -moz-linear-gradient(top, rgba(32,41,69,1) 0%, rgba(57,68,106,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,41,69,1)), color-stop(100%, rgba(57,68,106,1)));
background: -webkit-linear-gradient(top, rgba(32,41,69,1) 0%, rgba(57,68,106,1) 100%);
background: -o-linear-gradient(top, rgba(32,41,69,1) 0%, rgba(57,68,106,1) 100%);
background: -ms-linear-gradient(top, rgba(32,41,69,1) 0%, rgba(57,68,106,1) 100%);
background: linear-gradient(to bottom, rgba(32,41,69,1) 0%, rgba(57,68,106,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202945', endColorstr='#39446a', GradientType=0 );
}
#dnnheader, .bgcolor, .topbar .desktopbg, nav{background:none !important;}

.pageoption {display:none;position:absolute;left:-9999px;}

.exploreimg { border: 1px solid #c4c4c4; border-radius: 5px; }/* adds border to explore our programs section images */
.newsimg { border-radius: 10px; }/* rounded rectangle image mask for newsroom */
.headimg { border-radius: 10px; }/* rounded rectangle image mask for headshot */

h4.explorehdr, h4.leadershiphdr { font-weight: 600; }/* styles explore our programs section titles and leadership names*/

/* footer styles */
#dnncontentii .h4line h4.cheader span.ctitle {
  color: #44423d;
  border-bottom: 1px solid rgba(68, 66, 61, 0.15);
  background: none;
}

.footertxt { color: #44423d; }
.footertxt a { color: #44423d !important; text-decoration: none; }
.footertxt a:hover { color: #fff !important; text-decoration: none; }

/* blockquote style */
blockquote p {
	font-family: "adobe-garamond-pro", Times, Times New Roman, sans-serif;
	line-height: 1.55em;
	font-style: normal;
    font-size: 125%;
}

blockquote {
    border-left: 2px solid #d2d7e4;
}

/*Grayfilter image class*/
    .imgfilter {
	filter: grayscale(100%); /* For IE8 and earlier */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);

	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;	
	-moz-transition: all 500ms ease;
    }

    .imgfilter:hover {
	filter: grayscale(0%); /* For IE8 and earlier */
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(100%);
    }
	
/* Hover fade image class */
	
.imgfade {
	opacity: 1;
	transition: opacity 500ms ease;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	}

.imgfade:hover {
	opacity: 0.65;
}

/* Buttons */

.btn-collegebuys, .btn-collegebuys:visited, .btn-collegebuys:focus, .btn-foundation, .btn-foundation:visited, .btn-foundation:focus {
	border-radius: 4px;
	font-family: "myriad-pro", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #30406b;
	background: -webkit-linear-gradient(#3c5086,#30406b);
	background: linear-gradient(#3c5086,#30406b);
	color: #fff;
	border: 0;
    opacity: 1;
   -webkit-transition: opacity 500ms ease;
   -moz-transition: opacity 500ms ease;
   -o-transition: opacity 500ms ease;
   -ms-transition: opacity 500ms ease;
   transition: opacity 500ms ease;
}

.btn-collegebuys:hover {
	background-color: #539936;
	background: -webkit-linear-gradient(#81bd53,#539936);
	background: linear-gradient(#81bd53,#539936);
	color: #fff;
	border: 0;
}

.btn-foundation:hover, a:hover.btn.btn-foundation {
	background-color: #8399b9;
	background: -webkit-linear-gradient(#9EB4D3,#8399b9);
	background: linear-gradient(#9EB4D3,#8399b9);
    color: #39446a;
	border: 0;
}

a.btn.btn-collegebuys, a.btn.btn-foundation {
    color: #fff;
}

/* Social Media */

#social {
    margin-top: 25px;
}

#social-facebook {
    width: 48px;
    height: 48px;
    margin-left: 15px;
}

a #social-facebook {
   display:inline-block;
   background:url(/Portals/0/images/footer-facebook-icon.png) no-repeat;
   -webkit-transition: background 500ms ease;
   -moz-transition: background 500ms ease;
   -o-transition: background 500ms ease;
   -ms-transition: background 500ms ease;
   transition: background 500ms ease;
}

a:hover #social-facebook {
   background:url(/Portals/0/images/footer-facebook-icon-hover.png) no-repeat;
   -webkit-transition: background 500ms ease;
   -moz-transition: background 500ms ease;
   -o-transition: background 500ms ease;
   -ms-transition: background 500ms ease;
   transition: background 500ms ease;
}

#social-twitter {
    width: 48px;
    height: 48px;
    float: left;
}

a #social-twitter {
   display:inline-block;
   background:url(/Portals/0/images/footer-twitter-icon.png) no-repeat;
   -webkit-transition: background 500ms ease;
   -moz-transition: background 500ms ease;
   -o-transition: background 500ms ease;
   -ms-transition: background 500ms ease;
   transition: background 500ms ease;
}

a:hover #social-twitter {
   background:url(/Portals/0/images/footer-twitter-icon-hover.png) no-repeat;
   -webkit-transition: background 500ms ease;
   -moz-transition: background 500ms ease;
   -o-transition: background 500ms ease;
   -ms-transition: background 500ms ease;
   transition: background 500ms ease;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    a #social-facebook { background:url(/Portals/0/images/footer-facebook-icon@2x.png) no-repeat; background-size: 48px 48px; }
    a:hover #social-facebook { background:url(/Portals/0/images/footer-facebook-icon-hover@2x.png) no-repeat; background-size: 48px 48px; }
    a #social-twitter { background:url(/Portals/0/images/footer-twitter-icon@2x.png) no-repeat; background-size: 48px 48px; }
    a:hover #social-twitter { background:url(/Portals/0/images/footer-twitter-icon-hover@2x.png) no-repeat; background-size: 48px 48px; }
}

/* style guide */

code {
    color: #556F94;
    background-color: #f2f6f9;
    white-space: normal;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.board-member-rounded-corner{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	}
.no-margin {
	margin:0;
}
.alertMsg {
    background-color: red;
    border-color: #ebccd1;
    color: white;
}
.containerFluidMsg {
    width: 100%;
    padding-right: -15px;
    padding-left: -15px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom:-20px;
}
.alertMsgText {
    font-weight: 600;
    color: white;
    font-size: 18px;
    padding: 0px 0;
    
}

a.alertMsgLink:link {
    color: white;
    text-decoration: underline;
    font-size: 18px;
}
a.alertMsgLink:visited {
    font-size: 18px;
    color: white;
}
a.alertMsgLink:hover {
    font-size: 18px;
    color: orange;
}
a.alertMsgLink:focus {
    font-size: 18px;
    color: orange;
}
a.alertMsgLink:active {
    color: white;
    text-decoration: underline;
    font-size: 18px;
}

.alert .alert-close {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.close {
    float: right;
    font-size: 2.5rem!important;
    font-weight: 700;
    line-height: 1;
    color: #ffffff!important;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}