@import "../../css/master.css";
@import "//fonts.googleapis.com/css?family=Open+Sans:300,400,600";

/* LINKS */
a {
    color:#0e71a3;
    text-decoration:none;
}
.article a {
    text-decoration:underline;
}
a.button, button, input[type=button], input[type=submit], input[type=reset] {
    background:#111a31;
    border:0px;
	border-radius:10px;
	color:#fff;
    font-size:1em;
    font-weight:300;
	margin-bottom:10px;
	padding:8px 15px;
	text-decoration:none;
}
a.highlight {
	background:url(../images/arrow-red.png) center right no-repeat;
	display:block;
	padding:5px 0;
}
a.menu-control {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	display:none;
}
#skip-to-article, #skip-to-article:focus {
    background-color:#002649;
}
abbr {
	border-bottom:1px #999 dotted;
}
body {
    color:#000;
	font-family: 'Open Sans', Tahoma, sans-serif;
    font-size:1em;
	font-weight: 400;
    line-height:190%;
    margin:0px;
}
blockquote {
	color:#004078;
	font-size:140%;
	font-weight:300;
	line-height: 170%;
	margin:30px 0;
}
blockquote small {
    display:block;
    font-size:65%;
    font-weight:bold;
    line-height:160%;
    margin-top:1em;
}
bold, strong {font-weight:600;}
h1, h2, h3 {
	font-weight:normal;
}
h1 {
	margin-top: -10px;
}
h1+p, h1+h2, h2+p, h2+h3, h3+p, h3+h4, h4+p, h5+p, h6+p {
	margin-top: 0px;
}
html {
	background-color:#444;
    background-image:url('/Templates/images/patterns/boxed.png');
    color:#fff;
}
.section-content {
	display:none;
}
img.canvas {
	background-color:#ccc;
	background-position: center center;
	background-size: cover;
}
.document {
    background-color:#fff;
    margin:0px auto;
    max-width:1920px;
}
.ad {
	background:#000;
	color:#fff;
	padding-bottom:15px;
	text-align:center;
}
.ad p {
	font-size:1em;
	padding:12px;
}
.article {
	float:left;
	width:71%;
}
.article p{
	margin-bottom:1.5em;
}
.aside {
	float:right;
	overflow:hidden;
	width:25%;
}
.banner-image {
    background-position:center top;
    background-size:cover;
    height:auto;
    max-height:525px;
    min-height:330px;
    width:100%;
}
.by-alpha a.active {
	color: firebrick;
}
.caption {
    font-size:.75em;
    color:#002649;
}
.controls {
	display: none;
}
.header div.row, .banner, .main, .footer div.row {
    margin:0 auto 0 auto;
    max-width:92%;
}
.banner, .row {
    max-width:100%;
}
.banner img {
    display:block;
    margin:0px auto;
}
.main {
    padding:2% 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height:170%;
}
h1, h2, h3 {font-weight:300;}
h1, h3, h5 {
	color:firebrick;
}
h2, h4, h6 {
	color: #004078;
}
h4, h5, h6 {
	font-weight:600;
}
img {
	vertical-align:bottom;
}
.data-grid caption {
    background-color:#002649;
    color:white;
    font-size:125%;
    font-weight:bold;
    padding:5px;
}
.data-grid{
	border-collapse:collapse;
	width:100%;
}
.data-grid td, .data-grid th{
	padding:6px 8px;
}
.data-grid td, .data-grid th{
	text-align:right;
}
.align-inherit td, .align-inherit th{
    text-align:inherit;
}
.data-grid td:nth-child(1), .data-grid th:nth-child(1) {
	text-align:left;
}
.data-grid tr th{
    background-color:#eee;
}
.data-grid tr:nth-child(odd){
	background: #d6d6d6;
}
.data-grid tr:nth-child(even){
	background: #eee;
}
.dynamic a, a.menu-control {
	color:#fff;
	padding:10px;
}
.dynamic ul {
	background-color:#000;
	line-height:140%;
    opacity:.85;
	padding:8px 0px;
	width:13em;
}
.dynamic ul a {
	display: block;
	padding:8px 15px;
}
.dynamic ul li:hover {
	background-color:#000;
}
.dynamic ul li:hover a, .dynamic ul li:hover ul li:hover a, .dynamic ul li:hover ul li:hover ul li:hover a {
	color:#fff;
}
.dynamic ul li a, .dynamic ul li:hover ul li a, .dynamic ul li:hover ul li:hover ul li a, .dynamic ul li:hover ul li:hover ul li:hover ul li a {
	color:#fff;
	margin:0px;
}
#menu li.menu-break {
	border-bottom:1px solid #222;
}
.dynamic ul ul {
    opacity:1;
	padding-top: 8px;
	margin-top: -8px;
}
.dynamic a span {
	background-image:url(../images/menu-arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
	float:right;
	color:firebrick;
	width:24px;
}
.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.person {
	clear:both;
	padding-top:20px;
}
.person .bio {
	border-bottom:1px solid #bbb;
	clear:both;
	display:none;
	padding-bottom:15px;
}
.person img {
	float:left;
	margin:10px 3.8% 15px 0;
	width:150px;
}
.person h2 {
	margin-top:0px;
}
.person h2 span {
	color:firebrick;
}
.footer {
	background-color:#111a31;
	border-top:3px solid #bbb;
	clear:both;
	color:#acc1ff;
	font-size:95%;
	line-height:160%;
	padding:1% 0 3% 0;
}
.footer a {
	color:#acc1ff;
}
.footer h3 {
	color:#fff;
	font-weight:normal;
}
.gradient {
	background:linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,0) 9%);
}
.header {
	background:#002649;
    color:#fff;
	font-size:90%;
}
.label {
	display:block;
	float:right;
}
.logo {
	float:left;
    margin:5px 0 15px 0;
}
.nav{
	background:firebrick;
	color:#bbb;
	clear:both;
    font-size:130%;
    font-weight:300;
    line-height:140%;
    min-height:38px;
}
.news-article-list img {
	background-image:url();
	margin-top:10px;
}
.outdent {
	float:left;
	margin:0 3.8% 13px -13.5%;
}
.pAlign {
	margin-top: 1em;
}
.toolbar {
	color:#fff;
	float:right;
	padding:25px 0px 0px 0px;
}
.toolbar a {
	color:#fff;
	display:inline-block;
	padding:5px 0;
}
.selectbox, .textbox, .textarea {
	background-color:#efefef;
    border: 1px solid #ccc;
    color:#000;
	display: block;
    font-size:1em;
	margin-top: 3px;
	padding: 2%;
	width: 95.9%;
}
.selectbox {
    -webkit-appearance:none;
    background-image:url('../images/select-arrow.png');
    background-repeat:no-repeat;
    background-position:right center;
    border-radius:0px;
    padding:1% !important;
    width:99.9% !important;
}
#search-button {
	border:0px;
	position:absolute;
	right:5px;
	top:-3px;
}
.search-form {
	position:relative;
}
.search-form input[type=text] {
    background-color:#fff; background-color:rgba(255,255,255,.3);
    border:0px;
    border-radius:24px;
    font-size:150%;
    padding:5px 5px 5px 10px;
}
.search-form input[type=text]:focus, .search-form input[type=text]:hover {
    border-color:#fff;
    background-color:#fff;
}
.social-links {
	background-color:#999;
    color:#000;
	clear:both;
	height:40px;
	margin:0px;
	overflow:hidden;
	padding:5px 0 0 0;
	text-align:center;
}
.social-links a {
	background-color:#888;
	background-color:rgba(0,0,0,.15);
	background-image: url(../images/social-icons-32px.png);
	background-repeat: no-repeat;
	border:0px;
	border-radius:16px;
	display:inline-block;
	height:32px;
	margin:2px;
	padding:0px;
	width:32px;
}
.social-links a.twitter-link {background-position: 0px 0px;}
.social-links a.twitter-link:hover {background-color: #00aced;}
.social-links a.facebook-link {background-position: -32px 0px;}
.social-links a.facebook-link:hover {background-color: #3B5998;}
.social-links a.youtube-link {background-position: -64px 0px;}
.social-links a.youtube-link:hover {background-color: #bb0000;}
.social-links a.vimeo-link {background-position: -96px 0px;}
.social-links a.vimeo-link:hover {background-color: #aad450;}
.social-links a.instagram-link {background-position: -128px 0px;}
.social-links a.instagram-link:hover {background-color: #517fa4;}
.social-links a.google-link {background-position: -160px 0px;}
.social-links a.google-link:hover {background-color: #dd4b39;}
.social-links a.pinterest-link {background-position: -192px 0px;}
.social-links a.pinterest-link:hover {background-color: #cb2027;}
.social-links a.rss-link {background-position: -224px 0px;}
.social-links a.rss-link:hover {background-color: #ff6600;}
.social-links a.linkedin-link {background-position: -256px 0px;}
.social-links a.linkedin-link:hover {background-color: #007bb6;}
.social-links a.flickr-link {background-position: -288px 0px;}
.social-links a.flickr-link:hover {background-color: #ff0084;}
.slideshow div {
	background-color: black; background-color: rgba(0,0,0,.8);
    bottom:2%;
	color:#fff;
	width:auto;
}
.slideshow a {
	color: #bac520;
	background-image: url(../images/arrow-green.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 22px;
}
.slideshow h2, .slideshow div.slide-title, .image-with-caption h2 {
	background-color:black;background-color:rgba(0,0,0,.8);
	color:#fff;
	bottom:12%;
	top:auto;
}
.slideshow div.slide-title {
    font-size: 200%;
    font-weight: 300;
    line-height: 170%;
    padding:1.5% 5%;
    position: absolute;
    width: auto;
}
.slideshow img {
    max-height:640px;
}
.rslides_tabs {
	margin-top: 7px;
}
.rslides_tabs a {
	background-color:#bbb;
	border-radius:8px;
	color:#bbb;
	margin-right:2px;
}
.rslides_here a {
	background-color:firebrick;
	color:firebrick;
}
.subnav {
	margin: 0;
}
.subnav a {
	color: firebrick;
}
.subnav > li > a, a.subnav-title {
	background-color:firebrick;
	color:#fff;
	display:block;
	padding:10px 15px;
}
.subnav ul, .subnav li{
	background-color:#efefef;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.subnav ul {
	border:1px solid #ccc;
	border-top-width:0;
}
.subnav ul li {
	background:url(../images/subnav-link-bg.png) no-repeat;
}
.subnav ul li:first-child {
	background-image: url(none);
}
.subnav ul a {
	background: url(../images/subnav-unselected.png) 98% 50% no-repeat;
	color:#0d1427;
	display:block;
	padding: 14px 8px;
}
.subnav ul a.active {
	background: url(../images/subnav-selected.png) 98% 50% no-repeat;
	color: firebrick;
}
.subnav ul ul {
	border: 0px;
	margin-top: -5px;
	padding-bottom:14px;
}
.subnav ul ul a {
	background-image: url(none);
	padding: 3px;
}
.subnav ul ul a.active {
	background-image: url(none);
}
.subnav ul ul li {
	background-image:url(none);
	padding-left:15px;
}
.subnav ul ul ul {
	margin-top: 0px;
	padding-bottom:0px;
}
.twitter-feed {
    max-height:625px;
    overflow:auto;
    width:100%;
}
.vcard {
	color:#fff;
	font-size:.7em;
	padding-top:20px;
}

/* OVERRIDES */
.alert {
    background-color:firebrick;
    color:#fff;
    font-size:125%;
    margin-bottom:20px;
    padding:10px;
    text-align:center;
}
.alert strong {
    display:block;
    font-size:125%;
}
a.CTA {
	text-decoration: none;
}
a.phone {
	color:#000;
	cursor:default;
	text-decoration:none;
}
h2.section {
	background:#eee url(../images/expand.png) 98% center no-repeat;
    cursor:pointer;
	padding:10px;
	margin:12px 0;
}
h2 span.highlight {
    color:firebrick;
}
span.plusminus {
    display:none;
}
.ad h3 {
	color: firebrick;
	padding:0 5px;
}
.ad h5 {
	color:#31bdce;
	font-size:.8em;
}
.admission-contact, .contact-info {
	border-top:1px solid firebrick;
	border-bottom:1px solid firebrick;
	margin-top:2px;
	padding:15px 0;
}
.admission-contact h3, .contact-info h3 {
	font-size:1.5em;
	font-weight:600;
	margin:5px 0;
}
.CTA h2, .infographic h2 {
	color: #C2CF17 !important;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 6em;
	font-weight:normal;
	letter-spacing:-2px;
	line-height:100%;
	margin-bottom:0;
	margin-top:0 !important;
	text-align:center;
}
.CTA {
	background-color: #275387;
	margin:0 auto 1px auto;
	color: #ffffff;
	display:block;
    max-width:480px;
	padding-bottom:20px;
}
.CTA div, .CTA p, .CTA h2, .CTA h3 {
	padding:0 20px;
}
.CTA h3, .infographic h3 {
	font-size: 130%;
	color: #C2CF17;
	font-weight:300;
	line-height: 30px;
	margin:0px;
	padding-top:15px;
}
.CTA h3 span, .infographic h3 span {
	font-weight:600;
}
.CTA a, .infographic a {
	color: #C2CF17;
	text-decoration: none;
	background: url(../images/jump-to-link.png) right center no-repeat;
	padding-right:20px;
}
.CTA img, .image-with-caption img {
    width:100%;
}
.CTA-group {
    background-color: #275387;
}
.infographic {
	background-color: #333;
	padding: 20px;
	color: #FFFFFF;
	text-align:center;
}
.infographic div {
	font-size: 1em;
}
.infographic span {
	color: #C2CF17 !important;
}
.inverted img {
	margin: 1em 0 -20px 0 !important;
}
.image-with-caption {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	position: relative;
}
.image-with-caption div {
	background-color: #222222; background-color: rgba(0, 0, 0, .8);
	bottom: 0px;
	color: #ffffff;
	font-size:.9em;
	line-height:140%;
	padding:2% 5%;
	position:absolute;
	text-align:center;
	top:auto;
	width:90%;
}
.image-with-caption a {
    color:#C2CF17;
}
blockquote h2 {
	font-weight:bold;
	margin:0px !important;
}
blockquote h3 {
	font-weight:300;
	line-height:160%;
	margin:0px !important;
}
.onecol+h2,.twocol+h2,.threecol+h2,.fourcol+h2,.fivecol+h2,.sixcol+h2,.sevencol+h2,.eightcol+h2,.ninecol+h2,.tencol+h2,.elevencol+h2{
	margin-top:0px;
}
/* CALENDAR */

.calendar {
	margin-top:0px;
	padding:0px;
	color:#888;
	background-color:#ccc;
}
.calendar-header {
	background-color:firebrick;
	color:white;
	margin:0px;
	padding:8px 0px 9px 0px;
	font-size:1.3em;
}
.calendar-last-button {
	background:url() no-repeat center center;
}
.calendar-next-button {
	background:url() no-repeat center center;
}
.calendar-day-name {
	margin:0px;
	background-color:#002649;
	color:white;
	padding:3px;
	text-align:center;
}
.calendar-day {
	margin-bottom:1px;
	padding:2px 1px 3px 5px;
	background-color:#eee;
	height:27px;
}
.calendar-day-selected {
	background-color:#ccc;
	color:#444;
}
.calendar-placeholder {
	background-color:#ddd;
}
.calendar-day-active {
	color:firebrick;
	background-color:#ccd4db;
	font-weight:bold;
}

/* MEDIA QUERIES */
@media screen and (min-width:1620px) {
    .slideshow img {
        max-height:720px;
    }
    .slideshow h2, .slideshow div.slide-title {
        padding:1% 5%;
    }
}
@media screen and (min-width:1441px) {
    .header div.row, .banner div.row, .main, .footer div.row {
        max-width:1280px;
    }
    .article {
        font-size:112%;
        line-height:200%;
    }
    h1 {
        font-size:235%;
    }
    h2 {
        font-size:175%;
    }
    h3 {
        font-size:145%;
    }
    .slideshow {
        margin:0px auto;
    }
    .subnav {
    	font-size:110%;
    }
}
@media screen and (max-width:959px) {
    .banner {
        max-width:100%;
    }
    .header div.row, .main, .footer div.row {
        max-width:95%;
    }
	.article, .article-home {
		float:none;
		width:auto;
	}
	.aside {
		float:none;
		text-align:center;
		width:auto;
	}
    .nav{
        font-size:110%;
        margin-top:0px;
        opacity:1;
        position:relative;
    }
    .main {
        padding:3% 0;
    }
	blockquote, .outdent {
		float:none;
		margin:1em 0;
		text-align:center;
	}
	.desktop {
		display: none;
	}
	.dynamic ul, .dynamic ul ul {
		width:auto;
	}
	.dynamic ul, .dynamic ul ul {
		margin:0px;
		padding:0px;
	}
	.dynamic li, .dynamic li:hover {
		background-color:#111;

	}
	a.menu-control, .dynamic a, .dynamic ul li a {
		display:block;
		font-size:130%;
        padding: 10px 2%;
	}
	.footer {
		padding:2% 0;
	}
	.header {
		padding:10px 0 20px 0;
	}
	.image-with-caption div {
		font-size:1.3em;
		padding:5%;
	}
	.logo{
		float:none;
        margin:0 0 5px 0;
		text-align:center;
	}
	.label {
		float: none;
		margin-top:10px;
	}
	.rslides_tabs a {
		border-radius:11px;
		height:22px;
		margin:10px 5px;
		width:22px;
	}
	.subnav > li > a, .subnav  ul a {
		font-size:130%;
		padding:15px 2%;
		text-align:left;
	}
	.subnav ul ul li {
		margin: 0 0 0 2%;
	}
}
@media screen and (max-height:768px) {
    .slideshow img {
        max-height:560px;
    }
}
@media screen and (max-width:639px) {
    .header div.row, .main, .footer div.row {
        max-width:90%;
    }
    .banner-image {
        min-height:200px;
    }
	a.phone {
		color:#0e71a3;
		cursor:pointer;
		text-decoration:underline;
	}
	.main {
		padding: 4% 0;
	}
	a.menu-control, .dynamic a, .dynamic ul li a {
        padding: 10px 4%;
	}
	.CTA {
		margin:15px auto;
	}
	.footer {
		font-size:1em;
		padding:4% 0;
		text-align:center;
	}
	.news-article-list img {
		margin:20px 0;
	}
.onecol+h2,.twocol+h2,.threecol+h2,.fourcol+h2,.fivecol+h2,.sixcol+h2,.sevencol+h2,.eightcol+h2,.ninecol+h2,.tencol+h2,.elevencol+h2{
		margin-top:1em;
	}
    .infographic .threecol h2:first-of-type, .infographic .fourcol h2:first-of-type {
    margin-top: 5px;
    }
	.slideshow div {
		display:none;
	}
	.slideshow h2, .slideshow div.slide-title, .image-with-caption h2 {
		font-size:150%;
		bottom:0px;
        display:block;
	}
    .slideshow h2, .slideshow div.slide-title {
        width:90%;
        text-align:center;
    }
    .slideshow img {
    	max-height:480px;
        min-height:240px;
    }
	.vcard {
		clear:both;
	}
}