

.flex-caption{max-height: 150px; bottom: 25px;}
#contentWrapper{margin: 0px auto; padding: 4% 0px 40px; text-align: left; position: relative;}
#contentDiv{width: 65%; float:left;}
#contentDiv table {max-width: 100% !important;}
#rightContent{width: 30%; float:right; padding: 0px 0px 30px 2%; border-left: 2px solid #ccc;}
#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{font-family:'Roboto Condensed', sans-serif; font-size:21px; font-size:1.3125rem; line-height:27px; line-height:1.6875rem; color: #004d86; padding: 4px 0px 11px; text-transform: uppercase;}
#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-bottom:#231f20 0px dotted;}


/* --- MENU --- */
.nav-collapse ul {margin: 0 !important; padding: 0 !important; width: 100%; 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-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: #084f82; text-decoration: none;}
.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 --- */
.bioLand{float: left; width: 29%; padding-right: 4%; margin: 15px 0px; min-height:375px;}
.bioLand img.bioImg{max-width: 100%; border: 1px solid #ccc;}
.bioLand h3, .bioLand h2{font-size:24px; font-size:1.5rem; line-height:30px; line-height:1.875rem; margin: 12px 0px 0px; color:#004d86; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
.clearBio{clear: both;}
.bioLand a:hover, .bioLand a:focus, .bioLand a:active {text-decoration: none; border:0px;}
.bioLand p a:hover, .bioLand p a:focus, .bioLand p a:active {border:2px dotted #004d86;}
.bioLand a:hover h3, .bioLand a:hover h2{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;}
#tab_buttons ul li{float: left; border-left: 2px solid #004d86; font-family:'Roboto Condensed', sans-serif; font-size: 22px; line-height:25px; line-height:1.5625rem; list-style-type: none; width: auto; margin: 5px 0px;}
#tab_buttons ul li a:link, #tab_buttons ul li a:visited{border: none; background: none transparent; color: #ce8901; display: block; margin: 0px 10px; overflow: hidden; padding: 0px; text-align: center; text-decoration: none;}
#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: none transparent; color: #004d86; text-decoration: underline;}
#tab_buttons ul li a:hover, #tab_buttons ul li a:active{background: none transparent; color: #004d86; text-decoration: underline;}
#tab_content{border: none; padding: 0px;}



/* --- ACCORDION --- */
.accordion_wrapper{width: 100%;}
.accordion_wrapper h2, a.accordionButton, a.accordionButton:link, a.accordionButton:visited{font-family:'Roboto Condensed', sans-serif; font-size:24px; font-size:1.5rem; 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{color: #004d86; text-decoration: underline; cursor: pointer;}
a.accordionButton::before{content: '+'; position: absolute; top: -2px; left: -20px; display: block; font-size: 24px; font-size:1.5rem;}
a.accordionButton {left:20px;}
a.on::before{content: '-'; font-size:28px; font-size:1.75rem; left: -17px;}

.accordionContent{background: none transparent; padding: 0px 0px 10px 20px;}

/*------- 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;
}

/*-------- 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 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] {border:0px; background:#ededed; text-transform:uppercase; border: 1px solid #cccccc;}
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;}

/*--------- Tables -----------*/

/*-------- #contentWrapper table {border:0px !important;} -------*/
table thead td {background-color: #004d86 !important; color: #ffffff !important; text-align: left !important; vertical-align: top !important; padding:10px !important; }
table thead td p, #contentWrapper table thead td {color:#ffffff !important; text-align:left !important;}
table tr:nth-of-type(2n+2) {background-color: #f2f2f2 !important;}
table td {vertical-align: top !important; text-align:left !important; padding:10px !important;}
table td p, #contentWrapper table td {text-align:left !important;}

.highslide-container table td, .gsc-control-cse table td {
    padding: 0px !important;
}

.highslide-container table tr:nth-of-type(2n+2) {
    background: none !important;
}

/*------------ Forms and Captcha -------------*/

#captcha_code {display:none;}

/*------- 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;}


/*----------- meet the team styles ----------*/

.admission_staff {
text-align: center; 
width: 33%; 
float: left; 
height: 350px;
}

/*---------- undergrad home main body ---------------*/
a.undergrad_link_title {
font-size:15px; font-size:.9375rem; 
line-height:18px; line-height:1.125rem;
}

.undergrad_home_icons {
width:100%;
font-family:'Roboto Condensed', sans-serif;
}

.undergrad_home_icons p {
padding:0px;
margin:0px; 
font-family:'Roboto Condensed', sans-serif;
}

#contentDiv .undergrad_home_icons img {
    height:100% !important;
}

.undergrad_home_icons span.tour {   
position:relative;
left:0px;
top:-5px;
}

.undergrad_home_icons span.requirements {
    left: 0px;
    position: relative;
    top: -5px;
}

.undergrad_home_icons span.video {
top:-5px;   
position:relative;
}

.undergrad_home_icons .tour img {
height:57px;
}

.undergrad_home_icons .requirements img {
height:53px;
}

.undergrad_home_icons span {
padding:5px 0px 5px 0px;
text-align:center;
}

.undergrad_home_icons {
margin:10px 0px;
}

.icon_last {
border-bottom:0px;
}

.undergrad_home_icons .icon {
width:auto; 
height:50px;

}

p.description {
display:none;   
}

.undergrad_last {
border:0px;
}

.icon_group {
float:left; 
width:23%;
padding:0px 1% 5px 1%;
min-height:110px;
}

span.icon, span.icon_copy {
display:block;
float:none; 
width:100%;
}




/* --- 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;}
}

@media all and (max-width: 830px) {
    #contentDiv{width: 100%;}
    #rightContent{width: auto; top: -5px; padding: 0px; border-left: none;}
    #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;}
}

@media all and (min-width: 731px) {

/*------- phone wide ---------*/

.icon_group {
width:18%;
}

/*------- homepage icons tablet ------*/

.social_icons {
display:block;
}

.icon_group {
width:100%;
height:auto;
min-height:50px;
padding:0px 0px 8px;
}

span.icon, span.icon_copy {
    display: block;
    float: left;
    width: 500px;
}

.undergrad_home_icons span {
    padding: 5px 10px 15px 0px;
    text-align: left;
}

.undergrad_home_icons span.icon {
height:55px;
padding: 5px 10px 5px 0px;
}

.undergrad_home_icons span.tour {
padding:5px 0px 5px 0px;    
left:-5px;
}

.undergrad_home_icons img {
   height:45px;
}

.undergrad_home_icons span.requirements {
    padding: 5px 0px 0px 0px;
    left:-5px;
    position:relative;
}

.undergrad_home_icons span.inter-campus {
    padding: 5px 2px 0px 0px;
    left:-5px;
    position:relative;
}

.undergrad_home_icons .tour img {
    height:55px;
}

.undergrad_home_icons .requirements img {
    height:48px;
}


a.undergrad_link_title {
    font-size:18px; font-size:1.125rem;
    line-height: 24px; line-height:1.5rem;
}

p.description {
    display: block;
}

.icon_border {
border-bottom:2px solid #dddddd;    
margin-bottom:8px;
}

}

@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; max-height: none; text-align: center;}
    .policy_col {padding-right: 0; width: 100%;}
    .bioLand{min-height:330px;}
    .categoryLand {min-height:0px;}
    .admin_box { min-height: 350px;}
}

@media all and (max-width: 525px) {
    .flex-caption{height:125px !important;}

}

@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;} 
    .admission_staff {
width: 50%; 
}

}

@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%;}
}



/* --- IE 8 --- */
.ie8.js .nav-collapse {display: inline; max-height: 9999px;}
.ie8 a.nav-toggle{display: none;}
