.flex-caption{max-height: 150px; bottom: 25px;}
#contentWrapper{margin: 0px auto; padding: 4% 0px 40px; text-align: left; position: relative;}
.contentWrapper {padding:4% 0px 40px;}
#contentDiv{width: 65%; float:left;}
#contentDiv.calendar {width:100%; float:none;}
#contentDiv table {max-width: 100% !important;}
.setCopyWidth {max-width:750px; margin:0 auto;}
#rightFeed, .rightFeed {width: 32%; float:right; padding: 0px 0px 0px 0%; border-left: 2px solid #ccc; clear:right;}
#rightFeed .itemTitle {display:block; padding:5px 0px 5px 6%;}
#rightFeed .itemTitleTop {display:block; font-size:20px; font-size:1.25rem; line-height:24px; line-height:1.5rem; padding:5px 0px 5px 6%; color:#004d86; font-weight:bold;}

#rightFeed iframe {width:100% !important;}
.feedItem {padding:0px 0px 10px;}
#rightFeed .storiesLink {display:block; width:100%; position:relative; max-height:300px; overflow:hidden;}
.story-title {position:absolute; bottom:0px; left:0px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size:20px; font-size:1.25rem; line-height:24px; line-height:1.5rem; padding:9px 0px 9px 6%; color:#004d86; text-transform:uppercase; width:94%; background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; }
#rightFeed .longDesc {max-height:600px; overflow:hidden;}

#rightFeed p {padding:0px 0px 0px 6%; font-size:15px; font-size:.9375rem;}

#rightFeed .eventItem {
        margin: 9px 0px 9px 10px;
}

#rightFeed .eventDate {
    min-height: 90px;
}

#contentDiv .eventItem {
    clear: none;
    float: left;
    margin: 0 3% 18px 0;
    width: 47%;
    height:100px;
}

#contentDiv .eventDate {
    min-height: 100px;
}

#contentDiv div.landing-list {
    width: 48%;
    float: left;
    padding-right:2%;
}

#rightFeed img {height:auto; width:525px;}
#rightContent{width: 30%; float:right; padding: 0px 0px 30px 2%; border-left: 2px solid #ccc;}
    #rightContent.major {
	border:0px;
    width:32%;
    padding: 30px 0px 30px 2%;
    clear:right;
}
#rightContent.full-calendar {width:100%; float:none; border:0px;}
.rightFeed.apply-now {
    background: url("../images/apply-bg.jpg") #ebebeb center top no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:34px; font-size:2.125rem; font-size:2.125rem;
    line-height:50px; line-height:3.125rem; line-height:3.125rem;
    padding: 10px 1%;
    text-align: center;
    text-transform: uppercase;
    width:30%;
}
.rightFeed.apply-now .gold-bracket {
    color: #ce8901;
    font-size:41px; font-size:2.5625rem;
    line-height:50px; line-height:3.125rem; line-height:3.125rem;
    padding: 0 3px;
}
.rightFeed.apply-now a:link, .rightFeed.apply-now a:visited, .rightFeed a:link, .rightFeed a:visited {
    color:#004d86;
    text-decoration:none;}
.rightFeed #accreditation a:link, .rightFeed #accreditation a:visited {
    text-decoration:underline;
}    
.rightFeed #accreditation a:active, .rightFeed #accreditation a:hover, .rightFeed #accreditation a:focus {
    text-decoration:underline;
    border:0px;
}  

.rightFeed #accreditation p a:active, .rightFeed #accreditation p a:hover, .rightFeed #accreditation p a:focus {
    text-decoration:underline;
    border:2px dotted #004d86;
}
.rightFeed.apply-now a:hover, .rightFeed.apply-now a:active, .rightFeed.apply-now a:focus {
    color:#004d86; text-decoration:underline;}
#parentHeader{font-family:'Roboto Condensed', sans-serif; font-size:26px; font-size:1.625rem; line-height:32px; line-height:2rem; text-transform: uppercase; color: #ce8901; padding: 8px 0px 4px; border-bottom: 2px solid #ccc; display:none;}
#pageHeader, .pageHeader{font-family:'Roboto Condensed', sans-serif; font-size:21px; font-size1.3125rem; font-size:1.3125rem; line-height:27px; line-height:1.6875rem; color: #004d86; padding: 4px 0px 11px; text-transform: uppercase;}
#pageHeader a:link, #pageHeader a:visited {text-decoration:none;}
.major #pageHeader a:link, .major #pageHeader a:visited {text-decoration:none; display:block; padding:15px 10px 15px 20px; background:url(../images/apply-bg-small-over.jpg) #004d86 center top no-repeat; color:#ffffff;}
.major #pageHeader a:focus, .major #pageHeader a:active, .major #pageHeader a:hover {text-decoration:none; background:url(../images/apply-bg-small.jpg) #ebebeb center top no-repeat;  color:#004d86;}
#breadcrumb{text-align: left; margin-top: -5%; padding-bottom: 4%; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-size:1rem; color: #004d86;}
#breadcrumb a:link, #breadcrumb a:visited{color: #231f20; text-decoration: none; border-bottom:#231f20 1px dotted;}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus{color: #004d86; text-decoration: none; border:2px dotted #004d86;}
#rightFeed .pageHeader {padding:5px 0px 5px 0%; background:#004d86; color:#ffffff; width:100%; text-align:center;}
#rightFeed .pageHeader a:link, #rightFeed .pageHeader a:visited {color:#ffffff; text-decoration:none;}
#rightFeed .pageHeader a:hover, #rightFeed .pageHeader a:active, #rightFeed .pageHeader a:focus {color:#ffffff; text-decoration:underline;}

/*------- tiles --------------*/
 .thumbGrid {
	display:grid;
	 display:-ms-grid;
	 grid-template-columns: 24% 24% 24% 24%;
	 -ms-grid-columns: 24% 24% 24% 24%;
	 grid-column-gap:1.33%;
	 -ms-grid-gap:1.33%;
	 width:90%;
	 max-width:1100px;
	 grid-row-gap:7px;
	 -ms-grid-row-gap: 20px;
	 margin:0 auto;
	 box-sizing:border-box;
}

.thumbGrid.threeCol {
	 grid-template-columns: 32% 32% 32%;
	 -ms-grid-columns: 32% 32% 32%;
	 grid-column-gap:2%;
	 -ms-grid-gap:2%;
	 grid-row-gap:7px;
	 -ms-grid-row-gap: 20px;
}

 .cell {
	position:relative;
	 overflow:hidden;
	 display:block;
}
 .thumbGrid .rowSpan2 {
	grid-row-start:1;
	 grid-row-end:3;
	  -ms-grid-row-span:2;
	  -ms-grid-row:1;
}
 .thumbGrid .col1 {
	grid-column-start:1;
	 -ms-grid-column:1;
}
 .thumbGrid .col2 {
	grid-column-start:2;
	 -ms-grid-column:2;
}
 .thumbGrid .col3 {
	grid-column-start:3;
	 -ms-grid-column:3;
}
 .thumbGrid .col4 {
	grid-column-start:4;
	 -ms-grid-column:4;
}
 .thumbGrid .row2 {
	-ms-grid-row:2;
}
 .thumbGrid .col6 {
	-ms-grid-column:3;
}
 .thumbGrid .col7 {
	-ms-grid-column:4;
}
 .cell img {
	width:100%;
	 height:auto;
	 display:block;
	 margin:0;
	 padding:0;
}

.cell .copy .cellInner img {
    width:auto;
}

.cell .imageOverlay {
    position:absolute;
    
    height:100%;
    width:100%;
    z-index:5;
}
 .thumbGrid .cell a h3 {
	position:absolute;
	 box-sizing:border-box;
	 width:100%;
	 bottom:0px;
	 left:0px;
	 color:#ffffff;
	 text-transform:uppercase;
	 padding:10px;
	 margin:0px;
	 text-align:left;
	 font-size: 22px; font-size:1.375rem;
	 text-shadow: 0px 0px 5px #000000;
	 background-color:rgba(0, 77, 134, 0.8);
}

.thumbGrid .cell a:focus h3, .thumbGrid .cell a:hover h3 {
    height:100%;
}

.thumbGrid .cell a .statBox h3 {

    background-color:transparent;
}

.thumbGrid .cell a h3.titleTop {
    top:0px;
    bottom:auto;
}

.thumbGrid .bgBlue {
    background:#004d86;
}

.thumbGrid .bgGold {
    background:#e4a115;
}

.thumbGrid .bgGrey {
    background:#efefef;
}

.thumbGrid .bgWhite {
    border:2px solid #004d86;
    background:#ffffff;
}

.thumbGrid .bgTransparent {
    border:0px;
}

.thumbGrid .cell .statBox {
    padding:20px 2%;
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    width:96%;
}

.thumbGrid .cell h3.heading {
    font-size: 22px; font-size:1.375rem;
    line-height:26px; line-height:1.625rem; line-height:1.625rem;
    position:relative;
    text-align:center;
    padding:0px 0px;
}

.thumbGrid .bgGrey h3.heading, .thumbGrid .bgGold h3.heading, .thumbGrid .bgWhite h3.heading, .thumbGrid .bgTransparent h3.heading {
    text-shadow:none;
    color:#004d86;
}

.thumbGrid .bgBlue h3.heading {
    text-shadow:none;
}

.thumbGrid .bgBlue .colNumber {
    color:#ffffff;
    border-color:#ffffff;
}

.thumbGrid .cell img.imageIcon {
   height:96px;
    margin:0 auto;
    width:auto;
}

.thumbGrid .cell p.copy {
    font-size:17px; font-size:1.0625rem; font-size:1.0625rem;
    line-height: 23px; line-height:1.4375rem;
}

.thumbGrid .bgBlue p.copy {
    color:#ffffff;
}

 .thumbGrid .cell a {
	display:block;
}

.thumbGrid .cell .copy .cellInner a {
    display:inline;
}
 .thumbGrid .lightbox {
	/** Hide the lightbox */
	 display: none;
	/** Apply basic lightbox styling */
	 position: fixed;
	 z-index: 9999;
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 top: 0;
	 left: 0;
	 background: black;
	 background: rgba(0,0,0,0.8);
}
 .thumbGrid .lightbox, .thumbGrid .lightbox p {
	color:#000000;
	 text-decoration:none;
}
 .thumbGrid .lightbox:target {
	/** Show lightbox when it is target */
	 display: block;
	/** Remove default browser outline style */
	 outline: none;
}
 .thumbGrid .popup {
	width:90%;
	 background:#ffffff;
	 margin:5% auto;
	 box-sizing:border-box;
	 padding:0px;
	 text-align:left;
	 position:relative;
	 overflow:scroll;
	 max-height:85%;
	 max-width:1200px;
}
 .thumbGrid .popup .imageContainer, .thumbGrid .popup .vidPopup {
	float:left;
	 width:50%;
	 overflow:hidden;
}

.thumbGrid.threeCol .popup .imageContainer, .thumbGrid.threeCol .popup .vidPopup {
    width:100%;
    float:none;
}

.thumbGrid .popup .imageContainer {
    height:450px;
}

.thumbGrid .popup .imageContainer img {
    height:100%;
    width:auto;
    max-width:none;
}

.thumbGrid.threeCol .popup .imageContainer img {
height:auto;
width:100%;
}

 .thumbGrid .popup .copy {
	float:right;
	 width:50%;
	 padding:30px 30px 30px 30px;
	 box-sizing:border-box;
	 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.thumbGrid.threeCol .popup .copy {
    width:100%;
    float:none;
}

.thumbGrid .popup .copy .fbuttons { display:block; margin-top:10px;}

.thumbGrid .popup .fullWidth {width:100%;}
 .thumbGrid .closeButtonPopup {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #004d86;
    color: #ffffff;
    padding: 6px 0px 0px 0px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    text-decoration: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-align: center;
}

.thumbGrid .popup .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.thumbGrid .popup .video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*------- Spotlights ------------*/

#btnWrapper, .btnWrapper{text-align: left; padding: 0px 0px; background-color: #e7e7e7;}
#buttons{padding: 35px 10px; text-align: center;}
#buttons img{ max-width: 23%; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3);}
#buttons.relMajor img {max-width:32%;}
#buttons div{display: inline;}
#buttons div.button_container { position:relative; max-width:23%; margin: 0px 7px; display:inline;}

#buttons h2 {color:#004d86; text-transform:uppercase; margin:0px; padding:0px 0px 20px;}
.button-text { display:block; position:absolute; bottom:4px; text-align:center; width:100%; left:0px;}
a:hover .button-text, a:active .button-text, a:focus .button-text {text-decoration:underline;}

/* --- MENU --- */
.nav-collapse ul {margin: 0 !important; padding: 0 !important; width: 100%; display: block; list-style: none;}
.major .nav-collapse ul {margin: 0 !important; padding: 10px 0px 10px 20px !important; width: auto; display: block; list-style: none;}
.nav-collapse li {margin: 0 !important; width: 100%; display: block; font-family:'Roboto Condensed', sans-serif; font-weight: 300; padding: 0px 0px 12px 0px; font-size:19px; font-size1.1875rem; font-size:1.1875rem; line-height:19px; line-height:1.1875rem; text-decoration: none; color: #231f20;}
.nav-collapse li a:link, .nav-collapse li a:visited {color: #231f20; text-decoration: none; padding: 0px;}
.nav-collapse li a:hover, .nav-collapse li a:active, .nav-collapse li a:focus {color: #004d86; text-decoration: underline;}
.js .nav-collapse {clip: rect(0 0 0 0); position: absolute; display: block; overflow: hidden; zoom: 1;}
.nav-collapse.opened {max-height: 9999px; background-color: #dbdfe1; padding: 6px 0px;}
.nav-collapse.opened li {padding:6px 0px;}

a.nav-toggle{width: 100%; color: transparent !important; text-decoration: none !important;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nav-toggle::after {content: ''; position: absolute; top: 0px; right: 0; display: block; width: 20px; height: 3px; border-top: 2px solid #004d86; border-bottom: 2px solid #004d86;}
.nav-toggle::before {content: ''; position: absolute; top: 10px; right: 0; display: block; width: 20px; height: 3px; border-top: 2px solid #004d86; border-bottom: 2px solid #004d86;}

@media screen and (min-width: 831px) {
  .js .nav-collapse {position: relative;}
  .js .nav-collapse.closed {max-height: none;}
  .nav-toggle {display: none;}
  .nav-collapse.opened {max-height: 9999px; background-color: transparent; padding: 0px;}
  .nav-collapse.opened li {padding: 0px 0px 12px 0px;}
}



/* --- BIOS --- */
#bioLandWrap-test {
display:grid;
grid-template-columns: repeat(4, 1fr);
}
.bioLand{float: left; width: 29%; padding-right: 4%; margin: 15px 0px; min-height:435px;}
.bioLand img.bioImg{max-width: 100%; border: 1px solid #ccc;}
.bioLand h3{font-size:20px; font-size:1.25rem; line-height:26px; line-height:1.625rem; margin: 12px 0px 0px;}
.bioLand p {line-height:30px; line-height:1.875rem;}
.clearBio{clear: both;}

.bioLand a:link, .bioLand a:visited {text-decoration: none;}
.bioLand p a:link, .bioLand p a:visited {text-decoration:underline;}
.bioLand a:hover{text-decoration: none;}
.bioLand a:hover h3{text-decoration: underline;}

.bioContact{margin: 10px 0px 20px;}
.bioImgWrap{float: right; margin: 10px 0px 15px 20px; max-width: 350px;}
.bioImgWrap img.bioImg{max-width: 100%;}

.categoryLand {min-height:0px;}



/* ---TABS --- */
.clear_all{clear: both;}
#tabs{margin: 0;}
#tab_buttons{background: none transparent; margin: 0px 0px 5px;}
#tab_buttons ul{margin: 0; padding: 0 !important; display:table; border-bottom:1px solid #efefef; width:100%;}
#tab_buttons ul li{float: left; font-family:'Roboto Condensed', sans-serif; font-size: 22px; line-height:25px; line-height:1.5625rem; list-style-type: none; width: auto; margin: 0px 0px -1px;}
#tab_buttons ul li a:link, #tab_buttons ul li a:visited{border-color:#eee #eee #efefef; background: #efefef; color: #004d86; display: block; margin: 0px 2px 0px 0px; overflow: hidden; padding: 8px 12px; text-align: center; text-decoration: none; border:1px solid transparent; border-radius: 4px 4px 0px 0px;}
#tab_buttons ul li.firsttab{border: none;}
#tab_buttons ul li.firsttab a{margin-left: 0px;}
#tab_buttons ul li.ui-tabs-active a:link, #tab_buttons ul li.ui-tabs-active a:visited, #tab_buttons ul li.ui-state-active a:link, #tab_buttons ul li.ui-state-active a:visited{background: #fff; border-color:#ddd #ddd transparent; color: #333; text-decoration: none;}
#tab_buttons ul li a:hover, #tab_buttons ul li a:active{background: #fff; border-color:#efefef #efefef transparent; color: #333; text-decoration: none;}
#tab_content{border: none; padding: 0px;}


/* --- ACCORDION --- */
.accordion_wrapper{width: 100%;}
.accordion_wrapper h2, a.accordionButton, a.accordionButton:link, a.accordionButton:visited, button.accordionButton, button.accordionButton:link, button.accordionButton:visited {font-family:'Roboto Condensed', sans-serif; font-size: 24px; line-height:30px; line-height:1.875rem; color: #004d86; margin: 20px 0px 5px 0px; text-decoration: none; position: relative;}
a.accordionButton:hover, a.accordionButton:active, a.on, button.accordionButtion:hover, button.accordionButton:active, button.on {color: #004d86; text-decoration: underline; cursor: pointer;}
a.accordionButton::before, button.accordionButton::before{content: '+'; position: absolute; top: -2px; left: -20px; display: block; font-size: 24px}
a.accordionButton, button.accordionButton {left:20px;}
button.accordionButton {margin: 0px; background: none; border: 0px; padding: 0px; text-align:left;}
a.on::before, button.on::before{content: '-'; font-size: 28px; left: -17px;}

.accordionContent{background: none transparent; padding: 0px 0px 10px 20px;}

/*-------- Forms --*/
.required-red {color:#b01212;}
table.form_page td {padding:0 0 10px !important; vertical-align:top;}
table.form_page td textarea, table.form_page td input[type=text] {width:98%; padding:2px; font-size:15px; font-size:.9375rem;}
table.form_page td input[type=submit], table.form_page td button, table.form_page td input[type=reset], table.form_page td select {width:100%; height:35px; font-size:15px; font-size:.9375rem;}
table.form_page td input[type=submit], table.form_page td button {border:0px; background:#004d86; text-transform:uppercase; border: 1px solid #cccccc; color:#ffffff;}
table.form_page tr:nth-of-type(2n+2) {background-color:#ffffff !important;}
table.form_page td p, #contentWrapper table.form_page td {font-size:15px; font-size:.9375rem; line-height:20px; line-height:1.25rem;}

form select.checkbox {
    width: 100%;
    height: 35px;
    font-size:15px; font-size:.9375rem;
}

form .EMScontainer input[type="email"], form .EMScontainer input[type="number"], form .EMScontainer input[type="password"], form .EMScontainer input[type="search"], form .EMScontainer input[type="tel"], form .EMScontainer input[type="text"], form .EMScontainer input[type="url"], form .EMScontainer textarea {
    border: 1px solid #c7c8ca;
    border-radius: 0;
    padding: .56em .75em;
    width: 100%;
}

form .EMSsubmitButton button {
    background-color: #004d86;
border-color: #e4a115;
color: #fff;
border-width: 2px;
border-style: solid;
cursor: pointer;
font-size: .75em;
font-weight: 700;
letter-spacing: .06em;
padding: .75em 1.33em .63em;
text-align: center;
text-transform: uppercase;
}



table.sortable {
    font-size:15px; font-size:.9375rem;
}

table.sortable td {
    background:#efefef;
}

.filterHeading {font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size:18px; font-size:1.125rem; text-transform:uppercase; margin:0px 10px 0px 0px;}

.sortationBox {float:left; margin:0px 30px 30px 0px;}

.sortationBox {float:left;}

.btn-mini {    padding: 10px; background: #004d86; color: #ffffff;}

/*--------- Tables -----------*/

/*-------- #contentWrapper table {border:0px !important;} -------*/
table thead td, table thead th {background-color: #004d86 !important; color: #ffffff !important; text-align: left !important; vertical-align: top !important; padding:10px !important; }
table thead td p, table thead th p, #contentWrapper table thead td, #contentWrapper table thead th {color:#ffffff !important; text-align:left !important;}
table tr:nth-of-type(2n+2) {background-color: #DEDEDE !important;}
table td {vertical-align: top !important; padding:10px !important; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all;}
table td p, #contentWrapper table td {text-align:left;}
table td img {max-width:100% !important; height:auto;}
caption {text-align:left;}

table.stickyTableHeader thead th {position:sticky; top:100px;}

.highslide-container table td, .gsc-control-cse table td {
    padding: 0px !important;
}

.highslide-container table tr:nth-of-type(2n+2) {
    background: none !important;
}

table tr.deptRow:nth-of-type(2n+2), table tr.deptRow {display:none; background:none !important;}

/*------------ Forms and Captcha -------------*/

#captcha_code {display:none;}

/*--------- net price calc -----*/

.netPriceCalc {
    width: 50%; margin: 0 auto;
}

/*------- Policy Columns --------*/

.policy_col {float: left; padding-right: 1%; width: 48%;}

/*------ Admin page styles -----------*/

.admin_box {background: none repeat scroll 0 0 #eeeeee; border: 2px solid #cccccc; float: left; font-size:11px; font-size:.6875rem; margin: 0 0.5% 10px 0; max-width: 500px; min-height: 350px; min-width: 150px; padding: 20px 1%; text-align: center; width: 21.5%;}
.chancellor {float: none; margin: 0 10px 0 0; width: 200px;}

.orgsync-widget {display:block !important;}


/*----------- Emergency Notification Homepage -------------*/

#notification .alert-date {
    padding:5px;
    background:#e7e7e7;
    border:1px solid #d6d6d6;
}

/*-------- support popup form button -----------*/

#freshwidget-button {font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}

.freshwidget-button a {
    color: #ffffff !important;
    font-size:18px; font-size:1.125rem;
    font-weight: normal;
    outline: 0 none;
    position: fixed;
    white-space: nowrap;
}

/*---------- Buttons ----------*/

	
	.fbuttons a:link, .fbuttons a:visited {
		display:block;
		background-color: rgba(0, 77, 134, 0.8);
		border:2px solid #ffffff;
		text-transform:uppercase;
		font-family:'Big Shoulders Display', sans-serif;
		font-size:32px; font-size:2rem;
		line-height:32px; line-height:2rem;
		padding:5px 8px;
		color:#ffffff;
		text-decoration:none;
		margin:0px 8px 10px 0px;
		letter-spacing:1.5px;
		float:none;
	}
    
    .Right .fbuttons a:link, .Right .fbuttons a:visited {
        float:right;
    }
	
		.fbuttons a:hover, .fbuttons a:active, .fbuttons a:focus {
		background-color: rgba(255, 255, 255, 0.8);
		border:2px solid #ffffff;
		color:#004d86;
            -webkit-animation-name: buttons; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .5s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes buttons {
    from {background-color: #ffffff; color:#004d86; box-shadow: 0px 0px 0px #666666;}
    to {background-color: #ffffff; color: #004d86; box-shadow: 0px 0px 5px #666666;}
}

/* Standard syntax */
@keyframes buttons {
    from {background-color: #ffffff; color:#004d86; box-shadow: 0px 0px 0px #666666;}
    to {background-color: #ffffff; color: #004d86; box-shadow: 0px 0px 5px #666666;}
    
}


/*----------- download button -----------*/


a.download_button:link, a.download_button:visited, p.download_button a:link, p.download_button a:visited, .download_button a:link, .download_button a:visited {
padding:10px;
    background: #004d86; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#004d86, #002b64); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#004d86, #002b64); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#004d86, #002b64); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#004d86, #002b64); /* Standard syntax */
    border: solid 1px #004d86;
    color: #ffffff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
    font-size:20px; font-size:1.25rem;
    margin: 18px 0px;
    display: block;
    text-align: center;
}

a.download_button:hover, a.download_button:active, a.download_button:focus, p.download_button a:hover, p.download_button a:active, p.download_button a:focus, .download_button a:hover, .download_button a:active, .download_button a:focus {
 color:#ffffff;
 text-decoration:underline;
     background: #004d86; /* For browsers that do not support gradients */
}

/*------ Rates Table -------*/

#contentWrapper table.rates thead tr td {height:225px; overflow:hidden;}
#contentWrapper table.rates thead tr td div {writing-mode: vertical-lr; text-orientation: mixed; font-size:16px; font-size:1rem; line-height: 16px; height: 100%; text-align: right; margin: 0 auto;}

/*--------- Major Page ------------*/

/*---------- College Header Section ----------- */
    #collegeOuter {border-bottom:3px solid #e4a115;}
    #collegeMajor {padding:15px 0px;}
	.majorProgram h2, .contentWrapper h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:30px; font-size:1.875rem;
    line-height:35px; line-height:2.1875rem;
    color: #004d86;
    margin: 40px 0px 5px;
    text-transform:uppercase;
	clear:both;

}

	.majorProgram h1, h2.majorSubtitle {font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size:26px; line-height:30px; line-height:1.875rem; color:#000000; margin:0px 0px 5px; text-transform:capitalize;}


.majorProgram h2.deliveryMethod {
    margin:0px 0px 20px 0px;
}

.majorProgram h2.deliveryMethod .method {
    color:#000000;
}



.majorProgram p.placementSubtitle {margin-bottom:10px;}


/*--------- feature col large and Profile ---------*/

.featureBox {
    background-size: cover;
    background-attachment: fixed;
    background-color: #e4a115;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: hidden;
    margin-top: 20px;
}

.featureBox-inner {
    background: url(../images/feature-box-arrow.png) center -15px no-repeat;
    padding: 100px 0px 75px;
}

 .profileOuter {
	 padding:0px;
	 margin:0px;
}

.feature-col.large {
	background-color: rgba(255, 255, 255, 1);
	padding: 50px 0px 55px;
}

.feature-col.profile {
	padding: 0px 0px 0px;
	width:100%;
}

.profileOuter .feature-col #profile {
	 max-width:1100px;
	 margin:0 auto;
	 padding:50px 0px;
}

.featureBox a:link, .featureBox a:visited {
    text-decoration: none;
}

h2.featureTitle {
	text-transform:uppercase;
	color:#ffffff;
	background-color: rgba(0, 77, 134, 0.8);
	padding:15px;
	margin:0px 0px 20px;
}

#profile #quoteByline {
    padding: 5px 0px 0px 10px;
}

#profile .quoteSub {
    font-family: 'Roboto Condensed', sans-serif; font-weight: 300;
    font-size:18px; font-size:1.125rem;
    line-height: 27px; line-height:1.6875rem;
	margin-bottom:5px;
}

#profile h3.newsTitle {
    padding-bottom:10px;
}

#profile .multiStory h3.newsTitle {text-transform:capitalize;}

#profile .multiStory {width:100%;}

.feature-col #profile .quoteText {
    padding: 0px 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif; font-weight: 300;
    font-size:20px; font-size:1.25rem;
    line-height:24px; line-height:1.5rem;
    background: none;
}


.feature-col #profile .quoteText p {
    font-family: 'Roboto Condensed', sans-serif; font-weight: 300;
    font-size:20px; font-size:1.25rem;
    line-height:30px; line-height:1.875rem;
    background: none;
    text-align:left;
}

.feature-col .columnContent, .feature-col #profileImg {
	display:inline-block;
	max-width:50%;
	float:left;
	box-sizing:border-box;
	padding:20px 0px 20px 20px;
	margin-top:0px;
	width:50%;
}

.profileOuter .feature-col .columnContent {
	 max-width:75%;
	 width:75%;
}

.profileOuter .feature-col .videoOuter {
    width:50%;
    max-width:50%;
}

 .profileOuter .feature-col #profileImg {
	 width:20%;
	 border-radius:100%;
	 overflow:hidden;
	 padding:0px;
	 margin:2.5%;
}

.profileOuter .feature-col #profileImg.videoOuter {
    border-radius:0px;
    overflow:auto;
    width:50%;
    margin:2.5% 0%;
    max-width:50%;
}

.feature-col.col2 #profileImg, .feature-col.col2 .columnContent, .feature-col.col3 #profileImg, .feature-col.col3 .columnContent, .feature-col.col4 #profileImg, .feature-col.col4 .columnContent {
    display:inline-block;
	max-width:100%;
	box-sizing:border-box;
	padding:0px 20px 20px 20px;
	margin-top:0px;
	float:none;
}


.feature-col .columnContent {
	padding:20px 20px 20px 20px;
	text-align:left;
}

.feature-col .columnContent.cal {
   max-width:100%;
   width:100%;
}

#profile .cal h2 {
    text-align:center;
    margin-bottom:10px;
}

#profile .eventItem {
    margin-bottom: 18px;
    float:left;
    width:50%;
    clear:none;
}

.subCol #profile .eventItem {
    width: 100%;
}

.col1 #profile .eventItem {
    width:50%;
}

.feature-col #videoOuter {
    box-sizing: border-box;
    padding: 20px 0px 20px 20px;
    float: left;
    width: 50%;
}

.feature-col.subCol #profile #videoOuter {
    padding: 0px 20px 20px 20px;
    width: 100%;
}
.feature-col #profileImg.video {
    display:inline-block;
	max-width:100%;
	float:left;
	box-sizing:border-box;
	padding:10px;
    position:relative;
    width:525px;
}

.feature-col #profileImg img {
    margin:0px;
}

#videoProfile {
    padding-bottom: 57.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    position:relative;
}

#videoProfile iframe {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 0px;
}

.feature-col .heading {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:34px; font-size:2.125rem;
	line-height:38px; line-height:2.375rem;
}

.gridContainer4 .feature-col .heading, .gridContainer3 .feature-col .heading, .gridContainer2 .feature-col .heading {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:26px; font-size:1.625rem;
    line-height:39px; line-height:2.4375rem;
}

.subCol p {
	padding:0px 20px;
	    margin: 0px 0px 10px;
}

.subCol table p {
    padding:0px;
}

.subCol .quoteText p {
    padding:0px;
}

.subCol {
	width:32%;
	float:left;
}

.subCol.col2 {
    width:49%;
}

.col2.middle {
    margin:0px 0px 20px 2%;
}

.subCol.col1 {
    width:100%;
}



/*--------- Feature col small --------------*/
	
	.feature-col.small {
		width:32%;
		
		float:left;
		position:relative;
		
	}
	
	.feature-col.box3.small {
	    background:#ffffff;
	}
    
    .feature-col.col2 {
    width:49%;
}

.col2.middle {
    margin:0px 0px 20px 2%;
}

.feature-col.col1 {
    width:100%;
}

.feature-col p {
	font-size:17px; font-size:1.0625rem;
	line-height:25.5px; line-height:1.6rem;
}

#profile p, .subCol #profile p {
    font-size:20px; font-size:1.25rem;
	line-height:28px; line-height:1.75rem;
	padding:0px;
}

.feature-col.subCol .feature-col-inner {
background-color: rgba(255, 255, 255, 0.8);
	padding:5% 0px 10%;
	background-color: rgba(255, 255, 255, 0.8);
	height:100%;
	box-sizing:border-box;
}

.feature-col.gridCol a:link .feature-col-inner, .feature-col.gridCol a:visited .feature-col-inner {
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing:border-box;
}

.feature-col.subCol a:hover .feature-col-inner, .feature-col.subCol a:active .feature-col-inner, .feature-col.subCol a:focus .feature-col-inner {
    background-color: rgba(255, 255, 255, 1.0);
}

.colNumber {
	color:#004d86;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
	font-size:65px; font-size:4.0625rem;
	padding:20px 5px;
	border:2px solid #004d86;
	margin: 0 auto 15px;
	-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%; /* future proofing */
-khtml-border-radius: 100%; /* for old Konqueror browsers */
	box-sizing:border-box;
	display:inline-block;
	min-width:130px;
	min-height:130px;
}

.colNumber.noBorder {
    border:0px;
    height:auto;
    width:auto;
    padding: 5% 10px 0px;
    max-width:132px;
}

.feature-col .moreInfo {
	color:#004d86;
	border:2px solid #004d86;
	background:transparent;
	border-radius:50px 50px 50px 50px;
	font-size:18px; font-size:1.125rem;
	height:30px;
	width:30px;
	font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
	position:absolute;
	bottom:15px;
	right:10px;
	z-index:50;
	text-align:center;
	display:block;
	margin:0px;
	padding:0px;
}

.feature-col.on .moreInfo {
	color:#ffffff;
	background:#004d86;
	border:2px solid #ffffff;
}

.feature-col.subCol .fbuttons{
	padding:0px;
}

.feature-col.subCol .fbuttons a:link, .feature-col.subCol .fbuttons a:visited {
	margin:0px;
	display:block;
	border:0px solid #004d86;
	    padding: 10px 8px;
}

.feature-col.subCol .fbuttons a:hover, .feature-col.subCol .fbuttons a:active, .feature-col.subCol .fbuttons a:focus {
	background:#004d86;
	color:#ffffff;
    border:0px;
}

.feature-col.small .overlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgba(0, 77, 134, 0.95);
	display:none;
	
}


.feature-col.small.on .overlay {
	display:block;
}



.feature-col.small .overlay p {
	color:#ffffff;
	padding:20px;
	text-align:left;
	font-size:17px; font-size:1.0625rem;
	line-height:21px; line-height:1.3125rem;
}

.feature-col.small .columnFull p {
    color:#231f20;   
    padding:0px 20px 0px;
	text-align:left;
	font-size:17px; font-size:1.0625rem;
	line-height:21px; line-height:1.3125rem;
}

.feature-col.small .columnFull h3 {
    padding:0px 20px 0px;
    text-align:center;
    margin:0px;
}

.feature-col.small .overlay .overlayTitle {
	font-family:'Roboto Condensed', sans-serif;
	font-size:19px; font-size1.1875rem;
	display:block;
	padding:10px;
	color:#ffffff;
	border-bottom:2px solid #ffffff;
	text-transform:uppercase;
	line-height:23px; line-height:1.4375rem;
}
	
	.middle {margin:0px 2% 0px;}
	
	.feature-col.small h2 {
		background-color: rgba(0, 77, 134, 0.8);
		color:#ffffff;
		text-align:center;
		font-size:19px; font-size1.1875rem;
		font-family:'Roboto Condensed', sans-serif;
		text-transform:uppercase;
		padding:10px 10px;
		line-height:23px; line-height:1.4375rem;
		margin:0px;
	}
	
	.feature-col.box3.small h2 {
	        background: #e4a115;
    color: #003c75;
    font-familY: 'Roboto Condensed', sans-serif; font-weight: 700;
	}
	
	.feature-col.small .column1, .feature-col.small .column2 {
		width:49%;
		float:left;
		padding:20px 0px 10px;
		background-color: rgba(255, 255, 255, 0.8);
	}
    
    .feature-col.small .columnFull {
        width:100%;
		float:left;
		padding:20px 0px 10px;
		background-color: rgba(255, 255, 255, 0.8);
        text-align:left;
    }

	
	.feature-col.small .column1 {
		padding-right:2%;
	}
	
	.feature-col.small .column1 p {
		text-align:right;
		font-size:21px; font-size1.3125rem;
		font-family:'Roboto Condensed', sans-serif;
		line-height:28px; line-height:1.75rem;
	}
	
		.feature-col.small .column2 p {
		text-align:left;
			font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
			font-size:28px; font-size1.75rem;
			line-height:28px; line-height:1.75rem;
	}
	
	.feature-col.small .total {
padding:0px 10px;
background-color: rgba(255, 255, 255, 0.8);
	}
	
		.feature-col.small .total p {
		padding:10px;
		border-top:2px solid #004d86;
		margin:0 auto;
	}
	
			.feature-col.small .total p {
			font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
			font-size:46px; font-size:2.875rem;
			line-height:50px; line-height:3.125rem;
				text-align:center;
	}
	
/*------ 4 column ------*/

.gridContainer4 {
     display:-ms-grid;
    display: grid;
   
    grid-column-gap: 2%;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;

}

.columnCount4 {
    grid-column-start: 1;
    grid-column-end: 5;
}

/*--- 3 Column ------*/

.gridContainer3 {
    display:-ms-grid;
    display: grid;
    grid-column-gap: 2%;
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: 32% 32% 32%;
}

.columnCount3 {
    grid-column-start: 1;
    grid-column-end: 4;
    -ms-grid-row:1;
    -ms-grid-column-span:3;
    
}

/*------- 2 column ------*/
.gridContainer2 {
    display:-ms-grid;
    display: grid;
    grid-column-gap: 2%;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 49% 49%;
}


.columnCount2 {
	grid-column-start: 1;
    grid-column-end: 3;
}


.feature-col.gridCol {
    width: 100%;
    height: 100%;
    margin:0px;
}

.feature-col.gridCol.col4.cell1, .feature-col.gridCol.col3.cell1, .feature-col.gridCol.col2.cell1 {
    -ms-grid-row:2; -ms-grid-column:1;
}

.feature-col.gridCol.col4.cell2, .feature-col.gridCol.col3.cell2, .feature-col.gridCol.col2.cell2 {
    -ms-grid-row:2; -ms-grid-column:2;
}

.feature-col.gridCol.col4.cell3, .feature-col.gridCol.col3.cell3 {
    -ms-grid-row:2; -ms-grid-column:3;
}

.feature-col.gridCol.col4.cell4 {
    -ms-grid-row:2; -ms-grid-column:4;
}

.fbuttons.gridCol.col4.cell1, .fbuttons.gridCol.col3.cell1, .fbuttons.gridCol.col2.cell1 {
    -ms-grid-row:3; -ms-grid-column:1;
}

.fbuttons.gridCol.col4.cell2, .fbuttons.gridCol.col3.cell2, .fbuttons.gridCol.col2.cell2 {
    -ms-grid-row:3; -ms-grid-column:2;
}

.fbuttons.gridCol.col4.cell3, .fbuttons.gridCol.col3.cell3 {
    -ms-grid-row:3; -ms-grid-column:3;
} 

.fbuttons.gridCol.col4.cell4 {
    -ms-grid-row:2; -ms-grid-column:4;
}


.feature-col.gridCol .fbuttons {display:none;}

.categoryBox .feature-col.gridCol .fbuttons {display:block;}

.fbuttons.gridCol a:link {
    margin:0px;
    padding:10px 0px;
    box-sizing:border-box;
    width:100%;
    border:0px;
}

.featureBox-inner .fbuttons.gridCol {
    padding:0px;
    margin:0px;
        grid-column-start: auto;
    grid-column-end: auto;
}




/*------- Secondary Content Columns -------*/

.columns {
	padding:30px 0px;
    font-family: 'Roboto', sans-serif;
    font-size:20px; font-size:1.25rem;
    line-height:28px; line-height:1.75rem;
}
.columns .column {
	width:30%;
	float:left;
	text-align:center;
	padding:10px 0px;
	    text-transform: capitalize;
}

.columns .column img {
    max-width:25%;
}

.columns .column.col1 img {
    max-width:20%;
}

.columns .column ul {list-style:none; padding:0px; text-align:center;}

 .columns .column .eventItem {
    text-align:left;
    margin:9px 0px;
}

.columns .middle {margin:0px 5% 0px;}

.columns .col2.middle {
    margin:0px 0px 0px 2%;
}

.columns .col2 {
    width:49%;    
}

.columns .col1 {
    width:100%;
}

.columns .column p, .columns .column li {
	text-align:center;
	list-style:none;
}

.columns .column p {
    text-align: left;
    font-size:17px; font-size:1.0625rem;
    line-height: 25.5px; line-height:1.6rem;
    color: #231f20;
    padding: 18px 0px 0px;
}

.column h3 {
text-transform:uppercase;
	border-bottom:2px solid #efefef;
	    margin: 0px;
    padding: 15px 0px;
}

.column ul {padding:0px 0px 0px 19px;}

.column li {
padding:0px 0px 20px 0px;
}

.column .strong {
	font-family:'Roboto Condensed', sans-serif; font-weight: 700;
	display:block;
	text-transform:uppercase;
}

/*---------- Major Page Navigation ---------*/
	.majorProgram p {text-align:left;}
	.majorProgram h2.navHeader {margin-top:0px;}
	p.college, span.college {font-size:22px; font-size:1.375rem; line-height:33px; line-height:2.0625rem; font-family:'Roboto Condensed', sans-serif; color:#004d86; text-align:left; margin:0px; display:block;}
	p.college span {text-transform:uppercase;}
	h1.major, p.major {font-size:40px; font-size:2.5rem; line-height:45px; line-height:2.8125rem; font-family:'Roboto Condensed', sans-serif; font-weight: 700; color:#004d86; text-transform:uppercase; text-align:left; margin:0px;}
	
/*------------ Major Page Footer Tagline --------*/    
	#footerTagline {display:block;}
	.majorPhoto {width:100%; margin-bottom:20px;}
    
/*----------- Major Page Apply button ----------*/    
	
.btnWrapper.apply-now, #btnWrapper.apply-now {
    background: url(../images/apply-bg.jpg) #ebebeb center top no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:34px; font-size:2.125rem; font-size:2.125rem;
    line-height:50px; line-height:3.125rem; line-height:3.125rem;
    padding: 35px 1%;
    text-align: center;
    text-transform: uppercase;
}

.btnWrapper.affordability, #btnWrapper.affordability {
    background: url(../images/apply-bg-no-notch.jpg) #ebebeb center top no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:34px; font-size:2.125rem; font-size:2.125rem;
    line-height:50px; line-height:3.125rem; line-height:3.125rem;
    padding: 35px 1%;
    text-align: center;
}

.btnWrapper.affordability p {
    max-width:900px;
    margin:0 auto;
    padding:0px 0px 15px;
}

.btnWrapper.affordability h2 {
    font-family:'Roboto Condensed', sans-serif; font-weight: 700;
    font-size:35px; font-size:2.1875rem;
    line-height:40px; line-height:2.5rem;
    padding-bottom:10px;
    max-width:700px;
    margin:0 auto;
    color:#004d86;
}
	
	#btnWrapper.apply-now .gold-bracket, .btnWrapper.apply-now .gold-bracket, .btnWrapper.affordability .gold-bracket {
    color: #ce8901;
    font-size:41px; font-size:2.5625rem;
    line-height:50px; line-height:3.125rem; line-height:3.125rem;
    padding: 0 3px;
}
	
	.btnWrapper.apply-now a:link, #btnWrapper.apply-now a:link, .btnWrapper.apply-now a:visited, #btnWrapper.apply-now a:visited, #btnWrapper a:link, .#btnWrapper a:visited {
    color: #004d86;
    text-decoration: none !important;
}

    .btnWrapper.apply-now a:hover, #btnWrapper.apply-now a:hover, .btnWrapper.apply-now a:active, #btnWrapper.apply-now a:active, .btnWrapper.apply-now a:focus, #btnWrapper.apply-now a:focus, #btnWrapper a:hover, .#btnWrapper a:active, #btnWrapper a:focus {
    text-decoration: underline;
}

#contentWrapper ul.quick-links {padding:0px; margin:0px 0px 30px 0px; list-style:none;}

#contentWrapper .quick-links li {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:23px; font-size:1.4375rem;
    line-height:30px; line-height:1.875rem;
    text-align: center;
    text-transform: uppercase;
    list-style-type: none;
    margin: 0px 0px 10px;
}
.quick-links li a:link, .quick-links li a:visited {
    color:#004d86;
    display:block;
    background:url(../images/apply-bg-small.jpg) #ebebeb center top no-repeat; 
    padding: 15px 1%;
}

.quick-links li a:hover, .quick-links li a:active, .quick-links li a:focus{
    color:#ffffff;
    border:0px;
    background:url(../images/apply-bg-small-over.jpg) #004d86 center top no-repeat; 
}

#contentWrapper .quick-links li.first a:link, #contentWrapper .quick-links li.first a:visited, #contentWrapper .quick-links li.first a:hover, #contentWrapper .quick-links li.first a:active, #contentWrapper .quick-links li.first a:focus {background-image:none;}

.clive-field-wrapper label {
	font-family: 'Roboto Condensed', sans-serif;
    color: #004d86;
    margin: 0px !important;
	padding:0px !important;
}

.clive-dropdown-wrapper>select {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif; !important;
    text-transform: uppercase;
    border: 2px solid #004d86 !important;
    color: #004d86;
}

.clive-submit {
    background-color: #004d86 !important;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif; !important;
    text-transform: uppercase;
}

.clive-field-wrapper {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 1em;
}
.clive-dropdown-wrapper:after {
    color: #004d86 !important;
    visibility: visible !important;
}

.clive-dropdown-wrapper:hover:after, .clive-dropdown-wrapper:focus:after {
	color: #666666 !important;
}

.clive-form{margin:0px 0px 40px;}

/*-------- Four Year Plans -----------*/


.fourYear li {text-align:left; font-family:'Roboto', sans-serif; line-height:24px; line-height:1.5rem; color:#231F21;}
    .majorProgram .rightFeed {border:0px;}
    
   .fourYear .semester li {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 18px;
    line-height: 1.125rem;
}
	
	.semester ul {margin:0px; padding:0px;}
	.semester .fourYearTitle, .semester li {text-align:left;}
	
	.fourYear {margin-bottom:20px; padding: 4% 0px 40px;}
	
	#grid, .grid4col {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    grid-column-gap: 2%;
    padding: 10px 0px 40px;
    grid-row-gap: 2%;
}

	#grid, .grid3col {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-column-gap: 2%;
    padding: 10px 0px 40px;
    grid-row-gap: 2%;
}

	#grid, .grid2col {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
    padding: 10px 0px 40px;
    grid-row-gap: 2%;
}

.grid .semester {width:100%;}


/*------- netCalc result pop up ----------*/

.netCalc.box1, .netCalc.box2, .netCalc.box3 {
    display:none;
    position: absolute;
    width: 200px;
    background: #ffffff;
    padding: 10px;
    right: 0px;
    box-shadow: 0px 0px 10px;
    border-radius: 10px;
}
.netCalc.box1.on, .netCalc.box2.on, .netCalc.box3.on {
    display:block;
}

/*------- Promo ------------*/

.promo h2{
	 font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
	 font-size:30px; font-size:1.875rem;
	 line-height:34px; line-height:2.125rem;
	 color: #084f82;
	 text-transform: uppercase;
	 margin:0px;
	 float:right;
	 width:75%;
	 text-align:left;
	 padding:30px 50px 10px;
	 box-sizing:border-box;
}
 .promo img {
	 width:25%;
	 float:left;
	 max-width:100%;
}
 .promo p {
	 width:75%;
	 float:right;
	 padding: 0px 50px 30px;
	 box-sizing: border-box;
	 font-size:20px; font-size:1.25rem;
	 line-height:30px; line-height:1.875rem;
	 text-align:left;
}
 .promo {
	 background:#efefef;
	 padding:30px 0px;
}
 .promo .fbuttons {
	 margin-top:10px;
	 display:block;
}

.promo .fbuttons a:link, .promo .fbuttons a:visited {
    float: left;
}

/* --- RESPONSIVE --- */
@media all and (max-width: 900px) {
    #contentWrapper{min-height: 250px;}
    .flex-caption{max-height: 125px; bottom: 25px;}
    .bioLand{min-height:375px;}
    .categoryLand {min-height:0px;}
    .admin_box { min-height: 350px;}
    table.form_page td.field-label {width:30% !important;}
    table.form_page td.field-value {width:65% !important;}
}

@media all and (max-width: 830px) {
    #contentDiv{width: 100%;}
    #rightContent, #rightContent.major{width: auto; top: -5px; padding: 0px; border-left: none; clear:both;}
    #parentHeader{display: none;}
    #pageHeader{padding: 0px 30px 0px 0px;}
    #breadcrumb{margin-top: 0px;}
    #sideMenu{position: absolute; top: 5px; right: 0px; width: 100%; min-width:200px;}
    .nav-collapse {max-height: 9999px; background-color: #dbdfe1; padding: 6px 0px;}
    .nav-collapse li {padding: 6px 12px;}
    .nav-collapse li a:link, .nav-collapse li a:visited {padding: 0px 12px; display:block;}
    a.nav-toggle{display: block;}
    .bioLand{min-height:375px;}
    .categoryLand {min-height:0px;}
    .js .nav-collapse {max-height:0;}
    #rightContent {position:absolute; float:none; right:0px;}
    #rightFeed, .rightFeed {width:100%; padding:10px 0px; border:0px;}
    table.form_page td.field-label {width:25% !important;}
    table.form_page td.field-value {width:70% !important;}
    #rightFeed.apply-now {
    padding: 10px 0%;
    width:100%;}
    .major #pageHeader a:link, .major #pageHeader a:visited {text-decoration:none; display:block; padding:0px; background:#ffffff; color:#004d86;}
.major #pageHeader a:focus, .major #pageHeader a:active, .major #pageHeader a:hover {text-decoration:none; background:#ffffff; color:#004d86;}
.major .nav-collapse ul {margin: 0 !important; padding: 0px !important; width: auto; display: block; list-style: none;}

#rightFeed p, #rightFeed .itemTitleTop, #rightFeed.itemTitle {
    padding: 5px 4% 5px 4%;
    width: 92%;
}
.story-title { 
    padding: 9px 0 9px 4%;
    width: 96%;}
    
    .rightFeed.apply-now {
    padding: 10px 0px;
    width:100%;
    border-left:0px;
}
p.major {font-size:36px; font-size:2.25rem; line-height:40px; line-height:2.5rem;}
p.college {font-size:20px; font-size:1.25rem; line-height:26px; line-height:1.625rem; font-family:'Roboto Condensed', sans-serif; color:#004d86; text-transform:uppercase; text-align:left; margin:0px;}
}

.international-btn {background:#004d86; border-top:3px solid #e4a115; color:#fff; padding:10px 0px; text-align:center; text-transform:uppercase;}

.international-btn a:link, .international-btn a:visited {color:#fff; text-decoration:none; display:block;}
.international-btn a:hover, .international-btn a:active, .international-btn a:focus {color:#fff; text-decoration:underline; display:block;}

/*------- SVG pie chart ------------*/

.pie {
  width: 150px; height: 150px;
  border-radius: 50%;
  float:left;
  position:relative;
  margin:0px 5px;
}

@keyframes fillup {
  from { stroke-dasharray: 0 100; }
  
}

@keyframes fillup2 {
 from { width:0%;}   
}

.pie svg {
  width: 150px; height: 150px;
  transform: rotate(-90deg);
  background: #f2f2f2;
  border-radius: 50%;
}

circle {
    fill: #f2f2f2;
    stroke: #004d86;
    stroke-width: 8px;
    stroke-dasharray: 80 100;
    animation: fillup 2s .5s linear;
}

.pie p.pieTitle {
    display: block;
    position: absolute;
    top: 19px;
    left: 18px;
    background: #ffffff;
    border-radius: 50%;
    width: 114px;
    height: 114px;
    text-align: center;
    color:#004d86;
    font-family:'Roboto Condensed', sans-serif; font-weight: 700;
    text-transform:uppercase;
}

.pie p.pieTitle span {
    padding: 8px 0px;
    display: block;
}

.placementSubtitle {
    font-style:italic;
    font-family:'Roboto Condensed', sans-serif;
}

/*------------- Bar Chart -------------*/

.container {
    width: 100%;
    margin: 0px;
    background: #fff;
    padding: 0px;
    overflow: hidden;
    float: left;
}

.horizontal .progress-bar {
  float: left;
  width: 100%;
  padding: 8px 0;
}

.horizontal .progress-track {
  position: relative;
  width: 100%;
  height: 30px;
  background: #ebebeb;
}

.horizontal .progress-fill {
  position: relative;
  background: #004d86;
  height: 30px;
  width: 50%;
  color: #fff;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size:14px; font-size:.875rem;
  line-height:34px; line-height:2.125rem;
  animation: fillup2 2s .5s linear;
}

.barGraphTitle {
        color: #231f20;
    margin: 0px 0px 3px;
}

.placementStats {padding-bottom:10px;}

#accreditation img {
    display:block;
    padding:0px 0px 20px;
}

#accreditation p {
    font-size:15px; font-size:.9375rem;
    line-height:22.5px; line-height:1.41rem;
}


/*--------- Major Page Videos --------------*/

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

.major-video {margin-bottom:10px;}

@keyframes grow { to { stroke-dasharray: 100 100 } }

/*-------- Announcements -----------*/
    .announceImage {float:left; padding-right:2%; width:33%; height:auto;} 
    .announceCopy {float:left; width:65%;}
    .noImage {float:none; width:100%;}
    
/*------- Major List -----------*/
h2.majorList {
    text-align:center;
    padding:20px 0px;
    margin:0px;
}    

#contentWrapper ul.majors {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    list-style:none;
}

#contentWrapper ul.noLetter {
    border:0px;
    padding:0px;
}

#contentWrapper ul.majors li {
    margin-bottom: 0px;
    list-style: none;
    padding:10px 0px;
}

/*---------- Buttons ----------*/
 p.fbuttons a:link, a.fbuttons:link, p.fbuttons a:visited, a.fbuttons:visited {
    display: inline-block;
    background-color: rgba(0, 77, 134, 1);
    border: 2px solid #004d86;
    text-transform: uppercase;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size:32px; font-size:2rem;
    line-height:32px; line-height:2rem;
    padding: 5px 8px;
    color: #ffffff;
    text-decoration: none;
    margin: 0px 8px 10px 0px;
    letter-spacing: 1.5px;
   
}

 p.fbuttons a:hover, a.fbuttons:hover, p.fbuttons a:active, a.fbuttons:active, p.fbuttons a:focus, a.fbuttons:focus {
	 background-color: rgba(255, 255, 255, 1);
	 border:2px solid #004d86;
	 color:#004d86;
	 -webkit-animation-name: buttons;
	/* Safari 4.0 - 8.0 */
	 -webkit-animation-duration: .5s;
	/* Safari 4.0 - 8.0 */
	 animation-name: example;
	 animation-duration: .5s;
	 animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
 @-webkit-keyframes example {
	 from {
		background-color: #004d86;
		 color:#ffffff;
		 border-width: 2px;
		 
	}
	 to {
		background-color: #ffffff;
		 color: #004d86;
		 border-width: 2px;
		 
	}
}
/* Standard syntax */
 @keyframes example {
	 from {
		background-color: #004d86;
		 color:#ffffff;
		 border-width: 2px;
		 box-shadow: 0px 0px 0px #666666;
	}
	 to {
		background-color: #ffffff;
		 color: #004d86;
		 border-width: 2px;
		 box-shadow: 0px 0px 5px #666666;
	}
}

.alpha-link:link, .alpha-link:visited {
    color:#ffffff;
    background:#004d86;
    border:2px solid #004d86;
    font-size:17px; font-size:1.0625rem;
    font-family:'Roboto Condensed', sans-serif;
        margin: 0px 5px 10px;
    width: 32px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
}

.alpha-link:hover, .alpha-link:focus, .alpha-link:active {
    color:#004d86;
    background:#ffffff;

}

/*------ step numbers ----------*/
.stepNumber {
    display: block;
    float: left;
    padding: 18px 26px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
    border: 2px solid #004d86;
    color: #004D85;
    font-size:50px; font-size:3.125rem;
    line-height:40px; line-height:2.5rem;
    clear: left;
    font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
    margin-right: 30px;
}

.stepNumberCol2 {
    float:left;
    width:80%;
}

.stepBox {
    margin-bottom:20px;
}

a:hover .scale-up-center, a:focus .scale-up-center, .majors .scale-up-center:hover, .majors .scale-up-center:focus, .thumbGrid .scale-up-center a:hover img, .thumbGrid .scale-up-center a:focus img {
	 -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	 animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ---------------------------------------------- * Generated by Animista on 2019-6-3 15:55:37 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */
/** * ---------------------------------------- * animation scale-up-center * ---------------------------------------- */
 @-webkit-keyframes scale-up-center {
	 0% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 100% {
		 -webkit-transform: scale(1.05);
		 transform: scale(1.05);
	}
}
 @keyframes scale-up-center {
	 0% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 100% {
		 -webkit-transform: scale(1.05);
		 transform: scale(1.05);
	}
}

@media all and (max-width: 1100px) {
    .netPriceCalc {
    width: 75%; margin: 0 auto;
}
}

@media all and (max-width:935px) {
        .grid4col, .grid3col, .grid2col {
    grid-template-columns: 49% 49%;
}
}

@media all and (max-width:830px) {
    
    .feature-col.gridCol a:link .feature-col-inner, .feature-col.gridCol a:visited .feature-col-inner {
    margin-bottom:15px;    
    }
    
    .gridContainer3, .gridContainer2, .gridContainer4 {
    display: block;
}

.columns .column {
    width: 100%;
    float: none;
}

.feature-col #profileImg, .feature-col .columnContent {
    max-width: 100%;
    width: 100%;
    padding: 20px 20px 20px 20px;
}

.profileOuter .feature-col #profileImg {
    margin: 0 auto;
    float: none;
	max-width:50%;
	width:50%;
}

.profileOuter .feature-col .columnContent {
    max-width: 90%;
    width: 90%;
    margin: 0 auto;
    float: none;
}

.btnWrapper.affordability h2, .btnWrapper.affordability p {
    max-width: 90%;
}

p.fbuttons a:link, a.fbuttons:link, p.fbuttons a:visited, a.fbuttons:visited {

    width: 100%;
    box-sizing: border-box;
}

.fbuttons.gridCol {
    display: none;
}

.feature-col.gridCol .fbuttons {
    display: block;
}

.featureBox-inner .fbuttons a:link, .featureBox-inner .fbuttons a:visited, .contentWrapper .fbuttons a:link, .contentWrapper .fbuttons a:visited {
    width: 100%;
    margin: 5px auto;
    box-sizing: border-box;
    float:none;
}

.subCol.middle {
    margin: 25px 0px;
}

.feature-col.small {
    width: 100%;
    float: none;
    margin-top: 30px;
}

.promo img, .promo p, .promo h2 {
    float:none;
    width:100%;
}

.promo p, .promo h2 {
    padding-left:0px;
    padding-right:0px;
}
}

@media all and (max-width: 768px) {
    .netPriceCalc {
    width: 100%; margin: 0 auto;
}

	 .thumbGrid{
		grid-template-columns:49% 49%; grid-column-gap:2%;
	}
	
	.thumbGrid.threeCol {
	   	grid-template-columns:100%;
	}
	
	 .thumbGrid.threeCol .col2 {
	grid-column-start:1;
	 -ms-grid-column:1;
}
	
	.thumbGrid .cell {
    height: 310px;
}
	
	.thumbGrid .rowSpan2 {
	grid-row-start:auto;
	 grid-row-end:auto;
	  -ms-grid-row-span:auto;
	  -ms-grid-row:auto;
}

 .thumbGrid .col3 {
	grid-column-start:auto;
	 -ms-grid-column:auto;
}
 .thumbGrid .col4 {
	grid-column-start:auto;
	 -ms-grid-column:auto;
}

	 
.colNumber {
	font-size: 65px; font-size:4.0625rem;
	min-width:130px;
	min-height:130px;
	padding:20px 5px;
}

.thumbGrid .cell img.imageIcon {
   height:96px;
}

.thumbGrid .cell .statBox {
    padding: 45px 2%;
}
}
    

@media all and (max-width: 650px) {
    #contentWrapper{padding-top: 7%;}
    .bioLand{width: 46%; padding-right: 4%;}
    .bioImgWrap{float: none; margin: 10px auto 15px; max-width: 350px; text-align: center;}
    .policy_col {padding-right: 0; width: 100%;}
    .bioLand{min-height:330px;}
    .categoryLand {min-height:0px;}
    .admin_box { min-height: 350px;}
    #pageHeader {line-height: 23px; line-height:1.4375rem;}
    #contentDiv .eventItem {
    margin: 0 0% 18px 0;
    width: 100%;}
    .profile_pic {float:none; height:auto;}
.profle-list .employee_contact_info {float:none;}
p.major {font-size:28px; font-size1.75rem; line-height:32px; line-height:2rem;}
    .announceImage {float:none; padding:0px 0px 10px 0px; width:auto;} 
    .announceCopy {float:none; width:100%;}
    
    .semester {
	 width:100% !important;
}
#grid, .grid {
    display:block;
}

	.thumbGrid .popup .imageContainer, .thumbGrid .popup .vidPopup, .thumbGrid.threeCol .popup .imageContainer, .thumbGrid.threeCol .popup .vidPopup {float:none; width:100%; height:auto;}
	 .thumbGrid .popup .copy {width:100%; float:none;}
	 .thumbGrid .fbuttons a:link, .thumbGrid .fbuttons a:visited {float:none;}
	 .thumbGrid .popup .imageContainer img, .thumbGrid.threeCol .popup .imageContainer {width:100%;}
	 .thumbGrid .popup {max-height:550px;}
	 
	 .colNumber {
	font-size: 55px; font-size:3.4375rem;
	min-width:110px;
	min-height:110px;
}

.thumbGrid .cell img.imageIcon {
   height:84px;
}

	.thumbGrid .cell {
    height: 275px;
}
}

@media (max-width:550px) {
    	 .colNumber {
	font-size: 45px; font-size:2.8125rem;
	min-width:95px;
	min-height:95px;
	padding:15px 5px;
}

.thumbGrid .cell img.imageIcon {
   height:65px;
}

	.thumbGrid .cell {
    height: 238px;
}

.thumbGrid .cell .statBox {
    padding: 0px 2%;
}
	.contentWrapper p.stepNumber {
		 float: none;
		 width: 24px;
		 margin: 0 auto 15px;
	}
	 .stepNumberCol2 {
		 width:100%;
	}
}

@media all and (max-width: 525px) {
    .flex-caption{height:125px !important;}
    #breadcrumb {margin-top: 20px;}
    table.form_page td.field-label {width:35% !important;}
    table.form_page td.field-value {width:60% !important;}
    
    .stepNumber {
    float: none;
    width: 24px;
    margin: 0 auto 15px;
}

.stepNumberCol2 {
    width:100%;
}
}

@media all and (max-width: 450px) {
    #contentWrapper{padding-top: 10%;}
    .bioLand{float: none; width: 99%; padding-right: 0px; margin: 15px 0px 35px;}
    .bioLand{min-height:auto;}
    .categoryLand {min-height:0px;}
    .flex-caption{height:150px !important;} 
    table.form_page td.field-label {width:40% !important;}
    table.form_page td.field-value {width:55% !important;}
    	.thumbGrid .cell {
    height: 182px;
}

.colNumber {

    margin: 0 auto 0px;
}

.thumbGrid .cell a h3 {
    font-size:18px; font-size:1.125rem; font-size:1.125rem;
    line-height: 22px; line-height:1.375rem;
}

.thumbGrid .cell h3.heading {
    font-size:18px; font-size:1.125rem; font-size:1.125rem;
    line-height: 22px; line-height:1.375rem;
}

.thumbGrid .cell p.copy {
    font-size:15px; font-size:.9375rem; font-size:.9375rem;
    line-height: 20px; line-height:1.25rem;
}
}

@media all and (max-width: 375px) {
.flex-caption{height:175px !important;}  
#pageHeader {font-size:17px; font-size:1.0625rem;}
.admin_box { min-height: 100px; width:97%;}
    	.thumbGrid .cell {
    height: 165px;
}
}



/* --- IE 8 --- */
.ie8.js .nav-collapse {display: inline; max-height: 9999px;}
.ie8 a.nav-toggle{display: none;}