@import url('/Style%20Library/chrome.css');
@import url('/Style%20Library/font-awesome.min.css');
@import url('/Style%20Library/theme-cdm.css');
@import url('/Style%20Library/fonts.css');
@charset "utf-8";
/* CSS Document */
/***********************************************/
/* CTiMainSite.css                             */
/* Use with template 3col_leftNav.html         */
/***********************************************/ 

/* Deprecated Styles to Delete Later
------------------------------------
	.CurrentStudentTitle
	.CTIPageSectionHeader
	.gridHeadline
	.formsContainer
	.programPageDeck maybe?
	.smallProgramList maybe (used in 3rd col sidebar like on /academics/pages/courseinfo.aspx?Subject=DC&CatalogNbr=476)
	.CDMPageTitle maybe?
	.researchSubHead maybe
	.researchContent maybe
	.programIndexHeader maybe
	.programIndexText maybe
	.bachelorIndex maybe
	.academicDescrip maybe (found on SCO grad splash page h2 for Overview section)
	#splashAdmission (could be a js hook for a depricated universal text inject. Now we have unique links so can't do this)
	large
	css3Button
	green
	#light
*/


/* 2022 Redesign */	
:root {
	
	/* Royal Blue #0057B7 */
	--color1: hsl(211, 100%, 36%);  
        --color1-L1: hsl(211, 59%, 49%);   
        --color1-L2: hsl(211, 56%, 62%);  
        --color1-L3: hsl(211, 56%, 78%);  
        --color1-L4: hsl(211, 57%, 87%);  
            --color1-D1: hsl(211, 100%, 30%);   
            --color1-D2: hsl(211, 100%, 20%);   
            --color1-D3: hsl(211, 100%, 10%);   
	
	/* Navy Blue #OE4174 */
	--color2: hsl(210, 78%, 25%);    	
		--color2-L1: hsl(210, 78%, 45%);    
		--color2-L2: hsl(210, 78%, 78%);    	
		--color2-L3: hsl(210, 78%, 87.5%);    	
		--color2-L4: hsl(210, 79%, 93%);    	
            --color2-D1: hsl(210, 78%, 20%);  
            --color2-D2: hsl(210, 78%, 15%);  
	
	/* Accent Color #AF272F */
	--color3: hsl(356, 64%, 42%);   		
		--color3-L1: hsl(356, 64%, 62%);  
		--color3-L2: hsl(356, 64%, 72%);	 
		--color3-D1: hsl(356, 64%, 27%);	
		    --color3-D2: hsl(356, 16%, 20%); 	
	
	/* grey obvi */
	--color4: hsl(0, 0%, 34%);      
		--color4-L1: hsl(0, 0%, 54%);
		--color4-L1: hsl(0, 0%, 74%);
		--color4-L1: hsl(0, 0%, 94%);		
	 /*Fluid Type Sizing: https://utopia.fyi/space/calculator */
	 /*
	--step--2: clamp(0.69rem, 0.63rem + 0.34vw, 0.87rem);
	--step--1: clamp(0.83rem, 0.75rem + 0.41vw, 1.04rem);
	--step-0: clamp(1.00rem, 0.90rem + 0.49vw, 1.25rem);
	--step-1: clamp(1.20rem, 1.08rem + 0.59vw, 1.50rem);
	--step-2: clamp(1.44rem, 1.30rem + 0.70vw, 1.80rem);
	--step-3: clamp(1.73rem, 1.56rem + 0.84vw, 2.16rem);
	--step-4: clamp(2.07rem, 1.87rem + 1.01vw, 2.59rem);
	--step-5: clamp(2.49rem, 2.25rem + 1.21vw, 3.11rem);
	--step-6: clamp(2.99rem, 2.70rem + 1.46vw, 3.73rem);		
 *//*
    --step--2: clamp(0.69rem, 0.63rem + 0.34vw, 0.87rem);
    --step--1: clamp(0.83rem, 0.75rem + 0.41vw, 1.04rem);
    --step-0: clamp(1.00rem, 0.90rem + 0.49vw, 1.25rem);
    --step-1: clamp(1.20rem, 1.08rem + 0.59vw, 1.50rem);
    --step-2: clamp(1.44rem, 1.30rem + 0.5vw, 1.80rem);
    --step-3: clamp(1.73rem, 1.56rem + 0.8vw, 2.1rem);
    --step-4: clamp(2.0rem, 1.9rem + .8vw, 2.5rem);
    --step-5: clamp(2.5rem, 2.25rem + 1.25vw, 3.1rem);
    --step-6: clamp(2.9rem, 2.70rem + 1.4vw, 3.6rem);*/


    --step--2: clamp(0.69rem,  , 0.87rem);
    --step--1: clamp(0.83rem,  , 1.04rem);
    --step-0: 1rem;
    --step-1: 1.2rem;
    --step-2: 1.33rem;
    --step-3: 1.75rem;
    --step-4: 2.3rem;
    --step-5: 2.5rem;/*h2*/
    --step-6: 3.1rem;/*h1*/


	--box-shadow1: 5px 5px 7px rgb(0 0 0 / 50%);
}


 


		
}/*&*/





    
#CDMRibbonContainer {
	opacity:0.95; }



#mobile-smartNavWrapper {
	/*display: none; */
	/*margin-left: -606px;*//*&*/
	margin-left: -768px;
	position: fixed;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	overflow-y: auto !important;
	/*width: 260px;*/
	width: 100%;
	transition: transform 0.6s cubic-bezier(.89,.39,.09,.88), opacity 0.6s;
	z-index: 1000;
	opacity: 0;
	box-shadow: 4px 0 3px rgba(0,0,0,0.5); }

#mobile-smartNavWrapper {
	display: none; }


/* REMOVE FROM CHROME 

@media (max-width: 605px)
li.ctiMenuActiveSiteNodeContainer > ul {
    display: block!important;
    box-shadow: none!important;
    background: #fff;
}


*/


@media screen and (max-width: 605px) {
#page {
	transition: margin-left 0.6s cubic-bezier(.87,-.41,.19,1.44) !important; }	
}
	

.ctiMenuSiteNode > * {
	display: inherit!important; }
.sm-blue a span.sub-arrow {
	display: none!important; }

#mobileNavGlyph { 
	transition: 0.3s;
	width: 50px;
	height: 50px;
	padding: 0px 14px 4px;
	margin: 0;
	position: relative;
	top: 7px;
	top: 1px;
	right: 0;
	border-radius: none;
	/*margin-top: 7px;*/ 
	background-color: rgba(0,0,0,0.6); }

/*
.menuOpen #page_container,
.menuOpen #mobileFooter {
	filter: blur(15px) grayscale(50%);
	transition: filter 0.9s;
}
*/	

.menuOpen #mobileNavGlyph {
	width: 42px;
	height: 50px;
	padding: 0px 12px 7px;
	margin: 0 8px 0 0;
	border-radius: 0;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg); }

.menuOpen .icon-bar:nth-child(1) {
    transform: rotate(44deg);
    -webkit-transform: rotate(40deg);  
    transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%; }
.menuOpen .icon-bar:nth-child(2) {
	opacity: 0; }
.menuOpen .icon-bar:nth-child(3) {
    transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    transform-origin: 20% 0;
    -webkit-transform-origin: 20% 0; }
.icon-bar {
    transition: 0.5s; }

   

/* ==============================================
==================== Legend =====================
=================================================                   
                   
**0)     Print

**1)     corev15.css Reset/Overrides
	==1) corev15.css Reset/Overrides
	==1) Normal HTML Tags


**2)     Fonts

**3)     Master Pages / Layouts / Template Items 
	==3) Columns
 	==3) Left Nav
 	==3) Main Nav
 	==3) Breadcrumb
 	==3) Footer
 	==3) Footer Social Links
  
**4)     General  
 	==4) General Helpers (adjustments)
	==4) Accessibility
	==4) Pop Text (!Intro txt)
	==4) Basic Data Table	
	==4) 3rd Col
	
	==4) Buttons (2022)	

**5)     Modular Web Parts
	==5) School Banners
	==5) Pop-Box
	==5) Tabs
	==5) Accessible Accordion
	==5) Accessible Hide/Show (with close button alongside toggled content)	
	==5) Index Item
	==5) Videos
	==5) Important Dates
	==5) Calendar
	==5) Degree Table
	==5) Vimeo
	==5) Posts
	==5) Program Requirements List
	==5) Related Pages Navigation
 	==5) Person Spotlight or Quote	
	==5) Course Promotion

**6)     Hacks
	==6) IE (of course)
	==6) FF
	==6) Chrome & Safari
	==6) Mobile
  
**7)     3rd Party Elements
	==7) Bootstrap & Overrides
	==7) Smart Menu
	==7) Ceebox Lightbox
	==7) Google Custom Search
	==7) Moonray Forms
	==7) MasterSlider
	==7) Google reCaptcha	
	==7) Font Awesome
	==7) KF-Slider (CSS background-image (accessible) simple slider)
	==7) Slick Slider (accessible)

**8)     Specific Page Styles (try adding within page first. If not try here) 
	==8) Ambassador  		
	==8) Admin and Staff
	==8) Class Info
	==8) Course Syllabis
	==8) Course Catalog	
	==8) Curriculum & Requirement
	==8) Dean's List		
	==8) Eval's	 
	==8) Faculty Details
	==8) Home
	==8) Premiere
	==8) Schedule		
	==8) Search	
	==8) Tutor  			

		 

**9)     Misc.
	==9) IPD 
	==9 ) Online Certificate


**10)    Animation

**11)    Media Queries

**12)    Color Contrast 



===============================================
=============================================== **/




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
===========  **0) Print Styles  ===============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media print {
html {
	height: auto!important;
	overflow: visible!important; }

html body *,
html body #schoolAddress a,
html body #mobileSchoolAddress a {
    text-shadow: none!important;
    box-shadow: none!important;
    text-indent: none!important;
    color: #111!important; }
html body form a {
	color: #235b94!important; }
div#staffListContainer {
	width: 100%!important; }

.alert-sitewide,
#page form,
#facultyNav,
#smart-nav,
div.page_header,
div#page_header,
div.ImageBreadcrumbContainer,
div#searchControl,	
div.sharepointControls,
div#page_left_column,
.slider-wrapper,
.printLogo,
.printLogo img,
#page_header,
#CDMRibbonContainer,
div.page_footer,
#mobileFooter .contact,
a[href^="mailto"]:link:after,
a[href^="mailto"]:visited:after,
a[href^="#"]:link:after,
a[href^="#"]:visited:after,
.ui-tabs-nav li:not(:first-child),
ul#facultyList li > a:first-child:link:after,
ul#facultyList li > a:first-child:visited:after,
html body #schoolAddress a:link:after,
html body #schoolAddress a:visited:after,
html body #mobileSchoolAddress a:link:after,
html body #mobileSchoolAddress a:visited:after,
#curriculumDropdown,
.kf-slider,
.do-not-print,
hr,
.inj-vimeo,
.video-resize-wrapper,
.video-full-width,
.feature .ambassadorContainer {
	display: none!important; }

.master-slider img {
	width: 100%; }

div.pageContent {
	vertical-align: top; }
.faculty .col-2-thirds {
	display: block;
	float: right; }

body form .ui-tabs .ui-tabs-hide,
.ui-tabs .ui-tabs-panel {
	display: block!important; }
body form .ui-tabs .ui-tabs-panel:nth-child(2):before {
     	content:"Undergraduate";
     	display: block;
     	margin-top: 2em; }
body form .ui-tabs .ui-tabs-panel:nth-child(3):before {
     	content:"Graduate";
     	display: block;
     	margin-top: 2em; }
body form .ui-tabs .ui-tabs-panel:nth-child(4):before {
     	content:"Ph.D.";
     	display: block;
     	margin-top: 2em; }
	
div.page_body.withimage,
div.page_body.withoutimage {
	top: 0px !important; }
	
div.page_main_content,
div.page_body,
div#fluid {
	left: 0px !important;
	margin-left: 0!important;
	font-size: 13px !important;
	width: 100% !important;
	min-height: none;
	max-height: none; }   

html body form a:not(.dont-print-url):link:after,
html body form a:visited:after,
html body form a.moduleLink:link:after { 
 	content:" [" attr(href) "] ";
 	font-weight:normal!important; 
    font-family: "Times New Roman", Times, serif;
 	color: #235b94!important;
 	font-size: 13px!important;
 	font-weight: normal!important; }
 	
html body #mobileSchoolAddress:after,	
html body #schoolAddress:after { 
 	content: 'Thanks for visiting! Please only print the pages you need in an effort to conserve. Tip: Next to links to other pages you will see the the url path for your convinience. Remember to add "http://www.cdm.depaul.edu" prefixing the shown path, in the square brackets, for links shown without the "http://". ';
	margin-top: 30px;
	padding-top: 20px;
	display: block;
	border-top: 1px dashed #999;
	font-style: italic; }
	 	
html body form a.moduleLink:link:after { 	
 	display: block; }
 
div#page_container {
	margin: 0; }

html body form * strong,
html body form strong *,
html body form * b,
html body form b * {
	font-weight: 300!important; }

.eventContainer:before,
.eventContainer:after {
	content:" ";
    display:table; }
.eventContainer:after {   
    clear:both; } 

.image-header,
.image-header_shorter {
	min-height: 130px; }
	
} /* << end print */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
=======  **1) Reset/Overrides : General or corev15.css   =========
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ms-rtestate-field {
    clear: both; }

.ms-webpart-titleText {
    font-size: 1.25rem;
    margin-bottom: 0; }

#ctl00_PlaceHolderMain_Content__ControlWrapper_RichHtmlField li,
#ctl00_PlaceHolderMain_degreeBlurb__ControlWrapper_RichHtmlField li {
	font-size: 16px;
    line-height: 1.25em;	
	list-style: disc; }
    
div h2.h2,
#ctl00_PageBody div h2 {
	/*line-height: 1.25!important;*/
	line-height: 1.1!important;
	/* margin-top: 2rem; *//* activate after all pages are updated. Be careful */ }

h2.h2,
h3.h3,
.pageContent .ui-tabs-panel h2,
.pageContent .ui-tabs-panel h3 {
  	padding: 15px 0 3px 0;
	margin: 0; }
.pageContent .ui-tabs-panel h2,
.pageContent .ui-tabs-panel h3 {	
	color: #333 !important; }	
	.h3 + p {
		margin: 0.25em 0 1em 0!important; }
	li .h3 {
		padding: 0; }	


h2.h2,
.pageContent .ui-tabs-panel h2 {
	font: 500 1.5rem/1 "DINPro", "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif; }


.pageContent .ui-tabs-panel h3 {
	font: 300 22px "DINPro", "Source Sans Pro", arial, san-serif !important; }
	
h1 small,
h2.h2 small,
h3.h3 small {
	display: block;
	color: #444; }	
h1.PageTitle small {
	font-size: 24px;
	line-height: 1.2em;
	display: inline; /*Summer Academy needs block level for this. But IPD NoSQL needs inline */ }
span.header-tagline {
	display: block;
	font-size: smaller; }

.col-thirds .h2,
.col-quarters .h2 {
	font-size: 23px!important; }
.col-thirds .h3,
.col-quarters .h3 {
	font-size: 18px!important;
	font-weight: 400!important; }	

h3 + .btn-group {
  margin-bottom: 0.5em; }


	.faculty h3,
	.faculty .h3 {
		font-size: var(--step-2);
		}
	.faculty h4 {
		font-size: var(--step-1);
		}


#page .ms-rtestate-field *{
	word-wrap: initial; }

button:hover,
button:focus {
	cursor: pointer; }


.ms-error {
    font-size: 1rem;
    line-height: 1;
    display:inline-block;
    background: #f9e7e7;
    padding: 4px;
    border: 3px solid; }
.pageContent .ms-error:empty {
    display: none; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
============  **1) Normal HTML Tags   ==============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
	height: 100%; 
	overflow-y: none; }

body,
.body {
	background-color: #fff;
	/*overflow: scroll !important; */
	overflow: auto !important; 
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #333;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	height: 100%; 
	
    /*&*/font-family: "Roboto", sans-serif!important;
    /*&*/font-size: var(--step-0);
    /*&*/font-weight: normal!important;
    /*&*/font-style: normal;
    /*&*/line-height: 1; }	
	
	
	
/*
h1,h2,h3,h4,h5,h6 {
	font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
	margin: 0px;
	padding: 0px;
	color: #173c61; }
*/
h2.h2,
h2 {
	margin-top: 2rem;
	margin-top: 0rem;
	margin-bottom: 0.5rem; }

h2 + h3 { margin-top: 0.5rem; }	
p + h3,
ul + h3,
ol + h3,
dl + h3,
table + h3 { margin-top: 1.5rem; }

 
	
	
/*&*/h1, h2, h3, h4, h5, h6 {
	font-family: "DINPro", sans-serif!important;
	font-weight: normal;
	font-style: normal!important;
	
	margin-block-start: 0;
    margin-block-end: 0;
	
	}
/*&*/h1 {
	font-size: var(--step-6);
	line-height: ;
	font-weight: bold; }	
/*&*/h2 {
	font-size: var(--step-5);
	line-height: ;
	font-weight: bold; }	
/*&*/h3 {
	font-size: var(--step-4);
	line-height: 1.2!important; }	
/*&*/h4 {
	font-size: var(--step-3);
	line-height: 1.2!important;
	
	    
 }	
/*&*/h5 {
	font-size: var(--step-2);
	line-height: 1.2; }	
/*&*/h6 {
	font-size: var(--step-1);
	line-height: 1.2; }
 
	
	
	
p,
.tutorNotice {
	font-size: 16px;
	margin: 14px 0!important;
	line-height: 1.25!important; }	
h2.h2 + p {
	margin-top: 0px!important; }	
h4 + p {
	padding-top: 0;
	margin-top: 0.25em!important; }
		
ul:not(.pageContent ul) {
	list-style: none; }
	.requirementDescription ul li {
		list-style: disc;
		margin-bottom: 0.5rem;
		line-height: 1.25em;  }
			.requirementDescription .courses ul li,
			.requirementDescription .courses ol li {
				margin-bottom: 3px; }

	.requirementDescription ol li {
		list-style: decimal;
		margin-bottom: 0.5rem;		
		line-height: 1.25em; }
	
ul ul {
	list-style-type: square; }
ul ul ul {

	list-style-type: none; }
li {
	margin-bottom: 3px; }
.pageContent li {
	font-size: 14px;
	line-height: 1.4em; }
a,
a:visited {
	color: #235b94; }
a:hover,
a:focus {
	color: #999;
	text-decoration: underline; }	
label {
	font-family: arial;
	font-size: 100%;
	font-weight: bold;
	color: #334d55; }	
	
dfn { font-style: normal; }

hr {
	color: #e4e6de !important;
	background-color: #e4e6de !important;
	height: 4px !important;
	border-style: solid; }

/* fixes anchor tags jumping too far down page */
a.anchor,
a[name] {
	display: block;
	position: relative;
	top: -6em;
	visibility: hidden; }

acronym,
abbr {
	text-decoration-color: #bbb;
	text-decoration-style: double; }
acronym:hover,
abbr:hover {
	cursor: help; }
	
	
::-webkit-scrollbar-thumb:hover {
    background: #284b6e; }

/*
::-webkit-scrollbar {
    width: 16px; } 
::-webkit-scrollbar-track {
    box-shadow: inset 1px 0 0 #ccc;
    background: #efefef;  }
   
::-webkit-scrollbar-thumb {
    background: #bbb; }
*/
/* What about Using this 3/2022
body::-webkit-scrollbar {
    display: none;
} */
caption {
	height: 1px;
	width: 1px;
	overflow: hidden; }

figure {
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    margin-inline-start: 0;
    margin-inline-end: 0; }
figcaption {
    font-size: small; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
===============  **2) Fonts  ==================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@font-face {
	font-family: 'GothamBookRegular';
	src: url('fonts/gotham-book-webfont.eot');
	src: url('fonts/gotham-book-webfont.eot#iefix') format('embedded-opentype'),  url('fonts/gotham-book-webfont.woff') format('woff'),  url('fonts/gotham-book-webfont.ttf') format('truetype'),  url('fonts/gotham-book-webfont.svg#webfontAOhyD08R') format('svg');
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'GothamMediumRegular';
	src: url('fonts/gotham-medium-webfont.eot');
	src: url('fonts/gotham-medium-webfont.eot#iefix') format('embedded-opentype'),  url('fonts/gotham-medium-webfont.woff') format('woff'),  url('fonts/gotham-medium-webfont.ttf') format('truetype'),  url('fonts/gotham-medium-webfont.svg#webfontGWK2SBfK') format('svg');
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'droid';
	src: url('fonts/gotham-medium-webfont.eot');
	src: url('fonts/gotham-medium-webfont.eot#iefix') format('embedded-opentype'),  url('fonts/gotham-medium-webfont.woff') format('woff'),  url('fonts/gotham-medium-webfont.ttf') format('truetype'),  url('fonts/gotham-medium-webfont.svg#webfontGWK2SBfK') format('svg');
	font-weight: normal;
	font-style: normal; }



/*&*/
@font-face {
	font-family: "DINPro";
	src: url("/fonts/DINPro-Black.woff") format("woff");	
	font-weight: 900;
	font-style: normal;
}	
@font-face {
	font-family: "DINPro";
	src: url("/fonts/DINPro-BlackItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
}	
@font-face {
	font-family: "DINPro";
	src: url("/fonts/DINPro-CondBold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
}	
@font-face {
	font-family: "DINPro";
	src: url("/fonts/DINPro-CondBoldIta.woff") format("woff");
	font-weight: bold;
	font-style: italic;
}	
@font-face {
	font-family: "DINPro";
	src: url("/fonts/DINPro-Cond.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}	
@font-face {
	font-family: "DINPro";
		 url("/fonts/DINPro-CondIta.woff") format("woff");	
	font-weight: normal;
	font-style: italic;
}	

@font-face {
	font-family: "Roboto";
	/*src: local('Roboto Condensed'), url(https://wwwdev.cdm.depaul.edu/fonts/RobotoCondensed-Regular.woff) format("woff"),
		local('Roboto Condensed'),  url(https://www.cdm.depaul.edu/fonts/RobotoCondensed-Regular.woff) format("woff");*//*&*/
	src: url(/fonts/RobotoCondensed-Regular.woff) format("woff");		
	font-weight: normal;
	font-style: normal;
}	
@font-face {
	font-family: "Roboto";
/*	src:  local('Roboto Condensed'), url("https://wwwdev.cdm.depaul.edu/fonts/RobotoCondensed-Bold.woff") format("woff"),
		 local('Roboto Condensed'),  url("https://www.cdm.depaul.edu/fonts/RobotoCondensed-Bold.woff") format("woff");*/
	src:  local('Roboto Condensed'), url("/fonts/RobotoCondensed-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* not sure if Tenso will be used afterall */
@font-face {
	font-family: "Tenso";
	src: url(/fonts/Tenso-Regular.woff) format("woff");
/*	src: local('Tenso Regular'), url(https://wwwdev.cdm.depaul.edu/fonts/Tenso-Regular.woff) format("woff"),
		local('Tenso Regular'),  url(https://www.cdm.depaul.edu/fonts/Tenso-Regular.woff) format("woff");*/

	font-weight: normal;
	font-style: normal;
}/*&*/






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
=========  **3) Master Pages / Layouts / Template Items   =============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ==3) Columns
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.row:before,
.row:after,
.pop-box-v02.col-halves:last-child:before,
.pop-box-v02.col-halves:last-child:after,
.col-halves.pop-box-v02:last-child:before,
.col-halves.pop-box-v02:last-child:after {
	content: ".";
	display: block;
	height: 0;
	clear: both!important;
	visibility: hidden; }

.col-halves,
.col-thirds,
.col-2-thirds,
.col-quarters,
.col-3-quarters {
	box-sizing: border-box;
	margin-top: 1em; }

.col-halves {
	width: 50%;
	margin: 1em 0;
	float: left; }
.col-thirds {
	width: 33.1%; /*33.2% didn't work properly with injected col. i.e. #inj-OnlineLearning */
	padding: 1em;
	display: inline-block;
	vertical-align: top; }
	.col-thirds time {
	    display: block;
    	font-size: 0.85em;
    	font-family: monospace;
    	line-height: 1;
   	 	margin-bottom: 1em; }
.col-2-thirds {
	width: 66%;
	padding: 1em;
	display: inline-block; }
.col-quarters {
	width: 24.3%;
	padding: 0.5em;
	display: inline-block;
	vertical-align: top; }
.col-quarters.for-only-wide-screens {
	width: 33.1%; }
.col-3-quarters {
	width: 74.5%;
	padding: 0.5em;
	display: inline-block;
	vertical-align: top; }

h2 + .row .col-halves {
	margin-top: 0; }
.col-2-thirds .col-halves {
	width: 48%;
	margin: 1em 1%; }

.col-thirds.col-adj,
.col-adj.col-thirds {
	width: 33%; }
.col-thirds.col-adj img,
.col-adj.col-thirds img {
	width: 100%; }

.threeColumn .col-halves {
	width: 50%;
	margin: 1em 0;
	float: left;
	padding: 0px 20px; }

.col-halves:nth-child(n+5):nth-child(even){
	clear: left; }

.desktop-4-rows,
.desktop-3-rows,
.desktop-2-rows {
	width: 100%;
	float: none;
	margin: inherit;
	padding: 0; }
.desktop-4-rows li {
	width: 24.3%;
	padding: 0.5em; 
	display: inline-block; }
.desktop-3-rows li {
	width: 33.3%;
	vertical-align: top;
	display: inline-block; }
.desktop-3-rows li:before,
.desktop-2-rows li:before {
	content: "▪";
	margin-right: 4px; }
.desktop-2-rows li {
	width: 49.9%;
	vertical-align: top;
	display: inline-block; }


.col-count {
    column-count: auto;
    column-width: 7rem;
    column-gap: 2rem; }



/* ==3) Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#page_breadcrumb a:link,
div#page_breadcrumb a:visited,
div#page_breadcrumb a:active {
	text-decoration: none;
	color: #50534a;
	font-weight: bold; }
div#page_breadcrumb a:hover {
	text-decoration: underline; }
div#page_breadcrumb .breadcrumbCurrent {
	font-weight: normal; }



/* ==3) Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.page_footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: left;
	clear: both; }

#footer-contact i.fa {
	font-size: 0.6rem!important;
    margin: 4px 0 0 -4px;
    position: absolute;
    color: #b1d7ff;	}
#footer-contact a {
	margin-left: 18px; }

#footer abbr {
	text-decoration: none; }


/* ==3) Footer Social Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.socialContainer {
	float: right;
	padding-right: 148px; }
ul.socialLinks {
	/* position: absolute; */
	padding: 0;
	margin: 9px 0 0 0;
	z-index: 30; }
ul.socialLinks li {
	display: inline;
	list-style-image: none;
	margin: 0 5px 0 0;
	vertical-align: top; }
.socialLinks img {
	border-style: none; }
.socialLinkFB, .socialLinkLinkedIn, .socialLinkTwitter, .socialLinkInstagram, ..socialLinkYoutube {
	display: inline-block;
	width: 30px;
	height: 30px; }
.socialLinks a {
    padding: 15px;
    overflow: hidden;
    display: inline-block; }
.socialLinks a:hover,
.socialLinks a:focus {
	outline: 1px solid aquamarine; }

.socialLinkFB {
	background: transparent url("/PublishingImages/socialSprite-04.png") no-repeat scroll 0 0; }
.socialLinkFB:hover {
	background-position: 0 -30px; }
.socialLinkFB:active {
	background-position: 0 -60px; }
.socialLinkTwitter {
	background: transparent url("/PublishingImages/socialSprite-04.png") no-repeat scroll -30px 0; }
.socialLinkTwitter:hover {
	background-position: -30px -30px; }
.socialLinkTwitter:active {
	background-position: -30px -60px; }
.socialLinkLinkedIn {
	background: transparent url("/PublishingImages/socialSprite-04.png") no-repeat scroll -60px 0; }
.socialLinkLinkedIn:hover {
	background-position: -60px -30px; }
.socialLinkLinkedIn:active {
	background-position: -60px -60px; }
	
.socialLinkInstagram {
	background: transparent url("/PublishingImages/socialSprite-04.png") no-repeat scroll -90px 0; }
.socialLinkInstagram:hover {
	background-position: -90px -30px; }
.socialLinkInstagram:active {
	background-position: -90px -60px; }

.socialLinkYoutube {
	background: transparent url("/PublishingImages/socialSprite-04.png") no-repeat scroll -120px 0; }
.socialLinkYoutube:hover {
	background-position: -120px -30px; }
.socialLinkYoutube:active {
	background-position: -120px -60px; }




/***********************************************/
/* Layout Divs                                 */
/***********************************************/

p.CTIMainPageHeader {
	margin-top: 16px;
	color: #666; }

div#siteNavContainer {
	background-color: #D1D5D0;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 200px; }


 div#courseLinks a {
	border-bottom: #e4e6de solid 1px; }
/*a:hover#cdmMainCourseCatLink {
	color: #fff;
	background-color: #878782; }
a#cdmMainCourseSchedLink {
	border-bottom: #e4e6de solid 1px; }
a:hover#cdmMainCourseSchedLink {
	color: #fff;
	background-color: #878782; }*/

div#siteMenu {
	font-size: 10px;
	font-weight: normal; }
div#siteMenu ul {
	margin: 0px 0px 0px 0px;
	padding-left: 2px;
	list-style-type: none !important;
	list-style-image: none !important; }
div#siteMenu ul li {
	padding-right: 10px;
	font-size: .9em;
	color: #615A5A;
	text-transform: uppercase; }
div#siteMenu ul li a {
	color: #520a15; }
div#siteMenu ul li a.external {
	border: 1px #520a15 solid;
	background-image: none;
	left: 0px;
	margin-left: 0px;
	padding: 0px 3px 1px 3px;
	text-transform: none;
	color: #520a15 !important; }
div#siteMenu ul li a.external:hover {
	border: 1px #520a15 solid;
	color: #fff !important;
	background-color: #520a15;


	text-decoration: none; }
div#siteMenu ul li * {
	vertical-align: middle; }



div.page_body.withoutimage {
	top: 18px; }
div.page_body.withimage {
	top: 275px; }
div.twoColumn {
	width: 100%; }
div.page_right_column_container {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	word-wrap: break-word; }
div.page_right_column_container p {
	padding: 0.2rem 8px 0.2rem 5px;
	font-size: 15px;
	line-height: 1.2!important; }

div.page_right_column_container div.reqNav {
	float: inherit; }
div.page_right_column_container div#ugrdDropdown {
	border-bottom: 0; }


div.page_right_column ul {
	margin-left: 0px;
	list-style: none; }
div.page_right_column li {
	margin-left: -8px;
	padding-left: 0px; }
a#ctl00_PlaceHolderMain_facultyNameRepeater_ctl01_HyperLink1 {
	display: block;
	padding-top: 15px !important; }

img#CTIHyperLinkNewsHeader {
	line-height: 14px;
	color: white;
	width: 200px;
	position: relative;
	height: 32px; }
div#hyperlinkHeader {
	background: #520a15 url("/PublishingImages/icn_document.png") no-repeat scroll 95% center;
	font-family: Arial;
	color: #fff;
	padding: 9px;
	font-size: 16px !important; }

div#CTIHyperLinkNewsInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #3a3d31;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #eee7e8; }
div#CTIHyperLinkNewsInfo strong {
	color: #520a15 !important; }
img#CTIHyperLinkMoreImg {
	position: relative;
	left: 180px;
	padding-top: 4px; }
div#CTIHyperLinkNewsInfo a {
	color: #fff; }
div#CTIHyperLinkNewsInfo a:hover {
	color: #fff;
	text-decoration: underline; }
div#CTIHyperLinkNewsInfo div {
	padding: 5px 5px 5px 5px; }


div#CTISidebarTitle {
	background-color: #e4e6de;
	font-weight: bold;
	font-size: 12px;
	padding: 8px 8px 8px 5px; }
div#SidebarContent {
	margin-top: 0px;
	background-color: #F2F3EF;
	padding-top: 4px; }
div#CTIPageSubHeading {
	font-size: 1em;
	color: #3a3d31;
	background-color: #eee7e8;
	display: none; }
div#page_right_school_buttons {
	float: right;
	margin-right: 25px;
	margin-top: 3px;
	display: none; }

/*******************/
/* This is copied from the rich text editor CSS file in the web server extensions folder */
/* Needs to be here for the client to actually render the CSS since the server doesn't serve up the RTE CSS file */
/*******************/
.CTIPageHeader {
	background-color: #D1D5D0;
	height: 24px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: #D1D5D0 url("/PublishingImages/tree_sm.gif") no-repeat scroll 2px;
	line-height: normal;
	margin-bottom: -7px;
	margin-left: -8px;
	padding: 4px 5px 4px 28px;
	width: 100%; }
.CTISubPageHeader {
	background-color: #005c96;
	height: 20px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff; }
.CTIContentHeader {
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #000; }


/***********************************************/
/* Components                                  */
/***********************************************/
p.CTIPageSectionHeader,
p.CTIPageSectionHeader a,
div.SectionTitle,
.videoGroup span:first-child {
	font: 300 30px 'roboto', arial, san-serif !important;
	font: 900 30px 'Open Sans Condensed', arial, san-serif !important;
	color: #50534a !important;
	padding: 15px 0 3px 0;
	margin: 0!important; }
p.CTIPageSectionHeader a:hover {
	color: #999 !important; }
.sharepointControls {
	border-bottom: solid 1px #21374C;
	width: 100%; }
#siteName {
	margin: 0;
	padding: 0 0 0 10px; }
#searchControl, .search {
	top: 35px;
	left: 335px;
	position: absolute;
	margin: 0; }
.srch-gosearchimg {
	background: none !important;
	height: 19px; }
.s4-search .srch-gosearchimg {
	border-width: 0 !important; }
td.ms-sbgo img {
	border-width: 0 !important; }
#searchControl input {
	width: 125px; }

div.cdmQuickLinks {
	position: absolute;
	left: 560px;
	top: 35px; }

div#cdmPortals {
	float: right;
	margin: 14px 11px 0 0; }
div#cdmPortals span, div#cdmPortals span a {
	color: #CCC !important;
	font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;
	text-decoration: none; }
div#cdmPortals span a:hover {
	text-decoration: underline; }


.peoplelist .filter {
	background-color: #E5F0F7; }
.peoplelist .filter ul, .peoplelist .filter li {
	display: inline; }
.peoplelist .filter .selected {
	font-weight: bold; }
.peoplelist .peoplegrid {
	border-top: 1px black dotted;
	float: left;
	padding: 10px 10px 0px 10px; }
.peoplelist .peoplegrid .personcell {
	float: left;
	height: 200px;
	margin: 0px 20px 0px 0px;
	overflow: hidden;
	font-size: 0.8em;
	width: 125px; }
.peoplelist .peoplegrid .personcell img {
	margin-bottom: 10px; }
.peoplelist .peoplegrid .personcell .name {
	font-size: 1.1em;
	font-weight: bold;
	color: #D18E52; }
.peoplelist .peoplegrid .personcell a {
	font-size: 0.9em; }

.peoplegrid .personcell span {
	display: block; }
.peoplegrid .personcell img {
	display: block; }

.persondetails {
	width: 500px; }
.persondetails .top {
	background-color: #E5F0F7;
	width: 500px; }
.persondetails .top span {
	display: block; }
.persondetails .top span.name {
	font-size: large; }
.persondetails .left {
	background-color: #E5F0F7;
	width: 200px; }
.persondetails .content {
	width: 250px; }
.persondetails .content {
	float: left; }
.persondetails .left {
	float: left; }
.persondetails .left div {
	margin-bottom: 20px; }
.persondetails .left strong {
	display: block; }

/*--------------Left Nav Styles-----------------------------*/
div#page_left_nav_container {
	top: 0px;
	left: 0px;
	width: 100%; }
div#page_left_nav_bottom {
	background-color: #005c96;
	background-image: url('/PublishingImages/img_rdcornerlftdwn.gif');
	background-position: left bottom;
	background-repeat: no-repeat; }





/************** ctiMainQuickLaunch Style********************/

/* Moved to Chrome.css */

/***************Main Page RSS Zones***********************/
div.ctiDontDisplay {
	display: none; }

div#ctiApplyNow {
	border: 0px;
	padding-bottom: 8px; }
img#ctiApplyNowButton {
	border: 0px; }
div#ctiApplyNow a, div#ctiApplyNow a:active, div#ctiApplyNow a:link, div#ctiApplyNow a:visited {
	text-decoration: none; }

div#ctiRequestInformation a:active, div#ctiRequestInformation a:link, div#ctiRequestInformation a:visited {
	text-decoration: none; }
div#ctiRequestInformation {
	text-decoration: none;
	padding-bottom: 24px; }

div#MainPageZones {
	width: 100%;
	margin-top: 20px; }

div#MainPageContentRSSZone {
	margin-top: -4px; }
div#MainPageContentRightZone {
	float: right;
	right: -25px;
	top: 0;
	width: 241px; }
div#MainPageContentRightZone .RssAggregator_Item {
	margin: 10px 10px 0 0; }
div#MainPageContentRightZone a.learnMoreLink {
	background: transparent url("/PublishingImages/icn_arrow_home.png") no-repeat scroll left 60%;
	padding-left: 15px; }
div#MainPageLeftRSSZone {
	width: 468px;
	float: left;
	position: relative;
	padding: 10px 0 0 0; }
div#MainPageRightRSSZone {
	float: left;
	margin-left: 16px;
	margin-top: -15px;
	width: 234px;
	padding-right: 20px; }
div#MainPageFarRightRSSZone {
	float: right;
	width: 234px;
	margin-top: -15px; }

/****************Left RSS Zone*******************************/
div#CTILeftRSSZone div.RssAggregator_Container {
	margin-top: -60px;
	background-color: #7f8e2b; }
div#CTILeftRSSZone div.RssAggregator_Header {
	padding: 6px 0px 6px 5px;
	background-color: #7f8e2b;
	font: 1.1em 'GothamMediumRegular', arial, serif !important;
	color: #000;
	width: 168px;
	left: 1px; }
div#CTILeftRSSZone div.RssAggregator_Header a {
	margin-left: 4px;
	color: #005c96;
	font: 1.1em 'GothamMediumRegular', arial, serif !important;
	color: #000; }

div#MainPageLeftRSSZone img.icn_rss {
	right: 2px;
	position: absolute;
	border: none; }

div#CTILeftRSSZone div.RssAggregator_Body,
div#page_left_column div.RssAggregator_Body {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #acbb57;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding-left: 10px; }

div#CTILeftRSSZone div.RssAggregator_Header,
span.CFcalendarTitle img.icn_viewall div#page_left_column div.RssAggregator_Header img.icn_viewall {
	position: absolute;
	right: 35px;
	border: 0px black none; }

div#CTILeftRSSZone div.RssAggregator_Body a {
	color: #005c96; }

div.CFcalendarTitle {
	font: 2em 'GothamBookRegular', arial, serif; }
div.CFcalendarTitle a {
	color: #3A3D31 !important; }
div.CFcalendarTitle a:hover {
	color: #878782 !important; }
div#CTILeftRSSZone a:link, div#CTILeftRSSZone a:visited {
	font-size: 10px; }
img.icn_viewall {
	border: 0px black none;
	padding-left: 2px;
	position: absolute; }

div.Program div.RequirementGroups div.RequirementGroup {
	margin-left: 5px; }
div.Program div.RequirementGroups div.RequirementGroup div.Requirement {
	margin-top: 5px; }
div.Program div.ProgramAllCourses {
	display: none; }

div.SectionCourses table.ctiProgramCourseTable {
	width: 100%; }
div.SectionCourses table.ctiProgramCourseTable .coursetable_row {
	/*background-color:#FDFEE7;*/
	background-color: #e5eef4;
	font-size: 12px; }
div.SectionCourses table.ctiProgramCourseTable .coursetable_row a {
	background-image: none !important;
	padding: 0px !important;
	margin: 0px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #005c96;
	font-size: 12px; }
div.SectionCourses table.ctiProgramCourseTable .coursetable_checkrow {
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	background-color: #e5eef4;
	width: 45px;
	text-align: center; }
div.SectionCourses table.ctiProgramCourseTable .coursetable_first_checkrow {
	border-bottom: 2px solid #fff;
	width: 45px;
	font-size: 9px; }
div.SectionCourses table.ctiProgramCourseTable .coursetable_lastrow {
	border-top: 2px solid #fff;
	font-size: 12px; }
div.SectionCourses table.ctiProgramCourseTable *|dd {
	padding:3px; }

/** Image Caption******************/
div.CTIImageWithCaption.right {
	float: right; }
div.CTIImageWithCaption.left {
	float: left; }
div.CTIImageWithCaption {
	margin: 0.5em;
	padding: 0.5em;
	background-color: #e5eef4; }
div.CTIImageWithCaption img {
	display: block;
	border: 0px;
	margin: 2px 2px 2px 2px; }
div.CTIImageWithCaption span.Caption {
	text-align: center;
	display: block;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	text-align: center;
	padding: 2px 2px 2px 2px; }

a.FeedbackLink, a.FeedbackLink a:active, a.FeedbackLink a:link, a.FeedbackLink a:visited {
	text-decoration: none;
	top: 0px;
	border-width: 0px; }
a.FeedbackLink img {
	border: 0px; }

a.ctiRootImg, a.ctiRootImg a:active, a.ctiRootImg a:link, a.ctiRootImg a:visited {
	text-decoration: none;
	top: 0px;
	border-width: 0px; }
a.ctiRootImg img {
	border: 0px; }
a.ctiRootImg {
	float: left; }
.cdmHome {
	display: block;
	color: #FFF !important;
	width: 200px;
	margin-top: 27px;
	margin-left: 20px;
	/*text-transform: uppercase;*/ 
	
	/*&*/font-family: "Tenso", "Roboto", sans-serif!important;
    /*&*/font-weight: normal!important;
 
	
	}
/*.cdmHome:hover:after {
	color: #efefef;
	content: "\f015";
	font-family: "fontawesome";
	padding-left: 5px; }
*/




/***pageLayouts.css***/
/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */
.floatLeft {
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px; }
.floatRight {
	float: right;
	min-width: 100px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px; }

.welcomeImage {
	float: left; }
.welcomeImage img {
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 5px;
	border: solid 1px #ccc; }

.caption {
	font-size: 8pt;
	font-family: Arial;
	color: #666666;
	padding-bottom: 2px;
	margin-top: -3px; }
.caption p {
	padding-top: 2px;
	margin-bottom: 2px; }

.header {
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: right;
	white-space: nowrap;
	border-bottom: solid 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;

	color: #666; }

.dateLine {
	font-weight: bold;
	float: left;
	white-space: nowrap; }

div.pageContent {
	font: 12px 'roboto', arial;
	line-height: 16px;
	position: relative;
	color: #444; }
div.pageContent a {
	color: #235b94;
	text-decoration: none; }
div.pageContent a:hover,
div.pageContent a:focus {
	color: #111;
	text-decoration: underline!important; }
div.pageContent p a:hover,
div.pageContent p a:focus,
div.pageContent li a:not(.ext):hover,
div.pageContent li a:not(.ext):focus {
	text-decoration: underline!important;
	text-decoration-thickness: 3px!important;
    /*text-underline-offset: -1px;  was good for edge */
    text-underline-offset: 1px; /* good for edge */
         }
	@-moz-document url-prefix() { 
	  	div.pageContent p a:hover,
		div.pageContent p a:focus,
		div.pageContent li a:not(.ext):hover,
		div.pageContent li a:not(.ext):focus {
	     text-underline-offset: 1px; }
	}        
	        
        
div.pageContent div.calendarContainer li a:hover,
div.pageContent div.calendarContainer li a:focus {
	text-decoration: none!important; }
.pageContent img {
	max-width: 100%; }	
/*.pageContent div:not(.open) ul:not(.dropdown-menu),*/
.pageContent ul,
.pageContent ol {
	padding-left: 28px; }

.splashLinkArea {
	*height: 100px;
	min-height: 100px;
	border: solid 1px #ccc; }

.imageSplash {
	text-align: center;
	display: block;
	width: 100%; }
.imageSplash img {
	border: solid 1px #ccc; }
.splashLinkFrame {
	width: 100%;
	display: block;
	clear: both;
	min-height: 100px;
	height: 100px; }

.floatingRelatedLinks {
	border: solid 1px #ccc;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 5px;
	float: right;
	min-width: 150px;
	width: 150px;
	display: inline; }

.removeMargins {
	margin-top: 20px;
	margin-left: -8px;
	margin-right: -10px; }

div#MainPageFarRightRSSZone div.RssAggregator_Item {
	background-color: #f2f3ef;
	margin-bottom: 0px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px #e4e6de solid; }
div#MainPageLeftRSSZone div.RssAggregator_Item {
	background-color: #f2f3ef;
	margin-bottom: 0px; /*  padding: 5px 5px 5px 5px;*/ ;
	border-bottom: 1px #e4e6de solid; }
div#RightWPZone .RssAggregator_Item a {
	padding: 3px 8px;
	display: block; }
div#MainPageLeftRSSZone div.RssAggregator_Item a {
	padding: 5px 5px 5px 5px; }
div.RssAggregator_Item a:hover {
	text-decoration: underline !important; }
div.RssAggregator_Item a.more {
	padding-left: 5px;
	color: #520A15; }
div#MainPageRightRSSZone p {
	border: #000 solid 1px;
	margin: 0px 0px 0px 0px; }
div.CFtime, div.CFlocation, div.CFdescription, div.CFsubmittedby {
	display: none;
	margin-bottom: 2px; }
div.CFitem {
	background-color: #fff !important; }
div.CFitem div.CFdate {
	padding-bottom: 5px; }
.CFitem {
	width: auto !important; }
.CFtitle a {
	text-decoration : none;
	color: #520A15 !important; }
div.CFitem div.CFtitle a:hover {
	text-decoration: underline !important; }
div#MainPageLeftRSSZone div.RssAggregator_Header {
	display: block;
	width: 468px;
	background-color: #e4e6de;
	padding: 9px 9px 7px 5px;
	font: 1.1em 'GothamMediumRegular', arial, serif !important; }
div#MainPageLeftRSSZone div.RssAggregator_Header a,
div#MainPageLeftRSSZone div.RssAggregator_Header a:link,
div#MainPageLeftRSSZone div.RssAggregator_Header a:visited,
div#MainPageLeftRSSZone div.RssAggregator_Header a:active,
div#MainPageFarRightRSSZone div.RssAggregator_Header a:link,
div#MainPageFarRightRSSZone div.RssAggregator_Header a:visited,
div#MainPageFarRightRSSZone div.RssAggregator_Header a:active,
div#MainPageFarRightRSSZone div.RssAggregator_Header a {
	text-decoration: none;
	font: 1em 'GothamBookRegular', arial, serif !important;
	color: #520a15;
	margin-top: 10px; }
div.RssAggregator_Header a:hover {
	text-decoration: underline !important; }
div#MainPageRightRSSZone span.RssAggregator_Header img.icn_viewall,
div#CTILeftRSSZone div.RssAggregator_Header,
span.CFcalendarTitle img.icn_viewall {
	position: absolute;
	right: 35px;
	border: 0px black none; }
div#MainPageRightRSSZone div.RssAggregator_Header a:hover {
	text-decoration: underline;
	color: #005c96; }
div#MainPageRightRSSZone div.RssAggregator_Body {
	padding-top: 0px; }
div.RssAggregator_Body a.title, div.RssAggregator_Body a.title:link, div.RssAggregator_Body a.title:active, div.RssAggregator_Body a.title:visited {
	display: block;
	font-size: 1em;
	text-decoration: none;
	color: #50534a; }
div#MainPageRightRSSZone div.RssAggregator_Body a.title:hover {
	text-decoration: underline; }
div#MainPageRightRSSZone div.RssAggregator_Body a.more div#MainPageLeftRSSZone div.RssAggregator_Body a.more {
	margin-left: 3px; }



/***band.css***/
.search .ms-sbcell .ms-sbplain {
	margin-right: 2px;
	margin-left: 2px;
	border: 1px #555555 solid;
	height: 14px; }
.search .ms-sbcell {
	border: none;
	font-weight: normal;
	font-size: 8pt;
	color: transparent;
	padding: 0px; }
.ms-sbtext span {
	display: none !important; }
td.ms-sbgo {
	background-color: transparent !important; }
table#MSOTlPn_Tbl {
	position: absolute;
	right: 0px;
	top: 0px; }


#cimButton {
	background: url('../PublishingImages/cim_button.png') no-repeat 0 0;
	display: block;
	width: 241px;
	height: 84px;
	float: right;
	margin-bottom: 2px; }
#cimButton:hover {
	background-position: 0 -84px; }

#socButton {
	background: url('../PublishingImages/soc_button.png') no-repeat 0 0;
	display: block;
	width: 241px;
	height: 85px;
	float: right;
	margin-bottom: 2px; }
#socButton:hover {
	background-position: 0 -85px; }

img.adrotator {
	float: left;
	width: 520px;
	height: 259px; }

div.adrotator a img {
	border: none; }





div#pageTitleSchool {
	color: #666;
	font-size: 1.2em;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: -5px;
	text-transform: uppercase; }

/* \/\/ RELATED INFO SIDEBAR*/
div#CTISidebarRelatedLinksContainer,
div#ctl00_CTIRightSidebar_CTISidebarRelatedLinksContainer {
	background-color: #fbfbfb;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-size: .9em;
	line-height: 15px; }
div#CTISidebarRelatedLinksContent {
	margin: 5px;
	padding-bottom: 8px; }
 
div#CTISidebarRelatedLinksContent a:hover,
div#CTISidebarRelatedLinksContent a:focus,
body.ipd .column-3rd ul a:hover,
body.ipd .column-3rd ul a:focus {
	text-decoration: underline;
	color: #235b94 !important; }
div#CTISidebarRelatedLinksContent ul {
	list-style-image: none !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px; }
div#CTISidebarRelatedLinksContent ul a {
	color: #878782;
	margin: 8px 0px 0px 0px; }
div#CTISidebarRelatedLinksContent ul li {
	margin: 4px 0px 0px 12px;
	font-size: 1em; }
div#CTISidebarRelatedLinksContent ul li a {
	color: #878782; }
a.allFaculty {
	font-weight: bold !important;
	font-size: 1em !important; }

/*  RELATED INFO SIDEBAR*/
.simple_popup_div {
	border: #999 1px solid;
	border-radius: 4px;
	box-shadow: 0 0 200px #777;
	left: 0;
	position: absolute;
	top: 0;
	width: 350px; }
.simple_popup_inner {
	padding: 10px 10px;
	background-color: #F2F3EF;
	opacity: 0.98;
	filter: alpha(opacity=98);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(225, 225, 225, .99)), color-stop(1, #fff));
	border-radius: 3px; }
.simple_popup_info {
	display: none; }
a.simple_popup {
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #06F; }
a.simple_popup:HOVER {
	color: #036; }
p#simp_close_x {
	display: block;
	margin-top: 0px!important;
	margin-bottom: -14px; }
p#simp_close_x a {
	text-decoration: none; }
p.simple_close a {
	text-decoration: none; }
p.simple_close a:hover {
	text-decoration: underline; }


	
.CDMExtendedCourseInfo img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle; }
.course-list {
    margin-bottom: 20px; }
.course-list--schedule-title {
	border-bottom: #ccc 2px solid;
	display: block;}
.course-list--course {
    background: #e7e7e7;
    margin: 5px 10px;
    padding: 1px 10px;
    border: 1px solid #aaa;
    box-shadow: 1px 1px 0px #aaa; }	
	

/* ***************************** */
/* Program Pages */
/* ***************************** */
.programPageTitle {
	font-size: 16px;

	margin: 30px 0px 10px 0px;
	color: #520a15;
	display: block; }
.programPageDeck {
	font: 1.5em 'GothamBookRegular', arial, serif;
	margin: 0px 0px 5px 0px;
	color: #ccc; }
h3.programPageMS, h3.programPageDegreeType, h3.CDMPageHeader {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 0px 5px 0px;
	color: #50534a;
	text-transform: uppercase;
	letter-spacing: .1em; }
h2.programPageTitle {
	font: 400 2.8em/1.1em "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0px 0px 25px 0px;
	color: #4b5257;
	padding-bottom: 3px; }
/*
body form .PageTitle,
h2.CDMPageTitle,
h2.CurrentStudentTitle,
h2.ProspectiveStudentTitle,
h2.AboutCDMTitle {
	font: 600 3.5rem "DINPro", Arial, Helvetica, sans-serif!important;
	margin: 25px 0px 20px 0px;
	color: #4b5257; 
	padding-bottom: 3px; }*/

body form .PageTitle {
	/*margin: 0.75em 0 0 0;*/
	margin-block: 0.5em 0.25em;
	font-size: 3.1rem!important;
	line-height: 1; }
body form .someid + .PageTitle {
	margin-top: 0; }

	 
h2.DeansLetter {
	font: lighter 2.2em 'GothamMediumRegular', arial, serif;
	letter-spacing: -1px;
	margin: 13px 0px 15px 0px;
	color: #480812; }
h2.programPageTitleSOC {
	font: lighter normal 2.8em/1.1em 'GothamMediumRegular', arial, serif;
	margin: 25px 0 0 0;
	color: #488B9B;
	letter-spacing: -1px; }
h2.programPageTitleCIM {
	font: lighter normal 2.8em/1.1em 'GothamMediumRegular', arial, serif;
	margin: 0 0px 25px 0px;
	color: #785268;
	padding-bottom: 3px;
	letter-spacing: -1px; }

h1.programPageConcentration {
	font-size: 1.5em;
	font-weight: normal;
	margin: 2px 0px 10px 0px;
	color: #3a3d31; }
#programPageConcentration {
	font-size: 2em;
	font-weight: normal;
	margin: 10px 0 -10px;
	color: #520a15;
	font: 600 1.5rem/1 "roboto", Arial, Helvetica, sans-serif!important;/*&*/ }

#curriculumDropdown {
	margin: -2em 0 0 0;
	padding: 0 0 14px;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%; }
 
.requirementTitle {
    background-color: #ddd;
    color: #000!important;
    letter-spacing: .1em;
	/*font: 600 1rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important; */
    font: 600 1.2rem/1 "roboto", "Helvetica Neue", Arial, Helvetica, sans-serif!important;/*&*/	 
    padding: 7px 5px 5px 7px!important;
    margin: 1em 0 1em 0!important;
    clear: left;
    word-spacing: 0.3em;
    border-top: 3px solid #444;
    border-bottom: 3px solid #444; }

.reqPhaseTitle { 
	    /*font: 300 1.4rem "Source Sans Pro", arial, san-serif !important;*/
	    font-family: "DINPro", "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif!important;/*&*/
	    padding-top: 1.5rem!Important; }

.courseList {
	border-top: #999 solid 1px;
	border-bottom: #d6d8d1 solid 1px;
	background-color: #f2f3ef;
	font-size: 16px;
	margin-bottom: 1rem; }
table.courseList th {
    text-align: left;
    padding: 5px 10px; }	
.courseList tbody tr td {
	padding: 3px 1px 3px 7px;
	border-bottom-color: white;
	font-weight: normal; }
.courseList .CDMExtendedCourseInfo a:hover,
.courseList .CDMExtendedCourseInfo a:focus {
	text-decoration: underline!important;
	color: inherit; }

.courseList h3,
.courseList h4 {
	margin-block: 0.5em; }


.lsCourseList {
	padding: 4px 0px 0px 0px; }
.lsCourseList tr td a {
	padding-left: 0px !important; }
.lsCourseList tr td {
	padding: 0px 1px 2px 0px; }

.electivesCourseList tr td {
	padding: 2px 1px 2px 3px;
	background-color: fuchsia;
	border-bottom-style: dashed;
	border-bottom-color: white;
	font-weight: normal; }

ul.collapsedCourseList li {
	list-style-image: url('/PublishingImages/plus.png'); }
ul.collapsedCourseList li,
ul.collapsedCourseList li span {
	font-weight: bold; }
ul.collapsedCourseList span {
	font-weight: normal; }
ul.collapsedCourseList li ul,
ul.collapsedCourseList li ol { 
	padding-left: 25px;}
	ul.collapsedCourseList li ul li {
	    font-weight: normal;
	    list-style: disc;
	    margin: 15px 15px 15px 0; }	
	ul.collapsedCourseList li ol li {
	    font-weight: normal;
	    list-style: decimal;
	    margin: 15px 15px 15px 0; }		    
ul.collapsedSection {
	list-style-image: url('/PublishingImages/plus.png'); }
ul.collapsedSection li {
	font-weight: bold; }
ul.collapsedSection li ul li {
	font-weight: normal;
	list-style: none; }
ul.collapsedSection span {
	font-weight: normal; }
.programTableBlue, .programTableGrey, .programTableYellow, .courseList, .lsCourseList {
	width: 100%; }
.programTableBlue tbody tr td {
	background-color: #D3E4F5;
	padding: 2px 1px 2px 3px; }
.programTableGrey tr td {
	background-color: #E4E6DE; }
.programTableYellow tr td {
	background-color: #FFFFCC; }


/* \/\/\/ School Utility Navigation \/\/\/ */
div.CDMSchools {
	width: 176px; }
ul.CDMSchoolsList {
	padding-left: 10px;
	width: 166px;
	list-style-image: none !important;
	list-style-type: none !important; }
ul.CDMSchoolsList li a {

	background-color: #c8cac4;
	display: block;
	font: .95em 'GothamBookRegular', arial, serif;
	text-transform: uppercase;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), color-stop(1, #bbb));
	background: -moz-linear-gradient(top, #dcdcdc, #bbb); }
li.CDMSchoolListSOC a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #3c7685;
	padding: 13px 0px 13px 10px; }
li.CDMSchoolListCIM a {
	color: #674759;
	padding: 6px 0px 6px 10px; }
li.CDMSchoolListIPD a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #50534a;
	padding: 6px 0px 6px 10px; }
li.CDMSchoolListSOC a:HOVER,
div#MainPageContentRightZone li.CDMSchoolListSOCWide a:HOVER {
	background-color: #3c7685;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 118, 133, 1)), color-stop(1, #205462));
	background: -moz-linear-gradient(top, #3c7685, #205462);
	color: #fff !important; }
li.CDMSchoolListCIM a:HOVER,
div#MainPageContentRightZone li.CDMSchoolListCIMWide a:HOVER {
	background-color: #674759;
	background: -webkit-gradient(linear, left top, left bottom, from(#8c5f79), color-stop(1, #5d364c));
	background: -moz-linear-gradient(top, #8c5f79, #5d364c);
	color: #fff !important; }
li.CDMSchoolListIPD a:HOVER,
div#MainPageContentRightZone li.CDMSchoolListIPDWide a:HOVER {
	background-color: #70706b;
	background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), color-stop(1, #626262));
	background: -moz-linear-gradient(top, #a6a6a6, #626262);
	color: #fff !important; }

/* /\/\/\ School Utility Navigation /\/\/\ */
/* \/\/\/ School Utility Navigation {WIDE} \/\/\/ */
div.CDMSchoolsWide {
	margin: 0px;
	padding: 0px; }
ul.CDMSchoolsListWide {
	margin: 0px;
	padding: 0px;
	list-style-image: none !important;
	list-style-type: none !important; }
ul.CDMSchoolsListWide li a {
	display: block;
	font: 1em 'GothamBookRegular', arial, serif;
	background-color: #c8cac4;
	text-transform: uppercase;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 1)), color-stop(1, #bbb)); 
	background: -moz-linear-gradient(top, #dcdcdc, #bbb); }
div#MainPageContentRightZone li.CDMSchoolListSOCWide a {
	color: #3c7685 !important;
	padding: 13px 0px 13px 10px; }
div#MainPageContentRightZone li.CDMSchoolListCIMWide a {
	color: #674759 !important;
	padding: 6px 0px 6px 10px;
	list-style-image: none !important;
	list-style-type: none !important; }
div#MainPageContentRightZone li.CDMSchoolListIPDWide a {
	color: #50534a !important;
	padding: 6px 0px 6px 10px;
	list-style-image: none !important;
	list-style-type: none !important; }

/* /\/\/\ School Utility Navigation [WIDE] /\/\/\ */
.offeredOnline {
	background: url("/PublishingImages/COLicon.gif") center left no-repeat;
	padding-left: 15px;
	margin-left: 5px; }
.offeredFall {
	background: url('file:///PublishingImages/Fallicon.gif') no-repeat left 50%;
	padding-left: 15px;
	margin-left: 5px; }
ul.smallContactUsList {
	margin: 0px;
	padding: 0px 0px 5px 8px;
	background-color: #fbfbfb;
	list-style: none;
	list-style-image: none !important;
	border-bottom: #C8CAC4 1px solid; }
ul.smallContactUsList li {
	padding: 3px 8px;
	margin-bottom: 0px !important; }
ul.smallProgramList,
ul.smallFacultyList,
.labReservationList {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background-color: #f2f3ef;
	list-style-image: none !important;
	border-bottom: #C8CAC4 1px solid; }
ul.smallProgramList li,
ul.smallFacultyList li,
.labReservationList li {
	margin-bottom: 0px !important;
	border-bottom: 1px solid #e4e6de; }
	ul.smallProgramList li {
		list-style: none; }
ul.smallProgramList li p {
	padding: 3px 8px;
	margin: 0;
	line-height: 16px; }
.labReservationList li p {
	font: 13px/18px 'GothamBookRegular', arial;
	margin: 0;
	padding: 8px; }
ul.smallProgramList li p a:hover {
	text-decoration: underline !important;
	background-color: #f2f3ee; }
ul.smallProgramList li.lastItem {
	margin-bottom: 0px !important;
	border-bottom: none !important; }
ul.smallFacultyList li.viewAll {
	font-weight: bold; }

a.smallProgramListHeader,
a.smallContactUsHeader,
a.smallFacultyListHeader {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-top: 15px;
	padding: 6px 8px;
	color: #efefef !important;
	background-color: #4b5257;
	display: block;
	font: 1em 'roboto', arial, serif;
	color: #fff; }
a.smallProgramListHeaderIPD {
	margin-top: 15px;
	padding: 3px 8px;
	color: #004a80 !important;
	text-transform: uppercase;
	background-color: #c8cac4;
	letter-spacing: .02em;
	display: block;
	font-weight: 600;
	font-size: .9em;
	letter-spacing: .1em; }
a.smallProgramListHeader:HOVER,
a.smallFacultyListHeader:HOVER {
	text-decoration: none;
	background-color: #c8cac4; }
ul.smallProgramList li a,
ul.smallFacultyList li a {
	font-size: .9em;
	color: #50534a !important;
	display: block;
	padding: 3px 8px; }
ul.smallContactUsList li a {
	color: #50534a !important;
	display: block; }
ul.smallProgramList li a:HOVER,
ul.smallFacultyList li a:HOVER {
	text-decoration: none !important;
	background-color: #c8cac4; }
ul.smallProgramList li a:ACTIVE,
ul.smallFacultyList li a:ACTIVE {
	background-color: #a5a5a5; }
ul.smallContactUsList li a:hover {
	text-decoration: underline !important; }
.CDMor, .CDMand {
	margin: 0px 3px 0px 5px;
	font-size: 1em;
	color: #444;
	font-style: italic;
	text-transform: lowercase; }
	.accordian .CDMor {
		margin-inline: -0.5em 1.5em; }
.CDMNote {
	margin: 0px 0px 0px 7px;
	font-style: italic; }
ul.link-list-01 li {
	list-style: none!important; }
ul.link-list-01 li {
	margin: 0!important;
	padding: 0;
	border-top: 1px solid #e9e9e9; }
ul.link-list-01 li:first-child {
	border-top: none; }	
ul.link-list-01 li a {
	padding: 4px 0!important;
	line-height: 1.5;
	transition: all 0.2s ease;
	text-decoration: none!important; }
div#CTISidebarRelatedLinksContent ul.link-list-01 li a:hover,
div#CTISidebarRelatedLinksContent ul.link-list-01 li a:focus,
div.col-thirds ul.link-list-01 li a:hover,
div.col-thirds ul.link-list-01 li a:focus,
div.col-quarters ul.link-list-01 li a:hover,
div.col-quarters ul.link-list-01 li a:focus,
body.ipd .column-3rd ul.link-list-01 li a:hover,
body.ipd .column-3rd ul.link-list-01 li a:focus {
	background: #f2f3ef;
	background: #e3eef7;
	text-decoration: none!important;
	padding-left: 3px!important; }
	.col-thirds div[id*='inj-'],
	.col-quarters div[id*='inj-'] {
		padding: 1px 15px; }
	div[id*='inj-'] ul.link-list-01 { padding: 0 0 5px 0!important;  } 
	.col-quarters ul.link-list-01 {
		padding: 0 10px 5px 10px!important;  }
ul.link-list-01 li.section-title {
	border-top: none;
	margin-top: 1em !important;
	font-size: 12px!important;
	font-weight: bold!important; }
ul.link-list-01 li.section-title a:hover,
ul.link-list-01 li.section-title a:focus {
	background: inherit; }
ul.link-list-01 li.section-title a { 
	font-size: 12px!important;
	font-weight: bold!important; }
ul.link-list-01 li.sub-section {
    border-top: 0!important;
    font-style: italic;
    padding-bottom: 6px!important;
    display: block;
    line-height: 1; }
ul.link-list-01 a {    
    font-size: 12px;
    color: #50534a !important;
    display: block;
    margin: 0!important; }
ul.link-list-01 .allFaculty {
	font-weight: normal!important; }

.collapsedLS--wrapper {
	width: 100%;
	margin-left: 0;
	font-size: inherit;
	text-align: left;
	border-color: #ccc;
	box-shadow: inset 0 1px #ddd; }
.collapsedLS--wrapper br {
	display: none; }
.collapsedLSGroup {
	/*border-bottom: 1px solid #999;*/
	padding: 0;
	color: #3a3d31;
	float: left;
	width: 100%;
	margin: 8px 10px 16px 8px;
	font-size: 0.7rem;
	/*background: url('/academics/PublishingImages/courseLegend.gif') no-repeat right 3px;*/ }
 .fa-fw {
    width: 1.28571429em;
	text-align: center; }
.collapsedLSGroup:after {
	content: "\f107";
	font-family: 'fontawesome';
	padding-left: 2px;
	text-align: center;
	display: block; }
.collapsedLSGroup table {
	letter-spacing: normal;
	text-transform: none;
	color: #333; }
.collapsedLSGroup:hover {
	cursor: pointer; }
.nsaLogo img {
	position: relative;
	left: 350px;
	margin: 6px 0px 0px 0px; }
div.CourseLegend {
	display: block;
	margin: 25px 0px 8px 0px; }
.CourseLegendIcon {
	display: inline-block; }
.CourseLegendText {
	display: block;
	min-height: 30px;
	vertical-align: middle;
	margin-right: 15px;
	font: 600 0.9rem/1 'roboto', arial, sans-serif;/*&*/ }

.CDMExtendedCourseInfo--wrapper {
	width: 100%; }


.thisIsDePaul {
	width: 239px;
	height: 260px; }

.millerPhoto {
	margin-left: 20px;
	padding: 5px;
	border: #666 1px solid;
	float: right; }
.millerSignature {
	float: left; }

/*BEGIN PROGRAM INDICES STYLE*/
.programIndexTitle {
	font: lighter normal normal 1.4em 'GothamBookRegular', arial, serif !important;
	margin: 0px;
	padding: 0 0 5px 0; }
.programIndexTitle a {
	text-decoration: none;
	font: lighter normal normal 1.1em 'GothamBookRegular', arial, serif !important; }
.programIndexTitle a:hover {
	color: #888 !important; }
li.programIndexDegree a,
li.concentration a {
	font: normal .8em Arial, Helvetica, sans-serif;
	margin: 0px;
	text-transform: none;
	color: #2a2a2a;
	list-style-image: none !important; }
li.programIndexDegree,
li.concentration {
	padding: 0px 0px 0px 0px;
	margin: 0px; }
li.programIndexDegree a:hover,
li.concentration a:hover {
	color: #777; }
.programIndexBSBA {
	font: normal .75em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #888;
	margin: 0px 0px 0px 10px; }
li.concentrationTitle {
	font: normal 0.75em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #888;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	letter-spacing: 0.1em;
	list-style: none !important;
	list-style-image: none !important; }
.programIndexText {
	color: #333;
	margin: -8px 0 10px 0; }
.container {
	width: 550px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; }
.programIndexRow {
	border-bottom: #CCC 1px solid;
	padding: 20px 0px; }
.programIndexTopRow {
	border-bottom: #CCC 1px solid;
	padding: 0px 0 20px; }
ul.programIndex {
	list-style-type: none;
	text-align: right;
	padding-bottom: -30px;
	margin: 0px;
	float: right;
	list-style: none !important; }

.meetOurStaff {
	border: #ccc 1px solid;
	padding: 5px; }

div#ctl00_PlaceHolderMainImage_EditModePanelA {
	z-index: 1; }
#ctl00_PageFooter {
	margin-left: -191px; }
div#ctl00_PageMainContent {
	min-height: 500px; }
.partnerSchools {
	padding: 15px;
	margin: 20px 0px 15px 20px;
	border: 1px solid #ccc;
	float: right;
	text-align: right; }
.hyperlinkThumb {
	padding: 5px;
	margin-right: 10px;
	border: #ccc solid 1px;
	float: left; }
.hyperlinkPDF {
	padding: 5px;
	margin-right: 10px;
	border: #ccc solid 1px;
	float: left; }

/*  Featured Courses*/

/* Notable News - http://www.cdm.depaul.edu/aboutcdm/Pages/NewsandEvents.aspx*/
/*
div.RssAggregator_ContainerNotable div.RssAggregator_Item, div.RssAggregator_Item_Alt {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #ddd solid; }
div.RssAggregator_ContainerNotable div.RssAggregator_Body a.title {
	color: #520A15 !important;
	font-size: 1.1em;
	padding: 0 0 4px 0;
	display: block; }
div.RssAggregator_ContainerNotable div.RssAggregator_Body a:hover {
	text-decoration: underline !important; }
div.RssAggregator_Container a:hover {
	text-decoration: none !important; }
	
#RightWPZone .RssAggregator_Header {
	background-color: #444;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #efefef;
    padding: 6px 0px 6px 10px;
    font: 1.2em 'roboto', arial, serif;
    margin-top: 12px;
    margin-bottom: 0px;
    border-bottom: 2px solid #111; }
div#RightWPZone div.RssAggregator_Header a:hover {
	text-decoration: underline !important; }
div.RssAggregator_Header a {
	color: #50534a !important;
	font: 2em 'GothamBookRegular', arial, verdana, sans-serif !important; }
div.RssAggregator_Header a:link, div.RssAggregator_Header a:visited, div.RssAggregator_Header a:active {
	color: #3a3d31 !important; }
div.RssAggregator_Header a:hover {
	color: #aaa !important; }
div#MainPageLeftRSSZone div.RssAggregator_Header a:hover {
	color: #878782 !important;
	background: none; }
	
.RssAggregator_Header span {	
    display: block;
    font-size: 11px;
    color: #bbb; }	
.RssAggregator_Header span a:hover {	
    background: #235b94;
    color: #fff;
    transition: all 0.1s ease; }	
ul.RssAggregator_Body {
    background-color: #fbfbfb;
    list-style-image: none !important;
    margin: 0px;
    padding: 8px; }	
li.RssAggregator_Item {
	margin: 0!important;
    padding: 0;
    border-top: 1px solid #e9e9e9; }
    li.RssAggregator_Item:first-child {
		border-top: none; }
li.RssAggregator_Item a {
    line-height: 1.2;
    font-size: 11px;
    color: #50534a !important;
    display: block;
   	padding: 4px 0!important;
    margin: 0!important;
    transition: all 0.2s ease; }
li.RssAggregator_Item a:hover {
	background: #e3eef7;
    text-decoration: none!important;
    padding-left: 3px!important; }

.homepageTeaser {
	float: right;
	display: block;
	margin: 0 0; } */


div#cdmRotatorImageContainer {
	float: left;
	width: 520px; }
div#cdmMainPageSchoolLinks {
	float: right;
	width: 239px; }


ul.collapsedTechReportList {
	list-style-image: none; }
ul.collapsedTechReportList li span {
	background-image: url('/PublishingImages/plus.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px; }
	

.content h1 {
	padding: 5px 0 10px 0;
	line-height: 1.2em; }
.date span.month, .date span.day, .date span.year {
	color: #666;
	font-size: .8em; }

div.threeColumn h2 {
	padding-bottom: 10px; }



/*SOC Research Pages*/
.researchSubHead {
	display: block;
	padding: 15px 0 0 0;
	margin: 0 0 -7px 0;
	font-weight: bold;
	font-size: 1.1em; }
.researchContent p {
	line-height: 18px; }
.researchContent .CTIPageSectionHeader {
	font: lighter normal 1.4em 'GothamBookRegular', arial, serif;
	letter-spacing: -1px;
	color: #488B9B !important;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ebebeb; }
.researchContent table td {
	border-bottom: 1px solid #ccc; }


/*sitemap*/
ul.ctiSiteMap {
	list-style-type: square;
	list-style-image: none; }
ul.ctiSiteMap a.ctiMenuSiteNode {
	font-weight: bold; }
ul.ctiSiteMap ul {
	list-style-image: none;
	list-style-type: disc; }
ul.ctiSiteMap a.ctiMenuChildNode {
	font-weight: normal !important;
	font-size: inherit !important; }
ul.ctiSiteMap ul li ul {
	list-style-image: none;
	list-style-type: circle; }
.CDMLabStatus {
	display: none; }


/*********s4 Ribbon Styles*******/
div.sharepointControls a, div.ms-cui-smenu-inner a {
	text-decoration: none; }
div.sharepointControls ul {
	list-style-image: none; }

#s4-workspace {
	min-height: 600px; }

.ms-PostTitle {
	padding-top: 5px;
	padding-bottom: 5px; }
.ms-PostBody {
	margin-top: -5px; }

#olPolicies li {
	margin: 5px 0 0 15px;
	list-style: none; }
#olPolicies ul li ul li {
	margin: 5px 0 0 0;
	list-style: circle; }
#olPolicies li a, #olPolicies li a:LINK, #olPolicies li a:VISITED {
	font-weight: normal;
	font-size: 13px;
	padding: 0;
	color: #444; }
#olPolicies a:hover {
	color: #666;
	text-decoration: underline; }

#OLlanding ul {
	margin: 0;
	padding: 0;
	display: inline; }
#OLlanding {
	margin: 0;
	width: 770px; }
#OLlanding ul li {
	vertical-align: top;
	display: inline;
	list-style-type: none;
	margin: 0 7px 0 0; }
#OLlanding img {
	border: none; }
.OLplay {
	margin: 0 0 0 -60px;
	position: relative;
	bottom: 15px;
	border: 0; }

#onlineAmbassadors {
	margin: -10px 0 0 0;
	width: 560px; }
#onlineAmbassadors img {
	border: 1px solid #ccc;
	margin: 30px 0 5px 0; }

#graduateAmbassadors {
	display: inline; }
#graduateAmbassadors img {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 4px; }
#graduateAmbassadors img:hover {
	border: 1px solid #666; }
#graduateAmbassadors ul {
	margin: 0;
	padding: 0;
	float: left; }
#graduateAmbassadors li {
	vertical-align: top;
	float: left;
	list-style: none;
	padding: 0 10px 40px 0;
	margin: 0 30px 0 0;
	width: 108px; }
#graduateAmbassadors li:last-child {
	margin-right: 0; }
#graduateAmbassadors span {
	display: block; }
.graduateName {
	font: 2em 'GothamBookRegular', arial, serif !important;
	padding: 0;
	margin: 0; }
.graduateQuote, .ugQuote {
	font: lighter 1.6em/1.3em 'GothamBookRegular', arial, serif !important;
	clear: left; }
.graduatePopup img {
	border: 1px solid #ccc;
	position: relative;
	width: 198px;
	height: 198px;
	display: inline-block;
	margin: 0 10px 10px 0;
	border-radius: 3px;
	padding: 4px;
	float: left; }
.ugPopup img {
	border: 1px solid #ccc;
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	border-radius: 3px;
	padding: 4px;
	float: left; }
.graduatePopup p {
	font: bold 1.2em/1.5em arial, san-serif; }
.graduatePopup span, .ugPopup p {
	font: 1em/1.5em arial, san-serif;
	color: #666; }
.graduateClose:after, .ugClose:after {
	color: #666;
	content: '\f057';
	font: 16px 'FontAwesome';
	position: absolute;
	top: 5px;
	right: 5px; }
.graduateClose:hover:after, .ugClose:hover:after {
	color: #333; }
.ugPopup, .graduatePopup {
	display: none;
	border-radius: 3px;
	background-color: #fff;
	width: 600px;
	position: absolute;
	padding: 10px;
	box-shadow: 0 3px 3px #333; }
li.ambassadorPopUp:hover {
	cursor: pointer; }

#catchall-ambassador:hover .card {
	background-color: #e5e5e5!important; }
a.ugLink:hover .card {
	background-color: #e5e5e5; }
a.ugLink:hover .card * {
	color: #235b94; }

#catchall-ambassador:hover .card .ugLink {
	height: 100%;
	display: block; }
	
.bClose {
	cursor: pointer; }

.yourCareer {
	position: relative;
	float: left;
	margin: 25px 0 0 -10px; }
.yourCareer p {
	font-size: 13px;
	line-height: 20px; }
.yourCareerHero {
	margin: 0 0 0 20px;
	position: relative;
	right: 10px;
	padding: 5px;
	border: 1px solid #ccc; }
.yourCareerCompanies {
	position: relative;
	right: 0px;
	width: 700px;
	margin: 15px 0 15px -20px; }
.yourCareerCompanies li {
	display: inline;
	list-style-type: none;
	padding: 0 20px 0 0; }
.yourCareerWebsites td {
	padding: 20px 0 0 0;
	width: 150px;
	vertical-align: top; }

.btApplyNow {
	background: transparent url("/PublishingImages/btApplyNow.png") no-repeat scroll 0px 0px;
	color: transparent;
	display: inline-block;
	text-indent: -9999px;
	width: 200px;
	height: 43px;
	float: right;
	margin: 0 -18px 0 10px; }
.btApplyNow:HOVER {
	background-position: 0px -43px; }
.btApplyNow:ACTIVE {
	background-position: 0px -86px; }

.yourCareerCompanies img {
	border-radius: 5px;
	box-shadow: 1px 1px 3px #888;
	padding: 4px;
	border: #ccc 4px solid!important; }	
.yourCareerWebsites img {
	border-radius: 5px;
	box-shadow: 1px 1px 3px #888, inset 0 0 24px #aaa;
	padding: 14px;
	border: #fff 4px solid!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	height: auto; }
.yourCareerWebsites img:hover {
	border: #235b94 4px solid!important;
	outline: none!important; }	
	
.yourCareerQuote {
	background: transparent url("/PublishingImages/quote.png") no-repeat 10px 0px;
	padding: 15px 0 0 20px;
	margin: 20px 0 0 20px;
	width: 400px;
	float: right;
	clear: right;
	font-style: italic;
	text-align: justify;
	color: #0d4852;
	border-left: 1px solid #ccc; }

#industryOutlook ul li {
	margin: 0 0 5px -20px;
	list-style: none; }
#industryOutlook a, #industryOutlook a:LINK, #industryOutlook a:VISITED {
	font-weight: normal;
	text-decoration: underline; }
#industryOutlook a:HOVER {
	text-decoration: none; }

/*

* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.

*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none; }
.ui-helper-hidden-accessible {
	position: absolute;
	left: -99999999px; }
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none; }
.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
.ui-helper-clearfix {
	display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height: 1%; }
.ui-helper-clearfix {
	display: block; }
/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

/*

* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Component containers
----------------------------------*/
.ui-widget {
	font: "roboto", Arial, sans-serif;
	font-size: 1.1em; }
.ui-widget .ui-widget {
	font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font: "roboto", Arial, sans-serif;
	font-size: 1em; }
.ui-widget-content {
	color: #222222; }
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold; }
.ui-widget-header a {
	color: #222222; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #555;
	text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover {
	color: #212121;
	text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #212121;
	color: #520a15;
	text-decoration: none; }
.ui-widget :active {
	outline: none; }


/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
	color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
	color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
	font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none; }
	

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n      { background-position: 0 0; }
.ui-icon-carat-1-ne     { background-position: -16px 0; }
.ui-icon-carat-1-e      { background-position: -32px 0; }
.ui-icon-carat-1-se     { background-position: -48px 0; }
.ui-icon-carat-1-s      { background-position: -64px 0; }
.ui-icon-carat-1-sw     { background-position: -80px 0; }
.ui-icon-carat-1-w      { background-position: -96px 0; }
.ui-icon-carat-1-nw     { background-position: -112px 0; }
.ui-icon-carat-2-n-s    { background-position: -128px 0; }
.ui-icon-carat-2-e-w    { background-position: -144px 0; }
.ui-icon-triangle-1-n   { background-position: 0 -16px; }
.ui-icon-triangle-1-ne  { background-position: -16px -16px; }
.ui-icon-triangle-1-e   { background-position: -32px -16px; }
.ui-icon-triangle-1-se  { background-position: -48px -16px; }
.ui-icon-triangle-1-s   { background-position: -64px -16px; }
.ui-icon-triangle-1-sw  { background-position: -80px -16px; }
.ui-icon-triangle-1-w   { background-position: -96px -16px; }
.ui-icon-triangle-1-nw  { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n      { background-position: 0 -32px; }
.ui-icon-arrow-1-ne     { background-position: -16px -32px; }
.ui-icon-arrow-1-e      { background-position: -32px -32px; }
.ui-icon-arrow-1-se     { background-position: -48px -32px; }
.ui-icon-arrow-1-s      { background-position: -64px -32px; }
.ui-icon-arrow-1-sw     { background-position: -80px -32px; }
.ui-icon-arrow-1-w      { background-position: -96px -32px; }
.ui-icon-arrow-1-nw     { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s    { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw  { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w    { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw  { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n  { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e  { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s  { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w  { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e  { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s  { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w  { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w      { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n      { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e      { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s      { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w     { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n     { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e     { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s     { background-position: -176px -64px; }
.ui-icon-arrow-4              { background-position: 0 -80px; }
.ui-icon-arrow-4-diag         { background-position: -16px -80px; }
.ui-icon-extlink              { background-position: -32px -80px; }
.ui-icon-newwin               { background-position: -48px -80px; }
.ui-icon-refresh              { background-position: -64px -80px; }
.ui-icon-shuffle              { background-position: -80px -80px; }
.ui-icon-transfer-e-w         { background-position: -96px -80px; }
.ui-icon-transferthick-e-w    { background-position: -112px -80px; }
.ui-icon-folder-collapsed     { background-position: 0 -96px; }
.ui-icon-folder-open          { background-position: -16px -96px; }
.ui-icon-document             { background-position: -32px -96px; }
.ui-icon-document-b           { background-position: -48px -96px; }
.ui-icon-note                 { background-position: -64px -96px; }
.ui-icon-mail-closed          { background-position: -80px -96px; }
.ui-icon-mail-open            { background-position: -96px -96px; }
.ui-icon-suitcase             { background-position: -112px -96px; }
.ui-icon-comment              { background-position: -128px -96px; }
.ui-icon-person               { background-position: -144px -96px; }
.ui-icon-print                { background-position: -160px -96px; }
.ui-icon-trash                { background-position: -176px -96px; }
.ui-icon-locked               { background-position: -192px -96px; }
.ui-icon-unlocked             { background-position: -208px -96px; }
.ui-icon-bookmark             { background-position: -224px -96px; }
.ui-icon-tag                  { background-position: -240px -96px; }
.ui-icon-home                 { background-position: 0 -112px; }
.ui-icon-flag                 { background-position: -16px -112px; }
.ui-icon-calendar             { background-position: -32px -112px; }
.ui-icon-cart                 { background-position: -48px -112px; }
.ui-icon-pencil               { background-position: -64px -112px; }
.ui-icon-clock                { background-position: -80px -112px; }
.ui-icon-disk                 { background-position: -96px -112px; }
.ui-icon-calculator           { background-position: -112px -112px; }
.ui-icon-zoomin               { background-position: -128px -112px; }
.ui-icon-zoomout              { background-position: -144px -112px; }
.ui-icon-search               { background-position: -160px -112px; }
.ui-icon-wrench               { background-position: -176px -112px; }
.ui-icon-gear                 { background-position: -192px -112px; }
.ui-icon-heart                { background-position: -208px -112px; }
.ui-icon-star                 { background-position: -224px -112px; }
.ui-icon-link                 { background-position: -240px -112px; }
.ui-icon-cancel               { background-position: 0 -128px; }
.ui-icon-plus                 { background-position: -16px -128px; }
.ui-icon-plusthick            { background-position: -32px -128px; }
.ui-icon-minus                { background-position: -48px -128px; }
.ui-icon-minusthick           { background-position: -64px -128px; }
.ui-icon-close                { background-position: -80px -128px; }
.ui-icon-closethick           { background-position: -96px -128px; }
.ui-icon-key                  { background-position: -112px -128px; }
.ui-icon-lightbulb            { background-position: -128px -128px; }
.ui-icon-scissors             { background-position: -144px -128px; }
.ui-icon-clipboard            { background-position: -160px -128px; }
.ui-icon-copy                 { background-position: -176px -128px; }
.ui-icon-contact              { background-position: -192px -128px; }
.ui-icon-image                { background-position: -208px -128px; }
.ui-icon-video                { background-position: -224px -128px; }
.ui-icon-script               { background-position: -240px -128px; }
.ui-icon-alert                { background-position: 0 -144px; }
.ui-icon-info                 { background-position: -16px -144px; }
.ui-icon-notice               { background-position: -32px -144px; }
.ui-icon-help                 { background-position: -48px -144px; }
.ui-icon-check                { background-position: -64px -144px; }
.ui-icon-bullet               { background-position: -80px -144px; }
.ui-icon-radio-off            { background-position: -96px -144px; }
.ui-icon-radio-on             { background-position: -112px -144px; }
.ui-icon-pin-w                { background-position: -128px -144px; }
.ui-icon-pin-s                { background-position: -144px -144px; }
.ui-icon-play                 { background-position: 0 -160px; }
.ui-icon-pause                { background-position: -16px -160px; }
.ui-icon-seek-next            { background-position: -32px -160px; }
.ui-icon-seek-prev            { background-position: -48px -160px; }
.ui-icon-seek-end             { background-position: -64px -160px; }
.ui-icon-seek-start           { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first           { background-position: -80px -160px; }
.ui-icon-stop                 { background-position: -96px -160px; }
.ui-icon-eject                { background-position: -112px -160px; }
.ui-icon-volume-off           { background-position: -128px -160px; }
.ui-icon-volume-on            { background-position: -144px -160px; }
.ui-icon-power                { background-position: 0 -176px; }
.ui-icon-signal-diag          { background-position: -16px -176px; }
.ui-icon-signal               { background-position: -32px -176px; }
.ui-icon-battery-0            { background-position: -48px -176px; }
.ui-icon-battery-1            { background-position: -64px -176px; }
.ui-icon-battery-2            { background-position: -80px -176px; }
.ui-icon-battery-3            { background-position: -96px -176px; }
.ui-icon-circle-plus          { background-position: 0 -192px; }
.ui-icon-circle-minus         { background-position: -16px -192px; }
.ui-icon-circle-close         { background-position: -32px -192px; }
.ui-icon-circle-triangle-e    { background-position: -48px -192px; }
.ui-icon-circle-triangle-s    { background-position: -64px -192px; }
.ui-icon-circle-triangle-w    { background-position: -80px -192px; }
.ui-icon-circle-triangle-n    { background-position: -96px -192px; }
.ui-icon-circle-arrow-e       { background-position: -112px -192px; }
.ui-icon-circle-arrow-s       { background-position: -128px -192px; }
.ui-icon-circle-arrow-w       { background-position: -144px -192px; }
.ui-icon-circle-arrow-n       { background-position: -160px -192px; }
.ui-icon-circle-zoomin        { background-position: -176px -192px; }
.ui-icon-circle-zoomout       { background-position: -192px -192px; }
.ui-icon-circle-check         { background-position: -208px -192px; }
.ui-icon-circlesmall-plus     { background-position: 0 -208px; }
.ui-icon-circlesmall-minus    { background-position: -16px -208px; }
.ui-icon-circlesmall-close    { background-position: -32px -208px; }
.ui-icon-squaresmall-plus     { background-position: -48px -208px; }
.ui-icon-squaresmall-minus    { background-position: -64px -208px; }
.ui-icon-squaresmall-close    { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical    { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal  { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se  { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se       { background-position: -80px -224px; }

.ui-corner-tl {
	border-top-left-radius: 4px; }
.ui-corner-tr {
	border-top-right-radius: 4px; }
.ui-corner-bl {
	border-bottom-left-radius: 4px; }
.ui-corner-br {
	border-bottom-right-radius: 4px; }
.ui-corner-top {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; }
.ui-corner-bottom {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; }
.ui-corner-right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px; }
.ui-corner-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px; }

.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30); }
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30);
	border-radius: 8px; }
	
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs {
	position: relative;
	margin: 1em 0;
	padding: .1em;
	vertical-align: middle;
	zoom: 1; }
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 99%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	margin: 0 .2em 1px 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px; }
li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active:after {
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccc;
    position: absolute;
    bottom: -9px;
    left: calc(50% - 10px); }	
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer; }
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
	border: 1px solid #aaa;
	border-top: none; }
	
.ui-tabs .ui-tabs-hide {
	display: none !important; }
.pageContent .ui-tabs-panel ul {
	padding-left: 14px; }


.ui-tabs-vertical {
	width: 100%;
	border: 1px solid #aaa;
	background: #f6f6f6; }
.ui-tabs-vertical * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
.ui-tabs-vertical .ui-tabs-nav { 
	padding: .2em .1em .2em .2em;
	float: left;
	width: 25%; }
.ui-tabs-vertical .ui-tabs-nav li { 
	clear: left;
	width: 100%;
	font-size: 11px;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0;
	line-height: 0; }
.ui-tabs-vertical .ui-tabs-nav li a {
	display:block;
	width: 100%;
	padding: .5em;
	line-height: 1.3; }
.ui-tabs-vertical .ui-tabs-nav li a:hover,
.ui-tabs-vertical .ui-tabs-nav li a:focus {
	color: #235b94!important; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border: 1px;
	position:relative; }
.ui-tabs-vertical .ui-tabs-panel {
	padding: 1em;
	float: right;
	width: 75%;
	border: 0px; }
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
	/*white-space: pre-line; */
	white-space: inherit;
	width: 100%;
	border-bottom: 1px solid #aaa!important; }
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:nth-last-child(1) {
	border-bottom: none!important; }
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:hover {
	background: #eee; }
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:hover a {
	color: #111; }		
.ui-tabs-vertical .ui-widget-header {
	background-image: none;
	background-color: #e4e4e4;
	border: none;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa; }
.ui-tabs-vertical .ui-tabs-panel h2 {
	line-height: 1!important; }
.ui-tabs-vertical .ui-tabs-panel h2 em {
	display: block;
	font-size: .5em;
	line-height: 1.4; } 

.ui-tabs-vertical .ui-state-active a {
	background: #f6f6f6;
	box-shadow: 7px 0px 10px #ccc; }

.ui-tabs-vertical #tabs-1:before, .ui-tabs-vertical #tabs-2:before, .ui-tabs-vertical #tabs-3:before, .ui-tabs-vertical #tabs-4:before, .ui-tabs-vertical #tabs-5:before,
.ui-tabs-vertical #tabs-6:before, .ui-tabs-vertical #tabs-7:before, .ui-tabs-vertical #tabs-8:before, .ui-tabs-vertical #tabs-9:before, .ui-tabs-vertical #tabs-10:before,
.ui-tabs-vertical #tabs-11:before, .ui-tabs-vertical #tabs-12:before, .ui-tabs-vertical #tabs-13:before, .ui-tabs-vertical #tabs-14:before, .ui-tabs-vertical #tabs-15:before,
.ui-tabs-vertical #tabs-16:before, .ui-tabs-vertical #tabs-17:before, .ui-tabs-vertical #tabs-18:before, .ui-tabs-vertical #tabs-19:before, .ui-tabs-vertical #tabs-20:before {
	/*display: block; 
	content: " "; 
	margin-top: -10000px;
	height: 10000px;
	visibility: hidden;*/ }
.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-left:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f6f6f6;
    content: '';
    right: -9px;
    position: absolute;
    top: calc(50% - 10px); }


.tabs-horizontal i.fa.fa-print, 
/*.ui-tabs-vertical i.fa.fa-print,
.tabs-vertical i.fa.fa-print,*/
.tabs-vertical button {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 18px;
    min-width: inherit;
    color: #888;
    border: 1px solid #aaa;
    padding: 6px 10px;
    border-radius: 100%;
    transition: all 0.3s ease; }
.tabs-horizontal i.fa.fa-print:hover,
.tabs-horizontal i.fa.fa-print:focus,
/*.ui-tabs-vertical i.fa.fa-print:hover,
.ui-tabs-vertical a:focus i.fa.fa-print,
.tabs-vertical i.fa.fa-print:hover,
.tabs-vertical a:focus i.fa.fa-print*/
.tabs-vertical button:hover,
.tabs-vertical button:focus {
	background: #eee;
	color: black;
	cursor: pointer;
	border-radius: 0; }
.tabs-vertical button:active {
	box-shadow: inset 4px 4px 0px #4b6a8e, inset -4px -4px 0px #4b6a8e!important; }
.tabs-vertical button .fa-print {
	font-size: 17px!important; }
.tabs-vertical .tabbody {
	box-shadow: none; }

.tabs-vertical .tabs-list a .s-t-e-m:before,
div[id ^= "accordian"] h3 .s-t-e-m:before,
.Index-Item .s-t-e-m:before {
    content: "\f069";
    font: normal normal 14px/1 FontAwesome, "Source Sans Pro", sans-serif!important;
    background: #e4e4e4;
    /*color: #097b76;*/
    color: var(--color2);/*&*/
    margin-left: -24px;
    margin-top: -3px;
    padding: 3px;   
    position: absolute;
    border-radius: 100%;  }
	div[id ^= "accordian"] h3 .s-t-e-m:before {
		background: none; 
		margin-left: 4px; }
	.Index-Item .s-t-e-m:before {
		background: none; 
		margin-left: 0; }


.tabs-style-01 .col-halves {
	float: none;
	width: 48%;
    margin: 1em 1%;
    display: inline-block;
    vertical-align: top; }



#footer {
	border-bottom:	1px solid #4b5257;
	font-size: 0.7rem;
	margin: 0 -10px;
	padding: 15px 0px 0px 0px;
	color: #fff; }
#footer a {
	text-decoration: none; }
#footer ul {
	margin: 0 0 1rem 0;
	padding: 0;
	list-style: none;
	line-height: 1rem; }
#footer li:first-child {
	font-size: 0.8rem;
	color: #d6e9f9!important; }
#footer ul li {
	list-style-image: none;
	margin-bottom: 0.33rem !important; }

li.head {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	color: #fff; }

.footer-top-row li {
	display: inline-block;
	padding: 1px 20px 1px 10px; }
.footer-top-row li a {
    font-weight: normal;
    font-size: 0.9rem;
    font-size: 14px; }
  
.footerDivider {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px; }

footer .grid_6 {
	max-width: 425px!important; }



.container_12 {
	width: 968px;
	width: 100%;
	max-width: 968px;
	position: relative; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px; }
.container_12 .grid_1  { width: 60px; }
.container_12 .grid_2  { width: 140px; }
.container_12 .grid_3  { width: 220px; }
.container_12 .grid_4  { width: 300px; }

.container_12 .grid_5  { width: 380px; }
.container_12 .grid_6  { width: 460px; }
.container_12 .grid_7  { width: 540px; }
.container_12 .grid_8  { width: 620px; }
.container_12 .grid_9  { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }
.container_12 .prefix_8 { 
	padding-left: 640px; }

#homeContainer a .card img:hover,
#homeContainer a .card img:focus,
.col-thirds a img:not([src$=".png"]):hover,
.col-thirds a img:not([src$=".png"]):focus,
.facultyModule a img:hover,
.facultyModule a img:focus {
    outline: 3px solid #111;
    border-radius: 0; }
.col-thirds a img[src$=".png"]:hover,
.col-thirds a img[src$=".png"]:focus {
	    -webkit-filter: drop-shadow(1px 1px 0 #111) drop-shadow(-1px -1px 0 #111);
		filter:drop-shadow(1px 1px 0 #111) drop-shadow(-1px -1px 0 #111); }


.feature .tag-bottom {
    position: absolute;
    z-index: 5;
    bottom: -1rem;
    border: 1px solid #fff!important;
    right: -2px; }
.bg-prism1,
#fluid .v_skip.bg-prism1,
#fluid .bg-prism1.v_skip,
#fluid .v1 .v_skip.bg-prism1,
#fluid .v1 .bg-prism1.v_skip {
    /*background: #194877  url(/PublishingImages/oranate-prism-01.png) no-repeat;*/
    background: var(--color1-D2) url(/PublishingImages/oranate-prism-01.png) no-repeat;/*&*/
    background-size: cover;
}  
.bg-prism2,
#fluid .v_skip.bg-prism2,
#fluid .bg-prism2.v_skip,
fluid .v1 .v_skip.bg-prism2,
#fluid .v1 .bg-prism2.v_skip {     
	background: var(--color1-D2) url("/PublishingImages/oranate-prism-02.png") no-repeat;
    background-size: cover; }    

	.v1 .feature.bg-prism1,
	.v1 .bg-prism1.feature {     
		background: var(--color1-L3) url("/PublishingImages/oranate-prism-01.png") no-repeat;/*&*/
	    background-size: cover; }
	.v1 .feature.bg-prism2,
	.v1 .bg-prism2.feature {     
		background: var(--color1-L3) url("/PublishingImages/oranate-prism-02.png") no-repeat;/*&*/
	    background-size: cover; } 
	.v1 [class*="bg-prism"] .quote {
		 color: #006858;}
	
	.v1 .feature.bg-prism1b,
	.v1 .bg-prism1b.feature {     
		background: var(--color1-L3) url("/PublishingImages/oranate-prism-01b.png") no-repeat;/*&*/
	    background-size: cover; }
	.v1 .feature.bg-prism2b,
	.v1 .bg-prism2b.feature {     
		background: var(--color1-L3) url("/PublishingImages/oranate-prism-02b.png") no-repeat;/*&*/
	    background-size: cover; } 


    

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }
.clearfix:before, .clearfix:after {
	clear: both;
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0; }

#light {
	margin-left: 2px;
	margin-top: 0px;
	border: 1px #749a02 solid;
	width: 172px;
	z-index: 1;
	background-color: #cce28e; }
#light p {
	margin: 5px 0 0 0; }
#light ul {
	margin: 0;
	padding: 0; }
#light li {
	list-style: none;
	padding-top: 10px;
	margin: 0; }

/* GREEN BUTTON  */
.css3Button, .css3Button:visited {
	border: 1px #749a02 solid;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 0;
	box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	display: inline-block;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	letter-spacing: .05em; }
.css3Button:hover {
	background-color: #111;
	color: #fff; }
.css3Button:active {
	top: 1px; }
.small.css3Button, .small.css3Button:visited {
	font-size: 11px; }
.css3Button, .css3Button:visited,
.medium.css3Button, .medium.css3Button:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.css3Button, .large.css3Button:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
	width: 143px; }
.super.css3Button,
.super.css3Button:visited {
	font-size: 34px;
	padding: 8px 14px 9px; }

.green.css3Button,
.green.css3Button:visited {
	color: #819e29;
	border: solid 1px #819e29;
	background: #819e29;
	background: -webkit-gradient(linear, left top, left bottom, from(#819e29), to(#A3BF50));
	background: -moz-linear-gradient(top, #819e29, #A3BF50);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#819e29', endColorstr='#A3BF50'); }
.green.css3Button:hover,
.green.css3Button:focus {
	color: #819e29;
	border: solid 1px #819e29;
	background: #b6d360;
	text-decoration: underline!important;
	background: -webkit-gradient(linear, left bottom, left top, from(#819e29), to(#b6d360));
	background: -moz-linear-gradient(bottom, #819e29, #b6d360);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6d360', endColorstr='#819e29'); }

/* EMAIL BUTTON  */ 
.emailButton {
	background: #5e80a2;
	color: #fff !important;
	display: block;
	font: 14px/19px 'GothamBookRegular';
	padding: 6px 0;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	width: 208px;
	height: 20px;
	clear: left;
	transition: all .15%s ease; }
.emailButton:hover,
.emailButton:focus {
	background: #48637d;
	box-shadow: 0 1px 0 #fff;
	text-decoration: none; }
.emailButton:active {
	background: #2c4155; }

/* CTA BUTTON  */
.ctaButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	text-align: center;
	color: #ffffff !important;
	display: block;
	background: -moz-linear-gradient( top, #42aaff 0%, #003366);
	background: -webkit-gradient( linear, left top, left bottom, from(#42aaff), to(#003366));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42aaff', endColorstr='#003366');
	border-radius: 3px;
	border: 1px solid #003366;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.4);
	text-shadow: 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
	width: 172px;
	height: 30px;
	clear: left; }
.ctaButton:hover {
	background: -moz-linear-gradient( top, #3891ee 0%, #033261);
	background: -webkit-gradient( linear, left top, left bottom, from(#3891ee), to(#033261));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3891ee', endColorstr='#033261');
	text-decoration: none; }

/* ALUMNI LINKS  */
#alumniLinks {
	background-color: #fbfbfb; }
#alumniLinks li {
	list-style: none inside none;

	margin: 5px 0 0 8px; }
#alumniLinks li:last-child {
	padding-bottom: 8px; }
#alumniLinks p {
	border-bottom: 1px #dbdbdb solid;
	padding: 0 0 2px 8px;
	margin: 20px 0 5px 0; }
#alumniLinks a {
	color: #666;
	font: normal normal normal .9em/normal arial;
	margin: 5px 0 0 0; }
#alumniLinks a:hover {
	color: #333;
	text-decoration: underline; }
#alumniLinks span {
	background-color: #4b5257;
	color: #fff;
	display: block;
	font: 400 1.1em/normal 'roboto', arial, serif;
	margin-bottom: 6px;
	margin-top: 12px;
	padding: 6px 0px 6px 10px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px; }

/* LAB AVAILABILITY  */
#hor-zebra {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px 0;
	width: 560px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	line-height: 1.2em;
    outline: 1px solid #ccc; }
#hor-zebra th {
	font-size: 15px;
	padding: 10px 8px;
	background: #ddd; }
#hor-zebra tbody th {
	font-size: 12px;
	padding: 10px 8px;
	background: rgba(0,0,0,0.05);
	font-weight: normal; }

#hor-zebra td {
	padding: 12px 8px; }

/*#hor-zebra .odd,*/
#hor-zebra tbody tr:nth-child(2n + 1) {
	background: #f5f5f5; }
	
#hor-zebra .labOS {
	display: inline;
	float: left; }
#hor-zebra a:hover {
	text-decoration: underline; }
#hor-zebra thead tr {
	border-bottom: 1px #ccc solid; }
#hor-zebra + h2 {
	margin-top: 1em; }
#hor-zebra th:nth-child(3n) {
	min-width: 34px; }


/* ===========================  HOMEPAGE  ============================== */
#homeContainer {
	margin-top: 25px;
	/*width: 774px;*/
	width: 100%;
	margin-left: -4px; }
.homeContainer .grid_1, .homeContainer .grid_2, .homeContainer .grid_3, .homeContainer .grid_4, .homeContainer .grid_5, .homeContainer .grid_6, .homeContainer .grid_7, .homeContainer .grid_8, .homeContainer .grid_9 {
	display: inline;
	float: left;
	position: relative;
	/* margin: 0 7px 15px 7px; */
	margin: 0 0px 15px 0px;
    padding: 0 7px; }

#homeContainer #ugAmbassadors li {
	margin-left: 0; }



/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.homeContainer .alpha {
	margin-left: 0; }
.homeContainer .omega {
	margin-right: 0; }

/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.homeContainer .grid_1 { width: 72px; }
.homeContainer .grid_2 { width: 158px; }
/*.homeContainer .grid_3 { width: 244px; }*/
.homeContainer .grid_3 { 
	width: 33%;
	box-sizing: border-box; }
.homeContainer .grid_4 { width: 330px; }
.homeContainer .grid_5 { width: 416px; }
.homeContainer .grid_6 { width: 502px; }
.homeContainer .grid_6 { 
	width: 66%;
	box-sizing: border-box; }
.homeContainer .grid_7 { width: 588px; }
.homeContainer .grid_8 { width: 674px; }
.homeContainer .grid_9 { width: 760px; }

/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.homeContainer .prefix_1 { padding-left: 86px; }
.homeContainer .prefix_2 { padding-left: 172px; }
.homeContainer .prefix_3 { padding-left: 258px; }
.homeContainer .prefix_4 { padding-left: 344px; }
.homeContainer .prefix_5 { padding-left: 430px; }
.homeContainer .prefix_6 { padding-left: 516px; }
.homeContainer .prefix_7 { padding-left: 602px; }
.homeContainer .prefix_8 { padding-left: 688px; }

/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.homeContainer .suffix_1 { padding-right: 86px; }
.homeContainer .suffix_2 { padding-right: 172px; }
.homeContainer .suffix_3 { padding-right: 258px; }
.homeContainer .suffix_4 { padding-right: 344px; }
.homeContainer .suffix_5 { padding-right: 430px; }
.homeContainer .suffix_6 { padding-right: 516px; }
.homeContainer .suffix_7 { padding-right: 602px; }
.homeContainer .suffix_8 { padding-right: 688px; }

/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.homeContainer .push_1 { left: 86px; }
.homeContainer .push_2 { left: 172px; }
.homeContainer .push_3 { left: 258px; }
.homeContainer .push_4 { left: 344px; }
.homeContainer .push_5 { left: 430px; }
.homeContainer .push_6 { left: 516px; }
.homeContainer .push_7 { left: 602px; }
.homeContainer .push_8 { left: 688px; }

/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.homeContainer .pull_1 { left: -86px; }
.homeContainer .pull_2 { left: -172px; }
.homeContainer .pull_3 { left: -258px; }
.homeContainer .pull_4 { left: -344px; }
.homeContainer .pull_5 { left: -430px; }
.homeContainer .pull_6 { left: -516px; }
.homeContainer .pull_7 { left: -602px; }
.homeContainer .pull_8 { left: -688px; }




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
==============  **4) General  =================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bg-img-fill {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: relative;
    background-size: cover; }



/* ==4) General Helpers
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.sections ul li a {
	color: #235b94 !important;
	text-decoration: none !important;
	font-weight: bold !important; }

a.external,
a.external:visited {
	background-image: url('/PublishingImages/icn_newwindow.gif');
	background-position: 5px 2px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: -3px;
	color: #005c96 !important; }
a.external:hover {
	color: #005c96; }
	
h1.hidden {
	display: none; }
	
ul.nobullets {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px; }

.rc5 {
	border-radius: 5px; }


h2.programs-list-pg--Header {
	border-bottom: 2px #ddd solid;
	box-shadow: 0px 1px #bbb; }
.programs-list-pg--item p {
	margin: .33em 0; }	
.programs-list-pg--item {
	border-top: 1px solid #c1c0be;
	padding: 1.5em 0; }

h3.programs-list-pg--item-header {
	padding-top: 0; }	
.programs-list-pg--item-header span {
	font-weight: 400!important;
	color: #444;
	display: inline-block; }	
div .programs-list-pg--item-header a {
	font: 400 25px 'roboto', arial, san-serif !important;
	padding: 0;
	color: #235b94!important;
	transition: color .1s ease; }
div .programs-list-pg--item-header a:hover,
div .programs-list-pg--item-header a:focus {
	color: #555!important;
	text-decoration: none!important; }
.programs-list-pg--item-header a:after {
	content: "\f105";
	font-family: 'FontAwesome';
	position: relative;
	left: 8px; }
div .programs-list-pg--item-header a:hover:after,
div .programs-list-pg--item-header a:focus:after {
	content: "\f0da" }

/* Page Titles: Alternate */
body .PageTitle-v02 {
	/*color: #444!important;
	font: 600 40px/1em 'Open Sans Condensed', arial!important;
	font: 600 2.33rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;	*/
	margin-block: 0;
	/*font-size: 3.5rem!important;*/
	line-height: 1;	
      }
.PageTitle-v02--sml-tagline,
.slogan-v02 {
	font: 14px 'Source Sans Pro', arial, san-serif!important;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 30px 0 0.1em 0; }
	.PageTitle-v02--sml-tagline + .PageTitle-v02--med-tagline {
		margin-top: 0.2em; }
	.PageTitle-v02--med-tagline + .PageTitle-v02--sml-tagline {
		margin-top: 0.2em; }	
.PageTitle-v02--med-tagline {
	font: 500 1.4em/1.1 'Roboto', arial!important;
	margin: 30px 0 0.1em 0; }
.PageTitle-v02 + .PageTitle-v02--med-tagline {
	margin: 2px 0 0 0; }

.tabpanel .adj-text-larger button {
	 font-size: 1rem; }
.tabpanel .adj-text-larger button .fa,
.tabpanel .adj-text-larger.faMinusSwap button .fa:before {
    margin: 0 14px 0 5px;
    font-size: 0.9rem!important; }
.tabpanel .adj-text-larger.faMinusSwap button .fa:before {
	margin: 0 1.5px 0 0; }


.adj-bolded.to-different-font strong {
	font-family: 'Open Sans Condensed', arial!important; }

/*ex good for academics/Pages/Current/UndergraduateMinors2 */
 .adj_list-v01 .tab + .panel ul {
    list-style: none;
    padding-left: 0; }
.adj_list-v01.zebra .tab + .panel li:nth-child(even) {
	background: #eee;  }

.indent {
	margin-left: 20px; }

.adj_no-list-bullet ul li,
.adj_no-list-bullet {
	list-style: none!important; }
	.adj_no-list-bullet ul li li {
		list-style: inherit; }
.adj_no-list-bullet ul {	
	padding-left: 0px!important; }


div#inj-ProductionResources * {
    font-size: 14px!important; }
.link-list-02 li * {
    display: inline!important; }    
ul.link-list-02 {
    padding-inline: 0;
    margin-bottom: 1rem; }
.link-list-02 li {
 	text-decoration: none;
 	list-style: none;
    padding: 4px;
    margin-block: 0;
    display: block;
    border-bottom: 1px solid #ddd;  }
    .link-list-02 li:last-child {
    	border-bottom: none;}
	.link-list-02 li:not(.skip-hover):hover,
	.link-list-02 li:not(.skip-hover):focus {
	 	background: var(--color2-L4) ; }
 
.link-list-02 li a {
	text-decoration: none!important; }
	div.pageContent .link-list-02 li a:hover,
	div.pageContent .link-list-02 li a:focus {
		text-decoration: underline!important;
    	text-decoration-thickness: 1px!important;
    	text-underline-offset: 1px!important; }




/* ==4) Accessibility
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* tip: use display: none, or visibility: hidden, if you want content to be hidden from sr's too. */

.sr-only,
.slick-dots .slick-sr-only { 
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0; }
.sr-hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden; }
abbr.sr-dont-change-styles {
	text-decoration: inherit; }
abbr.sr-dont-change-styles:hover,
abbr.sr-dont-change-styles:focus {
	cursor: inherit; }


	 
/* WCAG 2.0 level A */
/* This class isn't neccessary and can be achieved with :after or :before. */
.angleRight:after {
	color: #444;
	content: "\f105";
	font-family: "fontawesome";
	padding-left: 5px;
	padding-left: .5em;
	transition: all .1s ease; }
.angleRight:hover:after,
.angleRight:focus:after {
	color: #999;
	content: "\f0da"; }
#page_container .pageContent .angleRight:hover { 	
	text-decoration: none!important; }


/* WCAG 2.0 level AA */
body *:focus {
	outline: 1px dotted #333;
	-moz-outline-radius: 3px; }
#ctl00_PageBody {
	outline: none; }



/* 508 */
#skip ul {
	margin: 0;
	padding: 0; }
#skip li {
	list-style: none; }
#skip a:link,
#skip a:visited,
#skip a:hover {
	left: 0;
	color: #235b94;
	height: 1px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	left: -999em;
	top: auto;
	width: 1px;
	z-index: 100000; }
#skip a:active,
#skip a:focus {
    background: #efefef;
    font-weight: bold;
    left: 0;
    margin: 0 auto;
    height: auto;
    padding: 7px;
    position: absolute;
    top: 0;
    right: 0;
    width: 15em;
    z-index: 2000;
    outline: 0;
    box-shadow: 0 0 4px 4px rgba(0,0,0,.25); }
body div#skip ul li,
body div#skip ul li a {
 	text-decoration: none!important; }
#skip li a:hover,
#skip li a:focus {
 	text-decoration: underline!important; }
    

/* ==4) 3rd Col
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.column-3rd {
	background: #fafafa; }
.column-3rd * {
	font-size: 11px;
	font-family: "Source Sans Pro", Arial, Sans-Serif!important; }
.column-3rd h3 {
    background-color: #444;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #efefef!important;
    padding: 6px 9px;
    font-size: 1.2em!important; 
    font-weight: normal;
    margin-top: 12px;
    border-bottom: 2px solid #111; }
    .column-3rd h3 span {
		display: block;
		font-size: 12px;
		color: #ccc; }
    .column-3rd h3 span a {
		color: #ccc;
		font-size: 12px;
		display: block; }
    .column-3rd h3 span a:hover,
    .column-3rd h3 span a:focus {
		background: #235b94;
		color: #fff;
		transition: all 0.1s ease; }
    .column-3rd h3 span a:hover:after,
    .column-3rd h3 span a:focus:after {
		content: "\f054";
		font-family: "fontawesome";
		/*padding-left: 5px;
		text-align: right;
		font-size: 0.8em;*/
		padding-right: 3px;
	    text-align: right;
	    font-size: 0.8em;
	    float: right;
	    margin-left: 0;
	    margin-top: 0.1em; }
.column-3rd--content {
	padding: 8px; }
	.column-3rd--content a:hover,
	.column-3rd--content a:focus {
		color: #000;
		text-decoration: underline!important;  }
	.column-3rd--content p {
		padding: 0;
		margin: 0.75em 0!important; }
	.column-3rd--content ul.link-list-01 {
		padding-left: 0;
		margin: 0;
		list-style: none; }
		.column-3rd--content ul.link-list-01:not(:first-child) {
			margin: 10px 0; }
	.column-3rd--content ul.link-list-01 a:hover,
	.column-3rd--content ul.link-list-01 a:focus {
		color: #520a15!important; }



/* ==4) Pop Text (Intro Text)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.intro-text-v01 {
    font-size: 17px;
    margin: 0.25em 0 !important;
    color: #555; }
	.col-2-thirds .intro-text-v01 {
		margin: inherit!important; }
.intro-text-v02 {
	font-size: 1.5rem;
	/*color: #097b76;*/
	color: var(--color2);/*&*/
	margin: 0.5rem 0 1.5rem 0 !important; }


/* ==4) Data Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.table-v01,
.table-v02,
.table-v03 {
	width: 100%;
	margin: 1em 0 1.5rem 0;
	font-size:0.8rem;
    border-top: 6px solid #375e88;
    margin-top: 15px; }
.table-v01,
.table-v01 *,
.table-v02,
.table-v02 * {	
    box-sizing: border-box;
    background: #eee; }
.table-v03,
.table-v03 * {
	box-sizing: border-box;
	background: #fff; }
.table-v03 thead {
    top: 0;
    left: 0;
    background: #333;
    color: #efefef;
    width: 100%;
    z-index: 4!important; }	
.table-v03 thead th {
	padding: 10px;
	font-size: 17px;
	width: 18%;
	background: #333; }
.table-v03 tbody th {
	padding: 10px!important;
    text-align: left;
    line-height: 1.1;
    width: 18%; }	
.table-v01 thead {
    top: 0;
    left: 0;
    background: #333;
    color: #efefef;
    text-align: left; }
.table-v02 thead {
    top: 0;
    left: 0;
    background: var(--color1-D2)!important;
    color: #efefef;
    text-align: left;
    font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif; }

.table-v01 td,
.table-v01 th,
.table-v02 td,
.table-v02 th {
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    padding: 12px 10px 10px;
    line-height: 1.2;
    vertical-align: top;
    color: #333; }
.table-v01 td:last-child,
.table-v01 th:last-child,
.table-v02 td:last-child,
.table-v02 th:last-child {
	border-right: none; }
.table-v01 tr:nth-child(even) {
    background: #e5e5e5; }
.table-v01 tr:hover {
    background: #fcfcfc; }
.table-v01 thead tr:hover {
    background: inherit; }


.highlight {
	background: rgba(243, 237, 116, 0.4)!important; }





 

/* ===========================  NEW HOMEPAGE  ============================== */
div.homeAmbassadors + div > .homeHeader a {
	display: block;
	padding: 0 0 0px 10px; }
div.homeAmbassadors + div > .homeHeader a span {
	display: block;
    font-size: 13px;
    line-height: 0.7;
    padding-bottom: 2px; }


.effect1 {
	box-shadow: 0 10px 6px -6px #777; }
.shadow {
	box-shadow: 0 10px 6px -6px #777;
	height: 1px;
	width: 760px; }
.hr {
	border-bottom: 1px solid #ddd; }
.hrb {
	border-bottom: 1px solid #ccc; }
.hdrPodcast {
	float: left; }
.podcastButton {
	margin: 0 0 3px 6px; }
.podcastTitle a {
	display: block;
	font: 17px 'GothamBookRegular', serif;
	overflow: hidden;
	padding: 0 0 8px 0;
	width: 244px; }
.podcastDescription, .bluelightDescription, .eventPromo {
	display: block;
	font: 14px/18px 'GothamBookRegular', serif;
	width: 244px;
	border-bottom: none !important; }
.eventPromo {
	height: 136px;
	margin: 0 0 8px 0; }



.eventContainer {
	height: 220px;
	position: relative;
	overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    
.registeredEvents {
	margin-top: -12px; }
    
    


.homepageEvents .calendarContainer {
	height: 220px;
	overflow: auto;
	padding: 8px;
	border-bottom: 1px dashed #ccc;
	border-top: 1px solid #ccc;	
    box-shadow: inset -10px 4px 1px rgba(0, 0, 0, 0.03);	 }
	
.calendarContainer ul {
	list-style: none;
	margin: 0;
	padding: 0; }
.calendarContainer ul li:hover,
.calendarContainer ul li:focus {
 	box-shadow: -8px 0 0 #284b6e; }

.registeredEvents .calendarContainer ul li {
	border-bottom: 1px solid #efefef;
	clear: left;
	display: inline-block;
	margin-bottom: 2px;
	width: 760px; }
.registeredEvents .calendarContainer ul li:first-child {
	border-top: 1px solid #efefef; }


.rsvpMonth {
	font: 37px 'roboto', sans-serif;
	letter-spacing: -2px;
	margin-bottom: -10px;
	text-align: center;
	text-transform: uppercase; }
.rsvpTime,
.rsvpLocation {
	font: 15px 'roboto', sans-serif; }
.rsvpDay {
	font: 60px 'roboto', sans-serif; }
.rsvpDate {
	color: #87979f;
	float: left;
	margin-top: -5px;
    margin-right: 20px;
    margin-bottom: 30px;
	text-align: center;
	width: 80px; }
.rsvpDescription {
	float: left;
	font: 12px 'roboto', sans-serif;
	padding: 20px 20px 5px; }
.rsvpTitle {
	color: #87979f;
	font: bold 1.5em 'roboto', sans-serif;
	padding-bottom: 15px; }
.rsvpRegister a {
	width: 150px!important; }
/*.rsvpRegister a,
.rsvpRegister a:LINK,
.rsvpRegister a:VISITED {
	background-color: #235b94;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 1rem!important;
	font-weight: normal!important;
	margin: 8px 0px 20px 0;
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
	width: 100px;
	-webkit-transition: background-color 0.1s ease;
	-moz-transition: background-color 0.1s ease;
	-o-transition: background-color 0.1s ease;
	-ms-transition: background-color 0.1s ease;
	transition: background-color 0.1s ease; }
.rsvpRegister a:hover,
.rsvpRegister a:focus {
	color: #fff !important;
	border-radius: 0; }
.rsvpRegister a:ACTIVE {
	box-shadow: inset 0 2px 5px #333; }*/
.rsvpRegister .nonLink {
	margin-top: 10px; }
	
/* Event Calendar Accordion  */
.wrapper {
	width: 90%;
	max-width: 800px;
	margin: 30px auto; }
.rightCol {
	margin-left: 10px; }

.accordion {
	width: 100%;
	min-width: 270px;
	margin: 0 auto; }
.accordion ul {
	margin: 0;
	padding-left: 5px;
	list-style: none; }
.accordion > ul > li {
	clear: left;
	border-top: 1px solid #d7d7d7;
	padding: 25px 0 0 0;
	overflow: hidden; }
.accordion ul li a {
	margin-bottom: 15px; }
.accordion ul li:first-child {
	border-top: none; }
.accordion ul li div > a {
	/*font: 600 20px/22px "Source Sans Pro", sans-serif!important;*/
	font: 600 1.2rem /22px "DINPro", sans-serif;/*&*/
	display: block;
	position: relative;
	width: 90%;
	-webkit-transition: color 0.1s ease;
	-moz-transition: color 0.1s ease;
	-o-transition: color 0.1s ease;
	-ms-transition: color 0.1s ease;
	transition: color 0.1s ease; }
.accordion ul li div > a span:before {
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 2em;
	position: absolute;
	top: 50px;
	right: -40px;
	margin-top: -7px;
	opacity: .5;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease; }
.accordion ul li div > a:hover {
	color: #1693eb; }
.accordion ul li div > a:hover span {
	opacity: 1; }
.accordion ul li div > a.scrollTo {
	color: #222;
	/* margin-left: 90px; */
	max-width: 610px;
	-webkit-transition: color 0.1s ease;
	-moz-transition: color 0.1s ease;
	-o-transition: color 0.1s ease;
	-ms-transition: color 0.1s ease;
	transition: color 0.1s ease;
	visibility: visible;
	top: 0; }
.accordion ul li div > a.scrollTo:hover {
	color: #235b94; }
.accordion ul li div > a.scrollTo span.st-open:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 1;
	top: 10px; }

.accordion .st-content p {
	word-break: normal!important;  }

.st-content {
	margin: 0 0 20px 90px;
/*	border-bottom: 1px solid #e1e1e1; */
	padding: 10px 0;
	border-top: 1px solid #e1e1e1; }
.st-content p:empty,
.st-content li:empty {
	display: none; }
.st-content p:blank,
.st-content li:blank {
	display: none; }
.st-content p:-moz-only-whitespace,
.st-content li:-moz-only-whitespace {
	display: none; }

.st-content p,
.st-content p span,
.st-content li,
.st-content li span {
	color: #555;
	font-family: "Source Sans Pro", sans-serif!important;
	margin: 0;
	padding: 0;
	max-width: 640px;
	word-break: break-word!important; }
.st-content li { 
    list-style: url("/PublishingImages/listArrowRight.gif") none; }
.st-content img {
	width: 125px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff; }
.st-content a {
	word-break: break-all; }

.rsvpRegister div {
	margin: 0 0 30px 0; }
.rsvpTime, .rsvpLocation, .rsvpRegister {
	color: #666;
	margin-left: 90px; }


/* Course Catalog /academics/Pages/CourseCatalog.aspx */
.col2 #courseNumberFilter, .col2 #keywordFilter {
	font: normal 12px arial, serif; }
.col2 #subjectFilter, .col2 #requirementsFilter, .col2 select {
	font: normal 14px arial, serif; }
.vimeoVideos, .flickrDefaultStyle {
	width: 766px; }
.flickrDefaultStyle select {
	display: block;
	width: 300px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.flickrDefaultStyle select:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); }
.vimeoVideos .videoItem, .flickrItem {
	display: inline-block;
	list-style: none;
	margin: 0 0 15px 0;
	padding-right: 12px;
	position: relative;
	width: 240px;
	vertical-align: top;
	min-height: 210px; }
.videoItem i {
	color: #fff;
	margin: auto;
	opacity: .6;
	position: absolute;
	top: 47px;
	left: 102px;
	transition: opacity 0.2s ease; }
.videoItem i:hover {
	opacity: 1; }

.videoItem br {
	display: none; }	
	
.flickrItem {
	float: left;
	margin: 20px 0; }
.flickrItem span {
	color: #666;
	font: 13px 'roboto', arial, sans-serif;
	display: block; }

.vasTile div {
	min-height: 320px !important; }

.btn-top-r{
	position: absolute;
	right: 1px;
	top: 0; }
	
.laQuarter {
	font: 13px/18px 'roboto'; }

.rbtn,
.laQuarter .rbtn {
    background-color:maroon;
	float: right; }
	
.laQuarter img {
	border: 1px solid #ccc; }

.laQuarter ul a:hover {
	color: #008fd6 !important; }
.laQuarter .grid_3 .gridHeadline {
	border-bottom: 0;
	font: 300 16px 'roboto', sans-serif;
	text-transform: none; }
.laQuarter ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0; }
ul.laQuarterSpeakers li a:hover:after {
	color: #ccc;
	content: "\f08e";
	font-family: 'FontAwesome';
	margin-left: 5px; }

.rbtn {
	color: #efefef !important;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font: 400 14px 'roboto', arial, san-serif;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	-webkit-appearance: none; }
.rbtn:focus {
	outline: none; }

input[type=button].rbtn-primary,
input[type=submit].rbtn-primary {
	color: #efefef;
	background: #4b5257;
	background: #235b94; }
input[type=button].rbtn-primary:hover,
input[type=submit].rbtn-primary:hover {
	background: #333!important; }
.rbtn-primary:hover {
	color: #efefef !important;
	background: #903543; }
.rbtn-secondary {
	color: #520A15 !important;
	background-color: #ccc !important; }

.rPageTitle {
	font: lighter normal 2.8em/1.1em 'GothamMediumRegular', arial, serif;
	letter-spacing: -1px;
	margin: 0px 0px 0 0px;
	color: #480812; }

.laQuarter ul li:before {
	color: #ddd;
	content: "\f0da";
	font-family: 'FontAwesome';
	margin-right: 5px; }
.vasPageContainer {
	font: 1.2em/1.6EM 'roboto', arial;
	color: #333;
	position: relative;
	margin: -10px 0 0 -4px;
	width: 766px; }
.vasButton, .vasButton:LINK, .vasButton:VISITED {
	background: #555;
	color: #fff;
	display: block;
	font: 15px 'GothamBookRegular';
	padding: 10px;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	transition: all .15s ease;
	position: absolute;
	right: 0;
	top: -26px; }
.vasButton:HOVER {
	background: #4d2b3e;
	color: #fff !important; }
.vasPageContainer p {
	padding: 0 0 25px 0; }
.vasPageContainer img {
	border: 1px solid #e0e0e0;
	margin: 20px 0;
	padding: 50px 105px; }
.vasPageContainer ul {
	list-style: none; }
.vasPageContainer ul li span {
	color: #777;
	font-family: 'GothamMediumRegular', arial;
	font-size: larger; }
.vasPageHeader {
	color: #555 !important;
	font: 1.4em 'roboto', arial;
	padding: 0 !important;
	margin: 0; }

/* Visiting Artist Series - Videos */
.vas--title,
.video--title {
	margin: 10px 0 0 0!important;
	line-height: 1.1!important;
	font-weight: bold!important;
	font-size: 16px!important; }
	div h3.video--title,
	div h4.video--title {
		font-size: 0.9rem!important;
		margin: 0.5rem 0 0 0!important; }
.video--title em {
	display: block;
	font-size: 0.7em;
	line-height: 1.5; }	
.vas--meta,
.video--meta {
	font-size: .85em;
	/*color: #097b76;*/
	color: var(--color2);/*&*/
	line-height: 1!important;
	margin: 0.25em 0 0.5em 0!important; }
.vas--meta  + p:first-child {
	margin-top: 0.5em; }
.vas--meta  + p,
.vas--meta  + p + p {
	line-height: 1.3; }	
	
.vas-list {
	padding-left: 16px; }	
.vas-list li {
	border-bottom: dotted 1px #aaa;
	box-shadow: inset 25px 0 30px #efefef, inset -25px 0 30px #efefef, inset 0 0 13px #aaa;
	padding: 0.6em 0;
	line-height: 1.3;
	list-style: none; }
.vas-list li strong {
	font-size: 18px;
	font-size: 1.1rem;
	font-weight: 400; }	
.vas-list li em,
.vas-list li strong,
.vas-list li .vas-list--title {
	display: block; }
.vas-list li .vas-list--title {
	color: #777; }

.vas-list li:hover {
	background-color: #f9f9f9; }	

.pop-box-v01 .vas--title,
.pop-box-v01 .vas--meta ,
.pop-box-v01 .longP--date {
	display: block;
	margin: 0!important; }
.pop-box-v01 .longP--date {
	padding-top: 7px!important;
	border-top: dotted 1px #bbb; }
.pop-box-v01 .longP--description {
    font-size: 12px;
    line-height: 13px!important;
    display: block;
    color: #666;
    margin: 4px 0 10px 0; }

.tabbody .pop-box-v01 {
	margin-top: 20px; }
.tabbody .pop-box-v01--title {
	margin-top: 0; }


.flickrDefaultStyle {
	width: 100%; }
.flickrItem {
	width: 31%;
	padding-right: 2%;
	min-height: 280px; }
.flickrItem a {
	width: 100%; }
.flickrItem a:first-child {
	background: white;
	box-shadow: 2px 2px 0px #ddd; }

.flickrItem a img {
	margin-bottom: 8px;
	width: 100%; }
.flickrItem a:first-child {
	display: inline-block;
	height: 200px;
	overflow: hidden;
	border: 1px solid #ccc; }



.videoItem p {
	font: 400 13px/18px 'roboto';
	margin: 5px 0 0 0;
	padding: 0; }
.videoItem a, .videoItem a:LINK, .videoItem a:VISITED, .flickrItem a, .flickrItem a:LINK, .flickrItem a:VISITED {
	font: 500 1.3em 'roboto', arial;
	color: #333; }
.videoItem a:HOVER {
	color: #530813; }
.videoItem a:active {
	color: #000; }
.videoItem a img {
	margin-bottom: 8px;
	padding: 2px;
	width: 240px; }

.videoGroup {
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px;
	width: 100%; }
	.videoGroup .col-thirds {
		width: 32.9%; }
.videoGroup ul {
	clear: none; }
.videoGroup span:first-child {
	display: block; }
.videoGroup span:nth-child(2) {
	display: block;
	font: normal 1.2em/1.4em 'GothamBookRegular', sans-serif;
	padding: 10px 0 0 0; }
.videoGroup p {
	margin-bottom: -1em!important; }

.videoMoreButton {
	display: block;
	clear: both;
	text-align: right;
	margin-top: 1em; }
.videoMoreButton a, .videoMoreButton a:visited {
	background: #235b94;
    color: #fff !important;
    font-size: 14px!important;
    width: 100%;
    margin: 20px 0;
    padding: 10px 16px;
    border-radius: 4px;	}
.videoMoreButton a:hover {
	background: #222;
	border-radius: 0; }
.videoItem {
	float: left; }


/* Lab Reservations */
.labReservationListHeader {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-top: 15px;
	padding: 6px 8px;
	color: #db4d0e !important;
	background-color: #e4e6de;
	display: block;
	font: 14px 'GothamMediumRegular', arial, serif; }
img#hdrEvents {
	border: none; }
img#hdrEvents:hover {
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	opacity: .85; }
img#hdrEvents a:visited {
	text-decoration: none; }

	
#headerTest {
	width: 400px;
	margin: 50px auto; }

.schools {
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff; }
.schools a:hover {
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	opacity: .85;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear; }
.schools a:visited {
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none; }
.schools a:link {
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 5.0
*/

.wrapper_menu {
	display: block;
	position: relative;
	float: right;
	z-index: 6;
	margin-right: 30px; }
	body.leftandrightsidebar .wrapper_menu {
		margin-right: 20px; }
.wrapper_menu .menu {
	list-style: none;
	height: 35px;
	margin: 0px 0 0 -50px; }
.wrapper_menu_full {
	margin: 0;
	position: relative; }
.wrapper_menu_full .menu {
	width: 100%;
	padding: 0;
	height: 35px; }
.wrapper_menu_full .menu_whole_width {
	list-style: none;
	width: 940px;
	margin: 0 auto;
	height: 43px;
	padding: 0; }
/*.menu li {
	float: left;
	text-align: center;
	position: relative;
	margin-right: 20px;
	border: none; }
.menu .fullwidth {
	position: static !important; }
.menu li:hover {
	border-bottom: none;
	margin-right: 20px; }
.menu li a {
	color: #EEEEEE;
	outline: 0;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	display: block; }
.menu li:hover a {
	position: relative;
	z-index: 11; }
.menu li:hover div a {
	display: inline;
	color: #ccc; }
.menu li .drop, .menu li:hover .drop {
	padding-right: 27px; }

.menu li.right {
	float: right;
	right: 0;
	margin-right: 0; }
.menu li.right:hover {
	margin-right: -1px; }
*/

/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */
.menu p, .menu ul, .menu li, .menu h2, .menu h3 {
	font-size: 14px;
	font: 10px 'GothamBookRegular', 'trebuchet MS', 'Tahoma';
	line-height: 21px;
	text-align: left; }
.menu p {
	font-size: 14px;
	font: 400 10px 'GothamMediumRegular', 'trebuchet MS', 'Tahoma';
	line-height: 18px;
	margin: 0;
	margin-bottom: 10px;
	text-shadow: 1px 1px #ccc; }
.menu .strong {
	font-weight: bold; }
.menu .italic {
	font-style: italic; }
.menu h2, .menu h3 {
	margin-top: 8px; }
.menu h2 {
	font-weight: 400;
	font-size: 21px;
	margin-bottom: 18px;
	padding-bottom: 11px; }
.menu h3 {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 14px;
	padding-bottom: 7px; }
.menu li:hover div a {
	text-decoration: none;
	text-shadow: none;

	border: none;
	padding: 5px; }
.menu .pusher {
	/* Use this pusher if you want to give more vertical spacing between your rows of content */
	margin-top: 18px; }
/* Standard lists styles */
.menu li ul {
	list-style: none;
	padding: 0;
	margin: 0 0 12px 0; }
.menu li ul li {
	font-size: 11px;
	line-height: 8px;
	position: relative;
	margin: 0;
	float: left;
	text-align: left;
	width: 145px; }
.menu li ul li a {
	border-radius: 5px; }
.menu li ul li:hover {
	border: none;
	padding: 0;
	margin: 0; }
/* Greybox lists styles */
.menu li .greybox li {
	margin: 0 0 4px 0;
	padding: 4px 6px 4px 6px;
	width: 131px;
	border-radius: 5px; }
.menu li .greybox li:hover {
	padding: 4px 6px 4px 6px;
	margin: 0 0 4px 0; }
.menu li .greybox li:hover a {
	color: white;
	background: #666; }


/*  _______________________________________

	05 LIGHT THEME
    _______________________________________  */
.menu_light_theme ul li:hover, .menu_light_theme ul li.nodrop:hover {
	background: #4c4546; /*#670413 lighter red */ }
.menu_light_theme ul li:hover a {
	color: #fff; }
.menu_light_theme ul li .drop, .menu_light_theme .menu li.noactive .drop {
	background: url("/PublishingImages/v2/arrow_down1.png") no-repeat right 9px;
	-webkit-transition: display 0.2s ease-in-out;
	-moz-transition: display 0.2s ease-in-out;
	-o-transition: display 0.2s ease-in-out;
	-ms-transition: display 0.2s ease-in-out;
	transition: display 0.2s ease-in-out; }
.menu_light_theme ul li:hover .drop {
	background: url("/PublishingImages/v2/arrow_down1.png") no-repeat right 9px; }
.menu_light_theme ul .dropdown_1column, .menu_light_theme ul .dropdown_2columns, .menu_light_theme ul .dropdown_3columns, .menu_light_theme ul .dropdown_4columns, .menu_light_theme ul .dropdown_5columns, .menu_light_theme ul .dropdown_fullwidth, .menu_light_theme ul .levels li ul {
	background: #4c4546; /*#670413 lighter red */
	border-radius: 0 0px 5px 5px; }
.menu_light_theme ul h2, .menu_light_theme ul h3 {
	border-bottom: 1px solid #888; }
.menu_light_theme ul li .black_box {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background-color: #333;
	box-shadow: inset 0 0 3px #000; }
.menu_light_theme .menu li:hover div a {
	border-bottom: none; }
.menu_light_theme .menu li.noactive a {
	color: #eee; }

/*  _______________________________________

	07 COLORS
    _______________________________________  */
/* Black */
.menu_black {
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#2a2a2a));
	background: -webkit-linear-gradient(top, #555, #2a2a2a);
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -o-linear-gradient(top, #555, #2a2a2a);
	background: -ms-linear-gradient(top, #555, #2a2a2a);
	background: linear-gradient(top, #555, #2a2a2a); }
	
.wrapper_menu .menu_black {
	border: 1px solid #444;
	border-top: 1px solid #777; }
.wrapper_menu_full .menu_black {
	border-bottom: 1px solid #444; }
.greybox li:first-child {
	color: #fff; /*menu titles color!! */;
	font: 14px arial, 'GothamMediumRegular';
	text-transform: uppercase;
	text-shadow: 0 1px 0 #000; }

/* Search Button */
.cf:before, .cf:after {
	content: "";
	display: table; }
.cf:after {
	clear: both; }
.cf {
	zoom: 1; }
	
/*-------------------------------------*/
.form-wrapper {
	background: #444;
	background: rgba(0,0,0,.2);
	margin-top: 20px;
	margin-bottom: 37px;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); }
	
.form-wrapper input,
#mobileSearchTextboxContainer input {
	width: 200px;
	/*height: 15px;*/
	padding: 6px 5px;
	float: left;
	font: 12px "Source Sans Pro", sans-serif!important;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 3px 0 0 3px;
	box-sizing: content-box; }
.form-wrapper input:focus {
	outline: 0;
	background: #fff; }
.form-wrapper input:-webkit-input-placeholder {
	color: #999; }
.form-wrapper input:-moz-placeholder {
	color: #999; }
.form-wrapper input:-ms-input-placeholder {
	color: #999; }
.form-wrapper button,
#btnSearch {
	overflow: visible;
	position: relative;
	border: 0;
	border-left: 1px solid #999;
	padding: 0;
	cursor: pointer;
	height: 29px;
	width: 50px;
	color: #333;
	border-radius: 0 2px 2px 0;
	text-shadow: 0 1px 0 #efefef;
	background-color: #c0c0c0; }
#btnSearch {
	min-width: 0px;
	margin-left: 0;  }
	#btnSearch:hover,
	#btnSearch:focus {
		background-color: #eaeaea; }
	#btnSearch:hover .fa-lg,
	#btnSearch:focus .fa-lg {
		color: #284b6e;
		font-size: 17px; }
#btnSearch .fa-lg {
	vertical-align: initial;
	line-height: 1em;
	transition: all 0.05s ease;
	-moz-transition: all 0.05s ease;
	-webkit-transition: all 0.05s ease; }
	
	
.form-wrapper button {
	float: right; }
.form-wrapper button:hover {
	background-color: #afaeaf; }
.form-wrapper button:active, .form-wrapper button:focus {
	background-color: #9fa0a1; }
.form-wrapper button::-moz-focus-inner {
	border: 0;
	padding: 0; }


/* ==X ) Program Page Title
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1.programTitleSplash,
h2.programTitleSplash {
	color: #444;
	/*font: 600 40px/1em 'Open Sans Condensed', arial;*/
    font: 600 2rem/1em "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;	 }



h3.academicDescrip {
	color: #000;
	font: 12px/18px 'arial'; }
h4.academicYear {
	font: 13px 'Source Sans Pro', arial, san-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #444;
	margin-top: 30px; }
span.underline {
	border-bottom: 1px solid #A7A9AC;
	margin-top: 100px;
	padding-bottom: 5px; }

.marketimages {
	margin-top: 50px;
	width: 100%; }
.marketimages img {
	border: 1px solid #ccc;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
.SplashNav-v01 + .marketimages {
	margin-top: 10px; }


.landingHero {
	margin-top: 0;
	width: 100%;
	float: left; }
.landingHero.hero-v2 {
	margin-top: 34px;
    width: 100%;
    float: left;
    position: relative;
    height: 0;
    padding: 0px 0 37% 0;
    background: #111; /* accessibility incase image doesn't show */    
    overflow: hidden; }
.landingHero.hero-v2 h1 {
	color: #ddd;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0.9rem;
    left: 0;
    padding: 0% 10px 0 0px;
    font-family: 'roboto', Arial, Helvetica, sans-serif !important;
    font-weight: normal;
    font-size: 4rem;
    text-shadow: 0px 2px 2px #333, 0 1px 20px #000;
    line-height: 1rem; }
    
.landingHero.hero-v3 {
	margin-top: 17px;
    width: 100%;
    float: left;
    position: relative;
    height: 0;
    padding: 0px 0 39% 0;
    background: #111; /* accessibility incase image doesn't show */
    overflow: hidden; }
.landingHero.hero-v3 h1 {
	color: #fff!important;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 0px 11% 4.5% 0px;
    font-weight: normal;
    font-size: 1.6rem;
    text-shadow: 0px 2px 2px #333, 0 1px 20px #000;
    line-height: 1rem; }


	    
.landingHero img {
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	
#navcontainer ul {
	font: 400 15px/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;		
	margin: -4px 0px 40px -40px;
	list-style-type: none; }
#navcontainer ul li {
	display: inline-block;
	padding: 0px; }
#navcontainer ul li a {
	text-decoration: none;
	padding: 15px 12px;
	display: inherit; }
#navcontainer ul li a:hover,
#navcontainer ul li a:focus {
	opacity: 1;
	outline: 2px solid #284b6e; }

#navcontainer ul li.concentrations a {
	padding-left: 0;
	padding-right: 0;
	padding: 15px 0px; }
#navcontainer ul li.concentrations a:hover {
	text-decoration: none!important; }
#navcontainer ul li.concentrations a:hover + ul,
#navcontainer ul li.concentrations a:focus + ul,
#navcontainer ul li.concentrations a + ul:hover,
#navcontainer ul li.concentrations a + ul:focus  {
	margin-top: 12px!important;  }

#navcontainer ul li.concentrations a + ul a {
	padding: 9px 0px;  }


/*****DROPDOWN*****/
#navigation2 {
	background: url("/PublishingImages/v2/arrow_down1.png") no-repeat scroll right 15px transparent;
	position: relative;
	margin: auto;
	width: 175px;
	margin-top: -100px;
	margin-left: 547px;
	background-color: #4c4546; }
#navigation2 li {
	position: relative;
	list-style: none;
	display: inline-block;
	padding: 5px 20px; }
#navigation2 li a {
	padding: 5px;
	display: block;
	font: 12px 'GothamBookRegular', arial;
	color: #fff;
	background-color: #4c4546; }
#navigation2 li .sub-nav-wrapper {
	display: block;
	position: absolute;
	z-index: 1000;
	margin-left: -100px;
	font: 12px 'GothamBookRegular', arial; }
#navigation2 li .sub-nav-wrapper .sub-nav {
	width: 340px;
	margin-top: 4px; }
#navigation2 li:hover .sub-nav-wrapper {
	display: block; }
#navigation2 li .sub-nav-wrapper .sub-nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0; }
#navigation2 li .sub-nav-wrapper .sub-nav li span {
	color: #999;
	display: inline-block;
	margin-right: 15px; }
#navigation2 li .sub-nav-wrapper .sub-nav li:nth-child(8) span {
	margin-right: 7px; }
#navigation2 li .sub-nav-wrapper .sub-nav li:last-child {
	border: none; }
#navigation2 li .sub-nav-wrapper .sub-nav li a {
	display: block;
	padding: 8px 10px;
	font: 12px 'GothamBookRegular', arial;
	text-align: left; }
#navigation2 li .sub-nav-wrapper .sub-nav li a:hover {
	background-color: #666; }



/**PROGRAM PAGE MENU**/
div.reqNav {
	float: right;
	width: 100%; }

	
#navigation2 li .sub-nav-wrapper {
	pointer-events: none;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	display: none; }
#navigation2 li:hover .sub-nav-wrapper {
	pointer-events: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	top: 30px; }
	

#btnSearch2 {
	overflow: visible;
	position: relative;
	float: right;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 29px;
	width: 50px;
	font: 10px 'GothamMediumRegular', 'trebuchet MS', 'Tahoma';
	color: #333;
	text-transform: uppercase;
	background-image: linear-gradient(bottom, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -o-linear-gradient(bottom, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -moz-linear-gradient(bottom, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -webkit-linear-gradient(bottom, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -ms-linear-gradient(bottom, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(148,148,148)), color-stop(0.62, rgb(227,224,227)) );
	border-radius: 0 3px 3px 0;
	text-shadow: 0 1px 0 #efefef;
}
#btnSearch2:hover {
	background-image: linear-gradient(top, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -o-linear-gradient(top, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -moz-linear-gradient(top, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -webkit-linear-gradient(top, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -ms-linear-gradient(top, rgb(148,148,148) 0%, rgb(227,224,227) 62%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(148,148,148)), color-stop(0.62, rgb(227,224,227)) );
}
#txtSearch2 {
	width: 192px;
	height: 15px;
	padding: 6px 0px;
	float: left;
	font: 12px 'GothamBookRegular', arial;
	border: 1px solid #ccc;
	background: #ddd;
	border-radius: 3px 0 0 3px; }
.closing {
	background-color: #9E4D40;
	height: 67px;
	padding: 10px;
	margin-bottom: 20px;
	width: 740px;
	font-size: 16px;
}
.moduleImage {
	float: right;
	margin: 2px 0 0.95em 8px; }
a.moduleLink {
	color: #444;
	display: block;
	font: 700 16px 'Source Sans Pro', arial, san-serif;
	margin: 10px 0 0 0;
	letter-spacing: .01em; }
a.moduleLink:hover {
	color: #999; }
a.moduleLink + a.moduleLink {
	margin-top: 4px; }

h2.moduletitle,
.academicDescrip {
	color: #4b5257 !important; 
	font: 400 18px 'Roboto';
	/*text-transform: capitalize;*/ 
	padding: 0 0 8px 0;
  	vertical-align: middle;
	/* border-bottom: 1px solid #ccc; */
	position: relative; }
h2.moduletitle {
	clear: both; }
.landing h2.moduletitle {
	color: #4b5257;
	font: 400 22px 'roboto';
	font-family: text-transform:none;
	margin: 0;
	padding: 8px 0;
	height: 15px;
	display: table-cell;
	width: 502px;
	border-bottom: 1px solid #ccc;
}
h2.moduletitle a,
h2.moduletitle span.byline {
	color: #444;
	position: relative; }
.col-thirds h2.moduletitle a,
.col-2-thirds h2.moduletitle a {
	width: 100%;
	display: inline-block; }
.col-thirds h2.moduletitle span.byline,
.col-2-thirds h2.moduletitle span.byline {
	width: 100%;
	display: inherit; }
h2.moduletitle span.byline {	
	display: block; }
h2.moduletitle a span,
h2.moduletitle span.byline span {
	position: absolute;
	top: 85%;
	left: 0;
	z-index: 0;
	font-size: .66em;
	font-style: italic; }
h2.moduletitle a span {
	color: #235b94; }
	
h2.moduletitle a:after {
	color: #444;
	content: "\f105";
	font-family: 'FontAwesome';
	position: relative;
	left: 8px;
	font-size: 0.8rem; }
h2.moduletitle a:hover,
h2.moduletitle a:focus,
h2.moduletitle a:hover:after,
h2.moduletitle a:focus:after {
	color: #235b94;
	content: "\f0da";
	text-decoration: none!important; }
h2.moduletitle + img,
h2.moduletitle + a > img {
	margin-top: 16px!important;
	/*margin-top: 1rem!important;*/
	display: block; }	
	
.concentration:before {
	content: 'Concentration';
	display: block;
	font: 300 11px 'Roboto', arial;
	position: absolute;
	top: -14px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.moduleTitleLink {
	float: right;
	margin-right: 12px;
}
.moduletext {
	font: 400 13px/20px 'Roboto', arial !important;
	padding: 8px 0;
	margin-top: 8px;
	min-height: 200px; }
.landing .moduletext {
	color: #3A3D31;
	font-family: 'roboto' !important;
	font-size: 12px !important;
	line-height: 18px;
	padding: 8px 0;
	margin-top: 0;
	min-height: 0px;
}
#splashVASAnimation div,
.splashModuleText {
	color: #444;
	font: 400 12px/20px 'Source Sans Pro', arial !important;
}
.splashModuleText img {
	margin: 16px 0 8px; }
.grid_3 a img {
	border: 0; }
	
.splashIntro {
	color: #444;
	font: 300 15px/26px 'Source Sans Pro', arial; }
.splashIntro-text-adjustment {
  margin-top: 2em; }	
  
.facultyListModule {
	float: left; }
.facultyListModule div {
	font-size: larger;
	cursor: pointer;
	margin-top: 10px; }
.facultyListModule a {
	color: #292929; }
.splashpage-viewall {
	font-weight: 600;
}
div#selectedFacultyImage {
	float: right;
}
div#selectedFacultyImage img {
	display: none;
	width: 65px;
	margin-top: 10px;
	border-radius: 2px;
}
.splashpage-facultyName.selected {
	font-weight: bold; }
.splashpage-facultyName.selected:after {
	content: '>'; }
#selectedFacultyImage img {
	cursor: pointer; }

#homeContainer .card {
	background-color: transparent;
	border: 0;
	box-shadow: none; }
#homeContainer .smallProgramListHeader {
	background-color: transparent; }


/*****************Splash/Program Page Navigation*********************/
div#splashNav {
	margin: -100px auto auto 547px;
	/*width: 217px;*/ }

.testSplashNav,
.SplashNav-v01 {
	margin: 25px 20px 1px 1px!important;
	display: inline-block; }
.testNavContainer,
.NavContainer-v01 {
	margin-block: 2em!important;
	margin-inline: 20px;
	display: inline-block; }
.testNavContainer ul,
.NavContainer-v01 ul {
	margin-bottom: 0px!important;
	margin-right: 0px !important;
	padding-left: 20px; }
.testNavContainer ul .concentrations {	
	z-index: 100; }	
.NavContainer-v01 li {
	font-size: 15px!important;
	font-size: 0.75rem!important;
	line-height: 1;
	margin: 0.5em 0.5em 0 0;
    display: inline-block; }
.NavContainer-v01 ul ul li {
	margin: 0px; }
.NavContainer-v01 .concentrations {
	border: 0; }
.NavContainer-v01 .concentrations:hover ul.sub-nav,
.NavContainer-v01 .concentrations:focus ul.sub-nav {
	display: block; }	
.NavContainer-v01 .sub-nav li {
	border: 0;
	margin-right: 0;
	padding: 0 !important; }
.NavContainer-v01 .sub-nav li a {
	padding-right: 9px;
	padding-left: 9px!important;
	font: 14px 'Source Sans Pro', arial, san-serif!important;  }			
.NavContainer-v01 a,
/*.programIndex a {
	color: #777!important; }*/
.NavContainer-v01 a:hover,
.programIndex a:hover  {
	color: #235b94!important; }			
.NavContainer-v01 .concentrations a:hover {
	color: #efefef!important; }
			
		.wrapper-navNextToTabs {
			clear: both; 
			margin-bottom: 2rem; }	
		.wrapper-navNextToTabs .NavContainer-v01 {
			margin-top: 0px!important; }
		.wrapper-navNextToTabs .SplashNav-v01 {
			margin-top: 0px!important; }
			
			
div#grdNav,
div#ugrdDropdown {
	margin-bottom: 10px; }
#gradDropdown,	
#undergradDropdown {
    margin-left: 0; }
 
div#ugrdDropdown,
div#gradDropdown,	
div#undergradDropdown {
	/*box-shadow: #111 2px 2px, #111 1px 1px;*/ }
div#grdNav:hover,
div#ugrdDropdown:hover,
div#gradDropdown:hover,	
div#undergradDropdown:hover,
div#grdNav:focus,
div#ugrdDropdown:focus,
div#gradDropdown:focus,	
div#undergradDropdown:focus {
	cursor: default; }

div.splashMenu,
li.concentrations {
	color: #f1f1f1 !important;
	display: block;
	font: 400 15px/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;	
	font: 400 0.75rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;	
	/*font: 13px "Open Sans Condensed", arial, sans-serif;*/
	position: relative;
	z-index: 3;
	/*background: #097b76;*/
	background: var(--color2);/*&*/
	background-image: none; }
/*.splashMenu:before,*/
button.menuTitle:before,
li.concentrations:before,
.arrow-toggle:before {
	color: #8ccecb /*#bbb*/;
	content: "\f0d7";
    font-family: "fontawesome";
    /*padding: 10px 10px 10px 0;*/
    
    padding: 0px 8px 0px 0;
    /*border-right: 1px solid #8ccecb;
    margin-right: 7px;*/ }
    .splashMenu .menuTitle,
    .splashMenu button.menuTitle {
		display: inline;
		margin: 0 0 0;
		padding: 15px 15px 15px 10px;
		/*background: #097b76;*/
		background: var(--color2);/*&*/
		color: #f1f1f1;
		font: 400 15px/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
		font: 400 0.75rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
		border: none;
		letter-spacing: 0.33px; }
		.splashMenu button.menuTitle:hover,
		.splashMenu button.menuTitle:focus {
			cursor: pointer;
			outline: 2px solid #284b6e; }
	button.menuTitle.opened:before,
	.has-sublinks.opened:after,
	.arrow-toggle.opened:before {
		content: "\f0d8"; }



    



li.concentrations:before {
	content: "\f0d7";
	color: /*#bbb*/#8ccecb;
	
	position:relative;
	top: 2px;
	/*border-right: 1px solid #8ccecb;
    margin-right: 0px;
    padding: 10px; */
    padding-left: 10px; }
li.concentrations:hover:before,
li.concentrations:focus:before {
	content: "\f0d8"; }
     
.drop li.sub-nav:before {
    content: "\f0d7";
    font-family: "fontawesome";
    padding-right: 7px;
    padding-left: 0px;
    color: #8ccecb; }
div.splashMenu:hover,
li.concentrations:hover {
	border-radius: 0px; }

li.concentrations a {
	color: #f1f1f1 !important; }
li.concentrations {
	width: auto;
	letter-spacing: 0.33px;
	z-index: 4;
	padding-right: 15px!important; }	
li.concentrations ul.sub-nav {
	margin-top: 0 !important; }
li.concentrations ul.sub-nav li {
	padding: 0;
	display: block !important; }
li.concentrations ul.sub-nav a:after {
    content: ""; }	
ul.sub-nav {
	display: none;
	position: absolute;
	background-color: var(--color2);
	margin-top: 20px!important;
	padding-left: 0;
	width: 355px;
	
	margin-left: -10px !important;
	margin-left: 0 !important;
	
	box-shadow: 2px 2px 1px rgba(0,0,0,0.4);
	z-index: -1;
	/*right: 0;*/
	left: inherit;
	top: 27px;
	transition: all 0.2s ease;  }
ul.sub-nav:hover,
ul.sub-nav:focus {
	top: 27px; }
	#undergradDropdown + .sub-nav,
	#gradDropdown + .sub-nav  {
		z-index: 8;
 		top: 2.5em;
  		left: 0px;
  		box-shadow: var(--box-shadow1); }
	
	
#navcontainer ul.sub-nav li a:hover,
#navcontainer ul.sub-nav li a:focus {
	text-decoration: underline!important;
	padding-left: 11px!important; }
	
li.btn-color-01 {
	/*background-color: #097b76;*/
	background-color: var(--color2);/*&*/
	border: none!important;
	font-size: 13px;
    padding: 0px!important; }
li.btn-color-01:hover,
li.btn-color-01 a:focus {
	background-color: /*#666*/#235b94!Important; }
li.btn-color-01 a,
li.btn-color-01 a:hover {
	color: #f1f1f1!important; }


li.concentrations:hover ul.sub-nav, 
div.splashMenu:hover ul.sub-nav {
	top: 33px;
	right: 0;
    left: inherit;

	right: inherit;
    left: 0;

	/*visibility: visible;
    display: inline-block;
    position: absolute;
    width: 355px!important;
    height: auto!important;
    overflow: visible!important;
    clip: auto!important;*/ }
div.splashMenu:hover ul.sub-nav {
	top: 27px; }	
	
ul.sub-nav li {
	list-style: none!important;
	margin-left: 0; }
ul.sub-nav li a {
	display: block;
	font: 0.7rem 'Source Sans Pro', arial, san-serif!important;
	color:  var(--color1-L4) !important;
	padding: 9px 4px 9px 6px;
	transition: all 0.3s ease; }
ul.sub-nav li a span {
	color: #8ccecb /*#ccc*/;
	display: inline-block;
	margin-right: 0.5rem;
	margin-left: 8px;
	font: 200 14px/1 "proxima-nova-condensed", "Helvetica Neue", Arial!important; }
	_:-ms-input-placeholder, :root ul.sub-nav li a span {
		font-size: 12px; }
#undergradDropdown ul.sub-nav li a span:not(.sub-nav--concentration),
#ugrdDropdown ul.sub-nav li a span:not(.sub-nav--concentration),
#gradDropdown ul.sub-nav li a span:not(.sub-nav--concentration) {
	width: 23px; }

ul.sub-nav li a span.sub-nav--concentration {
	font-size: 11px;
	letter-spacing: 1px;
	color: #ccc;
	margin-left: 0px; }

ul.sub-nav li a:hover,
ul.sub-nav li a:focus {
	background-color: #284b6e;
	/*&*/ background-color: var(--color1-D3) !important;
	text-decoration: none; }
ul.popoutmenu {
	display: none; 
	/*background-color: #235b94;*/
	z-index: 10;
	list-style: none;
	padding-left: 0px;
	border-top: 1px solid #10365d;
	border-bottom: 1px solid #333;
	box-shadow: 0px 1px 10px var(--color1-L2); }	
.has-sublinks {
	position: relative; }
.has-sublinks:after {
	content: "\f0d7";
	font-family: 'FontAwesome';
	text-decoration: inherit;
	color: /*#999*/ #8ccecb;
	font-size: 12px;
	top: 0.5em;
	position: absolute;
	right: 10px;
	z-index: 1000; }

#curriculumDropdown {
	width: inherit!important;
	border-bottom: none;
	float: none;
	display: inline-block; }
.inj-parent {
	padding: 0!important;
	border: none!important; }
#inj-UndergradProgramsMenu,
#inj-GradProgramsMenu {
    display: inline-block; }
#inj-UndergradProgramsMenu.reqNav,
#inj-GradProgramsMenu.reqNav,
.reqNav#inj-UndergradProgramsMenu,
.reqNav#inj-GradProgramsMenu {
	width: inherit;
	float: none; }

#inj-UndergradProgramsMenu .splashMenu,
#inj-GradProgramsMenu .splashMenu {
	top: 0;  }
#curriculumDropdown + #inj-UndergradProgramsMenu,
#curriculumDropdown + #inj-GradProgramsMenu {
	position: relative;
	top: 4px; }
#curriculumDropdown #inj-UndergradProgramsMenu .splashMenu,
#curriculumDropdown #inj-GradProgramsMenu .splashMenu {
	margin-bottom: 0px; }
.programIndex ul.drop #inj-UndergradProgramsMenu ul li:first-child,
.programIndex ul.drop #inj-GradProgramsMenu ul li:first-child {
	background: inherit;
	padding: inherit;
	box-shadow: none; }
.programIndex ul.drop #inj-UndergradProgramsMenu ul li a,
.programIndex ul.drop #inj-GradProgramsMenu ul li a {
	padding: 7px 4px 7px 6px; }
.programIndex ul.drop #inj-UndergadProgramsMenu ul.popoutmenu,
.programIndex ul.drop #inj-GradProgramsMenu ul.popoutmenu,
.programIndex ul.drop li.inj-parent ul.popoutmenu {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333; }
.drop #inj-UndergradProgramsMenu .sub-nav:after,
.drop #inj-GradProgramsMenu .sub-nav:after {
	display: none;}


.Index-Item .hasConcentrations {
	padding: 9px !Important; }
.Index-Item .hasConcentrations:focus {
	color: #eee !important;
	background: #4b5257; }


.popoutmenu li {
	position: relative;
	display: inline-block;
	margin: 0;
	width: 100%; }
.popoutmenu li a {
	padding: 5px;
	display: block;
	font: 12px 'Source Sans Pro', arial, san-serif;
	color: #fff;
	background-color: #144577; }
	
.programIndexHeader a,
.programIndexHeader a:LINK,
.programIndexHeader a:VISITED {
	font: 400 25px 'Source Sans Pro', arial, san-serif !important;
	padding: 0;
	color: #4b5257;
	text-decoration: none;
	transition: color .1s ease; }
.programIndexHeader a:hover {
	color: #235b94!important; }
	
.programIndexHeader span {
	font: 100 25px 'Source Sans Pro', arial, san-serif !important;
	color: #999;
	display: inline-block;
}
.ugContact {
	bottom: -10px;
	display: block;
	height: 26px;
	left: 218px;
	position: absolute;
	width: 30px;
}
.ugContact:after {
}
.contactAmbassador {
	bottom: 25px;
	font-size: 25px;
	left: 218px;
	position: relative; }
.contactAmbassador a,
.contactAmbassador a:visited,
.contactAmbassador a:link {
	color: #ccc!important; }
.contactAmbassador a:hover {
	color: #35495d!important; }
.mainAmbassadorUgContact a {
	bottom: 21px;
	right: 24px;
	position: absolute; }
.mainAmbassadorUgContact a:before {
	content: "\f05a";
	font: 18px 'FontAwesome';
	text-decoration: inherit;
	color: #aaa;
	font-size: 18px;
	padding-right: 0.5em;
	position: absolute; }
.mainAmbassadorUgContact a:hover:before {
	color: #777;
	webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
.moduletext .ugContact .ugButton .mainAmbassadorUgContact {
	display: none; }


.feature .ambassadorContainer .card img {
	  width: 100%!important;}
.feature .contactAmbassador {
    top: 5px;
    bottom: inherit;
    left: inherit;
    right: 5px;
    position: absolute;
    padding: 3px 5px;
    background: #fff;
    border-radius: 0 0 0 4px;
    box-shadow: -2px 1px 1px rgba(0,0,0,0.3); }
.feature .contactAmbassador .fa {
	font-size: 32px!important; }
.feature .moduletext .ugName {
	font-size: 18px; }


/* Program Index */
.programIndex ul#nav {
	font: 400 14px 'Source Sans Pro', 'roboto', arial, san-serif !important; }
.programIndex ul.drop a {
	display: block;
	color: #235b94;
	text-decoration: none;
	transition: color .1s; }
.programIndex ul.drop a:hover {
	outline: 2px solid #284b6e; }
	
.programIndex ul.drop,
.programIndex ul.drop li,
.programIndex ul.drop ul {
	list-style: none;
	margin: 0;
	padding: 0; }
.programIndex ul.drop {
	position: relative; }
.programIndex ul.drop li {
	color: #235b94;
	display: block;
	vertical-align: middle;
	zoom: 1;
	transition: opacity .2s; }
.programIndex ul.drop > li {
	margin: 0.5em 0.5em 0 0;
	display: inline-block;
	padding: 0px;
    font: 400 15px/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;	
    font: 400 0.75rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
    letter-spacing: 0.33px; }	

.programIndex ul.drop > li:hover,
.programIndex ul.drop > li.you-r-here.sub-nav:hover,
.programIndex ul.drop > li.sub-nav.you-r-here:hover {
	border-radius: 0;
	/*background: #333!important;*/ }

.programIndex .you-r-here.sub-nav {
	border: 0!important; } 
/*******************************************/
.programIndex ul.drop li:first-child; {
	border-right: 2px solid #ccc; }
.programIndex ul.drop li:hover,
.programIndex ul.drop li a:focus {
	color: #f1f1f1!important;
	/*background: #333;
	position: relative; */
	z-index: 599;
	cursor: pointer; }
.programIndex ul.drop li a { 	
	padding: 15px 10px; }
.programIndex ul.drop li:hover a { 
	color: #fff!important; }
.programIndex ul.drop li.hasConcentrations:hover,
.programIndex ul.drop li.hasConcentrations:hover:after,
.programIndex ul.drop li.hasConcentrations a:focus {
	background: #4b5257;
	color: #fff!important; }
	.programIndex ul.drop li.hasConcentrations {
		box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
		border-bottom-color: #b6b6b6;
		font-weight: 500; }
			.programIndex ul.drop li ul li a {
				box-shadow: none; }
/*.programIndex ul.drop ul li:hover,
.programIndex ul.drop ul li a:focus {
	color: #eee;
	background: #666; } */


.programIndex ul.drop li.hasConcentrations ul {
	border-bottom: 1px solid #666;
	font: 13px 'GothamBookRegular', arial, serif !important;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
	display: block;
	visibility:visible;
	box-shadow: 2px 2px rgba(0,0,0,0.35);
	top: 100%;
	left: 1px;
	z-index: 598;
	width: 221px;
	padding-bottom: 2px; }
.programIndex ul.drop li.hasConcentrations:hover ul,
.programIndex ul.drop li.hasConcentrations:focus ul,
.programIndex ul.drop li.hasConcentrations ul li:hover,
.programIndex ul.drop li.hasConcentrations ul li:focus {
	width: 221px!important;
	height: auto!important;
	clip: auto!important; }


.programIndex ul.drop li.you-r-here ul {
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);

	border-bottom: 1px solid #666;
	font: 14px 'Source Sans Pro', arial, san-serif!important; 
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 221px; 
	background: #144577!important;
	/*border:  #097b76 2px solid;*/
	border: var(--color2) 2px solid; /*&*/
	box-shadow: 2px 2px 1px rgba(0,0,0,0.4); }
.programIndex ul.drop li.you-r-here:hover > ul {
	width: 221px!important;
	height: auto!important;
	clip: auto!important;
	left: 1px; }

.programIndex ul.drop li.you-r-here ul li a {
	padding: 6px 8px; }
.programIndex ul.drop li.you-r-here ul li a:hover {
	 background: /*#666*/#235b94!important;
	 color: #eee!important;
	 padding-left: 10px; }	
	 
.programIndex ul.drop ul li {
	float: none; }
.programIndex ul.drop ul li:first-child {
    font: 14px 'Source Sans Pro', arial, san-serif!important; 
    color: #efefef;
    padding: 6px 8px;
    background-color: #083263;
    margin: 0px; }

    
.programIndex ul.drop ul li:first-child:hover {
	cursor: default;
	background-color: #083263; }
.programIndex ul.drop ul li:last-child { }
.programIndex ul.drop ul li a:last-child {
	padding-bottom: 8px; }
.programIndex ul.drop ul li:hover {}
.programIndex ul.drop ul li a {
	color: #efefef!important;
	font-size: 14px;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 1.1;
	margin: 0; }
.programIndex ul.drop ul li a:hover {
	color: #235b94!important; }
.programIndex ul.drop ul ul {
	top: -2px;
	left: 100%; }
.programIndex ul.drop li:hover > ul {	
	background-color: #999; }


div .you-r-here {
    /*background: #097b76;*/
    background: var(--color2);/*&*/
    color: #f1f1f1!important;
    padding: 15px 12px!important;
    border: none;
    font-size: 13px; }
div .you-r-here {
    /*margin-top: -1px;*/ }
.you-r-here:hover,
.you-r-here:focus {
	cursor: default!important;
	/*background: #520A15!important;*/ }

.you-r-here-v2 { 
    background: url('/images/ornate-circle-whole-v01.png') center center no-repeat;
    background-size: contain;
    padding: 15px; }

.NavContainer-v01 .you-r-here {
	color: #777; }
.NavContainer-v01 .you-r-here:before {
    background-size: 130px 20px!important;
    top: -14px;
    height: 14px; }
.NavContainer-v01 .you-r-here:after {
	background-size: 130px 20px!important;
	bottom: -16px;
	height: 15px; }




.button-group-for.programs a.btn-color-01,
.button-group-for.programs button.curricAndReq,
.button-group-for.programs .reqNav {
	margin: 25px 10px 1px 1px;
	display: inline-block; }



.curricAndReq-wrapper {
	position: relative;
	display: inline-block; }
	.curricAndReq-wrapper button.curricAndReq {
		 }
button.curricAndReq,
.button-group-for.programs a,
a.curricAndReq {
	/*display: inline;
	margin: 0 0 0;*/
	padding: 15px 12px!important;
	/*background: #097b76;*/
	background: var(--color2);/*&*/
	color: #f1f1f1!important;
	font: 400 0.75rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
	border: none;
	letter-spacing: 0.33px; }
button.curricAndReq,
a.curricAndReq {	
	margin: 10px 5px 10px 1px; }
	
button.curricAndReq:before {
	color: #8ccecb;
	content: "\f0d7"!important;
	font-family: "fontawesome";
	padding: 0;
	margin-right: 7px; }
button.curricAndReq.opened:before {
	content: "\f0d8"!important; }	
.button-group-for.programs a:before {
	content:''; }	
button.curricAndReq:hover,
button.curricAndReq:focus {
	cursor: pointer;
	outline: 2px solid #284b6e;
	/*background: #097b76;*/
	background: var(--color2);/*&*/ }
ul.curricAndReq {
	/*background: #097b76;*/
	background: var(--color2);/*&*/
	z-index: 4;
	font-size: 16px;
	color: #8ccecb;
	text-indent:15px;
	width: 300px; }
ul.curricAndReq strong {
	padding: 5px 0;
	display: block;
	background:#044a47; }	
ul.curricAndReq li {
	color: #fff;
	text-indent: 10px; }




/* facultyModule */
.facultyModule {
	list-style: none;
	float: left;
	padding: 16px 0 0!important;
	margin: 0 0 2em 0; }
.facultyModule li {
	float: left;
	margin: 0 0 0 14px;
	width: 158px; }
	
	.facultyModule_force-sizing {    
		position: relative;
		padding-bottom: 100%;
		height: 0; }
	.facultyModule_force-sizing img {    
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
    	object-position: top; }

.col-2-thirds .facultyModule li {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: 0 0 0 2%; }		
.facultyModule li:first-child {
	margin: 0; }
.facultyModule li img {
	border: 0;
	width: 158px; }
.col-2-thirds .facultyModule li img { 
	width: 100%; }	
	
.facultyModule li a {
	color: #235b94;
	display: block; }
.col-2-thirds .facultyModule li a {
	display: inline-block; }

.feature .facultyModule.faculty2up li,
.feature .faculty2up.facultyModule li {
    width: 100%;
    flex-basis: calc(50% - 2px);
    max-width: 50%;
    margin: 0 2px 0 0; }
.feature .facultyModule.faculty4up li {
    width: 100%;
    flex-basis: calc(25% - 2px);
    max-width: 25%;
    margin: 0 2px 0 0; }


.other-faculty {
	padding-left: 0!important;
	margin-top: 0;
	list-style: none;
	position: relative;
    border-top: 6px solid #375e88;	 }
.other-faculty .fa {
	position: absolute;
    font-size: 20px!important;
	top: 0;
	right: 0;
	padding: 5px;
	background: #eee;
	color: #aaa; }
.other-faculty a,
.other-faculty .fa:hover,
.other-faculty .fa:focus {
	color: #173c61!important; }
.other-faculty li {
	list-style: none!important; }


@media screen and (max-width: 800px) {
	.feature .facultyModule.faculty4up li {
	    flex-basis: calc(50% - 2px);
	    max-width: 50%; }
}
@media screen and (max-width: 450px) {
	.feature .facultyModule.faculty4up li,
	.feature .facultyModule.faculty2up li {
	    flex-basis: 100%;
	    max-width: 100%; }
}
	
.facultyModule li a:hover,
.facultyModule li a:focus {
	color: #000;
	opacity: .9; }
.facultyModule li span {
	float: left;
	line-height: 1; }
.facultyModule li i {
	color: #ccc;
	float: right;
	padding-top: 2px; }
.facultyModule li i:hover,
.facultyModule li i:focus {
	color: #35495d; }
.facultyModule--bio-snippet {
	font-size: 13px;
	margin-top: 0!important;
	line-height: 1.2!important; }	

.facultyModule li {
	position: relative; }
.facultyModule li a[href^="mailto"] {
	position: absolute;
    top: 0px;
    right: 0px;
    background: #eee;
    font-size: 20px;
    box-shadow: -2px 2px 0px rgba(0,0,0,0.1);
    display: inline-block; }
.facultyModule li a[href^="mailto"]:hover,
.facultyModule li a[href^="mailto"]:focus {
	outline: 2px solid;
	opacity: 1; }
.facultyModule li a img:hover {
	outline: 2px solid; }
.facultyModule li i {
	color: #aaa;
	float: right;
	padding: 5px; }
.facultyModule li i:hover,
.facultyModule li i:focus {
	color: #235b94; }

.feature ul.facultyModule {
	width: 100%;
	display: flex;
    flex-flow: row wrap;
    padding: 0!important;
    margin: -20px 0 1em 1px;
    border-top: 6px solid #375e88; } 
.feature .feature--content ul.facultyModule { 
    margin: 0 0 1em 0!important;  }
   
.feature .facultyModule li { 
	width: 100%;
	flex-basis: calc(33.3% - 2px);
    max-width: 33.3%;
    margin: 0 2px 0 0;
    list-style: none!important; }
.feature .facultyModule li img {
	width: 100%; }
.feature .facultyModule li a img:hover,
.feature .facultyModule li a img:focus,
.feature .facultyModule li i:hover,
.feature .facultyModule li i:focus,
.other-faculty a img:hover,
.other-faculty a img:focus,
.other-faculty i:hover,
.other-faculty i:focus {
    outline: #173c61 2px solid;
    text-decoration: none!important; }
.feature .feature--title a {
	position: relative; }
.feature .feature--title a span:not(.pull-up) {
	position: absolute;
    top: 86%;
    left: 0;
    z-index: 0;
    padding-right: 8px;
    font-size: 16px;
    font-style: italic; }
.feature .facultyModule li a {
	color: #173c61!important; }
.feature .facultyModule--bio-snippet {
	display: block;
	padding: 10px 20px; }
.feature .feature--content .facultyModule--bio-snippet {
	padding: 0 8px 0 0; }


.feature .facultyModule li span { 
	float: none;
	padding: 10px 0 0 20px;
	display: block;
	line-height: 1.25; }
.feature .feature--content .facultyModule li span { 
	float: none;
	padding: 10px 0 0 0;  }




.facultyPerspectives {
	margin: 16px 0 0 0; }



/* schools on grid3  */
.ctaCIM, .ctaSOC, .ctaIPD {
	margin: 0 0 30px 0 !important;
	width: 252px !important;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999; }
.ctaCIM {
	margin-left: 7px !important; }
.ctaSOC {
	width: 253px !important; }
.btnCIM {
	background-color: #785268; }
.btnCIM:hover {
	background-color: #65485a; }
.btnSOC {
	background-color: #488b9b; }
.btnSOC:hover {
	background-color: #427884; }
.btnIPD {
	background-color: #878782; }
.btnIPD:hover {
	background-color: #747571; }
.btn {
	color: #efefef;
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	line-height: 1.328571429;
	/*height: 42px;*/
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	text-transform: uppercase;
	width: 100%; }

.heroRow { 
	margin-bottom: -47px !important; }


/*** RESPONSIVE defaults *****/
.ctiMenuSiteNode + *, 
#mobileFooter,
#mobileSearchBar,
.ctiMenuSiteNode > * {
	display: none; }


/* ---- QuickLinks ---- */

.quicklinksContainer {
	cursor: pointer;
	width: 95px;
	position: absolute;
	color: #ffffff;
	/*left: 100px; use when we have a 2nd quicklinks dropdown */
	left: 100px;
	top: 58px;
	font-size:13px; }	
	.schoolsContainer {
		left: 0px!important;  }

.quicklinksContainer:hover {
	/* background-color: #ddd; */
    width: 140px; }
.quicklinksContainer:hover .quicklinks {
	display: block;
	position: relative;
	left: -10px;
	z-index: 10; }
.quicklinksContainer .fa {	
    position: absolute;
    margin-left: 3px;    
	transition: all 200ms ease-in-out; }	
.quicklinksContainer:hover .fa,
.quicklinksContainer:focus .fa {
	margin-top: 6px; }
.quicklinks {
	background-color: #ddd;
	color: #000000;
	display: none;
	margin: 10px 0 0 0;
	width: 150px;
	padding: 5px 10px 2px;
	opacity: .98;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);}
	body.ipd .quicklinks {
		width: 160px; }

.quicklinks a, .quicklinks a:link, .quicklinks a:visited {
	font: 12px/8px 'GothamBookRegular';
	text-decoration: none;
	color: #333; }
.quicklinks a:hover {
	color: #999; }
.quicklinks ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0; }
.quicklinks ul:first-child {
	padding: 5px 0 0 0; }
.quicklinks ul:last-child {
	margin: 0 0 5px 0; }
.quicklinks ul li {
	margin-bottom: 0; }
.quicklinks ul li:first-child {
	border-bottom: 1px solid #333;
	font: 12px/9px 'GothamMediumRegular';
	margin-bottom: 5px;
	text-transform: uppercase; }
	
.quicklinks ul li:hover:first-child {
	cursor: default; }
	

.quicklinksContainerMobile {
    background: #dcdcdc;
    box-shadow: 0 4px 4px #aaa;
    margin: -14px 0 20px 0; }
.quicklinksContainerMobile button {
	margin: 0;
	width: 100%;
	font-size: 12px;
	text-align: left;
	border: none;
    font-family: 'roboto', Arial, Helvetica, sans-serif;
    background: #e6e6e6; }
.quicklinksContainerMobile button:hover,
.quicklinksContainerMobile button:focus { 
	background: #f9f9f9; }    
.quicklinksContainerMobile button {
	cursor: pointer; }
.quicklinksContainerMobile button i {
	margin-left: 3px; }    
.quicklinksContainerMobile ul {
    width: 49%;
    font-size: 13px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    list-style: none;
    line-height: 1.5;
    text-indent: 10px;
    vertical-align: top; }
.quicklinksContainerMobile ul li:first-child {
	font-size: 14px;
    font-weight: 500; }
.quicklinksContainerMobile ul a {
	padding: 3px 0;
	display: block; }
.quicklinksContainerMobile ul a:hover,
.quicklinksContainerMobile ul a:focus {
	color: black;
	text-decoration: underline!important; }
.quicklinksMobile-items {
	padding: 10px;
	background: #e6e6e6;
	outline: 1px solid #bbb;
	border-top: 1px solid #efefef; }
	
	
.gothamMedium {
	font-family: 'GothamMediumRegular' !important; }


.ext:hover:after {
	color: #BBB;
	content: "\f14c";
	font-family: 'FontAwesome';
	margin-left: 5px;
	margin-bottom: -1px;
	display: inline-block; }
.dwn:hover:after {
	color: #BBB;
	content: "\f15c";
	font-family: 'FontAwesome';
	margin-left: 5px; }
.onlinePlayback {
	color: #333;
	display: block;
	margin-bottom: 50px;
	font: 20px/25px 'GothamBookRegular'; }

.pdf:before {
	color: #BBB;
	content: "\f15c";
	font-family: 'FontAwesome';
	margin-right: 5px; }

/* Labs */
.labGrey {
	color: #bebeb2; }
.labGreen {
	color: #519956; }
.labYellow {
	color: #e1dd3a; }
.labRed {
	color: #bd2e34; }

.fa-blue,
.fa-grey  {
	margin: 0 2px; }
.fa-blue { color: #235b94; }
.fa-grey { color: #999; }

ul.course-avail-key {
	padding-left: 0; }
ul.course-avail-key li {
    display: inline-block;
    margin-right: 14px;
    font-size: 11px; }

#hor-zebra .fa-apple,
#hor-zebra .fa-linux,
#hor-zebra .fa-windows {
	color: #999; }

.labPhoto {
	border: 1px solid #ccc; }

/* Alerts pulled from bootstrap */
.alert,
.alert.v3,
.v3.alert {
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 4px;
	color: #565345;
	background-color: #f9f3cf;
	/*background-color: #fcf8e3;
    border: 5px solid #d6d0b3!important;*/ }
.alert h4 {
	margin-top: 0;
	color: inherit; }
.alert .alert-link {
	font-weight: bold; }
.alert > p, .alert > ul {
	margin-bottom: 0; }
.alert > p + p {
	margin-top: 5px; }
	.col-quarters .alert { 
		font-size: 14px; }
	 .alert br {
	    display: block;
	    line-height: 7px;
	    margin: 7px 0; }
	.labContainer .alert br {
	    margin: 0; }
	.accordian .alert {
		border: 0px!important;
		padding: 5px 9px; }	    
	    
	
	#course-schedule-covid {
		float: left; }
	[href*='covid'] .fa-exclamation-circle {
		color: #ca3f0f;  }
			
		
.alert-sitewide {
	text-align: center;
	border-radius: 0;
	margin: -2px 0 3px 0!important;
	box-sizing: border-box;
	padding: 15px 5px!important; }	
	
	
.alert-dismissable {
	padding-right: 35px; }
.alert-dismissable .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit; }

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6; }
.alert-success hr {
	border-top-color: #c9e2b3; }
.alert-success .alert-link {
	color: #2b542c; }
/*
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1; }
.alert-info hr {
	border-top-color: #a6e1ec; }
.alert-info .alert-link {
	color: #245269; }
*/
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc; }
.alert-warning hr {
	border-top-color: #f7e1b5; }
.alert-warning .alert-link {
	color: #66512c; }

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1; }
.alert-danger hr {
	border-top-color: #e4b9c0; }
.alert-danger .alert-link {
	color: #843534; }

.diversityContainer {
	font: 16px 'GothamBookRegular', arial, sans-serif; }
.diversityHero {
	width: 100%;
	margin-bottom: 25px; }
.diversityCallout {
	font: 1.2em/1.1em 'GothamMediumRegular', arial, sans-serif; }
.diversityContainer p {
	padding: 10px 0; }
.diversityContainer ul {
	list-style: none; }
.diversityContainer h1 {
	color: #555;
	font: 2.6em/1.1em 'GothamMediumRegular', arial, sans-serif;
	text-align: center;
	margin-bottom: 10px; }
.diversityContainer h3 {
	color: #555;
	font: 1.1em/1.1em 'GothamMediumRegular', arial, sans-serif;
	text-align: center; }
.diversityContainer .poster {
	float: right; }
.diversityContainer .poster img {
	width: 250px;
	height: auto;
	padding: 4px;
	margin-left: 8px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; }





.calNav td:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px; }
.calNav td:last-child {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px; }
	
	
/* Program Index */
/*
li.hasConcentrations:after {
	color: #9a9a9a;
	content: "\f0d7";
	content: "\f067";
	font-family: "fontawesome";
	border-left: 1px solid #ccc;
	margin-left: 5px;
	padding: 11px 2px 11px 10px; }
li.hasConcentrations:hover:after {
	content: "\f0d8";
	content: "\f068";
	border-color: #666;
	font-family: "fontawesome"; } 
	*/
li.hasConcentrations:before {
	color: #9a9a9a;
	color: #235b94;
	content: "\f067";
	content: "\f0d7";
	font-family: "fontawesome";
	border-right: 1px solid #ccc;
	margin-right: 8px;
	padding: 11px 8px 11px 0px; }
li.hasConcentrations:hover:before {
	content: "\f068";
	content: "\f0d8";
	border-color: #666;
	color: #fff;	
	font-family: "fontawesome"; } 
	
li.hasConcentrations:hover {	
	border-radius: 0!important;
	cursor: default!important; }
.programIndex ul.drop li ul {
    background: #4b5257!important; }
.programIndex ul.drop li ul a { 
	padding: 6px 8px; }
.programIndex ul.drop li ul a:hover {
    color: #fff!important;
    padding-left: 10px; }
	


/************************************************/	
/* Short Form / Moonray Form on Grad Splash pg's */
.moonray-form-error-message {}
.moonray-form {
	border-width: 0 !important;
	border-style: none !important;
	width: 100% !important; }
.moonray-form-element-wrapper {
	padding-left: 0 !important;
	padding-right: 0px !important; }
#loading-placeholder {
	position: relative;
	top: 25px;
	text-align: center; }
#error-placeholder {
	position: relative;
	top: 45px; }	
.moonray-form-element-html p:first-child {
	font: 12px 'GothamBookRegular', sans-serif !important;
	margin-top: 0; }
.moonray-form-label {
	font: 12px 'GothamBookRegular', sans-serif !important; }
.moonray-form-input {
	color: #666 !important;
	height: 28px;
	padding: 6px 12px;
	font: 14px 'GothamMediumRegular', sans-serif !important;
	line-height: 1.428571429;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
input[type="button"].moonray-form-input,
input[type="reset"].moonray-form-input,
input[type="submit"].moonray-form-input {
	color: #fff !important; }
input[type="submit"].moonray-form-input {
	background: #235b94 !important; }
input[type="submit"].moonray-form-input:hover,
input[type="submit"].moonray-form-input:focus {
	background: #444 !important;
	border-radius: 0; }
.moonray-form-p2c7238f23 .moonray-form,
.moonray-form-p2c11154f29 .moonray-form {
	/* Overide Moonray's CSS */	
	background-color: #f5f5f5 !important; }
.moonray-form form > div.moonray-form-element-wrapper:first-child,
.moonray-form form > div.moonray-form-element-wrapper:first-child *,
.moonray-form form > div.moonray-form-element-wrapper:nth-child(2) * {
	margin: 0px;
	padding: 0px;
	min-height: 0;
	height: 0;
	border: none; }
#mr-field-element-401649731444 {
	margin-top: -12px; }	
.opf-error__icon {
	width: 18px !important;
	right: 6px; }





#shortform {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 0px; }

	#form-header {
		display: none; }
	.slate-form > div {
		padding: 15px;
		border-top: 6px solid #375e88;
		border-bottom: 1px solid #d1d1d1;
		background: -webkit-linear-gradient(top,#f5f5f5 1%,#ececec 100%)!important;
		background: -ms-linear-gradient(top,#f5f5f5 1%,#ececec 100%);
		background: linear-gradient(to bottom,#f5f5f5 1%,#ececec 100%) }
	.slate-form button,
	.slate-form input,
	.slate-form select,
	.slate-form textarea {
		border: 1px solid #ccc;
		width: 100%;
		font-family: "Source Sans Pro",sans-serif;
		font-size: 0.8em;
		font-size: 0.8rem;
		display: block;
		padding: 4px;
		margin-inline: 0!important }
	.slate-form label,
	.slate-form .form_label {
		font: 500 0.8rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;    
		margin-top: 12px; }
	.slate-form legend {
		margin-top: 10px;
		margin-bottom: 5px;
		font-weight: 700;
		font-size: inherit;
		border-bottom: none; }
	.slate-form i {
		padding-left:5px;
		font-weight:100; }
	.slate-form .form_question {
		padding: 0;
		margin: 0 }
	.slate-form button {
		position: relative;
		margin-top: 10px;
		margin-left: 0px;
		/*background-color: #ca3f0f;*/
		background-color: var(--color3);/*&*/
		border: 3px solid;
		border-color: #ca3f0f!important;
		color: #fff;
		font-size: 20px;
		font-size: 0.9rem;
		font-weight: 500;
		padding: 16px 10px;
		transition: all .2s ease-in-out }
	.slate-form button:hover,
	.slate-form button:focus {
		/*&*//*background-color: #003d63;
		text-decoration: none;
		color: aquamarine;*/
		background-color: var(--color1-D1)!important;
    	border-color: var(--color2)!important;
    	color: var(--color2-L3)!important; }
	.slate-form button:after {
		position: absolute;
	    bottom: 20%;
	    left: 50%;
	    transform: translateX(-50%);
	    content: " ";
	    height: 1px;
	    width: 0;
	    transition: width .4s ease-in-out;
	    border-bottom-style: solid;
	    border-bottom-width: 1px; }
	.slate-form button:hover:after,
	.slate-form button:focus:after {
    	border-bottom-color: #fff;
    	width: 75%; }
		
	.slate-form br {
		display: none }
	.slate-form span {
		display: inline!important }
	.slate-form input[type="checkbox"] {
		width: auto!important;
		float: left;
		margin-top: 3px; }






	
/* Online Learning  */
.onlineIndex {
	margin: 0 0 30px 0;
	border-top: 1px solid #c1c0be;
	padding: 15px 0 0 0; }
.onlineLearningContainer .moduletext {
	min-height: 120px; }

		
/* Previous Requirements */
.btn-requirements {
	height: inherit !important;
	/* width: 95px !important; */
	min-width: 6em;
	width: auto!important;
	border-radius: 0 !important; }
.previousRequirementsProgram {
	font: 20px 'GothamBookRegular', arial, serif !important;
	margin: 40px 0 5px 0;
	padding: 0;
	color: #333; }
.previousRequirementsProgram span {
	font: 20px 'GothamBookRegular', arial, serif !important;
	color: #999;
	display: inline-block; }

.programType {
	margin-bottom: 4em; }
.programType p:first-child {
	border-bottom: 0;
	font: 27px 'GothamMediumRegular', arial, serif !important;
	color: #520A15;
	margin-top: 25px;
	text-transform: uppercase; }

/* Research */
p.researchSectionHeader, p.researchSectionHeader a {
	font: lighter normal 25px 'GothamBookRegular', arial, serif !important;
	letter-spacing: -.02em;
	color: #488B9B;
	padding: 15px 0 3px 0; }
p.researchSectionHeader a:after {
	content: "\f105";
	font-family: "fontawesome";
	padding-left: 10px; }

/* Project Bluelight */
.play:before {
	color: #ccc;
	content: "\f04b";
	font-family: "fontawesome";
	margin-right: 5px; }

/* Hide Section */
.hide {
	display: none; }
	
/* Section Landing Page */
.moduletext .highlight {
	font: 500 12px 'roboto', arial, serif !important; }
	
.admissionEvents {
    margin-top: -12px; }	
.advisingEvents, .admissionEvents {
	font: 14px 'roboto', Helvetica, sans-serif;
	width: 100%;
	position: relative; /* height: 353px; */;
	overflow: hidden;
	border-right: 1px solid #ccc; }
.advisingEvents ul, .admissionEvents ul {
	list-style: none;
	margin: -3px 10px 0 0;
	padding: 0;
	position: relative;
	list-style-image: none !important; }
.advisingEvents ul li {
	border-bottom: 1px dotted #efefef;
	margin: 0 8px; }
.advisingEvents ul li:last-child, .admissionEvents ul li:last-child {
	border-bottom: 0; }
.advisingEvents ul li a,
.advisingEvents ul li a:link,
.advisingEvents ul li a:visited,
.admissionEvents ul li a,
.admissionEvents ul li a:link,
.admissionEvents ul li a:visited,
.undergradAdmissionEvents ul li a,
.undergradAdmissionEvents ul li a:link,
.undergradAdmissionEvents ul li a:visited {
	color: #235b94;
	font: 500 15px 'roboto', Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 12px 8px 4px 0;
	display: block; }
.advisingEvents ul li a:hover,
.advisingEvents ul li a:focus,
.admissionEvents ul li a:hover,
.admissionEvents ul li a:focus,
.undergradAdmissionEvents ul li a:hover,
.undergradAdmissionEvents ul li a:focus {
	/*	background: #ccc !important; */
 	color: #284b6e; }
.advisingEvents ul li span,
.admissionEvents ul li span,
.undergradAdmissionEvents ul li span {
	color: #444;
	display: block;
	font: 12px 'roboto', Arial, Helvetica, sans-serif;
	margin: 3px 0 0; }

.advisingEvents .calendarContainer {
	height: 200px;
	overflow: auto; }
.admissionEvents .calendarContainer {
	height: 175px;
	overflow: auto; }



 







/* ==5) btn Groups from Bootstrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sbtn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px; }
.sbtn:focus, .sbtn:active:focus, .sbtn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px; }
.sbtn:hover, .sbtn:focus {
	color: #333;
	text-decoration: none; }
.sbtn:active, .sbtn.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.sbtn.disabled, .sbtn[disabled], fieldset[disabled] .sbtn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=55);
	opacity: .55; }
.sbtn-default {
	color: #333;
	background-color: #efefef;
	border-color: #ccc; }
.sbtn-default:hover,
.sbtn-default:focus,
.sbtn-default:active,
.sbtn-default.active,
.open > .dropdown-toggle.sbtn-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad; }
.sbtn-default:active, .sbtn-default.active, .open > .dropdown-toggle.sbtn-default {
	background-image: none; }
.sbtn-default.disabled, .sbtn-default[disabled], fieldset[disabled] .sbtn-default, .sbtn-default.disabled:hover, .sbtn-default[disabled]:hover,fieldset[disabled] .sbtn-default:hover, .sbtn-default.disabled:focus, .sbtn-default[disabled]:focus, fieldset[disabled] .sbtn-default:focus, .sbtn-default.disabled:active, .sbtn-default[disabled]:active, fieldset[disabled] .sbtn-default:active, .sbtn-default.disabled.active, .sbtn-default[disabled].active, fieldset[disabled] .sbtn-default.active {
	background-color: #fff;
	border-color: #ccc;
	font-weight: bold; }
.sbtn-default .badge {
	color: #fff;
	background-color: #333; }
.sbtn-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd; }

.sbtn-primary:hover, .sbtn-primary:focus, .sbtn-primary:active, .sbtn-primary.active,
.open > .dropdown-toggle.sbtn-primary {
	color: #fff;
	background-color: #3071a9;
	border-color: #285e8e; }
.sbtn-primary:active, .sbtn-primary.active,
.open > .dropdown-toggle.sbtn-primary {
	background-image: none; }
.sbtn-primary.disabled, .sbtn-primary[disabled], fieldset[disabled] .sbtn-primary, .sbtn-primary.disabled:hover, .sbtn-primary[disabled]:hover, fieldset[disabled] .sbtn-primary:hover, .sbtn-primary.disabled:focus, .sbtn-primary[disabled]:focus, fieldset[disabled] .sbtn-primary:focus, .sbtn-primary.disabled:active, .sbtn-primary[disabled]:active, fieldset[disabled] .sbtn-primary:active, .sbtn-primary.disabled.active, .sbtn-primary[disabled].active, fieldset[disabled] .sbtn-primary.active {
	background-color: #428bca;
	border-color: #357ebd; }
.sbtn-primary .badge {
	color: #428bca;
	background-color: #fff; }

.sbtn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c; }
.sbtn-success:hover, .sbtn-success:focus, .sbtn-success:active, .sbtn-success.active, .open > .dropdown-toggle.sbtn-success {
	color: #fff;
	background-color: #449d44;
	border-color: #398439; }
.sbtn-success:active, .sbtn-success.active, .open > .dropdown-toggle.sbtn-success {
	background-image: none; }
.sbtn-success.disabled, .sbtn-success[disabled], fieldset[disabled] .sbtn-success, .sbtn-success.disabled:hover, .sbtn-success[disabled]:hover, fieldset[disabled] .sbtn-success:hover, .sbtn-success.disabled:focus, .sbtn-success[disabled]:focus, fieldset[disabled] .sbtn-success:focus, .sbtn-success.disabled:active, .sbtn-success[disabled]:active, fieldset[disabled] .sbtn-success:active, .sbtn-success.disabled.active, .sbtn-success[disabled].active, fieldset[disabled] .sbtn-success.active {
	background-color: #5cb85c;
	border-color: #4cae4c; }
.sbtn-success .badge {
	color: #5cb85c;
	background-color: #fff; }
.sbtn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da; }
.sbtn-info:hover, .sbtn-info:focus, .sbtn-info:active, .sbtn-info.active, .open > .dropdown-toggle.sbtn-info {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc; }
.sbtn-info:active, .sbtn-info.active, .open > .dropdown-toggle.sbtn-info {
	background-image: none; }
.sbtn-info.disabled, .sbtn-info[disabled], fieldset[disabled] .sbtn-info, .sbtn-info.disabled:hover, .sbtn-info[disabled]:hover, fieldset[disabled] .sbtn-info:hover, .sbtn-info.disabled:focus, .sbtn-info[disabled]:focus, fieldset[disabled] .sbtn-info:focus, .sbtn-info.disabled:active, .sbtn-info[disabled]:active, fieldset[disabled] .sbtn-info:active, .sbtn-info.disabled.active, .sbtn-info[disabled].active, fieldset[disabled] .sbtn-info.active {
	background-color: #5bc0de;
	border-color: #46b8da; }
.sbtn-info .badge {
	color: #5bc0de;
	background-color: #fff; }
.sbtn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236; }
.sbtn-warning:hover, .sbtn-warning:focus, .sbtn-warning:active, .sbtn-warning.active, .open > .dropdown-toggle.sbtn-warning {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512; }
.sbtn-warning:active, .sbtn-warning.active, .open > .dropdown-toggle.sbtn-warning {
	background-image: none; }
.sbtn-warning.disabled, .sbtn-warning[disabled], fieldset[disabled] .sbtn-warning, .sbtn-warning.disabled:hover, .sbtn-warning[disabled]:hover, fieldset[disabled] .sbtn-warning:hover, .sbtn-warning.disabled:focus, .sbtn-warning[disabled]:focus, fieldset[disabled] .sbtn-warning:focus, .sbtn-warning.disabled:active, .sbtn-warning[disabled]:active, fieldset[disabled] .sbtn-warning:active, .sbtn-warning.disabled.active, .sbtn-warning[disabled].active, fieldset[disabled] .sbtn-warning.active {
	background-color: #f0ad4e;
	border-color: #eea236; }
.sbtn-warning .badge {
	color: #f0ad4e;
	background-color: #fff; }
.sbtn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a; }
.sbtn-danger:hover, .sbtn-danger:focus, .sbtn-danger:active, .sbtn-danger.active, .open > .dropdown-toggle.sbtn-danger {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925; }
.sbtn-danger:active, .sbtn-danger.active, .open > .dropdown-toggle.sbtn-danger {
	background-image: none; }
.sbtn-danger.disabled, .sbtn-danger[disabled], fieldset[disabled] .sbtn-danger, .sbtn-danger.disabled:hover, .sbtn-danger[disabled]:hover, fieldset[disabled] .sbtn-danger:hover, .sbtn-danger.disabled:focus, .sbtn-danger[disabled]:focus, fieldset[disabled] .sbtn-danger:focus, .sbtn-danger.disabled:active, .sbtn-danger[disabled]:active, fieldset[disabled] .sbtn-danger:active, .sbtn-danger.disabled.active, .sbtn-danger[disabled].active, fieldset[disabled] .sbtn-danger.active {
	background-color: #d9534f;
	border-color: #d43f3a; }
.sbtn-danger .badge {
	color: #d9534f;
	background-color: #fff; }
.sbtn-link {
	font-weight: normal;
	color: #428bca;
	cursor: pointer;
	border-radius: 0; }
.sbtn-link, .sbtn-link:active, .sbtn-link[disabled], fieldset[disabled] .sbtn-link {
	background-color: transparent;
	box-shadow: none; }
.sbtn-link, .sbtn-link:hover, .sbtn-link:focus, .sbtn-link:active {
	border-color: transparent; }
.sbtn-link:hover, .sbtn-link:focus {
	color: #2a6496;
	text-decoration: underline;
	background-color: transparent; }
.sbtn-link[disabled]:hover, fieldset[disabled] .sbtn-link:hover, .sbtn-link[disabled]:focus, fieldset[disabled] .sbtn-link:focus {
	color: #777;
	text-decoration: none; }
.sbtn-lg, .sbtn-group-lg > .sbtn {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px; }
.sbtn-sm,
.sbtn-group-sm > .sbtn {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	
	margin: 0.2em!Important;
	border: solid 1px #819e29;
	background: #819e29;
	background: -webkit-gradient(linear, left top, left bottom, from(#819e29), to(#A3BF50));
	background: -moz-linear-gradient(top, #819e29, #b6d360);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#819e29', endColorstr='#A3BF50');
	color: #fff;
	text-shadow: 1px 0px 3px rgba(0,0,0,0.5); }
.sbtn-group-sm > .sbtn:hover {
	background: #b6d360;
    background: -webkit-gradient(linear, left bottom, left top, from(#819e29), to(#b6d360));
    background: -moz-linear-gradient(bottom, #819e29, #b6d360);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6d360', endColorstr='#819e29');
    color: #fff; }
.sbtn.disabled.active {
	color: #000;
	background: #ccc;
    text-shadow: none;
    opacity: 0.8; }

.sbtn-xs,
.sbtn-group-xs > .sbtn {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px; }
.sbtn-block {
	display: block;
	width: 100%; }
.sbtn-block + .sbtn-block {
	margin-top: 5px; }
input[type="submit"].sbtn-block,
input[type="reset"].sbtn-block,
input[type="button"].sbtn-block {
	width: 100%; }
.sbtn-group, .sbtn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle; }
.sbtn-group > .sbtn, .sbtn-group-vertical > .sbtn {
	position: relative;
	float: left; }
	
.sbtn-group > .sbtn:hover,
.sbtn-group-vertical > .sbtn:hover,
.sbtn-group > .sbtn:focus,
.sbtn-group-vertical > .sbtn:focus,
.sbtn-group > .sbtn:active,
.sbtn-group-vertical > .sbtn:active,
.sbtn-group > .sbtn.active,
.sbtn-group-vertical > .sbtn.active {
	z-index: 2; }
	
.sbtn-group > .sbtn:focus, .sbtn-group-vertical > .sbtn:focus {
	outline: 0; }
.sbtn-group .sbtn + .sbtn, .sbtn-group .sbtn + .sbtn-group, .sbtn-group .sbtn-group + .sbtn, .sbtn-group .sbtn-group + .sbtn-group {
	margin-left: -1px; }
.sbtn-toolbar {
	margin-left: -5px; }
.sbtn-toolbar .sbtn-group, .sbtn-toolbar .input-group {
	float: left; }
.sbtn-toolbar > .sbtn, .sbtn-toolbar > .sbtn-group, .sbtn-toolbar > .input-group {
	margin-left: 5px; }
.sbtn-group > .sbtn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0; }
.sbtn-group > .sbtn:first-child {
	margin-left: 0; }
.sbtn-group > .sbtn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0; }
.sbtn-group > .sbtn:last-child:not(:first-child),
.sbtn-group > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0; }
.sbtn-group > .sbtn-group {
	float: left; }
.sbtn-group > .sbtn-group:not(:first-child):not(:last-child) > .sbtn {
  border-radius: 0; }
.sbtn-group > .sbtn-group:first-child > .sbtn:last-child, .sbtn-group > .sbtn-group:first-child > .dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0; }
.sbtn-group > .sbtn-group:last-child > .sbtn:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0; }
.sbtn-group .dropdown-toggle:active, .sbtn-group.open .dropdown-toggle {
	outline: 0; }
.sbtn-group > .sbtn + .dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px; }
.sbtn-group > .sbtn-lg + .dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px; }
.sbtn-group.open .dropdown-toggle {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.sbtn-group.open .dropdown-toggle.sbtn-link {
	box-shadow: none; }
.sbtn .caret {
	margin-left: 0; }
.sbtn-lg .caret {
	border-width: 5px 5px 0;
	border-bottom-width: 0; }
.dropup .sbtn-lg .caret {
	border-width: 0 5px 5px; }
.sbtn-group-vertical > .sbtn, .sbtn-group-vertical > .sbtn-group, .sbtn-group-vertical > .sbtn-group > .sbtn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%; }
.sbtn-group-vertical > .sbtn-group > .sbtn {
	float: none; }
.sbtn-group-vertical > .sbtn + .sbtn, .sbtn-group-vertical > .sbtn + .sbtn-group, .sbtn-group-vertical > .sbtn-group + .sbtn, .sbtn-group-vertical > .sbtn-group + .sbtn-group {
	margin-top: -1px;
	margin-left: 0; }
.sbtn-group-vertical > .sbtn:not(:first-child):not(:last-child) {
	border-radius: 0; }
.sbtn-group-vertical > .sbtn:first-child:not(:last-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0; }
.sbtn-group-vertical > .sbtn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px; }
.sbtn-group-vertical > .sbtn-group:not(:first-child):not(:last-child) > .sbtn {
	border-radius: 0; }
.sbtn-group-vertical > .sbtn-group:first-child:not(:last-child) > .sbtn:last-child,
.sbtn-group-vertical > .sbtn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0; }
.sbtn-group-vertical > .sbtn-group:last-child:not(:first-child) > .sbtn:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0; }
.sbtn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate; }
.sbtn-group-justified > .sbtn, .sbtn-group-justified > .sbtn-group {
	display: table-cell;
	float: none;
	width: 1%; }
.sbtn-group-justified > .sbtn-group .sbtn {
	width: 100%; }
.sbtn-group-justified > .sbtn-group .dropdown-menu {
	left: auto; }


/* ==5) School Index pg's
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.schoolIndex {
	margin: 0 0 0 1px; }
	
.schoolIndexCA {
	background: url("/about/publishingimages/school_index_ca.jpg") no-repeat;
	background-size: contain; }
.schoolIndexSOC {
	background: url("/about/publishingimages/school_index_soc.jpg") no-repeat;
	background-size: contain; }
.schoolIndexSOD {
	background: url("/about/publishingimages/school_index_sod.jpg") no-repeat;
	background-size: contain; }
	
.schoolIndexContainer {
	color: #fff;
	width: 100%;
	max-height: 330px;
	margin-bottom: 3px;
	position: relative;
	height: 0px;
	padding-bottom: 44%; }
  
.schoolIndexContainer div {
	position: absolute;
	box-sizing: border-box;
	text-shadow: 1px 1px 20px rgba(0,0,0,0.6);
	position: absolute;
	padding: 9px;
	top: 6%;
	word-wrap: initial;
	width: 51%;
	background: rgba(0,0,0,0.6); }
		
.schoolIndexCA div {
	left: 49%; }
.schoolIndexSOC div {
	left: 22%; }
.schoolIndexSOD div {
	left: 10%; }


/* ==5) School Splash pg's
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.school-director--name {
	margin: 4px 0 0 0 !important; }
.school-director--title {
	font-size: 11px;
	color: #444;
	margin-top: 0!important; }

.schoolIndexContainer h2 {
	display: block; }
.schoolIndexContainer h2 a {
	color: #fff;
    font-family: "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 2rem;
    font-weight: 400;
    display: block;
	transition: all .1s ease; }
.schoolIndexContainer h2 a:hover,
.schoolIndexContainer h2 a:focus {
	color: #fff;
	background: #235b94;
	text-decoration: none!important; }
.schoolIndexContainer h2 a:after {
	content: "\f105";
	font-family: "fontawesome";
	transition: all .25s ease;	
	padding-left: 12px;
	font-size: 1.5rem;
	vertical-align:  middle; }	
.schoolIndexContainer h2 a:hover:after,
.schoolIndexContainer h2 a:focus:after {
	color: #fff;
	text-shadow: 0 2px 0 #333; 
	content: "\f0da"; }

.schoolIndexContainer p {
	font: 300 16px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif ;
	margin: 10px 0 0 0;
	width: 390px; }
.gridHeadline {
	color: #7f7f7f;
	display: block;
	font: 300 18px 'Source Sans Pro', Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 0!important;
	text-transform: none; }
.gridHeadline.angleRight:after {
	color: #7f7f7f;
	font-size: smaller; }


/* ==5) Pop Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pop-box-v01 {
	border: dotted #aaa 1px;
	padding: 1em;
	background: #e9e9e9;
	border-radius: 5px; }
.pop-box-v01--title {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-weight: 300;
	padding: 0.33em 0 0 0!important;
	color: #555!important;
	margin-bottom: 0;
	box-sizing: border-box; }	
.pop-box-v01 h3 span {
	display: block;
	font-size: 15px;
	font-style: italic; }


.pop-box-v02 {	
	border: 1px solid #aaa;
	padding: 1em;
	box-sizing: border-box;
	box-shadow: 2px 2px 1px #bbb;
	margin-right: 10px; }
.pop-box-v02.col-halves,
.col-halves.pop-box-v02 {
	width: 49%;
	padding: 3px;
	margin: 1em 0; }	
.pop-box-v02.col-halves:first-child,
.col-halves.pop-box-v02:first-child {		
	margin: 0 2% 0 0; }
.pop-box-v02.col-halves .pop-box-v02--title,
.col-halves.pop-box-v02 .pop-box-v02--title {
	text-align: center;
	font-size: 19px!important; }
.pop-box-v02--title span {
	display: block; }	
.pop-box-v02 .pop-box-v02--title + ul {
	border-top: 1px solid #ccc;
	padding-top: 1em; }				



	.tabs-vertical .pop-box-v02--title {
		margin-top: 10px;
		position: relative; }
	.tabs-vertical .pop-box-v02--title span {
		position: absolute;
	    background: #fff;
	    font-size: 80%;
	    bottom: -1.66em;
	    padding: 0.33em 10px;
	    right: calc(50% - 3em);
	    font-weight: 500; }
	.tabs-vertical .pop-box-v02--title span.rightAdjust {
	    right: calc(50% - 4.7em); }
	.tabs-vertical .pop-box-v02--title + ul {
		list-style: none; }
	.tabs-vertical .date-list--quarter,
	.tabs-vertical .date-list--range {
		background: #fff; }
	.tabs-vertical .date-list--range {
	 	margin-left: 54%;
	    padding-left: 4px;
    	width: 46%;
    	display: inline-block; }

.pop-box-v03 {
    padding: 1em;
    background: #f5f5f5;
    border-radius: 0px;
    box-shadow: 0 -2px #d5d5d5;
    box-shadow: inset 0 6px #375e88;
    clear: both;
    border: 1px solid #ddd; }			
.pop-box-v03 h2.col-indent {
	margin-left: 14px; }

.pop-box-v04 {
	padding: 30px;
	background: var(--color2-L4);
	background: #e5f3ff;
	position: relative; }
.pop-box-v04 li,
.pop-box-v04 p {
	font-size: 1.1rem;	} 
	.pop-box-v04 p a:hover {
		text-decoration: underline!important; }
		
.pop-box-v04 a {
	color: #00428f; }

.pop-box--title {
	font-size: 2rem;
	color: #173c61;
	padding-top: 0px; }
.pop-box--list {
	list-style: none;
	margin: 0;
	padding: 0; }
.pop-box--list li {	
	line-height: 1;
	margin: 0;
	border-bottom: 1px solid #bbb; }
	.pop-box--list li:last-child {
		border-bottom: none; }
	.pop-box--list li a {
		padding: 0.4em 8px 0.4em 12px;
		text-decoration: none!important; }
	.pop-box--list .fa {
		 font-size: 0.9rem!important;
		 min-width: 1.1rem; }		
.pop-box--list a {
	display: block; }
.pop-box--list a:hover,
.pop-box--list a:focus	{
	box-shadow: inset 8px 0 #284b6e; ;
	background: #ddedf7; }

[class*="pop-box"] h2,
[class*="pop-box"] h3 {
	margin-top: 15px; }

	
.sidebar-legend dt {
	margin-top: 1em; }
.sidebar-legend dd span {
	display: block; }


/* ==5) Tabs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
#tabs-CA ul li a:hover,
#tabs-SOC ul:not(.tabs-list) li a:hover,
#tabs-SOD ul:not(.tabs-list) li a:hover {
	color: #fff; }

#tabs-v02 {
	margin: 3em 0;
	float: left;
	width: 100%; }

#tabs-CA .ui-widget-header,
#tabs-SOC .ui-widget-header,
#tabs-SOD .ui-widget-header,
#tabs-v02 .ui-widget-header {
	display: inherit; }		
	
.aboutCDMTabs ul li {
	top: 0px !important; }
.aboutCDMTabs ul, .aboutCDMTabs ul li {
	border-radius: 0px; }

#tabs-CA .ui-state-active, 
#tabs-CA .ui-state-hover,
#tabs-CA .ui-state-focus {
	background-color: #ab7aa7; }
#tabs-SOC .ui-state-active, 
#tabs-SOC .ui-state-hover,
#tabs-SOC .ui-state-focus {
	background-color: #558cb3; }
#tabs-SOD .ui-state-active, 
#tabs-SOD .ui-state-hover,
#tabs-SOD .ui-state-focus {
	background-color: #007236; }
#tabs-v02 .ui-state-active, 
#tabs-v02 .ui-state-hover,
#tabs-v02 .ui-state-focus {
	background-color: #520a15; }
#tabs-CA .ui-tabs-nav li a:focus,
#tabs-SOC .ui-tabs-nav li a:focus,
#tabs-SOD .ui-tabs-nav li a:focus {
	color: #fff; }
#tabs-CA .ui-state-active:after {
    border-top: 10px solid #ab7aa7; }
#tabs-SOC .ui-state-active:after {
    border-top: 10px solid #558cb3; }
#tabs-SOD .ui-state-active:after {
    border-top: 10px solid #007236; }


.aboutCDMTabs li.ui-state-default { }
.aboutCDMTabs .ui-state-default a {
	padding: 18px; }
.schoolHighlightCA,
#tabs-CA .ui-state-default a {
	color: #ab7aa7;
	text-decoration: none!important; }

.schoolHighlightSOC,
#tabs-SOC .ui-state-default a {
	color: #558cb3;
	text-decoration: none!important; }
.schoolHighlightSOD,
#tabs-SOD .ui-state-default a {
	color: #007236;
	text-decoration: none!important; }

.tabTitle {
	color: #4b5257;
	font: 300 26px 'roboto', arial;
	padding: 20px 50px 20px 0; }
	
#tabs-CA .ui-state-active a,
#tabs-SOC .ui-state-active a,
#tabs-SOD .ui-state-active a,
#tabs-v02 .ui-state-active a {
	color: #fff; }

.aboutCDMTabs.ui-widget li a {
	font: 500 16px 'roboto', arial;
	letter-spacing: .02em;
	padding: 26px;
	position: relative;
	transition: all .25s ease; }
.aboutCDMTabs .ui-tabs-panel li a:hover:after,
.aboutCDMTabs .ui-tabs-panel li a:focus:after {
	color: #999;
	text-shadow: 0 2px 0 #333;
	position: absolute;
	margin-right: -10px;
	right: 0;
	top: 2px;
	text-shadow: none;
	font-family: "fontawesome";
	content: "\f0da"; }	

.aboutCDMTabs.ui-tabs .ui-tabs-panel {
	padding: 0 0 10px 0;
	box-shadow: inset 8px 0px 6px rgba(238, 238, 238, 1),
				inset -8px 0px 6px rgba(238, 238, 238, 1),
				inset 0 0px 8px #bbb;
	float: left;
	width: 100%;
	border: none; }

#tabs-v02 .ui-tabs-panel {
	padding: 10px 25px 30px 25px;
	border-bottom: 1px solid #bbb;
	background-color: #f5f5f5;
	box-sizing: border-box; }	

.aboutCDMTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0px; }

.tabs-style-01 .ui-tabs-nav {
	display: block; }
.tabs-style-01 .ui-tabs-panel {
	background: #fdfdfd;
	width: 99%;
	box-sizing:border-box; }


#mobile-smart-nav .tabs .content {
	width: 100%;
    clear: both;
    margin-top: 0;
    background: #111; }

#mobile-smart-nav ul.tabs-list {
	float: left;
	padding: 0;
	border-bottom: none; }
#mobile-smart-nav ul.tabs-list li {
	margin: 0;
	width: 50%;
	float: left; }
#mobile-smart-nav ul.tabs-list a { 
	color: #111;
    background: #aaa;
	box-sizing: border-box;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	padding: 16px; }
#mobile-smart-nav ul.tabs-list li.current a { 
	color: #ddd;
	background: #111;
	box-shadow: inset 0 2px #235b94; }



#mobile-smart-nav .quicklinksContainerMobile,
#mobile-smart-nav .quicklinksMobile-items,
#mobile-smart-nav .mobileMenuTabBody ul.smart-nav {
	box-shadow: none;
	outline: none;
	border-top: none; }
#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a {
	background: transparent!important;  }
#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a:hover {
	background: #520a15!important;  }
#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a:focus {
	outline: 2px solid #cedf00;  }



#mobile-smart-nav .quicklinksContainerMobile li {
	border-top: none;
	color: #fff; }
#mobile-smart-nav {
	border-right: 0;
	border-left: 0;
	display: none; }
#mobile-smart-nav .quicklinksContainerMobile li a {
	color: #eee; }



/* ==5) Accessible Tabs
http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
https://github.com/ginader/Accessible-Tabs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
.content h3 em {
    display: block;
    font-size: 16px;
    font-size: 1rem;    
    line-height: 1.4; }
.tabbody ul {
	padding-left: 1em;
	font-size: 14px; } 
.tabbody ul ul {
	padding-left: 1rem;
	margin: 6px 0;
	box-sizing: border-box;	 } 
.tabbody ul li {
	margin-bottom: 8px;
	line-height: 1.25; } 

.tabbody ul li span.concentrations {
	display: block;
    font-size: 0.65rem;
    color: #555;
    font-family: proxima-nova-condensed, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    width: auto;
    margin-left: 53px;
    margin-right: 15px; }

.tabbody h3,
.tabbody h4,
.tabbody h5 {
	/*font-family: 'roboto', arial, san-serif !important;
	font-weight: 400;*//*&*/
	margin-block: 0.75em 0.5em;
    margin-inline: 0;

	color: #333!important; }
.tabbody h3 {
    padding: 0px;
    /*font-size:32px!important;*//*&*/
    line-height: 1.2!important; }
	.tabbody .shrink-title {
		font-size: 1rem;
		display: block; }	
.tabbody h4 {
    padding: 0;
   /*&*//* margin: 1em 0 0.5em 0;
    font-size: 23px;*/
    line-height: 1.1!important; }
.tabbody h5 {
	line-height: 1.6;
	/*font-size: 18px;
	font-weight: 600;*//*&*/
	color: #444!Important;}
	.tabbody h4 + h5 {
    	margin: 0!Important; }
.tabbody {
	background: #fcfcfc;
	width: 100%;
	padding: 1px 20px 20px 20px;
	box-sizing:border-box;
    border-bottom: 1px solid;
    border-color: #ccc;
    box-shadow: inset 1px 1px 1px #ccc, inset -1px -1px #c6c6c6; }
	.tabbody .col-thirds {
		width: 33%; }
ul.tabs-list {
    border: 1px solid #aaa;
	/*border-top: solid #097b76 5px;*/ 
	border-top: solid var(--color2) 5px;/*&*/   
    background: #f4f4f4;
    color: #222;
    font-weight: bold;
    list-style: none;
    margin-bottom: 0; }
ul.tabs-list li {
	list-style: none;
   /* float: left; */
   display: inline-block;
    position: relative;
    margin: 0 .2em 0 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap; }
ul.tabs-list li a {
	float: left;
    padding: 0.5em 0.7em;
    color: #444;
    font-weight: normal; }  
.tabs-horizontal span.current-info,
.js .tabs-horizontal .current-info,
.js .tabs-horizontal .accessibletabsanchor,
.js .tabs-horizontal .tabhead,
.tabs-vertical span.current-info,
.js .tabs-vertical .current-info,
.js .tabs-vertical .accessibletabsanchor,
.js .tabs-vertical .tabhead {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0; }
.tabs-horizontal,
.tabs-vertical {
	background: #fdfdfd;
	   clear: both;
    margin-top: 40px; }
.tabs-horizontal ul.tabs-list li a,
.tabs-vertical ul.tabs-list li a {	
	transition: all 0.4s ease; 
	text-decoration: none!important; }
.tabs-vertical .tabbody {
	border-bottom: none; }

h2 + .tabs-vertical {
	margin-top: -0.5rem;}

.tabs-vertical.tooTall {
	max-height: calc(12rem + 5px);
    overflow: auto; }



/* Accessible Tabs : Horizontal-specific styles */	
.tabs-horizontal ul.tabs-list li a:hover,
.tabs-horizontal ul.tabs-list li a:focus {
    background: rgba(255,255,255,0.4);
    color: #235b94; 
    text-decoration: none!important;
    box-shadow: inset 0px -3px #044643, inset 0px 3px #044643, inset 3px 0px #044643, inset -3px 0px #044643; }
 
.tabs-horizontal ul.tabs-list li.current a:after {
    width: 0;
    height: 0;
    content: '';
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #ccc;
    position: absolute;
    bottom: -14px;
    left: calc(50% - 18px); }
.tabs-horizontal .col-halves {
    float: none;
    width: 48%;
    margin: 1em 1%;
    display: inline-block;
    vertical-align: top; }
 
/* Accessible Tabs : Vertical-specific styles */
.tabs-vertical {
	/*float: left;*/
	display: flex;
	border: 1px solid #bbb; 
    /*border-top: 6px solid #097b76;*/
    border-top: 6px solid var(--color2);/*&*/
    margin: 20px 0; }	
.tabs-vertical * {
	    box-sizing: border-box; }	
.tabs-vertical ul.tabs-list {
	background-image: none;
    width: 25%;
    float: left;
    margin-top: 0;
    background-image: none;
    background-color: #f1f1f1;
    border: none;
    padding-left: 0; }
.tabs-vertical .content {
	background-image: none;
    width: 75%;
    float: left;
    border-bottom: 1px solid #ccc; }
.tabs-vertical ul.tabs-list li {
   /* display: inline-block; */
    float: left;
    width: 100%;
    white-space: inherit;
    border-bottom: 1px solid #aaa!important; }
	.tabs-vertical ul.tabs-list li:not(.current) {
		box-shadow: inset -1px 0 3px rgba(0,0,0,0.1); }
.tabs-vertical ul.tabs-list li:nth-last-child(1) {
    border-bottom: none!important; }       
.tabs-vertical ul.tabs-list li a {
    display: block;
    width: 100%;
    padding: .8em .5em;
    line-height: 1.15;
    font-size: 12px; }    
.tabs-vertical ul.tabs-list li a:hover,
.tabs-vertical ul.tabs-list li a:focus {
    background: rgba(255,255,255,0.7);
    color: #006699; 
    box-shadow: inset -2px 0px #555;
    text-decoration: none!important; }
.tabs-vertical ul.tabs-list li a:hover,
.tabs-vertical ul.tabs-list li a:focus, 
.tabs-vertical ul.tabs-list li.current a:hover,
.tabs-vertical ul.tabs-list li.current a:focus {     
	box-shadow: inset 0px -3px #044643, inset 0px 3px #044643, inset 3px 0px #044643, inset -3px 0px #044643;  } 
.tabs-vertical ul.tabs-list li.current a {
    /*background: #097b76;*/
    background: var(--color2);/*&*/
	color: #fff;
	box-shadow: inset 0 1px #08635f; }	
.tabs-vertical ul.tabs-list li.current a:after {
    width: 0;
    height: 0;
    content: '';
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    /*border-left: 12px solid #097b76;*/
    border-left: 12px solid var(--color2);/*&*/
    position: absolute;
    top: calc(50% - 12px);
    left: calc(100% - 3px);
    z-index: 3; }    
.tabs-vertical .tabbody {
	position: relative;
	margin-bottom: -1px; }

.tabs-vertical.v2 ul.tabs-list li a,
.v2.tabs-vertical ul.tabs-list li a {
	line-height: 1.2;
	padding: 0.8rem 0.5em;
	font-size: 0.8rem;
	/*width: calc(100% + 6px);
	transition: none;*/ }
/*
.tabs-vertical.v2 ul.tabs-list li a:hover,
.v2.tabs-vertical ul.tabs-list li a:focus {
	box-shadow: inset -5px 0px #076260;  }
*/


/* Accessible Tabs : School Horizontal-specific styles */
.tabs-school-title {
	color: #444!important;
    font: 300 26px 'roboto', arial;
    padding: 20px 10px; }
.tabs-school-title {
    text-decoration: none!important; }
.tabs-horizontal .tabs-list * {
	box-sizing: border-box;
	display: block; }
.tabs-horizontal .tabs-list {
	padding: 0px;
	border-right: 0;
	border-left: 0;
	background: #f4f4f4;
	display: flex; }	
.tabs-horizontal .tabs-list li {
	margin-right: 0;
	flex-basis: 50%;
	width: 100%;
	text-align: center;
	box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc; }


.tabs-horizontal .tabs-list li a  {
	padding: 20px 5px;
	font-size: 0.9rem;
	width: 100%;
	text-decoration: none; }
	
.tabs-horizontal ul.tabs-list li.current a:after {
	bottom: -10px;
    /*border-top: 24px solid #097b76;*/
    border-top: 24px solid var(--color2);/*&*/	 }
.tabs-horizontal ul.tabs-list li.current a {
	/*background: #097b76;*/
	background: var(--color2);/*&*/
	color: #fff;
	margin-top: -10px;
	padding: 25px 5px; }
#page .tabs-horizontal .tabs-list li.current {
    background: #fff;
    border-bottom: none!important;
    box-shadow: 0 2px 0px #fff; }

.tabs-horizontal .tabbody li {
	position: relative;
	transition: all .25s ease; }
.tabs-horizontal .tabbody li a:hover,
.tabs-horizontal .tabbody li a:focus {
    text-decoration: none!important; }
/* .tabs-horizontal .tabbody.schoolProgram li a:hover:after,
.tabs-horizontal .tabbody.schoolProgram li a:focus:after {
    color: #999;
    position: inherit;
    padding-left: 7px;
    font-family: "fontawesome";
    content: "\f0da"; } */
.tabs-horizontal .tabbody {
	background: #fff;
	border-bottom: 1px solid;
	border-color: #ccc;
	box-shadow: #bbb 0px 3px 5px, rgba(0,0,0,0.2) 0px -5px 7px;
	border-radius: 0 0 10px 10px;	 }
.tabs-horizontal .tabbody .clearfix {
	margin: 0!important; }	


.schoolProgram a,
.schoolProgram a:link,
.schoolProgram a:visited {
	line-height: 1;
	padding: 0;
	/*text-decoration: none!important;*/
	padding: 0 !important;
	transition: color .1s ease; }
.schoolProgram a:hover {
	color: #000 !important; }
.schoolProgram span {
	color: #000;
	display: inline-block;
	margin-right: 10px;
	margin: 0px;
	width: 50px; }
 
.schoolProgram ul,
.list-split {
	float: left;
	margin: 20px 0px;
	padding: 0;
	width: 50%;
	box-sizing: border-box; }
.feature .list-split { list-style: disc; }	
.schoolProgram li,
.list-split li {
	color: #4b5257;
	list-style: none!important;
	margin: 0 0 10px 0;
	padding: 0; }
	.feature .list-split li {
		color: #fff; }

.list-split {
	list-style: none;
	float: left;
	margin: 20px 0px;
	padding: 0;
	width: 50%;
	box-sizing: border-box; }

.split-list,
.split-list-inline {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0!important; }
    h2 + .split-list-inline {
    	margin-top: 0; }
.split-list .lrg-threeUp,
.split-list-inline .lrg-threeUp {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
.split-list li,
.split-list .lrg-twoUp {
    flex-basis: calc(50% - 4px);
    max-width: 50%;
    border-bottom: 1px solid #ddd;
    margin: 0 2px;
    list-style: none!important;
    line-height: 1;
    padding: 0; }
    .split-list-inline li,
	.split-list-inline .lrg-twoUp {
	    flex-basis: calc(50% - 24px);
	    max-width: 50%;
	    border-bottom: 1px solid #ddd;
	    margin: 0 2px;
	    list-style: none;
	    line-height: 1;
	    padding: 0; }

div#page_container:not .split-list li:hover,
div#page_container .split-list li:focus{
	background: #e5f3ff; }    
	div#page_container .split-list-inline li:hover,
	div#page_container .split-list-inline li:focus {
		background: #f0f8ff; }  
		
		div#page_container .feature .split-list-inline li,
		div#page_container .feature .split-list-inline li {
		    border-bottom: 1px solid #375c82; }  
		div#page_container .feature .split-list-inline li:hover,
		div#page_container .feature .split-list-inline li:focus {
			background: none; }  


div#page_container .split-list a:link,
div#page_container .split-list a:visited {
	text-decoration: none!important;
	padding: 10px;
	display: block; }
	div#page_container .split-list-inline li {
		text-decoration: none!important;
		padding: 10px;
		display: block; }
div#page_container .split-list a:hover,
div#page_container .split-list a:focus,
div#page_container .split-list-inline a:hover,
div#page_container .split-list-inline a:focus  {
	text-decoration: underline!important; }
	div#page_container .split-list-inline a {
		text-decoration: none!important; }

.schoolLead {
	color: #4b5257;
    font: 300 26px 'roboto', arial;
    margin: 2em 0 0;
    width: 100%;
    float: left; }
.schoolLead + .col-2-thirds,
.schoolLead + .col-2-thirds + .col-thirds {
	padding-top: 0;
	margin-top: 0; }


/* ==5) Accessible Accordion & Toggles 
        Using <details> & <summary> native html tags
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
summary {
    font-family: 'proxima-nova-condensed';
    font-size: 0.9rem;
    color: var(--color2);
    line-height: normal;
    padding: 16px 10px;
    font-weight: 400;
    transition: all ease 0.2s; 
    margin-inline: -15px; /*match the details padding*/
 		margin-block: -10px }
    summary:hover,
    summary:focus {
    	cursor: pointer; 
    	background: var(--color2-L4)!important;
    	box-shadow: inset 5px 0 #284b6e;
    	 }
    	 	
    	 summary .alert {
    	 	font-size: 16px;
    	 	border: 2px solid #d6d0b3!important;
    	 	padding: 5px 8px;
    	 	margin-left: 10px; }
    	 
details {
    background: #fafafa;
    padding: 10px 15px;
    box-shadow: inset 0px 0px 2px #bbb; }
details[open] summary {
	margin-bottom: 10px;
	box-shadow: 0 3px 2px #ddd; }
    
	    
	    .courses {
	        border-top: #999 solid 1px;
		    border-bottom: #d6d8d1 solid 1px;
		    background-color: #f2f3ef;
		    padding: 10px 12px;
	    	 }
	    .courses summary,
	    .courses summary:hover  {
	    	 margin-block: -4px 
	    	 }	    	    
	    	 .courses details[open] summary:hover { 
    	 		margin-bottom: 0px; }

	    	 .courses summary {
	    	 	padding-top: 11px;
	    	 	padding-bottom: 9px; }
	    	 .courses summary:focus {
	    	 	outline-offset: 0px;
	    	 	outline-width: 1px; }
	    	 

	    	 
	    .courses details {
    		padding: 4px 15px;
    		/*margin-inline: 10px 17px;*/
    		margin-block: 0px;
    	}
  		.courses details:hover {
    		padding: 4px 15px;
    		/*margin-inline: 10px 17px;*/
    		margin-inline: 0px;
    	}

	    	 
	    .courses details p,
	    .courses details ul,
	    .courses details ol,
	    .courses details li {
	    	font-size: 0.8rem!important; }
	    .courses details:last-of-type {
		    margin-bottom: 1rem;}
	
		
		.courses + details ul,
		.courses ul,
		.courses + p + details ul,
			.requirementDescription .courses + details ul,
			.requirementDescription .courses ul,
			.requirementDescription .courses + p + details ul {
			list-style: none;
    		padding-left: 0; }
    		.requirementDescription .courses + details ul li,
			.requirementDescription .courses ul li,
			.requirementDescription .courses + p + details ul li {
			list-style: none!important; }
			.requirementDescription .courses ul ul,
			.courses ul ul {padding-left: 1rem; }
		.courses + details li,
		.courses li {
			border-bottom: 1px solid #cecece;
    		padding-top: 5px;
    		padding-bottom: 5px; }
		.courses + details li:last-child,
		.courses li:last-child {
			border-bottom: none; }
		

		.courses + *:not(.courses),
		details + *:not(details),
		.adj_no-list-bullet + *  {
    		margin-block: 1.5rem 0.75rem; }
	    .courses + details {
	    	margin-top: 0!important; }	 




details + h2,
details + h3 {
    margin-top: 3rem; }
details + h4,
.courses + h4 {
	margin-block: 1.5rem 0.75rem; }    




/* ==5) Accessible Accordion & Toggles
https://codepen.io/Webactually/pen/bgLFC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
div[role="application"] {
	margin-bottom: 4rem; }
div[role="application"] .tabpanel {
	margin: 0;
	/*border-top: 4px solid #097b76;*/
	border-top: 4px solid var(--color2);/*&*/	 }
 	table + div[role="application"],
 	table + details {
		margin-block: -1rem 2rem; }
 	table + div[role="application"] + p {
		margin-top: -1rem!important; }
	.leftandrightsidebar table + p + div[role="application"] {
		margin-bottom: 2rem!important; }	
	table + div[role="application"] .tabpanel,
	.leftandrightsidebar table + p + div[role="application"] .tabpanel {
		border-top: 1px solid #ccc; }
	

.tabpanel { 
	margin: 20px 0; 
	padding: 0; }
	.tabpanel + h2 { 
		margin-top: 4rem;}
	.tabpanel h2 button {
		font-size: 17px; }
.tabpanel * { 
	box-sizing: border-box; } 
.tablist { 
	margin: 0 0px; 
	padding: 0; 
	list-style: none; } 
.tab { 
	margin: .2em 4px; 
/*	padding: 10px;
	border: 1px solid #777; 
	background-color: #ccc; 	
 */
	font-size: 1.1rem; 
	float: left;
	min-height: 40px; } 
.panel { 
	clear: both; 
	margin: 0 0 0 0; 
	padding: 10px; 
	width: 100%; 
	background: #fafafa;
	/*border: 1px solid #777;*/
	box-shadow: inset 0px 0px 2px #bbb; } 
ul.controlList { 
	list-style-type: none; } 
h3.selected { 
	background-color: #444;
	color: #eee; }
.tabpanel h4 + p {
    margin: 0px 0px 1.33em 0px!important; }	 
.focus { 
	color: black; 
	border-top: 2px solid black; 
	border-bottom: 2px solid black; 
	background-color: #444 !important; 
	margin-top: 0; } 
.accordian { 
	margin: 0; 
	float: none;
	width: 100%; } 

:not(".shift-style--headers") #accordian1 h4 {
    font-weight: bold;
    font-size: 0.9rem;
    line-height: 1;
    margin: 1rem 0 0.25rem 0; }

.faMinusSwap .fa-plus-square:before {
    content: "\f147";
    font-size: 15px; }
	
.hidden { 
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0; } 

h2[id*="tab"] {
    padding-top: 0;
    margin-top: 0!important; }

.tabpanel h3,
.tabbody.shift-style--headers h4.accordian {
	position: relative; }
.tabpanel h2 button,
.tabpanel h3 button,
.tabpanel h4 button,
.tabbody.shift-style--headers h4.accordian button {
	font-size: 18px;
	font-weight: 600;
	background: #fff;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 20px 10px;
	top: 0;
	left: 0;
	margin-left: 0;
    width: 100%;
    text-align: left;
    transition: all ease 0.2s;
    /*color: #097b76;*/
    color: var(--color2);/*&*/ }
	.tabpanel h2 button .fa,
	.tabpanel h3 button .fa,
	.tabpanel h4 button .fa,
	.tabbody.shift-style--headers h4.accordian button .fa {
		margin: 0 8px 0 0; }
/*.tabpanel .tab {
	background: #ccc!important; } */
.tabpanel h3.selected,
.tabpanel h4.selected,
.tabbody.shift-style--headers h4.selected {
	border: none; }
/*.tabpanel h3.selected button,
.tabbody.shift-style--headers h4.selected button {
	box-shadow: inset 5px 0 #097b76; }*/
.tabpanel h2 button:hover,
.tabpanel h2 button:focus,
.tabpanel h3 button:hover,
.tabpanel h3 button:focus,
.tabpanel h4 button:hover,
.tabpanel h4 button:focus,
.tabbody.shift-style--headers h4.accordian button:hover,
.tabbody.shift-style--headers h4.accordian button:focus {
	box-shadow: inset 5px 0 #284b6e;
	cursor: pointer;
	background: var(--color2-L4)!important; }
.tab + .panel h2,
.tab + .panel h3,
.tab + .panel h4,
.tab + .panel h5,
.tab + .panel h6 { 
	margin: 1rem 0 0px 0px; }
.tab + .panel h4 { 
/*line-height: 1.25rem;*/	
/*&*/line-height: 2rem;}	
	/*
h2.tab + .panel h2 {    
    font-size: calc(2rem - 50%); }
h3.tab + .panel h3 {    
    font-size: calc(1.4rem - 50%); }
*/
/*
h2.tab + .panel h3,
h2.tab + .panel h4,
h2.tab + .panel h5 {
    margin: 1rem 0 0px 0px;
    font-size: 1rem; }
    
h3.tab + .panel h3,
h3.tab + .panel h4,
h3.tab + .panel h5 {
    margin: 1rem 0 0px 0px;
    font-size: 1rem; }
    
h4.tab + .panel h3,
h4.tab + .panel h4,
h4.tab + .panel h5 {
    margin: 1rem 0 0px 0px;
    font-size: 1rem; }
*/


	div[role=application] {
		width: 100%; }
	[role=application] .CDMExtendedCourseInfo {
		list-style: none;
		/*margin-left: -1rem;*/  }


    
.tab + .panel ul {
    margin-top: 0.25rem; }


	/* mashup: accessible accordian inside accessible tabs */
	.tabbody .tab.accordian {
		margin: 0 0 0 0;
		padding: 10px;
	    line-height: 1.4;
        font-size: 1.1rem!important;
        text-align: left; }
	/*.tabbody .tab.accordian.selected {
       	color: #eee!important; } */
	.tabbody .accordian h3 {
		padding: 15px 0 3px 0;
		margin: 0; } 
	.tabbody .accordian h4 {
    	font-size: 16px;
    	margin: 0; }    
	.tabbody .col-halves.pop-box-v02 {
		margin-top: 1em; }
	.tabbody .tab.accordian.focus {
	    color: #eee!important; }
	.tab.accordian button,
	.accordian.tab button {
	    font-weight: 400!important;
	    font-family: 'proxima-nova-condensed'; }	

 
 
	/*accordian nested inside a tab */
	.tabbody div[role=application] {
		width: 100%; }

	.tabbody .tab.accordian {
		padding: 0; }

	
	.panel h5 {
		font-size: 1rem;
		margin-top: 1.5rem; }


	.adj_accordians-sectioned-by-h2 .tabpanel,
	.adj_accordians-sectioned-by-h3 .tabpanel,
	.adj_accordians-sectioned-by-h4 .tabpanel {
		border-top: none!important; }
	.adj_accordians-sectioned-by-h2 h2,
	.adj_accordians-sectioned-by-h3 h3 {
		margin: 2.5rem 0 0;
   		/*border-bottom: 4px solid #097b76;*/
   		border-bottom: 4px solid var(--color2);/*&*/ }
 






/* ==5) Accessible Hide/Show: Region does not follow button
http://www.oaa-accessibility.org/examplep/hideshow2/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
.hidden {
    display: none; }
div.message {
  display: none;
  margin: 0 .5em;
  padding: 1em .5em; }
  
.panel.v2 {
	padding: 0;
	margin: -3px 0 0 0;
	border: none;
	position: relative; }
.panel.v2 button {
    left: calc(50% - 6.5rem);
    position: absolute;
    bottom: 20%;
	font: 400 3em/1.5 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;    
    min-width: 12rem;
    z-index: 2;
    color: #000;
    background-color: rgba(14,64,113,0.9);
	text-shadow: 0px 1px 4px #092c4e;
	color: white;
	box-shadow: 4px 4px rgba(0,0,0,0.3);
	padding: 10px 10px 9px 10px; }
.panel.v2 button:hover,
.panel.v2 button:focus {
	outline: 2px black solid; }
.panel.v2 button:active {
	background: #e6f2fa;
	box-shadow: inset 4px 4px 0px #4b6a8e, inset -4px -4px 0px #4b6a8e!important; }
.panel-title {
    font-size: 3rem;
    /*margin: 3rem 0 -4rem 0;*/    
    text-align: center;
    color: #fff;
    text-shadow: 0px 2px 1px #111, 2px 4px 4px rgba(0,0,0,0.3);
	text-shadow: 0px 0px 35px #111, 0px 0px 70px rgba(0,0,0,0.8);
    z-index: 2;
    position: inherit;
    position: absolute;
    width: 350px;
    top: 31%;
    left: calc(50% - 175px); }
.panel-tint {
	background-color: rgba(0,0,0,0.3) ;
	opacity: 0.5;
	position:absolute;
	z-index: 0;
	height: 100%;
	width: 100%; }
.panel.v2 + .message .buttonControl {
	font: 400 1rem/1 "Source Sans Pro", sans-serif;
	padding: 10px;
	margin: 10px 0 30px 0;
	color: #fff;
	background: #235b94; }
.panel.v2 + .message .buttonControl:hover,
.panel.v2 + .message .buttonControl:focus {
	border-color: #888;
	color: #fff;
	background: #00428f;
	text-decoration: underline; }
	 
/* https://codepen.io/davidicus/pen/emgQKJ */
.btn-ani-2:after,
.btn-ani-2:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border: 1px solid rgba(200, 200, 200, 0);
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 280ms ease-in-out;
  transition: all 280ms ease-in-out;
  width: 0; }

.btn-ani-2:hover:after,
.btn-ani-2:hover:before,
.btn-ani-2:focus:after,
.btn-ani-2:focus:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-color: #000;
  -webkit-transition: width 350ms ease-in-out;
  transition: width 350ms ease-in-out;
  width: 70%; }
.btn-ani-2:after {
  bottom: -0.33rem; }
.btn-ani-2:before {
  top: -0.33rem; }
.btn-ani-2:hover:after,
.btn-ani-2:focus:after {
  width: 100%; }
.btn-ani-2:hover:before,
.btn-ani-2:focus:before {
  bottom: auto;
  width: 100%; }



/* ==5) Index Item
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.indexItem,
.Index-Item {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #c1c0be;
	padding: 0 0 1rem 0; }
.indexItem .programIndexHeader.h2 {
    margin-top: -20px; }
.indexItem .h2,
.Index-Item h2 {
	/* margin-top: -10px; */
	padding: 0!important;
    font: 400 1.66rem/1.33rem "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color: #444;
	position: relative; }
.Index-Item h2 a:hover,
.Index-Item h2 a:focus {
	text-decoration: none!important; }
.Index-Item h2 a:after { 
	content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    left: 8px;
    font-size: 0.8em;
    vertical-align: 1px; }		
.Index-Item h2 a:hover:after,
.Index-Item h2 a:focus:after {
	color: #999;
	content: "\f0da"; }
.indexItem:first-of-type .h2,
.Index-Item:first-of-type h2 {
     margin-top: 16px;
     margin-top: 1rem; }		
.indexItem > h2 + p,
.Index-Item > h2 + p {
	margin-top: 8px!important; 
	margin-top: 0.5rem!important; }		

ul.index-items {
	list-style: none;
	padding: 0; }
ul.index-items li {
	border-bottom: 1px solid #ccc;
	padding: 1.8em 0 2em 0; }
	ul.index-items li:first-child {
		border-top: 1px solid #ccc;
		margin-top: 3em; }

ul.index-items h2 {
	font-size: 1.75em;
	font-family: 'roboto', arial, san-serif!important;
	font-weight: 400; }



.bachelorIndex {
	margin: 1em 0;
	border-bottom: 1px solid #c1c0be;
	padding: 1em 0 2em 0;
	float: left;
	width: 100%; }
.bachelorIndex h2 {
	font: 400 25px 'roboto', arial, san-serif !important;
	padding: 0!important;
	color: #4b5257;
	padding-bottom: 0; }



/* ==5) Videos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
video {
  width: 100%!important;
  height: auto!important; }	
.video-resize-wrapper,
.img-next-to-video-resize-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-bottom: 49%; /* eyeballing it */
	padding-top: 7%;
	height: 0;
	margin-top: 5%; }
.video-resize-wrapper object,
.video-resize-wrapper embed,
.video-resize-wrapper iframe,
.img-next-to-video-resize-wrapper img  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }		
.video-resize-wrapper.video-full-width,
.video-full-width.video-resize-wrapper {
	/* padding-bottom: 54%; */
	clear: both; }	
	
.img-next-to-video-resize-wrapper {
	padding-bottom: 49%; }
.img-next-to-video-resize-wrapper img  {
	top: -9%; 
	object-fit: cover; }
/*.img-next-to-video-resize-wrapper + div .feature--title {
	margin-top: 16px!important; }*/

	.img-next-to-video-resize-wrapper .remix-img-square,
	.remix-img-square {
		padding-top: 51%;
	    height: 0;
	    margin-top: 9%; }

	.img-next-to-video-resize-wrapper  .img-credit {
	    bottom: -7px;
	    position: absolute;
	    color: rgba(255,255,255,0.6);
	    font-size: 12px;
	    left: 20px;
	    padding: 0;
	    width: calc(100% - 40px);
	    text-align: left;
	    line-height: 1!Important; }

.lrg_2-up .video-resize-wrapper {
	margin-bottom: 7.6%; }



/* ==5) Important Dates
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
.date-list li {
	background: url("/PublishingImages/ornate-dots-v01.png") 2em center no-repeat;
	background-size: 200px 1px;
	position: relative; }
.date-list--quarter,
.date-list--item {
	font-weight: 500;
	padding-right: 5px;
	background-color: #fff;
	position: absolute; }	
.date-list--range {
	background: #fff;
	margin-left: 125px;
	padding-left: 4px; }
.date-list--range170 {
	background: #fff;
	margin-left: 170px;
	padding-left: 4px; }	

#tabs .date-list {
	padding-left: 14px; }
#tabs .date-list--quarter,
#tabs .date-list--item,
#tabs .date-list--range,
#tabs .date-list--range170 {
	 background: #fff; }


/* ==5) Staff
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.staff-wrapper * {
	margin: 0 !important; }
.staff-wrapper img {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	box-shadow: 2px 2px 0px #ddd; }
.staff--name {
	font-weight: bold;
	line-height: 1!important;
	margin-top: 6px!important; }
.staff--title {
	margin: 0;
	color: #777;
	font-size: 13px;
	line-height: 1!important;
	min-height: 2em; }
.staff--email {
	font-size: 13px; }
.staff--name.long-on-desktop + .staff--title,
.long-on-desktop.staff--name + .staff--title {
	min-height: 1em; }



/* ==5) Call to Actions (C2A)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.c2a-apply {
	background: #ddd url("/PublishingImages/bg-C2A-Apply-v01.png") right top no-repeat;
	background-size: 250px;
	padding: 7% 4%;
	margin-top: 16px; }
.c2a-apply p {
	width: 50%;
	text-shadow: 0 0 16px #efefef, 0 0 10px #fff;
	margin-bottom: 1.5em!Important; }
.c2a-apply #light {
	width: 50%; }
.c2a-apply .large.css3Button,
.c2a-apply .large.css3Button:visited {
	width: 100%;
	box-sizing: border-box; }	

.useful-links-v01 {

	background: #e1e1e1;
	padding: 1rem 32px;
	margin-top: 16px; }
.useful-links-v01 li {
	line-height: 1.25;
	margin: 0.5em 0; }

.c2a-financial-aid,
.c2a-green {
	background: #385f8a;
    background: -moz-linear-gradient(top,transparent,#085856 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,var(--color2)),color-stop(100%,#085856));
    background: -webkit-linear-gradient(top,transparent,#085856 100%);
    background: -o-linear-gradient(top,transparent 0%,#085856 100%);
    background: -ms-linear-gradient(top,transparent 0%,#085856 100%);
    background: linear-gradient(to bottom,transparent 0%,#085856 100%);
    text-align: center;
    padding: 20px 15px;
    margin: 16px 0; }
.c2a-financial-aid a,
.c2a-green a {
	font-size: 22px;
	font-size: 1rem;
	line-height: 1; }



.c2a-mailing-list {
	background: #eee;
	box-sizing: border-box;
	padding: 10px!important;
	margin: 10px 0 0 0; }
.c2a-mailing-list h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 0.5em 0; }
.c2a-mailing-list p {
	margin: 0.5em 0!Important;
	line-height: 1.2!Important;
	font-size: 13px;
	padding: 0; }
	.c2a-mailing-list p + ul {
		margin-block: 4px;  }
	
div#CTISidebarRelatedLinksContent .c2a-mailing-list a.button {
	color: #235b94!important;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 0.4em;
	margin-block: 1rem; }
div#CTISidebarRelatedLinksContent .c2a-mailing-list a.button:hover,
div#CTISidebarRelatedLinksContent .c2a-mailing-list a.button:focus {
	color: #888!important;
	text-decoration: none; }

div#CTISidebarRelatedLinksContent .c2a-previous-reqs {
    padding: 0.6em 0.8em;
    display: block;
    margin: 10px 0;
    background: #eee;
    color: #235b94!important;
    font-size: 11px;
    border-radius: 12px 0;
    box-shadow: 1px 2px 0px #ddd;
    transition: all 0.6s ease; }
div#CTISidebarRelatedLinksContent .c2a-previous-reqs:hover,
div#CTISidebarRelatedLinksContent .c2a-previous-reqs:focus {
    border-radius: 0 12px;
    background: #e3eef7;
    color: #235b94!important;
    text-decoration: none; }
    

.c2a-previous-reqs .fa {
	font-size: 14px; }

.btn-give {
	display: none;
	background: #e3e3e3;
	background-image: linear-gradient( #e5e5e5, #ddd);
	padding: 6px 10px;
	margin: 8px auto;
	color: #444!important;
	border-radius: 5px; }
.btn-give:hover,
.btn-give:focus {
	background-image: linear-gradient( #9a9a9a, #878782);
	color: #e3e3e3!important; }  






/* ==5) Slider Concentrations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.toggle-concentrations,
.slider-concentrations {
	background: #ddd;
	overflow-x: auto;
	margin-bottom: 3em;
	border: 3px solid #085f5b;
	padding-bottom: 1px; /* fix overflow in Chrome v49.0.26 for https://wwwdev.cdm.depaul.edu/academics/Pages/MSDigitalCinema.aspx */ }
.toggle-concentrations-header,
.slider-concentrations-header {
	/*background-color: #097b76;*/
	background-color: var(--color2);/*&*/
	padding: 12px;
	position: relative;
	overflow-y: hidden;
	margin-top: 3em;
	border-top: 3px solid #085f5b;
	border-left: 3px solid #085f5b; }
.toggle-concentrations-header h2,
.slider-concentrations-header h2,
.toggle-concentrations h2 {
	border: none;
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #efefef!important; }
	.toggle-concentrations h2 {
		font-size: 1rem!important;
		color: #333!important; }
.toggle-concentrations-header i,
.slider-concentrations-header i {
	background: var(--color2);
	color: var(--color2-L2);
	font-size: 42px!important;
	position: absolute;
	z-index: 1000;
	padding: 0px;
	width: 50px;  }
.toggle-concentrations-header i.fa-angle-left,
.slider-concentrations-header i.fa-angle-left {
	top: 0;
	right: 50px;
	text-align: center; }
.toggle-concentrations-header i.fa-angle-right,
.slider-concentrations-header i.fa-angle-right {
	top: 0;
	right: 0px;
	text-align:center; }
.toggle-concentrations-header i.fa-angle-left:hover,
.slider-concentrations-header i.fa-angle-left:hover,
.toggle-concentrations-header i.fa-angle-right:hover,
.slider-concentrations-header i.fa-angle-right:hover {
	background-color: var(--color1-D2); /*&*/
	color: var(--color1-L4)!important;}
.toggle-concentrations-header.only2 a,
.toggle-concentrations-header.only3 a,
.slider-concentrations-header.only2 a,
.slider-concentrations-header.only3 a {
	opacity: 0; }
.toggle-concentrations-header.only2 a:hover,
.toggle-concentrations-header.only3 a:hover,
.slider-concentrations-header.only2 a:hover,
.slider-concentrations-header.only3 a:hover {
	cursor: not-allowed; }	
	
.toggle-concentrations-item-wrap,
.slider-concentrations-item-wrap {
	white-space: nowrap; }	
.toggle-concentrations .col-thirds,
.toggle-concentrations .col-halves,

.slider-concentrations .col-thirds,
.slider-concentrations .col-halves {
	white-space: normal; }
.toggle-concentrations .col-halves,
.slider-concentrations .col-halves {
	width: 49.5%;
	padding: 1em;
	float: none;
	vertical-align: top;
	display: inline-block; }

.toggle-concentrations-header button {
	height: 52px;
	width: 50px;
	min-width: 0;
	border: 0px;
	position: absolute;
	background: #235b94; }
.toggle-concentrations-header button {
	top: 0;
	right: 58px; }
.toggle-concentrations-header button:last-child {
	top: 0;
	right: 0px;
	margin-left: 0;
	margin-right: 4px; }
.toggle-concentrations-header button i {
	background: transparent;
	color: #fff;
	position: absolute;
	transition: all 0.2s ease; }
.toggle-concentrations-header button i:hover,
.toggle-concentrations-header button i:focus {
	background: transparent;
	color: #111; }
.toggle-concentrations-header button:hover i,
.toggle-concentrations-header button:focus i {
	margin-left: -3px; }
.toggle-concentrations-header button:last-child:hover i,
.toggle-concentrations-header button:last-child:focus i {
	margin-right: -3px; }
.toggle-concentrations-header button i.fa-angle-left {
	top: 0;
	left: 0px; }
.toggle-concentrations-header button i.fa-angle-right {
	top: 0;
	right: 0px; }
.toggle-concentrations-header button:hover,
.toggle-concentrations-header button:focus {
	background: #052c41; }	

.toggle-concentrations-item-wrap .moduletitle span {
	top: 100%; }



/* ==5) Slider Feature (SCA Splash pg's
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.features-slider--items {
	background: #ddd;
	overflow-x: hidden;
	margin-bottom: 3em;
	border: 3px solid #333;
	border-top: none; }
.features-slider--controls {
    background-color: #333;
    padding: 4px;
    position: relative;
    overflow-y: hidden;
    height: 52px;
    margin-top: 3em; }
div h2.features-slider--title {
    width: 21%;
    display: inline-block;
    padding: 0 4px 0 10px;
    background-color: #444;
    color: #bbb!important;
    height: 52px;
    line-height: 52px!important;
    font-size: 18px!Important;
    font-weight: 400!Important;
    top: 0;
	box-sizing: border-box; }
.features-slider--controls i {
	background: #235b94;
	color: #fff;
	font-size: 3.5em;
	position: absolute;
	padding: 0px 12px; }
.features-slider--controls i.fa-angle-left,
.features-slider--controls i.fa-angle-right {
	width: 30.5%;
	box-sizing: border-box;
	padding: 5px 10px; }

.features-slider--controls i.fa-angle-left {
	left: 22%; }
.features-slider--controls i.fa-angle-left:hover,
.features-slider--controls i.fa-angle-right:hover {
	padding: 5px 14px;
	-webkit-transition: padding 0.2s;
    transition: padding 0.2s;
    background-color: #00527B; }	
.features-slider--controls i.fa-angle-right {
	right: 4px;
	text-align: right; }
.features-slider--controls.only2 a,
.features-slider--controls.only3 a {
	opacity: 0; }
.features-slider--controls.only2 a:hover,
.features-slider--controls.only3 a:hover {
	cursor: default; }	

.features-slider--items-wrap {
	white-space: nowrap; }	
.features-slider--items-wrap .slide {
	box-sizing: border-box;
	white-space: normal;
	width: 50%;
	padding: 1em;
	float: none;
	vertical-align: top;
	display: inline-block; }

.features-slider--items p {
	/* max-width: 46%;
	margin-right: 4%; */ }
.features-slider--items img,
.features-slider--items .video-resize-wrapper {
	max-width: 100%;
	width: 100%;
	float: right;
	clear: right;
	margin: 14px 0px; }
.features-slider--items .video-resize-wrapper {
	padding-bottom: 61%;
	padding-top: 0; }
	
.features-slider--controls i.fa-pause,
.features-slider--controls i.fa-play {
	box-sizing: border-box; }

.features-slider--controls i.fa-pause {
    width: 15.5%;
    left: 53%;
    top: 4px;
    font-size: 16px;
    text-align: center;
    padding: 4px; }
.features-slider--controls i.fa-play {
	width: 15.5%;
    left: 53%;
    top: 32px;
    padding: 4px;
    font-size: 16px;
    text-align: center; }
.features-slider--controls i.fa-pause:hover,
.features-slider--controls i.fa-play:hover {
	background-color: #00527B; }

.features-slider--controls.v2 i.fa-angle-left,
.features-slider--controls.v2 i.fa-angle-right {
	width: 38.5%; }



	
/* ==5) Show More Show Less
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* https://github.com/jedfoster/Readmore.js */
.lotsOfText,
.lotsOfText-v02,
.lotsOfText-v04,
.lotsOfText-75,
.lotsOfText-190 {
	position: relative;
	margin-bottom: 2.5em; }
.lotsOfText p + a,
.lotsOfText-v02 p + a,
.lotsOfText-75 p + a,
.lotsOfText-190 p + a {
		font-size: 14px; } 
.lotsOfText p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.lotsOfText p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.lotsOfText p[aria-expanded="false"] + a[aria-controls*="rmjs"],
.lotsOfText-v02 p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.lotsOfText-v02 p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.lotsOfText-v02 p[aria-expanded="false"] + a[aria-controls*="rmjs"],
.lotsOfText-v04[aria-expanded="false"] + a[aria-controls*="rmjs"],
.lotsOfText-75 p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.lotsOfText-75 p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.lotsOfText-75 p[aria-expanded="false"] + a[aria-controls*="rmjs"],
.lotsOfText-190 p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.lotsOfText-190 p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.lotsOfText-190 p[aria-expanded="false"] + a[aria-controls*="rmjs"] {
	position: absolute;
	bottom: 0; 
	box-sizing: border-box;
	left: 0;
	width: 100%; 
	margin: 0 0 -20px 0!Important;
	padding: 110px 10px 10px 10px;
	background-image: linear-gradient(to bottom, transparent, #fff); }
	.feature--content.lotsOfText p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
	.feature--content.lotsOfText p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
	.feature--content.lotsOfText p[aria-expanded="false"] + a[aria-controls*="rmjs"] {
		background-image: linear-gradient(to bottom, transparent, var(--color1-D2));/*&*/
		margin-left: 10px!important;
		width: 94%; }

.feature--content .lotsOfTextButton {
	margin: -3rem 0 1rem 0;
    background: transparent;
    color: #fff;
    border: none;
    padding: 3rem 0px 10px 0px;
    /*background-image: linear-gradient(to bottom, transparent, #194877); *//* dark blue */
	/*background-image: linear-gradient(to bottom, rgba(25, 72, 119, 0), rgb(25, 72, 119));*/
	background-image: linear-gradient(to bottom, transparent, var(--color2));/*&*/
    font: 400 0.8rem/1 "Source Sans Pro", sans-serif;
    position: relative;
    text-align: left; } 
.feature--content p[aria-expanded="true"] + .lotsOfTextButton {
	background-image: none; }
	
.v1 .feature--content .lotsOfTextButton {
	background-image: linear-gradient(to bottom, transparent, var(--color1-L3));/*&*/
	color: #235b94; }
.v2 .feature--content .lotsOfTextButton {
	background-image: linear-gradient(to bottom, transparent, rgb(229, 243, 255));
	color: var(--color1-D2); }/*&*/
.v3 .feature--content .lotsOfTextButton {
	background-image: linear-gradient(to bottom, transparent, rgb(255, 255, 255));
	color: #235b94; }
.v4 .feature--content .lotsOfTextButton {
	background-image: linear-gradient(to bottom, transparent, rgb(25, 72, 119));
	color: #fff; }

	
	
.lotsOfText-v04[aria-expanded="false"] + a[aria-controls*="rmjs"] {
	padding: 110px 10px 20px 20px;
	margin: 0 10px 10px!important;
	font-size: 1rem;
	text-align: center;
	background-image: linear-gradient(to bottom, transparent, #ccc);
	width: calc(100% - 20px); }
.lotsOfText-v04 + a[data-readmore-toggle] {
	font-size: 16px; }
.lotsOfText-v04[aria-expanded="true"] + a[aria-controls*="rmjs"]:after {
	content: '\f106';
	font: 16px 'FontAwesome';
	margin-left: 6px; }
.lotsOfText-v04[aria-expanded="false"] + a[aria-controls*="rmjs"]:after {
	content: '\f107';
	font: 16px 'FontAwesome';
	margin-left: 6px; }

[class*="lotsOfTextAccessible"] p a {
	position: relative;
	z-index: 5; }
	 
.col-2-thirds .lotsOfText,
.col-2-thirds .lotsOfText-v02,
.col-2-thirds .lotsOfText-v04,
.col-2-thirds .lotsOfText-75,
.col-2-thirds .lotsOfText-190 {
	padding: 10px; }

.pop-box-v01 .lotsOfText h3 + p,
.pop-box-v01 .lotsOfText-75 h3 + p,
.pop-box-v01 .lotsOfText-190 h3 + p {
	margin-top: 0!important; }
.pop-box-v01 .lotsOfText p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.pop-box-v01 .lotsOfText p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.pop-box-v01 .lotsOfText p[aria-expanded="false"] + a[aria-controls*="rmjs"],
.pop-box-v01 .lotsOfText-75 p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.pop-box-v01 .lotsOfText-75 p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.pop-box-v01 .lotsOfText-75 p[aria-expanded="false"] + a[aria-controls*="rmjs"],
.pop-box-v01 .lotsOfText-190 p[aria-expanded="false"] + a[aria-controls="rmjs-1"],
.pop-box-v01 .lotsOfText-190 p[aria-expanded="false"] + a[aria-controls="rmjs-2"],
.pop-box-v01 .lotsOfText-190 p[aria-expanded="false"] + a[aria-controls*="rmjs"] {
	padding: 60px 10px 0px 0px;
	background-image: linear-gradient(to bottom, transparent, #e9e9e9); }

[data-readmore-toggle] {
	display: block; width: 100%;
	transition: height 75ms;
	overflow: hidden; }
[data-readmore] {
	transition: height 75ms;
	overflow: hidden; }

.c2a-cap {
    background: #ddd url(/about/images/bg-cap.jpg) right top no-repeat;
    background-position: left center;
    background-size: cover;
    padding: 7% 4%;
    margin-top: 3em;
    border: 2px solid #ddd; }
.c2a-cap p {
    width: 50%;
    text-shadow: 0 0 16px #efefef, 0 0 10px #fff;
    margin-bottom: 1.5em!Important;
    font-weight: bold;
    font-size: 1.4em; }
.c2a-cap #light {
    width: 50%; }
.c2a-cap .large.css3Button,
.c2a-cap .large.css3Button:visited {
    width: 100%;
        box-sizing: border-box; }


.col-thirds .c2a-cap,
.col-thirds .c2a-ambassador {
	margin-top: 1em; }


.c2a-ambassador {
    background: #ddd url(/about/images/bg-c2a-ambassador-01.jpg) no-repeat;
    background-position: left 7%;
    background-size: cover;
    padding: 6% 9%;
    margin-top: 3em;
    border: 2px solid #ddd; }
.c2a-ambassador p {
    width: 80%;
    text-shadow: 0 0 16px #efefef, 0 0 10px #fff;
    margin: 0 0 1em 0!Important;
    font-weight: bold;
    font-size: 1.4em;
    word-wrap: initial;
    line-height: 1.1!Important; }
.c2a-ambassador #light {
    width: auto;
    display: inline-block; }
.c2a-ambassador .large.css3Button,
.c2a-ambassador .large.css3Button:visited {
    width: auto;
    box-sizing: border-box; }




/* ==5) Degree Table 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.programs * {
	box-sizing: border-box; }
table.responsive td p {
        margin: 0; }
.academicOffering a {
    pointer-events: none!important;
    cursor: default!important;
    text-decoration: none!important;
    color: #565656!important; }


table.responsive th:last-child {
	border-right: none; }
.scrollHeader div {
    vertical-align: middle; }
.scrollHeader .academicOffering,
td.academicOffering {
    text-align: left;
    /*width: 331px;
    width: 20%; */ }
/*.scrollHeader .major,
.scrollHeader .minor,
td.major,
td.minor {
    width: 122px;
    width: 12%; }
.scrollHeader .graduate,td.graduate {
    width: 122px;
    width: 12%; }*/
.scrollHeader .certificate,td.certificate {
    border-right: none !important;
   /* width: 118px;
    width: 12%; */}
table.majorsAndPrograms thead {
    /*position: absolute;*/
    top: -9999px;
    left: -9999px; }
.fixedsticky-withoutfixedfixed .userMarkup {
    overflow: visible; }
.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky; }
.fixed-supported .fixedsticky-on,
.fixedsticky-withoutfixedfixed .fixedsticky-on {
    position: fixed; }
.fixedsticky-dummy {
    display: none; }
.fixedsticky-on+.fixedsticky-dummy {
    display: block; }

#majors,
#make-table-header-sticky {
	position: relative;
	width: 100%; }
#majors tbody tr:hover,
#make-table-header-sticky tbody tr:hover {
    outline: #999 2px solid;  }
#majors i.fa,
#make-table-header-sticky i.fa {
	position:relative;
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
    transition: all ease 0.15s; }

#majors i.fa:hover:after,
#majors .hasLink i.fa:focus:after,
#make-table-header-sticky i.fa:hover:after,
#make-table-header-sticky .hasLink i.fa:focus:after {
	color: #235b94; }

#majors thead,
#make-table-header-sticky thead,
.table-v03 {
    top: 0;
    left: 0;
    background: #333;
    color: #efefef;
    width: 100%;
    z-index: 4!important; }
#majors thead th,
#make-table-header-sticky thead th {
	padding: 10px;
	font-size: 17px;
	width: 18%; }
	
#make-table-header-sticky tbody {
	border-left: 1px solid #d2d2d2; }
#majors tbody th,
#make-table-header-sticky tbody th {
    padding: 10px!important;
    text-align: left;
    line-height: 1.1;
	width: 18%;
	font-size: 0.7rem; }

#make-table-header-sticky td[colspan] {
	padding: 15px 10px;
	font-size: 1rem;
	border-bottom: 2px solid #aaa;
	background: #ccc;
    box-shadow: 0 4px 5px rgba(0,0,0,0.10);
    color: #333; }
#make-table-header-sticky .table-subcategory:focus,
#make-table-header-sticky .table-subcategory:hover {
	outline: none; }

#majors .sr-only,
#make-table-header-sticky .sr-only {
	width: auto;
	display: table-column;
	position: relative; }
@media screen and (max-width: 990px) {
	table#majors .sr-only,
	table#make-table-header-sticky .sr-only {	
		display: initial; }
}



@media only screen and (max-width: 325px) {
	table.responsive#majors td:nth-of-type(1),
	table.responsive#majors td:nth-of-type(4),
	table.responsive#make-table-header-sticky .p-bottom_sml {
	    padding-bottom:1.5em; } 
}


@media only screen and (max-width: 989px) {
    .table-striped-dark tbody tr td {
        background-color: #fcfcfc; }
    
    .table-striped-dark tbody tr td:first-child {
        background-color: #e0e0e0; }
    
    table.responsive#majors td,
    table.responsive#make-table-header-sticky td {
        vertical-align: middle; }
    table.responsive,
    table.responsive tbody,
    table.responsive td,

    table.responsive th,
    table.responsive thead,
    table.responsive tr {
        display: block;
        float: left;
        width: 100%; }
    .scrollHeader,
    table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px } 
    table.responsive thead {
		display: none; }       
    table.responsive tr {
        border: none; }
    table.responsive td {
        border-bottom: 1px solid #eee;
        min-height: 12px;
        padding: 2% 1%;
        position: relative;
        text-align: left;
        white-space: normal;
        color: #333;
        font-weight: bold; }
    table td.academicOffering {
		font-size: 1rem!important;
	    border-bottom: 2px solid #bbb!important; }    
    table.responsive td a {
        display: block;
        margin-right: 20px; }
    table.responsive td:before {
        vertical-align: middle;
        width: 50%;
        text-align: left;
        white-space: normal;
        word-wrap: normal;
        padding-left: 8px; }
    .majorsAndPrograms td[colspan] {
        padding-top: 1em;
        padding-bottom: 1em; }
    table.responsive.majorsAndPrograms tr.spanned {
        display: none }
	#make-table-header-sticky tbody {
		border-left: none; }

	#majors a:hover i.fa,
	#majors a:focus i.fa,
	#make-table-header-sticky a:hover i.fa,
	#make-table-header-sticky a:focus i.fa {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
		-webkit-animation: two 2s infinite;
		animation: two 2s infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate; }
	#majors tbody tr:hover,
	#make-table-header-sticky tbody tr:hover {
		outline: none; }

	
    #courseDisplayMenu {
        float: right;
        clear: right; }
    .fixedsticky-dummy,
    .scrollHeader,
    table.responsive td.no {
        display: none; }
    table#majors,
    table#make-table-header-sticky {
    	margin-bottom: 1em; }    
    table.responsive.courses {
        padding: 1% 50% 1% 1%;
        text-align: right; }
    table.responsive.minimal td {
        padding: 1% 50% 1% 1%;
        text-align: left; }
    .majorsAndPrograms td.empty {
        display: none !important; }
    #majors tbody a,
    #make-table-header-sticky tbody a {
        float: left;
        padding-left: 0; }
    div div #majors tbody th,
    div div #majors tbody th:hover,
    div div #make-table-header-sticky tbody th,
    div div #make-table-header-sticky tbody th:hover {
		background: #333;
		color: #bbb;
		font-size: 17px;
		width: 100%!important; }
    #majors tbody th,
    #majors tbody th:hover,
    #make-table-header-sticky tbody th,
    #make-table-header-sticky tbody th:hover, {
		color: #efefef!important; }
    td.major,
    td.minor,
    td.graduate,
    td.certificate {
        font-weight: normal !important;
        color: #000 !important }    
        
	.responsive-dont-stack tbody tr.mobile-header {
		display: table-row!important;
		width: 100%!important;
		font-weight: bold;
		border-bottom:3px solid black; }
	.responsive-dont-stack td {
		padding: 4px; }
	.responsive-dont-stack tbody tr {
		border-bottom: 1px solid #aaa; }
    .responsive-dont-stack tr:not(.mobile-header):hover {
		outline: 3px solid #111!important; }
            
}

@media only screen and (min-width: 989px) {
	.responsive-dont-stack tbody tr.mobile-header {
		display: none; }
    		
	table.majorsAndPrograms {
	    margin-top:0; }
	#courseDisplayMenu {
	    max-width: 400px;
	    position: absolute;
	    top: 3em;
	    right: 0; }
	#majors thead,
	#make-table-header-sticky thead {
	    top: 0;
	    margin-top: 0!important; }
	div.scrollHeader {
	    background: #363636;
	    color: #fff;
	    display: table;
	    font-family: Lato,arial,sans-serif;
	    top: 0 !important;
   	    z-index: 10;
	    max-width: 764px;
	    width: 100%;
	    box-shadow: 0 3px 10px #aaa; }
	div.scrollHeader div {
	    border-bottom: 1px solid #d2d2d2;
	    border-right: 1px solid #d2d2d2;
	    display: table-cell;
	    font-weight: 700;
	    font-size: 15px;
	    padding: 7px;
	    text-align: center;
	    box-sizing: border-box; }
	#majors tbody td,
	#make-table-header-sticky tbody td {
	    text-align: center; }
	table.responsive.majorsAndPrograms td,
	table.responsive.majorsAndPrograms th {
	    border-bottom: 1px solid #d2d2d2;
	    border-right: 1px solid #d2d2d2;
	    font-weight: 700;
	    box-sizing: border-box; }


	td.academicOffering.hasLink {
	    padding: 1em .35em!important;
	    line-height: 1; }

	#majors a:hover i.fa,
	#majors a:focus i.fa,
	#make-table-header-sticky a:hover i.fa,
	#make-table-header-sticky a:focus i.fa {
	    font-size: 21px;
	    margin-top: -2px;  }
	    
	#majors tr:nth-child(even),
	#make-table-header-sticky tr:nth-child(even) {
	    background: #e5e5e5; }
	
	#majors tbody a:hover,
	#make-table-header-sticky tbody a:hover   {
	    text-decoration: none !important; }
	.hasLink span.exception { font-size: .7em; }


}


@media only screen and (min-width: 990px) {
    #majors th,
    #make-table-header-sticky th,
    #majors td,
    #make-table-header-sticky td {
    	border-bottom: 1px solid #d2d2d2;
    	border-right: 1px solid #d2d2d2;
    	font-weight: 700;
    	box-sizing: border-box; }

    #majors thead th:first-child,
    #majors tbody th:first-child,
    #make-table-header-sticky thead th:first-child,
    #make-table-header-sticky tbody th:first-child {
	    width: 28%!important; }
	
    #majors tbody td,
    #make-table-header-sticky tbody td {
	    width: 18%; }
}







.rule {
	border-bottom: 1px solid #c1c0be; }

.formsContainer p a {
	color: #4b5257;
	font: 300 18px 'roboto', arial;
	margin: 0 0 0 0; }

.formsContainer p {
	font: 400 12px/18px 'roboto', arial;
	margin: 0 0 35px 0; }
.formsContainer p a:before {
	content: "\f15c";
	font-family: "fontawesome";
	padding-right: 5px; }
	
a.linkRow {
	margin-right: 40px ;
	display: inline-block ; }

.contact {
	list-style: none;
	padding: 0;
	padding-left: 0!important; }
.contact a {
	font: 14px 'roboto', arial; }
	
#searchResults {
	font-family: 'roboto', arial; }

.resultsString {
	display: block;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	font: 400 3em 'roboto', arial; }
.resultsString + br,
.resultsString + br + br {		
	display: none; }	








.linkpop-v01,
.linkpop-v02,
.homeLink.row {
	display: inline-block;
	box-sizing: border-box;
	background-color: #fbfbfb;
	padding: .85em 0.6em;
	margin: 0 3px 0.5em 0;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0px 1px 0px #ddd;
	box-shadow: 0 1px 1px #aaa!important; }
	.linkpop-v02 {
		background-color: #235b94;
		color: #fff!important;
		margin: 0.5em auto;
		padding: 0.5em 1em;
		border: none;
		font-size: 14px;
		display: inline-block!important; }

.homeLink.row:hover,
.homeLink.row:focus {
	background-color: #444;
	color: #ddd;
	border-radius: 0; }




/* -------------------------------------------- */
/* Buttons */
.cta-cdm,
.cta-cdm_full-tall,
.cta-cdm_full-short,
.rsvpRegister a {
	padding: .5em;
	font-style: normal;
	text-align: center;
	font-size: 0.9rem;
	display: inline-block;
	margin: .3em .05em;
	border: 3px solid;
	text-decoration: none;
	transition: all .2s ease-in-out;
	position: relative;	}
	.cta-cdm_full-tall {
		display: block;
		box-sizing: border-box;
		padding: 1rem;
    	font-size: 1rem; }
	.cta-cdm_full-short {
		display: block;
		box-sizing: border-box;
		text-align: center;
		font-size: 0.9rem;
		padding: 0.6rem 5px; }
.cta-cdm:after,
.rsvpRegister a:after,
.cta-cdm_full-tall:after,
.cta-cdm_full-short:after {
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	content: " ";
	height: 1px;
	width: 0;
	transition: width .4s ease-in-out;
	border-bottom-style: solid;
	border-bottom-width: 1px; }
.cta-cdm:hover,
.cta-cdm:focus,
div.pageContent .cta-cdm_full-tall:hover,
div.pageContent .cta-cdm_full-tall:focus,
div.pageContent .cta-cdm_full-short:hover,
div.pageContent .cta-cdm_full-short:focus,
.rsvpRegister a:hover,
.rsvpRegister a:focus {
	text-decoration: none!important; }
	#page .pageContent .cta-cdm_full-tall:hover,
	#page .pageContent .cta-cdm_full-tall:focus {
		/*&*//*background-color: #00428f!important;
		border-color: #00428f!important;
		color: aquamarine!important;*/
		background-color: var(--color1-D1)!important;
    	border-color: var(--color2)!important;
    	color: var(--color2-L3)!important; }

.cta-cdm:hover:after,
.cta-cdm:focus:after,
.cta-cdm_full-tall:hover:after,
.cta-cdm_full-tall:focus:after,
.cta-cdm_full-short:hover:after,
.cta-cdm_full-short:focus:after,
.rsvpRegister a:hover:after,
.rsvpRegister a:focus:after {
	width: 75%; }
.rsvpRegister a {
	color: #fff!important;
	border-color: #235b94;
	background-color: #235b94;
	text-decoration: none!important; }



/* & */
.bttn {
    padding: .75em 1.5em;
    padding: .7em 1.3em;
    font: 400 .75rem "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;
    margin-block: 1em;
    text-decoration: underline!important;	}
	.bttn:not(.ext):hover,
	.bttn:not(.ext):focus,
	.bttn:hover,
	.bttn:focus  {
		outline: 2px solid #000;
	    text-decoration-thickness: 3px!important;
	    text-underline-offset: -1px;
		}

.bttn {
	font-size: 1.4em;
	/*&*//*font-family: roboto, arial;*/
	font-family: proxima-nova-condensed, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
	font-weight: normal;
	
	display: inline-block;
	padding: 0.7em 1.3em;
	text-decoration: none!important; }

.bttn-c--1 { 	
	color: var(--color2-L2)!important;
    border: 1px solid #235b94;
	/* background: #097b76; */
	background-color: var(--color2); }
	.bttn-c--1:hover,
	.bttn-c--1:focus {
		color: var(--color1-L4)!important;
		border-color: #235b94;
		/* background: #235b94; */
		background-color: var(--color2);		
		}
 
 
 

.flex-item {
  position: relative; }
span.display-flex {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-block: 1rem;
    flex-wrap: wrap; }


	span.display-flex .bttn  {
		width: fit-content;
		margin-right: 0.4em; }	
	#btn_toggle-sublinks:nth-child(1) {
		margin-left: 0; }
	#btn_toggle-sublinks:before {
	    content: "\f0d7";
	    color: var(--color2-L2);
	    position: relative;
	    top: 2px;
	    padding-right: 10px;
	    margin-left: -10px;
	    font-family: 'FontAwesome'; 	}
	#btn_toggle-sublinks.opened:before {
	    content: "\f0d8"; }
	#btn_toggle-sublinks + ul {
		display: none;
		list-style: none;
		padding-left: 0;
		margin-block: 0;
		color: var(--color1-L4)!important;
		background-color: var(--color2);
  		box-shadow: var(--box-shadow1);
		
		
		position: absolute;
		z-index: 10;
	    top: 3.6em;
		min-width: 370px; }
	#btn_toggle-sublinks + ul li {
		margin-block: 0; } 
	#btn_toggle-sublinks + ul a {
	 	color: var(--color1-L4)!important;
	 	padding: 10px;
		text-decoration: none!important; 
		font-size: 0.7rem;
		display: block;	}
	#btn_toggle-sublinks + ul a:hover,
	#btn_toggle-sublinks + ul a:focus {
	 	background: var(--color1-D3)!important;
	 	text-decoration: underline!important; 	}
	 li.concentration-req-title {
	 	background: var(--color2-D2);
	    padding: 6px 9px; }


.cta-blue,
.v4 .cta-blue {
	border-color: #113050;
	background-color: var(--color2);
	text-decoration: none!important; }	
body .cta-blue {
	color: var(--color2-L2)!important;
	border-color: #235b94;
	/*background-color: #235b94;*/ }
	.v1 .feature.v_skip .feature--content .cta-cdm {
		color: aquamarine!important; }
		.v1 .feature.v_skip .feature--content .cta-cdm:hover,
		.v1 .feature.v_skip .feature--content .cta-cdm:focus {
		color: white!important; } 	
	 	
.cta-blue:after {
	border-bottom-color: #0064e2; }
body div div .cta-blue:hover,
body div div .cta-blue:focus,
body div.accordion li div.rsvpRegister a:hover,
body div.accordion li div.rsvpRegister a:focus {
	/*&*//*color: aquamarine!important;
	background-color: #00428f;*/
	color: var(--color2-L3)!important;
    background-color: var(--color1-D1);
	border-color: #00428f;
	text-decoration: none!important; }
.cta-blue:hover:after, .cta-blue:focus:after {
	border-bottom-color: #fff; }
.cta-blue--light {
	color: var(--color2-L4);
	border-color: var(--color2-L4); }
.cta-blue--light:after {
	border-bottom-color: var(--color2-L4); }
.cta-blue--light:hover, .cta-blue--light:focus {
	color: #00428f;
	background-color: var(--color2-L4); }
.cta-blue--light:hover:after, .cta-blue--light:focus:after {
	border-bottom-color: #00428f; }
.cta-blue--ghost {
	color: #0064e2;
	border-color: #0064e2; }
.cta-blue--ghost:after {
	border-bottom-color: #0064e2; }
.cta-blue--ghost:hover, .cta-blue--ghost:focus {
	color: #fff;
	background-color: #0064e2; }
.cta-blue--ghost:hover:after, .cta-blue--ghost:focus:after {
	border-bottom-color: #fff; }


.cta-white--ghost {
	color: #fff;
	border-color: #fff; }
.cta-white--ghost:after {
	border-bottom-color: #fff; }
.cta-white--ghost:hover,
.cta-white--ghost:focus {
	color: #0064e2;
	background-color: #fff; }
.cta-white--ghost:hover:after,
.cta-white--ghost:focus:after {
	border-bottom-color: aquamarine; }
	.feature .cta-white--ghost,
	.feature .cta-white--ghost {
		color: #fff!important;
		background-color: transparent; }
	.feature .cta-white--ghost:hover,
	.feature .cta-white--ghost:focus {
		color: aquamarine!important;
		background-color: transparent; }


	
.linkpop-v01,
.linkpop-v02 {
	display: initial;
	transition: all .3s ease;
	position: relative;
	top: 0.5em; }
	.linkpop-v01--wrapper {
		float: left;
	    width: 100%;
    	margin-bottom: 3em!important; }
		
div.pageContent .linkpop-v01:hover,
div.pageContent .linkpop-v01:focus {
	text-decoration: none!important;
	color: #fff!important;
	background: #333;
	border-radius: 0;
	padding-right: 20px; }
	div.pageContent .linkpop-v02:hover,
	div.pageContent .linkpop-v02:focus {
		text-decoration: none!important;
		color: #fff!important;
		background: #284b6e;
		border-radius: 0;
		padding-right: 20px }
div.pageContent .linkpop-v01:hover:after,
div.pageContent .linkpop-v01:focus:after,
div.pageContent .linkpop-v02:hover:after,
div.pageContent .linkpop-v02:focus:after {
	display: inherit;
	font-size: 0.8em;
	margin-top: 0.25em;
	content: "\f054";
	font-family: 'FontAwesome';
	position: absolute;
	right: 6px; }
	div.pageContent .linkpop-v02:hover:after,
	div.pageContent .linkpop-v02:focus:after {
		margin-top: 0.18em; }

#page_container .btn-v02 {
	box-sizing: border-box;
	border-radius: 4px;
	background: #235b94;
	color: #fff!important;
	text-decoration: none!important;
    padding: 6px 9px; 
    margin: .5em auto;
    display: inline-block; }
#page_container .btn-v02:hover,
#page_container .btn-v02:focus {
	background: #444; 
	color: #fff!important;
	border-radius: 0; }


.grid_9.firstRow {
	margin-bottom: 10px; }

.homeRule {
	border-bottom: 1px solid #d7d7d7;
	margin: 0 7px 25px 7px; }

.homeAmbassadors {
	font-family: 'roboto', arial; }
.homeAmbassadors img {
	height: 161px;
	width: 244px;
	border: 1px solid #d7d7d7 !important; }
.homeAmbassadors .ambassadorMainboard {
	height: auto;
	width: 100% !important;
	padding: 0 !important; }
.homeAmbassadors .ugName {
	color: #235b94;
	font: 400 18px 'roboto', arial;
	padding: 0;
	width: 244px; }
.homeAmbassadors .ambassadorType {
	color:#333;
	font: 600 14px 'Open Sans Condensed', arial;	
	padding-bottom: 8px;
	letter-spacing: .02em; }
	.homeAmbassadors .ugName:after {
	    color: #777;
    	content: "\f138";
    	content: "\f105";
    	font-family: 'FontAwesome';
    	margin-left: 7px; }

.homeAmbassadors .ugProgram {
	color:#444;
	font: 500 13px 'roboto', arial;	
	letter-spacing: .02em; }
.homeAmbassadors #ugAmbassadors li {
	width: 100%; }


.homeAmbassadors + .grid_3,
.homeAmbassadors + .col-thirds {
    box-sizing: border-box;
    padding: 0px 10px 14px 10px; }
.homeAmbassadors + .grid_3 h2,
.homeAmbassadors + .col-thirds h2 {
	background: #eaeaea;
    border: 1px solid #ccc;
    margin: 12px 0 0 0;
    padding: 0.5em; }



/* ==5) Calendar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#calendar {
	border: 1px solid #ccc;
	padding: 15px 10px;
	padding: 0px;
	background-color: #f1f1f1; }
#calendar .calendarContainer {
	max-height: 250px;
	height: auto;
	overflow-y: auto;
	color: #444;
	box-shadow: inset 7px 0px 8px #f1f1f1, inset 0px -3px 10px #ddd, inset 0px 1px 10px rgba(0,0,0,0.10);
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin: 10px; }
#calendar .calendarContainer :not(:last-child) a:hover span:after,
#calendar .calendarContainer :not(:last-child) a:focus span:after {		
	content: "\f0da";
	font-family: 'FontAwesome';
	position: relative;
	left: 8px; }
#calendar ul li a {
	text-decoration: none;
	padding: 12px 8px;
	color: #235b94!important; }
#calendar ul li {
	border-bottom: 1px dotted #bbb;
	margin: 0 5px; }	
#calendar ul li:last-child {
	border-bottom: none; }	
#calendar ul li:hover,
#calendar ul li:focus {
	background: #f8f8f8; }	


/* ==5) Vimeo Swapin
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img.vimeo-swapin {
    margin: -25px 0 10px 0; } 
.feature img.vimeo-swapin {
	margin-top: -7%; }


/* ==5) Posts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.post section {
	column-count: 2; }
article.post section p:nth-child(1) {
  margin-top: 0px !important; }
article.post section:first-letter {
  float: left;
  font-size: 3rem;
  line-height: 2rem;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px; }

@media (max-width: 900px) {
	article.post section {
		column-count: 1; }
}



/* ==5) Program Requirement List
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.prg-req-list--wrapper {
	background:#fdfdfd;
	padding: 20px; }
ol.prg-req-list {
	font-size: 1.2em;
	font-size: 1.2rem;
    color: #520a15;
    color: #333; }
ol.prg-req-list,
ol.prg-req-list ul {
	list-style: none;
	padding-left: 0; }
ol.prg-req-list ul {	
	background: #f2f3ef;
	margin-bottom: 1.5em;     
	margin-bottom: 1.5rem; }
ol.prg-req-list ul li:nth-child(even) {
	background: #ebedea;
	border-top: solid 1px #ddd; }
ol.prg-req-list ul li:nth-child(odd) {
	border-top: solid 1px #ddd; }
ol.prg-req-list ul li {
	font-size: 0.85em;
	font-size: 0.85rem;
    color: #111;
   	padding: 8px 4px;
    margin-bottom: initial; }    
ol.prg-req-list ul li:first-child {
	margin-top: 6px;
	border-top: 2px solid #ddd; }
ol.prg-req-list ul li:last-child {
	margin-bottom: 1em; }
ol.prg-req-list ul li a {
	margin-right: 6px; }
ol.prg-req-list ul li a:hover,
ol.prg-req-list ul li a:focus {
	text-decoration: underline!important;
    color: #555; }


.prg-req--elective {
	text-indent: 1.4em; }



/* ==5) Related Pages Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
button.nav-related-sections--button {
    margin: 0;
    padding: 14px;
    width: 100%;
    border: none;
    background: #D84410;
    color: #fff;
    font-size: 15px; }
button.nav-related-sections--button:before {
    color: #fff;
	content: "\f0d7";
	font-family: "fontawesome";
	padding: 0px 8px 0px 0; }
button.nav-related-sections--button.opened:before {
    content: "\f0d8"; }
 
ul.nav-related-sections--nav {
    margin-top: 0;
    background: #D84410;
    display: none; }
.nav-related-sections--nav li {
    list-style: none;
    border-top: 1px solid #f0c99b;
    margin: 0;
    z-index: 5; }
    ul.nav-related-sections--nav li:last-child {
    	padding-bottom: 4px; }
    .nav-related-sections--nav li a:hover,
    .nav-related-sections--nav li a:focus {
    	background: rgba(000, 000, 000, 0.25);
    	text-decoration: none!important; }	  	
.nav-related-sections--nav a {
	font-size: 15px;
	color: #fff!important;
	position: relative;
	z-index: 10;
    padding: 8px;
    display: block; }	
ul.nav-related-sections--nav ul {
	padding-left: 0;
	background: rgba(000, 000, 000, 0.2); }



/* ==5) Person Spotlight or Quote
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.spotlight-v01 {
	border-radius: 100%;
	width: 150px;
	height: 150px;
	float: right;
	margin: 10px 0 10px 10px; }
.spotlight--identifier {
    font-size: 1rem;
    font-weight: normal;
    display: block; }
.quote {
	font-style: italic;
    color: aquamarine;
    padding: 10px; }
    .feature .quote {
    	color: #aadeee; }
    .v2 .quote {
    	color: #235b94; }
p.quote:before,
.quote-wrapper p:first-child:before {
    font: normal normal normal 2rem/1 FontAwesome, "Source Sans Pro", sans-serif!important;
    content: "\f10d";
    position: absolute;
    opacity: 0.1;
    margin-top: -0.5rem;
    margin-left: -5px; }
p.quote:after,
.quote-wrapper p:last-child:after {
    font: normal normal normal 2rem/1 FontAwesome, "Source Sans Pro", sans-serif!important;
    content: "\f10e";
    position: absolute;
    opacity: 0.1;
    margin-top: -0.1rem;
    margin-left: -1.5rem; }
	.feature--content.quote-wrapper,
	.quote-wrapper.feature--content {padding-top: 20px;}
/*
#page_container .quote-pop-multi .quote:nth-child(2) {
	background: #150b54;
	color: #b6aaff!important;	 }
#page_container .quote-pop-multi .quote:nth-child(3) {
	background: #097b78;
	color: #b1fffc!important;
    margin-left: -40px!important;	 }
#page_container .quote-pop-multi .quote:nth-child(4) {
	background: #797b09;
	color: #fffffb!important; }
#page_container .quote-pop-multi .quote:nth-child(5) {
	background: #c74001;
	color: #ffefe8!important;
    margin-left: -40px!important;	 }*//*&*/
#page_container .quote-pop-multi .quote {
	background: var(--color2-D1);
	color: var(--color1-L3)!important;
    padding: 20px;
    box-shadow: 3px 3px 1px var(--color2-D2); }
#page_container .quote-pop-multi .quote:nth-child(odd) {
	margin-left: -30px!important;	 }



/* ==5) Course Promotion
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.coursePromotion {
	min-width: 0; }
.coursePromotion ul {
	margin: 0;
	padding: 3px; }
.coursePromotion li {
    padding: 0 3px!important;
    margin: 3px 0!important;
    border: none!important; }
.coursePromotion li a {
	text-decoration: none; }    	
.coursePromotion li a:hover,
.coursePromotion li a:focus {
	text-decoration: underline!important;
	color: #fff!important;
	background: #235b94;
	transition: none!important;
	box-shadow: none; }
.coursePromotion li * {
    padding: 0!important;
    margin: 0!important; }	
.coursePromotion .rightCol span,
.coursePromotion .rsvpTime,
.coursePromotion .rsvpLocation,
.coursePromotion .rsvpRegister {
	display: none; }
.coursePromotion ul li div > a {
    font: 600 0.75rem/0.85rem "Source Sans Pro", sans-serif!important;
    display: block;
    position: relative;
    width: 100%;
    background: #e5f3ff;
    padding: 6px!important;
    color: #235b94!important;
    text-decoration: none!important;
    box-sizing: border-box;
    border: 1px solid #c6d9e8;
    font-weight: 300!important;
    box-shadow: inset 1px 1px 2px #fff; }



/* ==5) Banner for Online Options
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.banner-online-option {
		/* font-size: 0.7rem;
	    padding: 0.75em; */
    background: linear-gradient(320deg, #bababa, #eee);
    box-sizing: border-box;
    
	    font-size: 0.9rem;
	    padding: 0.5em 0.75em 0.5em 2em;
	    line-height: 1;
	    position: relative; 
}
/*
.banner-online-option a {
	text-decoration: underline!important; }
div .banner-online-option a:hover,
div .banner-online-option a:focus {
    text-decoration-thickness: 3px!important;
    text-underline-offset: -1px;
}
*/
.banner-online-option i {
 	/*margin-right: 10px;
    font-size: 1.2em!important;*/
    
		margin-right: 5px;
	    font-size: 1.2em!important;
	    border: 2px solid #eee;
	    height: 1.8rem;
	    width: 1.8rem;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding-top: 1px;
	    border-radius: 100%;
	    position: absolute;
	    top: -.1rem;
	    background: white;
	    z-index: 10;
	    left: -16px;
	    
		background: white url(/PublishingImages/mouse_black_24dp.svg)no-repeat;
	    background-position: center;

 }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
==============  **6) Browser Hacks  ================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing:content-box;
  border-radius: 0!important;
  box-sizing: border-box; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }


@-moz-document url-prefix() { 
  .landingHero.hero-v2 h1 {
     bottom: 0!important; }
     
	div.splashMenu:hover ul.sub-nav { top: 26px; }
	ul.sub-nav { top: 26px; }
	ul.sub-nav:hover,
	ul.sub-nav:focus { top: 26px; }


	   
}

@media (max-width: 948px) {
	_:-moz-tree-row(hover), h2.moduletitle a:after {
		display: none; }
	_:-moz-tree-row(hover), h2.moduletitle a span {
		top: initial;
		bottom: 90%;
		color: #666; }
		
	_:-moz-tree-row(hover), .toggle-concentrations .col-thirds,
	_:-moz-tree-row(hover), .slider-concentrations .col-thirds,
	_:-moz-tree-row(hover), .toggle-concentrations .col-halves,
	_:-moz-tree-row(hover), .slider-concentrations .col-halves,
	_:-moz-tree-row(hover), .features-slider--items .slide {
		margin-top: 42px;
		margin-top: 30px; }
	
}


/* ==6) IE10+
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	_:-ms-input-placeholder, :root .toggle-concentrations-header i,
	_:-ms-input-placeholder, :root .slider-concentrations-header i {
		opacity: 0; }

	_:-ms-input-placeholder, :root li.concentrations {
		width: 255px; }
	_:-ms-input-placeholder, :root #undergradDropdown ul.sub-nav li a span:not(.sub-nav--concentration) {
		width: 31px; }
	_:-ms-input-placeholder, :root #ugrdDropdown ul.sub-nav li a span:not(.sub-nav--concentration) {
		width: 31px; }
	_:-ms-input-placeholder, :root #gradDropdown ul.sub-nav li a span:not(.sub-nav--concentration) {
		width: 31px; }

	_:-ms-input-placeholder, :root div.splashMenu:hover ul.sub-nav { top: 26px; }
	_:-ms-input-placeholder, :root ul.sub-nav { top: 26px; }
	_:-ms-input-placeholder, :root ul.sub-nav:hover { top: 26px; }
	_:-ms-input-placeholder, :root ul.sub-nav:focus { top: 26px; }

	_:-ms-input-placeholder, :root .tabbody ul li span.concentrations {
	    font-size: 13px; }



/* ==6) IE Edge
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@supports (-ms-accelerator:true) {
    .toggle-concentrations-header i,
    .slider-concentrations-header i {
        opacity: 0; }
    div.splashMenu:hover ul.sub-nav { top: 26px; }
	ul.sub-nav { top: 26px; }
	ul.sub-nav:hover,
	ul.sub-nav:focus { top: 26px; }
    
}


@media all and (-ms-high-contrast:none) {

/* ==6) IE10
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.foo { color: green }
	
/* ==6) IE11
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	*::-ms-backdrop, .quicklinks ul li { 
		padding: 3px 0; } 
		
	*::-ms-backdrop, #ms-controls-bar .ms-custom-btns { 
	 	text-indent: 0!important; }

	*::-ms-backdrop, .homeContainer .container-12 {
		clear: both; }

}


/* ==6) iPad Retina in Landscape
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) { 
	li.concentrations {
		width: 250px; }
}


@media screen and (max-width: 767px) {

	/* ==6) IE10+
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		_:-ms-input-placeholder, :root .toggle-concentrations-header.only3 i,
		_:-ms-input-placeholder, :root .slider-concentrations-header.only3 i {
			opacity: 1; }
			
	/* ==6) IE Edge
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	@supports (-ms-accelerator:true) {
	    .toggle-concentrations-header.only3 i,
	    .slider-concentrations-header.only3 i {
	        opacity: 1; }
	}


}


@media screen and (max-width: 430px) {

	/* ==6) IE10+
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		_:-ms-input-placeholder, :root .toggle-concentrations-header.only2 i,
		_:-ms-input-placeholder, :root .slider-concentrations-header.only2 i {
			opacity: 1; }
	/* ==6) IE Edge
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	@supports (-ms-accelerator:true) {
	    .toggle-concentrations-header.only2 i,
	    .slider-concentrations-header.only2 i {
	        opacity: 1; }
	}



}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
===========  **7) 3rd Party Elements  =============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ==7) Bootstrap Overrides
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.open > .dropdown-menu {
	padding-left: 0; }

 
.btn-group .btn {
	padding: 9px 12px;
	font-size: 16px;
	text-transform: none;
	color: #235b94; }
	.btn:hover, .btn.hover,
	.btn:focus, .btn.focus {
	    background-color: #e3eef7!important }
	.btn:active, .btn.active,
	.btn-group.open .dropdown-toggle {
    	box-shadow: inset 4px 4px 0px #4b6a8e, inset -4px -4px 0px #4b6a8e!important;
    	background-color: #e3eef7; }
.btn-group .dropdown-header {
	padding-bottom: 5px;
	color: #444;
	line-height: 1; }
.btn-group .dropdown-menu {
	text-align: left; }


.dropdown-header {
	min-width: 180px;
	margin-bottom: -5px; }
.dropdown-menu {
	box-shadow: 2px 2px 2px rgba(0,0,0,.175)!important; }
.dropdown-menu .divider {
	margin: 4px 0!important; }
.dropdown-menu>li>a {
	color: #235b94!important; }
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #e3eef7!important;
    color: #111!important; }
.dropdown-menu li {
	margin-bottom: 0;
	list-style: none!important; }
.dropdown-toggle .caret,
.dropdown-toggle .fa-caret-down:before {	
	transition: all 200ms ease-in-out; }	
	.dropdown-toggle .fa-caret-down:before {	
		float: right;
		margin-bottom: -4px;
		margin-left: 3px; }
.dropdown-toggle:hover .caret,
.dropdown-toggle:focus .caret {
	margin-bottom: -8px; }
.dropdown-toggle:hover .fa-caret-down:before,
.dropdown-toggle:focus .fa-caret-down:before {
	margin-bottom: -8px;
	float: right; }

button.btn-group {
	padding: 0px;
	border: none; }

.btn-only-one button {
	padding: 0px!important;
	border: none; }
.btn-only-one a {
	color: #235b94!important; }
.btn-only-one a:hover,
.btn-only-one a:focus {
	text-decoration: none!important;
	color: #000; }



/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.modal .close {
	font-size: 30px;
    position: absolute;
    right: 0.5em;
    min-width: 0;
    top: 1px;
    padding: 6px 12px 8px 12px;
    line-height: 1;
    border: 1px solid #888;
    background: #eee;
    opacity:0.7!important;
    color: maroon; }
.modal .close:hover,
.modal .close:focus {
	opacity: 1;
	background: maroon;
	color: #fff;
	outline: 1px #333 solid; }

.modal .btn {
	margin-left: 0;
	border: 1px solid #888;
    background: #eee;
    padding: 8px;
    font-size: 0.8rem;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
    opacity:0.8!important;
    color: maroon; }
.modal .btn:hover,
.modal .btn:focus {
	margin-left: 0;
	outline: 1px #333 solid;
    background: maroon!important;
    opacity:0.8!important;
    color: white; }


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.glyphicon-modal-window:before {
  content: "\e237"; }


.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2; }
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5; }
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; }
.modal-open {
  overflow: hidden; }
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
.fade {
	opacity: 0; }
.fade.in {
	opacity: 1; }

	       
 .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%); }     
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0); }        
          
          
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
.modal-header .close {
  margin-top: -2px; }
.modal-title {
  margin: 0 60px 0 0;
  line-height: 1.42857143; }
	.modal-title a {
		font-size: 15px;
		padding: 2px 8px;
    	border: 1px solid #aaa;
    	margin-right: 0.5rem;
    	box-shadow: 0 1px 1px #ddd; }
	.modal-title a:hover,
	.modal-title a:focus {
		color: #000; }    	
	.modal-title a:after {
		content: ' view course info';
	    font-style: italic;
	    font-size: 0.9em;
	    margin-left: 4px;
	    padding: 2px; }


.modal-body {
  position: relative;
  padding: 15px; }
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
  margin-left: 0; }
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }


.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }
.modal-header:after,
.modal-footer:after {
  clear: both; }
    
.modal-open {
	padding-right: 0!important; }
	    
.fade {
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear; }


@media screen and (max-width: 605px){
	.modal .modal-dialog{
		margin-top:55px;
		margin-bottom: 0; }
}
@media (min-width: 768px) {
  .modal-dialog {
    	width: 600px;
    	margin: 30px auto; }
  .modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }
  .modal-sm {
    	width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px; }
}



.cdmPopUp_show-icon-wrapper {
    position: relative;
    display: inline-block; 
    overflow: hidden; }
.cdmPopUp_show-icon-wrapper a span {
    top: calc(50% - 0.66em);
    position: absolute;
    left: calc(50% - 0.33em);
    opacity: 0.5;
    color: white;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.6); }
.feature .cdmPopUp:hover,
.feature .cdmPopUp:focus {
	outline: 1px solid black; }    
.feature .cdmPopUp .fa {
    top: calc(50% - 3.6rem);
    position: absolute;
    left: calc(50% - 0.3rem);
    opacity: 0.5;
    color: white;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.6); }
.feature .cdmPopUp:hover .fa,
.feature .cdmPopUp:focus .fa {
	    opacity: 0.8; } 
.cdmPopup-img {
	max-width: 100%; }




/* ==7) Master Slider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ms-skin-default .ms-slide .ms-slide-vcbtn {
    border: 5px solid rgba(255,255,255,0.7);
	border-radius: 30px; }
.ms-skin-default .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-default .ms-slide .ms-slide-vcbtn:focus {
    border: 5px solid #235b94;
    background-color: #111;
	border-radius: 30px; }


.ms-menu-bar-darker {
	 background: rgba(0,0,0,0.7)!important; }
.ms-menu-bar-darkest {
	 background: rgba(0,0,0,0.9)!important; }


.ms-bullet {
	z-index: 2; }
.ms-bullet button {
	background: transparent;
	position: relative;
	z-index: 1;
	border: 0;
	min-width: 0;
	width: 10px;
	height: 10px;
	padding: 0;
	margin-left: 0;
	margin-top: -8px;
	bottom: 7px; /*fix alignment */}
	
@media screen and (max-width: 650px) {
	.ms-mobile-only { display: inline; }
}

@media screen and (min-width: 651px) {
	.ms-mobile-only { display: none; }
}




/* ==7) Smart Menu	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sm-blue {
	float: left;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	border-radius: 0;
	background: #888;
	text-align: center;  }
    
.slid-out .sm-blue {
	margin-top: 100px; }
  
.sm-blue a {
	background: #888!important; }   
 
#smart-nav:after {
	content: "";
	display: table;
	clear: both; }
.ctiMenuActiveSiteNodeContainer {
	border-right-color: #666!important; }
.ctiMenuActiveSiteNodeContainer .sub-arrow {
	display: none; }
.ctiMenuActiveSiteNodeContainer ul ul {
	margin-left: 0!important;
	margin-top: 0!important; }

/*.ctiMenuActiveSiteNodeContainer a {
	background: #666!important; }*/
.sm-blue .ctiMenuActiveSiteNode {
	background: #666!important; }
div .sm-blue li a:hover {
	background: #520a15!important; }

.sm-blue > li {
	border-top: 0;
	border-left: 1px solid #444;
	border-right: 1px solid #999;
	text-align: left;
	float: none;
	display: inline-block!important; }
.sm-blue > li:last-child {
	border-right: none; }
.sm-blue ul {
	border: 1px solid #777;
	border-right: 0;
	border-left: 0;
	background: rgba(0,0,0,0.45)!important;
	box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.25);
	border-radius: 0;
	z-index: 4!important; }
.sm-blue > li:first-child:hover ul {
	box-shadow: none;
	border: none; }
.sm-blue > li:last-child > a,
.sm-blue > li:last-child > :not(ul) a,
.sm-blue > li:first-child > a,
.sm-blue > li:first-child > :not(ul) a {
	border-radius: 0!important; }

.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
	font-family: "Roboto", sans-serif;
	font-weight: normal!important;
	font-size: 18px; }

.sm-blue ul a,
.sm-blue ul a:hover {
	font-size: 16px!important;
	line-height:1!important;
	font-weight: normal; } 	
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    color: #fafafa!important;
    padding: 9px 17px; }

.sm li:hover  {
	box-shadow: none; }
.sm li a:hover,
.sm li a:focus  {	
	text-decoration: underline; }
.sm-blue a.has-submenu + ul { 
	top: initial!important; }
.sm-blue a.has-submenu + ul a.has-submenu + ul { 
	top: 0!important; }
.sm-blue ul ul { 
    width: 100%!important;
    left: calc(100% + 1px)!important;
    top: 0!important;
    outline: 1px #888 solid; }

body:not(.ipd) nav#smartNavWrapper li:nth-child(4) li:nth-child(3) {
    border-bottom: 2px solid #ccc;
}

/*&*/
:not(.ipd) .sm-blue > li:nth-child(1n + 7) a {
    background: var(--color2)!important;
    color: white!important;
    box-shadow: inset 0px -4px 0px #eee, inset 0px 4px 0px #eee,inset 4px 0px 0px #eee,inset -4px 0px 0px #eee!important;
}


/* ==7) Google ReCaptcha
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.g-recaptcha div div {
	margin: 0 auto;  }		
div#recaptcha_widget_div * {
	width: initial;
	padding: 1px;
	max-width: 314px;
	margin: 0 auto; } 


@media screen and (max-width: 768px) and (min-width: 720px) {
	.col-2-thirds #rc-imageselect,
	.col-2-thirds .g-recaptcha {
		transform:scale(0.77);-webkit-transform:scale(0.77); transform-origin:0 0;-webkit-transform-origin:0 0; }
}
@media screen and (max-width: 719px) and (min-width: 606px) {
	.col-2-thirds #rc-imageselect,
	.col-2-thirds .g-recaptcha {
		transform:scale(0.62);-webkit-transform:scale(0.62); transform-origin:0 0;-webkit-transform-origin:0 0; }
}
@media screen and (max-width: 605px) and (min-width: 530px) {
	.col-2-thirds #rc-imageselect,
	.col-2-thirds .g-recaptcha {
		transform:scale(0.7);-webkit-transform:scale(0.7); transform-origin:0 0;-webkit-transform-origin:0 0; }
}
@media screen and (max-width: 529px) and (min-width: 430px) {
	.col-2-thirds #rc-imageselect,
	.col-2-thirds .g-recaptcha {
		transform:scale(0.62);-webkit-transform:scale(0.62); transform-origin:0 0;-webkit-transform-origin:0 0; }
}







/* ==7) Font-Awesome Custom
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fa-facebookCDM:before {
	content:"\f09a" }
.fa-twitterCDM:before {
	content:"\f099" }
.fa-linkedinCDM:before {
	content:"\f0e1" }




/* ==7) Slick Slider (accessible)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.slick-track {
	display: flex;
	align-items: flex-start;
	margin-top: 50px }

.slick-list {
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 1px; }
	.slick-list .feature {
		margin: 0;
		min-height: 460px; }
		
.slick-slide {
    margin-right: 1px; }
    
.slick-dots {
	position: absolute;
	top: 30px;
	left: 0;
	padding-left: 0; }    
.slick-dots li {
	 display: inline; }
.slick-dots li button {
	 min-width: 0;
	 width: 25px;
	 height: 20px; }

.slick-slider { position: relative; }
.slick-next {
	position: absolute;
	top: 0px;
	left: 155px; }


/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #2b2b2b;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: 0.1em;
	border-radius: 0.3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #d4d0ab;
}

.token.punctuation {
	color: #fefefe;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #ffa07a;
}

.token.boolean,
.token.number {
	color: #00e0e0;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #abe338;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #00e0e0;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #ffd700;
}

.token.keyword {
	color: #00e0e0;
}

.token.regex,
.token.important {
	color: #ffd700;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

@media screen and (-ms-high-contrast: active) {
	code[class*="language-"],
	pre[class*="language-"] {
		color: windowText;
		background: window;
	}

	:not(pre) > code[class*="language-"],
	pre[class*="language-"] {
		background: window;
	}

	.token.important {
		background: highlight;
		color: window;
		font-weight: normal;
	}

	.token.atrule,
	.token.attr-value,
	.token.function,
	.token.keyword,
	.token.operator,
	.token.selector {
		font-weight: bold;
	}

	.token.attr-value,
	.token.comment,
	.token.doctype,
	.token.function,
	.token.keyword,
	.token.operator,
	.token.property,
	.token.string {
		color: highlight;
	}

	.token.attr-value,
	.token.url {
		font-weight: normal;
	}
}





/*******************
  Content blocks
********************/
.conTent {
  margin: auto;
  padding: 20px;
  width: 600px;
}

  .conTent:after,
  .buttons::after {
    clear: both;
    content: '';
    display: table;
  }


/***************
  Buttons
****************/
.button {
 
  font-size: 16px;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  width: 48%;
  border: 1px solid var(--alternative-color--light);
}

  .button:hover,
  .button:focus {
    background-color: var(--alternative-color--light);
    color: var(--alternative-color--dark);
    border: 1px solid var(--alternative-color--dark);
    text-decoration: underline;
  }

  .button:focus {
    outline: 4px dashed black;
    outline-offset: 2px;
  }

.buttons {
  padding: 0 20px 20px;
  margin-bottom: 10px;
}

  .buttons .button {
    float: left;
    margin: 5px;
  }

.filter .button {
  margin-bottom: 40px;
}


@media (max-width: 768px) {
  .fixed-header {
    display: none !important;
  }

  .header ul.nav li {
    display: block;
    margin: 20px;
  }

  .alt-background h3 {
    font-size: 24px;
  }

  .button {
    margin: 0 auto 20px;
    width: auto;
  }

  .button.first {
    margin-top: 40px;
  }

  .buttons {
    padding: 0 0 20px;
  }

  .buttons .button {
    float: left;
    font-size: 12px;
    margin: 1%;
    width: 48%;
  }

  .center {
    margin-left: -40px;
    margin-right: -40px;
  }

  .center .slick-center h3 {
    color: #e67e22;
    opacity: 1;
    transform: scale(1);
  }

  .center h3 {
    opacity: 0.8;
    transform: scale(0.95);
    transition: all 300ms ease;
  }

  .conTent {
    margin: auto;
    padding: 20px 40px;
    width: auto;
  }

  .fixed-header .header-content {
    width: auto;
  }

}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
==========  **8) Specific Pages ===============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ==8) Search Results
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
7) KF-Slider (CSS background-image (accessible) simple slider)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* http://urbaninfluence.com/2015/05/make-a-background-image-slider-with-css-keyframes/ */
.sect-banner {
  display: table;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 100vh;
  color: rgba(255, 255, 255, 0.9); }
.sect-banner .v-center {
	position: relative;
	z-index: 2;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 4;
    padding: 0 5%; }
.sect-banner .v-center h1 {
	-webkit-animation: fade-in ease-in-out 2s 0.5s both;
	-moz-animation: fade-in ease-in-out 2s 0.5s both;
	animation: fade-in ease-in-out 2s 0.5s both; }
.sect-banner .v-center p {
	font-size: 120%;
	-webkit-animation: fade-in ease-in-out 2s 1s both;
	-moz-animation: fade-in ease-in-out 2s 1s both;
	animation: fade-in ease-in-out 2s 1s both; }
.kf-slider {
	margin: 0;
	padding: 0;
	min-height: 70vh; }

ul.kf-slider li {
	background-position-y:  50%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 70vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	background-position: 50% 10%;
	opacity: 0; }
	
/*the js is not listening for pixel density media queries so for now serving full size "@2" webp to all. better than blurry version */	
.sect-banner ul.kf-slider li:nth-child(1) {
	background-image: url('/PublishingImages/hero-SOC-02@2.jpg');
	background-image: url('/PublishingImages/hero-SOC-02@2.webp'); }
.sect-banner ul.kf-slider li:nth-child(2) {
	background-image: url('/PublishingImages/hero-SCA-05@2.jpg');
	background-image: url('/PublishingImages/hero-SCA-05@2.webp');	 }
.sect-banner ul.kf-slider li:nth-child(3) {
	background-image: url('/PublishingImages/hero-SOC-05.jpg');
	background-image: url('/PublishingImages/hero-SOC-05.webp'); }
/*
.sect-banner ul.kf-slider li:nth-child(3) {
	background-image: url('/PublishingImages/hero-SOD-01@2.jpg');
	background-image: url('/PublishingImages/hero-SOD-01@2.webp'); }

.sect-banner ul.kf-slider li:nth-child(4) {
	background-image: url('/PublishingImages/hero-SCA-04.jpg');
	background-image: url('/PublishingImages/hero-SCA-04.webp');*/	 }

/*the js is not listening for these */
@media screen and (min-width: 533px) and (device-pixel-ratio: 3),
		screen and (min-width: 800px) and (device-pixel-ratio: 2), 
		screen and (min-width: 1000px) {
	.sect-banner ul.kf-slider li:nth-child(1) {
		background-image: url('/PublishingImages/hero-SOC-02@2.jpg');
		background-image: url('/PublishingImages/hero-SOC-02@2.webp'); }
	.sect-banner ul.kf-slider li:nth-child(2) {
		background-image: url('/PublishingImages/hero-SCA-05@2.jpg');
		background-image: url('/PublishingImages/hero-SCA-05@2.webp');	 }
	.sect-banner ul.kf-slider li:nth-child(3) {
	background-image: url('/PublishingImages/hero-SOC-05.jpg');
	background-image: url('/PublishingImages/hero-SOC-05.webp');  }

}

ul.kf-slider li.slider-animation-in {
	animation: slider-animation-in 2.5s;
	animation-fill-mode: forwards; }
ul.kf-slider li.slider-animation-out {
	animation: slider-animation-out 2.5s;
	animation-fill-mode: forwards; }







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
==========  **8) Specific Pages ===============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ==8) Ambassadors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ambassadorButton,
.ambassadorButton:LINK,
.ambassadorButton:VISITED {
	background: #5e80a2;
	color: #fff;
	display: block;
	font: 12px 'GothamBookRegular';
	margin: 0 0 5px 0;
	padding: 10px 5px;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	width: 160px;
	transition: all .15%s ease; }
.ambassadorButton:HOVER {
	background: #48637d;
	box-shadow: 0 1px 0 #fff; }
.ambassadorButton:active {
	background: #2c4155; }
div.ambassadorChannel {
	background: #fff;
	position: relative;
	font: 11px Verdana, Geneva, sans-serif;
	padding-right: 7px; }
a.btAmbassador {
	background: url('/PublishingImages/v2/btAskAQuestion.png') no-repeat;
	display: block;
	text-indent: -1000px;
	height: 31px;
	width: 127px;
	opacity: .85;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear; }
a.btAmbassador:HOVER {
	background-position: 0 -31px;
	opacity: 1; }
a.btAmbassador:ACTIVE {
	background-position: 0 -62px; }
.copyAmbassador {
	font: 13px/16px 'GothamBookRegular', sans-serif; }
.copyAmbassador a, .copyAmbassador a:LINK, .copyAmbassador a:VISITED {
	color: #0066a9;
	text-decoration: none; }
.copyAmbassador a:HOVER {
	color: #666; }
.copyAmbassador a:active {
	color: #0066a9; }
.copyAmbassador span {
	color: #00507a;
	display: block;
	font: 18px 'GothamMediumRegular', sans-serif;
	margin: 5px 0 8px 0;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase; }
.ambassadorProfile .facultyInfo {
	font: 18px/26px 'GothamBookRegular', sans-serif; }
.ambassadorProfile .facultyInfoHeader:after {
	display: none; }
.ambassadorProfile .facultyInfoHeader:hover {
	cursor: default; }

/*Ambassadors on Splash Pages */
body .ambassadorContainer .board {
 	height: auto!important;
 	padding: 10px!important;
 	border-top: 5px solid #375e88; }

img.ambassador--none-img {
    max-width: 500px;
    background: #f8f8f8; }
p.ambassador--none-message {
	font: 700 16px 'Source Sans Pro', arial, san-serif; }	
.card > .ugName > a {
	display: block;
	padding: 10% 14px 33% 14px;
	background: #e9e9e9 url('/PublishingImages/gen-DePaul-University-CDM-02.jpg') top no-repeat;
	background: #e9e9e9 url('/PublishingImages/logo-tree-of-life-01.svg') top no-repeat;
	font-size: 14px;
	background-size: cover;
	text-shadow: -1px 1px 1px #000, 1px -1px 1px #000;
	box-shadow: inset 0px 0px 200px #000, inset 0 0 270px #000;
	color: #fff; }	
.card > .ugName > a:hover {
	box-shadow: inset 0 0 260px #235b94, inset 0 0 200px #235b94;
	color: #fff; }


/* ==8) Class Info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.classInfoHeader {
    font-size: 0.7rem;
    line-height: 1.5;
    padding: 20px;
    background: #e5f3ff; }
.classInfoHeader h2 {
    font-size: 1.3rem;
    margin: 0;
    padding-top: 10px; }
div.schedule div.classInfo div {
    margin-bottom: 3px; }




/* ==8) Course Syllabi
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#courseScheduleContainer {
	margin-top: 30px; }
#courseScheduleContainer input[type="submit"] {
	color: #fff;
	background: #235b94;
	float: right;
    padding: 10px 20px;
    border: none;
    font-size: 16px; }
#courseScheduleContainer input[type="submit"]:hover,
#courseScheduleContainer input[type="submit"]:focus {
	background: #333; }

/*h2.classGroup {
    font-size: 17px;
    color: #333;
    margin: 1.5em 0 .5em 0; }*/
div.classList .classContainer {
	height: auto!important; }
div.classList .classContainer {
	padding: 0.5em 0; }
div.classList span.col1,
div.classList span.col2 {
	display: inline-block;
    height: auto !important;
    box-sizing: border-box;
    margin: 0!important;
    float: none!important;
    display: inline-block; }
div.classList span.col1 {
    width: 59% !important; }
div.classList span.col2 {
    width: 39% !important;    
    vertical-align: top;
    padding-left: 5px; }
    

/* ==8) Course Catalog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
.courseCatalog {
	margin-left: 5px; }
div.courseCatalogSubject {
	color: #444;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 2px; }
div.courseCatalogSubject:hover,
div.courseCatalogSubject:focus {
	color: #111;
	cursor: pointer; }
div.courseCatalogSubject a {
	font-size: 11px; }
div.courseCatalogCourse {
	color: #666;
	margin: 0 0 0 0; }
div.courseCatalogCourse:hover,
div.courseCatalogCourse:focus {
	color: #333;
	cursor: pointer; }
div.courseCatalogCourseDetail {
	margin: 2px 0 15px 29px; }
span.courseCount {
	font-size: 11px;
	color: #555; }
span.courseCount:hover {
	cursor: text; }
ol.courseCatalog {
	padding-left: 0;
	list-style-type: none; }
ol.courseCatalog button {
    border: 1px solid #ddd;
    background: #e5f3ff;
    font-size: 14px;
    text-align: left;
    padding: 10px; }
ol.courseCatalog button:hover,
ol.courseCatalog button:focus { 
	cursor: pointer;
	background: #235b94;
	color: #eee; }
ol.courseCatalog ol {
	list-style-type: none;
	padding-left: 0; }
ol.courseCatalog ol button {
	background: transparent;
	border: none; }
ol.courseCatalog ol button:hover,
ol.courseCatalog ol button:focus {
	background: transparent; }
ol.courseCatalog ol button div:hover,
ol.courseCatalog ol button div:focus {
	color: #235b94;
	text-decoration: underline; }

#CourseList img {
	width: auto; }
	
.courseCatalog button + div {
    padding-left: 35px; }
.courseCatalogCourseDetail {
	line-height: 1.2!important;
	background: #fafafa;
	padding: 10px;
	box-shadow: inset 0 2px #777; }
.courseCatalogCourseDetail a {
	display: block; }
.expandoed {
	font-weight: bold; }

#courseCatalogFilterContainer {
	width: 100%;
    background-color: #e6e6e6!important;
    padding: 20px;
    float: left;  }
#courseCatalogFilterContainer,
#courseCatalogFilterContainer * {    
        box-sizing: border-box; }
#courseCatalogFilterContainer > div {
	width: 49%;
	float: left;
	margin: 7px 0; }	    
#courseCatalogFilterContainer > div:nth-child(odd) {
	margin-right: 2%; }
#courseCatalogFilterContainer label:not(:first-child) {
	display: block;
	margin-top: 1em; }
#courseCatalogFilterContainer input[type="text"],
#courseCatalogFilterContainer select {    
	width: 100%;
	padding: 5px; }
.courseCatalogFilterContainer--buttons {
	margin-top: 20px; }
.courseCatalogFilterContainer--buttons input[type="button"] {
	margin-top: 1.33em; }



/* ==8) Course Schedule
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/*.course ul li a {
	list-style-image: none !important; }
div.course {
	padding-top: 5px; }
div.course a {
	font-size: 10pt;
	color: #005c96 !important; }
div.course a:hover {
	text-decoration: underline !important;
	color: #005c96 !important; }

span.closed {
	color: red; }

div.sections ul li a {
	background-image: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 8pt !important; }

div#courseScheduleContainer {
	width: 100%;
	margin-top: 15px; }
div#courseScheduleContainer p {
	margin-left: 0px; }

div#courseScheduleFilter {
	background-color: #f2f3ef;
	padding: 10px 0 0 10px;
	margin-bottom: 25px;
	overflow: hidden; }
div#courseScheduleFilterTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0; }
	
#courseScheduleFilter div.col2 {
	padding: 0px 0 10px 0;
	float: left; }
#courseScheduleFilter div.col1 {
	font-size: 12px;
	float: left;
	width: 120px;
	clear: left;
	padding-bottom: 10px; }
*/


#courseScheduleContainer {
	width: 100%;
    background-color: #e6e6e6!important;
    padding: 20px;
    float: left;
    margin-bottom: 20px;  }
#courseScheduleFilter *,
#courseScheduleContainer {    
    box-sizing: border-box; }
#courseScheduleFilter h2 {
    margin-top: 10px; }    
#courseScheduleFilter > div {
	width: 49%;
	float: left;
	margin: 7px 0; }	    
#courseScheduleFilter > div:nth-child(even) {
	margin-right: 2%; }
#courseScheduleFilter label:not(:first-child) {
	display: block;
	margin-top: 1em; }
#courseScheduleFilter input[type="text"],
#courseScheduleFilter select {    
	width: 100%!important;
	padding: 5px; }
#courseScheduleFilter input[type="submit"] {
	margin-top: 15px; }

.scheduleItem span {
    display: inline-block;
    width: 80px;
    vertical-align: top; }
.scheduleItem span + div {
    display: inline-block;
    padding: 0px 0 5px 45px; }
#courseScheduleContainer + .CTIPageSectionHeader {
    margin-bottom: 0px!important;
    clear: both; }


/* ==8) Curriculumn & Requirments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* trying to depricate the h2 id #programPageConcentration. */
#page_container .threeColumn [class*="ExternalClass"] h2 {
	margin: 10px 0 -10px;
    font: 600 1.5rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important; }



/* ==8 ) Dean's List
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#deansList h3 {
    /*color: #097b76!important;*/
    color: var(--color2)!important;/*&*/
    /*border-bottom: 4px solid #097b76;*/
    border-bottom: 4px solid var(--color2);/*&*/
    margin: 1rem 0 0 0;
    font-size: 2rem; }
#deansList ol {
	list-style: none;
	padding: 0;
	display: flex;
    flex-flow: row wrap; }
#deansList li {
	flex-basis: 50%;
	max-width: 50%; }
#deansList .fa:before {
    font-size: 1.2rem; }	




	

/* ==8) Undergraduate Ambassadors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
#ugAmbassadors {
	display: block;
	margin-left: -50px !important;
	zoom: 1; }
#ugAmbassadors li {
	float: left;
	list-style: none;
	width: 173px;
	margin: 0 0 23px 22px; }

.card {
	width: 171px;
	padding: 15px 15px 0;
	font-size: 11px;
	background-color: #fbfbfb;
	border: 1px solid #dfdfdf;
	box-shadow: 0 1px 0 rgba(34,25,25,0.4);
	position: relative; }
.card a img {
	/* border: 1px solid #afafaf;*/ }
.board {
	height: 225px;
	width: 171px !important;
	padding: 0 !important; }
.ambassadorMainboard {
	height: 165px;
	width: 151px !important;
	padding: 10px !important; }
.board .ugLink {
	display: block;
	overflow: hidden;
	padding-top: 11px;
	padding-right: 0; }
.moduletext .board .ugLink {
	display: block;
	overflow: hidden;
	padding-top: 11px;
	padding-right: 0;
	width: 244px !important;
	margin-top: -15px; }
.moduletext .board {
	height: 200px !important; }
.moduletext .card a img {
	width: 242px !important;
	/* border: 1px solid #ccc; */ }
	
/* Ambassador overrides for Program Splash pg's */	
.col-thirds	.card,
.col-thirds	.moduletext .card {
	background: transparent!important;
	border: none;
	border-radius: none;
	box-shadow: none;
	position: relative; }
.col-thirds	.board,
.col-thirds	.moduletext .board {
	width: 100%!important;
	height: auto!important; }
.col-thirds	.moduletext .card a img {
	width: 100%!important;
	height: auto!important; }	
.col-thirds	.moduletext .contactAmbassador,
.col-thirds	.contactAmbassador {
	position: absolute;
	right: 0;
	left: auto;
	bottom: 0; }
.col-thirds .moduletext .ugProgram {
	margin-right: 30px; }	

	
	
.dtvMenu .ui-widget-header {
	background: none;
	border: 1px solid transparent; }
.dtvMenu .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: none;
	border: 1px solid transparent; }
.dtvMenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
	border: 1px solid transparent; }
div.dtvMenu {
	border-bottom: 0; }
.dtvMenu .ui-tabs {
	padding: 0; }
.dtvMenu .sortable {
	margin-left: -82px !important; }
.dtv {
	position: relative;
	min-width: 760px;
	width: 801px;
	margin: 0 auto;
	border: none; }
.ugName {
	color: #333;
	font: 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 0 5px 0;
	text-shadow: 0 1px 0 #fff;
	width: 145px; }
.moduletext .ugName {
	color: #333;
	font: 15px "Source Sans Pro", Arial, Helvetica, sans-serif;	
	padding: 0 !important;
	text-shadow: 0 1px 0 #fff;
	width: 244px;
	width: 100%; }
.ugProgram {
	color: #555;
	font: 11px "Source Sans Pro", Arial, Helvetica, sans-serif; }
.moduletext .ugProgram {
	color: #555;
	font: 11px "Source Sans Pro", Arial, Helvetica, sans-serif;
	padding-left: 0 !important; }
.ugButton, .ugButton:LINK, .ugButton:VISITED {
	font: 11px 'GothamBookRegular';
	color: #415962 !important;
	margin: 0 0 0 11px;
	padding: 5px 0;
	position: absolute;
	bottom: 10px;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	text-shadow: 0 1px 0 #bbb;
	border: solid #CCC 1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#afbec4), to(#83969d));
	background: -moz-linear-gradient(top, #afbec4, #83969d);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#afbec4, endColorStr=#83969d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#afbec4, endColorStr=#83969d);

	display: block;
	min-width: 145px; }
.moduletext .ugButton,
.moduletext .ugButton:LINK,
.moduletext .ugButton:VISITED {
	font: 11px 'GothamBookRegular';
	color: #415962 !important;
	margin: 0 0 0 45px;
	padding: 5px 0;
	position: absolute;
	bottom: 10px;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	text-shadow: 0 1px 0 #bbb;
	border: solid #CCC 1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#afbec4), to(#83969d));
	background: -moz-linear-gradient(top, #afbec4, #83969d);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#afbec4, endColorStr=#83969d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#afbec4, endColorStr=#83969d);
	display: none;
	min-width: 145px; }
.ugButton:hover {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#83969d), to(#afbec4));
	background: -moz-linear-gradient(top, #83969d, #afbec4);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#83969d, endColorStr=#afbec4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#83969d, endColorStr=#afbec4);
	box-shadow: 0 1px 0 #fff; }
.ugContactButton, .ugContactButton:LINK, .ugContactButton:VISITED {
	font: 12px 'GothamBookRegular';
	color: #415962;
	padding: 5px 0;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	border: solid #8e9ca1 1px;
	background-color: #A9B9BF;
	display: inline-block;
	min-width: 153px; }
.ugContactButton:hover {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#83969d), to(#afbec4));
	background: -moz-linear-gradient(top, #83969d, #afbec4);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#83969d, endColorStr=#afbec4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#83969d, endColorStr=#afbec4);
	box-shadow: 0 1px 0 #fff; }
.ugContactButton:before {
	content: "\f0e0";
	font-family: fontawesome;
	padding-right: 3px; }
.ugLeft {
	float: left;
	width: 145px;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	height: 150px; }
.ugRight {
	float: left;
	width: 400px; }
.ugContainer {
	width: 600px;
	padding: 10px; }
.ugContainer .quote {
	border-top: 1px solid #d1d1d1;
	color: #333;
	width: 580px;
	float: left;
	padding: 10px 0;
	font: 18px/25px 'GothamBookRegular', Arial, Helvetica, sans-serif; }
.undergraduateName {
	color: #444;
	font: 40px 'GothamMediumRegular', Arial, Helvetica, sans-serif; }
.ugPopup p {
	font: 14px/18px 'GothamBookRegular', Arial, Helvetica, sans-serif; }
.ugPopup p span {
	font: 14px/18px 'GothamMediumRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase; }




/* ==8) Ambassador
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ambassador {
	background: #ddd url("/PublishingImages/ambassador-ug-Matt-Anderson-01.png") 120% top no-repeat;
	background-size: 290px;
	padding: 4%;
	margin-top: 16px; }
.ba-dc-ambassador {
	 }
.ambassador-c2a {
	font-size: 17px; }
.ambassador-c2a::before {
	content: "\f0e0";
	font-family: "fontawesome"; }
.ambassador-message {
	font-size: 17px;
	width: 50%; }
.ambassador-name {
	color: #777;
	margin-bottom: 0px!important; }
.ambassador-major {
	color: #777;
	margin-top: 0!important; }		


.Ambassador-List .feature--text {
    font-size: 0.66rem;
    margin: -10px 0 20px 0!important; }
.Ambassador-List .feature--title:after,
.Ambassador-List .feature--title:hover:after {
	display: none!important; }
 

.Ambassador {
	margin-top: 10px; }
/*.Ambassador h1 {
	font-weight: 400!important; }*/
 
.Ambassador input[type="submit"] {
	margin-top: 0px; }
.Ambassador img {
    outline: 1px solid #ccc;
    border: 2px solid #fafafa;
    max-width: calc(100% - 4px); }
.Ambassador .quote-wrapper p {
    padding-bottom: 20px;
    margin: -18px 0 0 0!important; }
.Ambassador .PageTitle-v02--med-tagline + p,
.Ambassador .PageTitle-v02--med-tagline + p + p	{
	margin: 0.5rem 0!important;
	font-size: 0.7rem;
	font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;	 }
.Ambassador .grid-noGutter {
	margin-top: 20px; }
	 

/* Ambassador Contact Form */
.ambassadorMailer,
.ambassadorMailer * {
	width: 100%;
	box-sizing: border-box;	 }
.ambassadorMailer {
	margin-top: 20px; }
.ambassadorMailer .label,
.ambassadorMailer label,
.Ambassador label {
	color: #555;
	font: 18px "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif; }

	
.ambassadorMailer input,
.ambassadorMailer textarea {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.428571429;
	color: #555;	
	margin: 2px 0 20px -5px;
	margin: 5px 0 1em 0;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: 		inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,
						box-shadow ease-in-out .15s;
	transition: 		border-color ease-in-out .15s,
						box-shadow ease-in-out .15s; }
	
	
.ambassadorMailer input:focus,
.ambassadorMailer textarea:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow:			inset 0 1px 1px rgba(0,0,0,0.075),
						0 0 8px rgba(102,175,233,0.6); }
	
.ambassadorMailer input[type="submit"],
.Ambassador button {
	color: #fff!important;
	text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	float: none;
	border: 1px #749a02 solid;
	background: #819e29;
	background: -webkit-gradient(linear, left top, left bottom, from(#819e29), to(#A3BF50));
	background: linear-gradient(to top, #819e29, #b6d360);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#819e29', endColorstr='#A3BF50');
	font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 1em 0;
	padding: 1em 0;
	width: 100%;
	min-width: 100px;
	border-radius: 0;
    box-shadow:  0 1px 1px rgba(0,0,0,0.4);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.45),
    			 1px 1px 14px #749a02;
    letter-spacing: .2em; }
.ambassadorMailer input[type="submit"]:hover,
.Ambassador button:hover {
	color: #819e29;
	cursor: pointer; 
	border: 1px #749a02 solid;
    background: #b6d360;
    background: -webkit-gradient(linear, left bottom, left top, from(#819e29), to(#b6d360));
    background: linear-gradient(to bottom, #819e29, #b6d360);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6d360', endColorstr='#819e29'); }


	



/* ==8) Faculty Info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
.faculty .col-thirds {
	width: 200px!important;
	padding: 1em 0;
	margin-right: 15px; }
.faculty .col-2-thirds {
	width: calc(100% - 220px)!important;
	padding-right: 0; }



div.facultyInfoHeader {
	background-color: #4b5257;
	border-radius: 3px;
	font: 16px 'roboto', arial;
	font: 1rem 'Source Sans Pro', arial;
	color: #fff;
	margin: 8px 0px;
	cursor: pointer;
	display: block;
	width: 100%;
	padding: 5px;
	line-height: 1; }
.faculty h2:after,
.facultyInfoHeader:after {
	content: "\f0d7";
    color: #ddfdfc;
	font-size: 18px;
	font-family: fontawesome;
	padding-right: 5px;
	float: right; }	
 
.faculty h2.expanded:after {
	content: "\f0d8"; }

div.facultyInfoHeader:first-child {
	margin-top: 0 !important; }
div.facultyInfo {
	padding: 10px;

	margin-bottom: 10px;
	/* margin-right: -12px; */ }
.additionalInfo {
	margin-top: 15px;
}
.additionalInfo h3 {
	margin-top: 15px;
}
ol.hoursList {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding-left: 0; }
div.infoUnavailable {
	font-style: italic; }
#facultyInfoCell {
	padding-left: 12px;
	width: 80%; }
/*#facultyInfoCell .facultyCourse:hover {
	background: #ffffaa; }
#facultyInfoCell .facultyCourseContainer .facultyCourse:hover {
	background: none; }	
#facultyInfoCell .facultyCourse a {
	display: block; }*/
div.facultyInfo span {
	display: table-cell; }
div.facultyInfo span.col1 {
	border-right: 1px solid #dfdfdf;
	float: left;
	/* min-height: 30px; */
	width: 90px;
	margin-right: 10px; }
div.facultyInfo span.col2 {
/*	margin-left: 0.5rem;
	margin-left: 7px; 
	width: 280px;*/
	float: left;
	border-right: 1px solid #dfdfdf;
	margin-right: 10px;
	padding-right: 10px; }
div.facultyInfo span.col3 { 
	float: right; }
div#facultyCourses span.col2 {
	float: none !important;
	border-right: none !important; }
div.facultyCourse:hover {
	/*background: #b3d5d0;*/
	background: var(--color1-L4);/*&*/ }
div.facultyCourse {
    border-bottom: 1px solid #afafaf;
    min-height: 1em;
    padding: 5px;
    width: 100%;
    display: inline-block; }

div.facultyCourseContainer {
	margin-bottom: 10px; }
div.facultyCourseContainer h3 {
    /*font-size: 18px;*/
    margin: 5px 5px 10px; }
div.facultyCourseContainer + .facultyCourseContainer h3,
div.facultyCourseContainer + .facultyCourseContainer + .facultyCourseContainer h3,
div.facultyCourseContainer + .facultyCourseContainer + .facultyCourseContainer + .facultyCourseContainer h3 {
	margin-top: 1.5em; }    
div.facultyCourseContainer span.col1 {	
	/*width: 110px;*/
	min-width: 80px; }
div.facultyCourseContainer span.col2 {
	width: 140px;
	margin-right: 10px; }
.facultySidebar {
	word-wrap: break-word; }
.hoursList {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important; }
span.weekGroup {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
	width: 100%; }
div.hourEntry {
	white-space: normal;
	padding: 3px; }
table.calNav {
	margin-top: 10px; }
table.calNav td {
	background-color: #C8CAC4;
	padding: 3px; }
table.calNav td a {
	color: #3A3D31 !important; }
table.calNav td:hover {
	background-color: #520A15; }
table.calNav td:hover a {
	color: #FFFFFF !important; }



/*.faculty h1 {
	font-weight: 400!important; }*/
article.faculty h1 {
    margin-top: 20px; }	
	
.faculty h2 {
    font-size: 1rem!important;
    /*background: #097b76;*/
    background: var(--color2);/*&*/
    color: #ddfdfc!Important;
    padding: 10px 5px 6px 10px;
    margin-left: -5px;
    margin: 0 0 10px 0; }
.faculty img {
	width: 100%;
	outline: 1px solid #ccc;
    border: 2px solid #fafafa; }
.faculty .col-thirds ul {
	padding-left: 0;
	list-style: none; }
.faculty .col-thirds ul li,
.faculty .col-thirds ul span {
	font-size: 15px!important;
	font-family: "Source Sans Pro", sans-serif!important;
    margin-bottom: 0.5rem; }
    
[class*="Faculty"] h2:hover,
[class*="Faculty"] h2:focus {
	cursor: pointer; }

    
.faculty .col-thirds ul li strong {
	display: block;
	margin-bottom: -3px; }
.faculty .col-thirds button {
	margin: 0;
	min-width: 0;
	box-sizing: border-box; }
.faculty .col-thirds button:hover {
	cursor: pointer; }
.faculty .col-thirds button {
	width: 60%;
	float: left;
	margin-bottom: 20px; }
.faculty .col-thirds button#advisingPrev,
.faculty .col-thirds button#advisingNext,
.faculty .col-thirds button#officePrev,
.faculty .col-thirds button#officeNext {
	width: 20%; }
.faculty span.weekGroup {
	margin-right: 0; }

.faculty .hoursList {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important; }
#advisingNext:after,
#officeNext:after {
	content: "\f0da";
	font-family: "fontawesome";
	font-size: 13px;
	padding: 0 5px; }
#advisingPrev:after,
#officePrev:after {
	content: "\f0d9";
	font-family: "fontawesome";
	font-size: 13px;
	padding: 0 5px; }
.faculty .col-thirds {
    overflow-wrap: break-word; }
.faculty .col-thirds li {
    overflow-wrap: break-word;
    line-height: 1.3; }


	

/* ==8) Facutly: Admin & Staff
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#staffListContainer {
	width: 100% !important;  }
	
#staffListContainer,
section.People-List > ul,
section.Staff-Container > ul {
	display: flex;
    flex-flow: row wrap;
    width: 100%; }
    section.People-List ul ul,
	section.Staff-Container ul ul {
		padding: 0 3px; }	
    #staffListContainer p.CTIPageSectionHeader,
    section.People-List h2,
	section.Staff-Container h2 {
	    clear: both;
	    width: 100%;
	    padding-top: 2rem;
	    font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
	    font-size: 2rem!important;
	    font-weight: 400!important;
	    color: #173c61!important; }

section.People-List ul,
section.Staff-Container ul{
	padding-left: 0;
	list-style: none;
	width: 100%; }	    
	    
/*div.staffEntry,*/
section.People-List li,
section.Staff-Container li {
	width: calc(20% - 1px);
    flex-basis: calc(20% - 1px);
    margin: 1px 1px 30px 0!important;
    font-size: 16px!important;
 
    float: none;
    height: auto!important;
    margin: 0;
    margin-bottom: 30px; }
    section.People-List li li,
	section.Staff-Container li li {
		width: 100%;
		flex-basis: 100%;
    	margin: 0 5px 0px 5px!important; }
    
    section.People-List .Title,
	section.Staff-Container .Title {
		font-weight: 600;
		font-family: 'Open Sans Condensed', arial, sans-serif;
		line-height: 1.2;
		font-size: 14px !important; }
    
    
 
/*.staffEntry *:not(img),*/
section.People-List *:not(img),
section.Staff-Container *:not(img){
      }        
/*.staffEntry img,*/
section.People-List img,
section.Staff-Container img {
    width: 100%; }	
.facultyTitle {
    font-size: 14px;
    line-height: 1.1;
    display: inline-block;
    color: #444;
    font-weight: 600;
    font-family: 'Open Sans Condensed', arial, sans-serif; }
.facultyContact {
	font-size: 12px;
	display: inline-block; }





/* ==8) Faculty List
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .placeholder-content_item {
     height: 25px;
	 overflow: hidden;
	 position: relative;
	 animation-duration: 1.7s;
	 animation-fill-mode: forwards;
	 animation-iteration-count: infinite;
	 animation-timing-function: linear;
	 animation-name: placeholderAnimate;
	 background: #f6f7f8;
	 background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
	 background-size: 1300px;
      width: 80%;
      margin: 10px 0 10px 0;
}
 .placeholder-content_item:after, .placeholder-content_item:before {
	 width: inherit;
	 height: inherit;
	 content: '';
	 position: absolute;
}

 @keyframes placeholderAnimate {
	 0% {
		 background-position: -650px 0;
	}
	 100% {
		 background-position: 650px 0;
	}
}


.placeholder li {
    width: 190px;
    height: 412px;
    margin-top: 10px;
    margin-right: 10px;
}

 .placeholder li .facImage {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    background-color: #ccc;
    animation-duration: 1.9s;
	 animation-fill-mode: forwards;
	 animation-iteration-count: infinite;
	 animation-timing-function: linear;
	 animation-name: placeholderAnimate;
	 background: #f6f7f8;
	 background: linear-gradient(to right, #ccc 2%, #bbb 18%, #ccc 33%);
	 background-size: 1300px;
}
.placeholder .facultyContact {
display: block;
}
.appointment.placeholder-content_item {
    width: 20%;
}
.facName.placeholder-content_item {
    width: 68%;
}
.facultyContact .placeholder-content_item {
    width: 54%;
}
ul#facultyList {
	padding-left: 0;
	list-style: none;
	display: flex;
    flex-flow: row wrap; }
ul#facultyList li {
	box-sizing: border-box;
	margin-bottom: 1em; 
	width: calc(25% - 1px);
    margin-right: 1px;
    flex-basis: calc(25% - 1px); }
#facultyList li div {
    padding: 0 4px; }   
.facultyContact + div a {
    word-break: break-all;
    line-height: 1;
    display: block;
    margin-bottom: 1rem; }     
ul#facultyList li img {
	width: 100%;
	height:auto;
    box-sizing: border-box; }
table#facultyList tr td a:hover img {
	text-decoration: none !important; }
table#facultyList tr td a {
	color: #005c96; }
table#facultyList tr td a:hover {
	color: #005c96; }


/* ==8) Faculty Info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* do we need ???
.facImage {
	width: 158px;
	height: 158px;
	border: 1px solid #ccc; }
*/	
	
div#facultyContainer {
	width: 100%;
	margin: -40px 0 25px 0; }
	
#facultyNav {
	font-weight: normal;

	padding: 20px;
	background: #e7e7e7;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	box-sizing: border-box;
	margin: 1em 0; }
#facultyNav label {
	display: block; 
    margin-block: 10px 3px;
}
#facultyNav .fac-btn {
    margin-left: 0!Important;
    margin-right: 7px;
}
#facultyNav > div {
	width: calc(100%); }
	
	
@media screen and (min-width: 600px) {
#facultyNav > div {
	width: calc(50% - 10px); }
}

@media screen and (min-width: 900px) {

#facultyNav > div {
	width: calc(25% - 15px); }
.formSection--title {
    font-size: 0.9rem  !important; }	 
}


/* 
#facultyNav > div:first-child,
#facultyNav > div:last-child {
	width: 100%; }
*/	
#facultyNav input,
#facultyNav select {
	width: 100%;
	padding: 4px; }		    
	
	
	
	
.faculty-alpha-filter a {
	letter-spacing: 6px; }
#facultyNav a[id$="lnkAll"] {
	width: 3em; }
	/*
div#facultyNav h2.h2 {
	padding-top: 0; }
div#facultyNav h3.h3 {
	font: 600 12px sans-serif !important;
	text-indent: 2px;
	padding-top: 1px; }
*/
#facultyNav h2 {
	margin-block: 0;
    padding-block: 0;
}
	
div#facultyNav a {
	background-color: #fff;
	border-radius: 3px;
	display: inline-block;
	border: 1px #cfcfcf solid;
	padding: 3px !important;
	padding: 8px 12px !important;
	margin: 4px 2px!important;
	text-align: center !important;
	width: 15px;
	letter-spacing: normal; }

		
	div#facultyNav button:last-child {
		zoom: .9;
		background: #e7e7e7;
		border-color: #aaa;
		color: var(--color2);
		}
	div#facultyNav button:last-child:hover,
	div#facultyNav button:last-child:focus {
		background: #bbb;		}


div#facultyNav a:hover {
	background-color: #bbb!important; }
/* .faculty--null {
    border: 1px #cfcfcf solid;
    padding: 6px 12px!important;
    margin: 4px 2px!important;
    background: #ddd;
    
    color: #aaa;
    border-radius: 4px;
 } */   
.faculty--null {
    border: 1px #cfcfcf solid;
    /* padding: 6px 12px!important; */
    /* margin: 4px 2px!important; */
    background: #ddd;
    color: #888;
    border-radius: 4px;
    align-content: center;
    justify-content: center;
} .faculty--null:hover {
	cursor: not-allowed; }
 
div#facultyNav a.on,
div#facultyNav a:active {
	background-color: #003366;
	color: #fff; }

#ftSelector,
#spAreaTaughtSelector select,
#spfacultySelector select {
	/* margin: 0 0 25px 0; */
	z-index: auto; } /* dummy value so we remember any changes we made, so we don't add more rules to the stylesheet */

a#facAll {
	padding-right: 20px; }
#facultyName {
	padding-top: 7px;
	color: #4b5257;
	font: 500 3em 'roboto', Arial, Helvetica, sans-serif; }
#facultyTitle {
	margin-top: -7px;
	padding-bottom: 15px;
	font-family: 400 14px/20px 'roboto', Arial, Helvetica, sans-serif !important; }
td#facultyNameCell { }
.ctiAdministrativeHeader {
	font-size: 12pt;
	color: #888888;
	border-bottom: 1px #BBB dotted;
	margin-bottom: 5px;
	padding-bottom: 3px;
	width: 99%; }
.facultySidebar {
	width: 20%;
	max-width: 210px; }
.facultySidebar .facultySidebar {
	width: 90%; }


a.facultyEmail {
	font-size: smaller;
	text-transform: lowercase;
	word-break: break-all;
    line-height: 1;
    display: block; }
#facultyInfo {
	width: 100%!important;
	padding-right: 20px; }
.facultyImage {
	width: 200px;
	outline: 1px solid #ccc;
    border: 3px solid #fafafa;
        box-sizing: border-box; 
	margin-right: 10px !important; }
#facultyBio {
	padding-left: 10px;
    padding-right: 10px;
    font-size: 0.8rem;
    line-height: 1.2; }
#facultyBioCell { }
#currentFacultyType {
	font-weight: bold; }
div.sharepointControlsHide {
	display: none; }
.Faculty--Bio #facultyBio {
  	/*box-shadow: -5px 0px 0px 0px #097b76;*/
    font-family: "Source Sans Pro", sans-serif!important;  	 }
#ogOverrideDescription {
	word-break: break-word; }

    
    
    
    
  #facultyNav h2,
  #facultyNav .wrapper-initials {
    width: 100%;
  }
  .formSection--title {
    font-size: 1rem;
    font-weight: bold;
    margin-block: 1rem 6px !important;
    font-family: "DINPro", sans-serif !important;
  }

  #facultyNav [type="radio"] {
    height: 16px;
    width: 16px !important;
  }
	  #facultyNav [type="radio"]:hover,
	  #facultyNav [type="radio"] + label:hover {
	    cursor: pointer;
	  }


  #facultyNav label {
    display: inline-flex;
  }
			/*
			  #facultyNav > div:nth-last-child(-2n + 2) {
			    width: 100%;
			  }
			*/
			#facultyNav > div:last-child {
   				width: 100%;
			}
  #facultyNav div div,
  .wrapper-initialALL {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-inline: 0 12px;
  }
  #facultyNav div div *,
  .wrapper-initialALL * {
    margin-block: 0!important;
    margin-inline: 0!important;
  }
	#facultyNav div div [name="whichSchool"],
	#facultyNav div div [name="fullOrAdjunct"] {
	    margin-block: 6px!important;
	}

  #facultyNav button {
    background-color: var(--color2);
    color: white;
    border-radius: 3px;
    border: 1px #cfcfcf solid;
    padding: 8px 16px !important;
    text-align: center !important;
    font-size: .70rem;
    min-width: auto;
  }

  #facultyNav button:hover,
  #facultyNav button:focus {
    background-color: #bbb;
    color: var(--color2);
    cursor: pointer;
  }
  #facultyNav button:active {
    background-color: #003366;
    color: white;
  }   
    
    
    
.faculty-alpha-filter span {
    display: grid;
    gap: 15px 10px;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
} 
.faculty-alpha-filter span div,
.faculty-alpha-filter span + div,
.faculty-alpha-filter .faculty--null {
	display: grid!important;
	width: 30px;
	height: 30px;
	justify-items: center;
}   
#facultyNav .faculty-alpha-filter [type="radio"],
.wrapper-initialALL {
    height: 30px!important;
    width: 30px !important;
  }
	#facultyNav .faculty-alpha-filter [type="radio"]:checked + label { color: white; background: #0769dd; }
	
		/* make radio look square */
		.faculty-alpha-filter [type="radio"] {
			border: 1px solid #aaa;
			border-radius: 3px;
			padding: 0.5em;
			background:#f3f3f3;
			-webkit-appearance: none; }
		.faculty-alpha-filter [type="radio"]:checked {
			background:#0154ad; }
			
 
 
	
.faculty-alpha-filter span div *,
.wrapper-initialALL * {
	grid-area: 1/1; }    
    .wrapper-initialALL label {
    	width: 30px;
    	justify-content: center; }
    
    #facultyNav div:last-child > div {
	    gap: 15px;
	    float: right;
	    margin-top: 1rem; }
    
    
    
    
/* ==8) Evaluations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#evalPageContainer {
	margin-left: 0!important; }
#evalPageContainer > h1 + h2 {
	font-size: 24px;
	color: #333; }
div.evalInfo + div.evalInfo {
	padding-bottom: 1em; }
/* .questionContainer {
	width: 100% !important; } */
.questionContainer div.questionTitle {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    margin-top: 2em;

    padding-bottom: 6px; }

div.barContainer {
    width: 300px;
    padding: 0px;
    float: left;
    height: 20px;
    box-shadow: inset 10px 20px 10px #eee, inset -10px 20px 10px #eee, inset 5px 40px 10px #777 !important; }




/* ==8) FacultyLineBreaks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.facultyLineBreaks {
	padding-left: 0;
	margin: 0 0 1.5em 0; }
.facultyLineBreaks li {
	list-style: none; }

ul.facultyLineBreaks h3 a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    left: 8px;
    font-size: 0.8em;
    vertical-align: 1px; }
ul.facultyLineBreaks h3 a:hover:after,
ul.facultyLineBreaks h3 a:focus:after {
    color: #777;
    content: "\f0da"; }

.facultyLineBreaks h3 + p {
	margin-top: 0!important; }



/* ==8) Home Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.homepageEvents {
	/*width: 244px;*/
	position: relative; /* height: 353px; */;
	overflow: hidden;
	/*background-image: linear-gradient(to bottom, transparent, #f9f9f9);
	background: #f1f1f1;*/ }
.homepageEvents,
.homepageEvents * {	
	box-sizing: border-box; }	
.homepageEvents ul {
	list-style: none;
	margin: -3px 0 0 0;
	padding: 0;
	position: relative;
	list-style-image: none !important; }
.homepageEvents ul li {
	border-bottom: 1px solid #ddd;
	margin: 0; }
.homepageEvents ul li:last-child {
	border-bottom: 0; }
.homepageEvents ul li a,
.homepageEvents ul li a:LINK,
.homepageEvents ul li a:VISITED {
	color: #235b94;
	font: 500 1rem/1 'Source Sans Pro', Arial, Helvetica, sans-serif !important;;
	text-decoration: none!important;
	padding: 12px 8px;
	display: block; }
.homepageEvents ul li:hover,
.homepageEvents ul li:focus {
	background: #ddedf7 !important;
	box-shadow: -8px 0 0 #284b6e; }
.homepageEvents ul li a:hover,
.homepageEvents ul li a:focus {
 	color: #284b6e; }
.homepageEvents ul li:not(:last-child) a span:after,
.calendarContainer ul li:not(:last-child) a span:after {
	color: #444;
	content: "\f105";
	font-family: 'FontAwesome';
	position: relative;
	left: 8px; }
.homepageEvents ul li:not(:last-child) a:hover span:after,
.homepageEvents ul li:not(:last-child) a:focus span:after  {
	color: #444;
	content: "\f0da";
	font-family: 'FontAwesome';
	position: relative;
	left: 8px; }
.homepageEvents ul li span {
	color: #555;
	display: block;
    font-size: 0.75rem;
    margin: 3px 0 0; }




/* ==8) Premiere
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.premiere-hero-wrapper {
	padding: 20px;
	background: #C8E7DE url(/academics/Creative%20Activity/Pages/images/bg-premiere-11-v02.png) no-repeat;
	background-position: 112%;
	background-size: contain; }
	.premiere-hero-wrapper .col-thirds,
	.premiere-hero-wrapper .col-2-thirds {
		margin-top: 0;
		padding-top: 0; }

@media screen and (max-width:767px) {
	.premiere-hero-wrapper {
		background-position: 80%; }
}
@media screen and (min-width:641px) {
	.premiere-hero-wrapper .col-thirds img {
		display: none; }
}
@media screen and (max-width:640px) {
	.premiere-hero-wrapper .col-thirds,
	.premiere-hero-wrapper .col-2-thirds {
		width: 100%; }	
	.premiere-hero-wrapper .col-thirds img {
		display: inherit; }
	.premiere-hero-wrapper {
		background-image: none; }


}


/* ==8) Schedule
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.schedule legend {
    border: 2px solid #aaa;
    margin-bottom: 15px;
    padding: 5px 10px;
    box-shadow: 1px 1px #777; }

div.schedule legend h4 {
    margin: 0.3rem 0 0.1rem 0; }

	
.Schedule-Item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 1px!important; }
	
.schedule-item--part {
    list-style: none;
    margin: 0;
    padding: 0 40px 0 0!important;
	display: inline-block;
	vertical-align: top; }

.Schedule h3 {
    margin: 2rem 0 0 0; }
schedule + h3 {
	display: block;
	margin-top: 2rem; }
p.schedule-item--notes {
    display: none; }
.Schedule-Item button {
    display: inline-block; 
    margin: 0.25rem 0 0.5rem 0;
    font-size: 14px;
    padding: 6px 8px;
    min-width: 0;
    border: 1px solid #ccc;
    border-left: #b98585 4px solid;
    border-radius: 0; }
	.schedule-item.oa { border-left: #988787 4px solid; }
	.schedule-item.oc { border-left: #85a3b9 4px solid; }
	.schedule-item.oo { border-left: #8e9887 4px solid; }
	.schedule-item.os { border-left: #838698 4px solid; }
	.schedule-item.oh { border-left: #7fa259 4px solid; }
	.schedule-item.hb { border-left: #596fa2 4px solid; }

[datetime~="PT0H0M"] {
	display: none; }
.Schedule-Item span.closed {
    font-size: initial;
    margin-left: 1rem; }


/* ==8) Search Results
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#searchResults a {
	font: 500 1.5em 'roboto', sans-serif; }
#searchResults ol {
	padding-right: 20px;
	margin-left: -1rem; }
#searchResults ol li {
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 110%;}

#resultList li {
	list-style: none; }
#resultList li a {
	color: #235b94; }
#resultList li a:hover {
	color: #111;
	text-decoration: none!important; }	
#resultList li a[href*="download"] + p:nth-child(2),
#resultList li a[href*="pdf"] + p:nth-child(2),
#resultList li a[href*="doc"] + p:nth-child(2) {
	padding-left: 1em; }
#resultList li a[href*="download"] + p:nth-child(2):before {
    content: "\f019";
    font-family: 'FontAwesome';
    position: relative;
    left: -6px;
    margin-left: -21px; }
#resultList li a[href*="pdf"] + p:nth-child(2):before,
#resultList li a[href*="doc"] + p:nth-child(2):before {
    content: "\f016";
    font-family: 'FontAwesome';
    position: relative;
    left: -6px;
    margin-left: -21px; }


#resultList li a:hover:after {
	content: "\f0da";
    font-family: 'FontAwesome';
    position: relative;
    left: 8px; }
#resultList li p:nth-child(2) {
	color: #000;
    margin: 0!important;
	font: 300 11px/1.3 arial, sans-serif!important; }		
#resultList li p:nth-child(3) {
	margin-top: 0.25em!important; }
#resultList br,
#noResults {
	display: none; }
#resultList li p:nth-child(even) b {
    display: none; }
    
ul#searchNavList {
	padding: 0 0 0 5px; }
ul#searchNavList li {
	list-style: none;
	display: inline-block;
	background: #777;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	min-width: 33px;
	text-align: center; }
	/*
ul#searchNavList .searchNavCurrent {
	padding: 8px 4px;
	background: #284b6e!important;	 }	
	*/
ul#searchNavList li a {
	color: #fff;
	display: block;
	padding: 8px 16px;
	margin: 0!important;
	text-indent: 0px!important;
	transition: all 0.25s linear;
	 }
ul#searchNavList li a:hover,
ul#searchNavList li a:focus { 
	text-decoration: none!important;
	background: #547ba8;
	box-shadow: inset 0 -5px #284b6e, inset 0 5px #284b6e; }

ul#searchNavList .fa-caret-left {
	transition: all 0.25s linear;
	margin-right: 3px; }
ul#searchNavList li:hover .fa-caret-left {
	margin-right: 6px; }	
ul#searchNavList .fa-caret-right {
	transition: all 0.25s linear;
	margin-left: 3px; }	
ul#searchNavList li:hover .fa-caret-right {
	margin-left: 6px; }		

.searchNavCurrent {
	background-color: #547ba8 !important;
	box-shadow: inset -2px -2px #284b6e, inset 2px 2px #284b6e; }


.fan_box .full_widget {
	background: none;
	border: none; }



		
/* ==8) Tutors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.rbtn-tutor {
	background: #666 !important;
	color: #fff !important;
	font-size: 12px !important;
	width: 100%;
	margin-top: 15px; }
.rbtn-tutor:hover {
	background: #333 !important; }
.rbtn-tutor:before {
	color: #333;
	content: "\f18e";
	font-family: 'FontAwesome'; }
.tutorContainer {
	margin: 10px 0;
	padding: 10px 0;
	clear: both;
	border-bottom: 1px solid #ccc; }
.tutorContainer .grid_4 {
	margin-bottom: 15px; }
.skillList {
	list-style: none;
	padding: 0;
	margin: 0; }
.skillList li:before {
	color: #ccc;
	content: "\f0da";
	font-family: "fontawesome";
	padding-right: 5px; }
#tutorSkillSelector {
	padding: 10px;
	margin-top: -10px;
	font: 600 16px/1.4em 'Source Sans Pro';
	width: 72%; }
#tutorSkillSelector select {
	font: 16px/1.4em 'Source Sans Pro', sans serif;
	padding: 4px;
	display: block; }


.tutorContainer.homeContainer .grid_9,
.tutorContainer.homeContainer .grid_6,
.tutorContainer.homeContainer .grid_3 {
	margin-bottom: 0; }
.tutorContainer .grid_3 {
	width: 200px; }
.tutorContainer .facultyImage {
	width: 190px; }

/* Tutoring Hacks to be responsive */	
	
.tutorContainer .facultySidebar {
	width: 100%;
	max-width: 300px;
	padding: 10px 14px; }	
.tutorContainer .facultySidebar strong {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 6px;
	display: block; }
.tutorContainer * {
	box-sizing: border-box; }
.tutorContainer .grid_3 {
	width: 40%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0; }
.tutorContainer .grid_4 {
	float: none;

	display: inline-block;
	vertical-align: top;
	width: 59%;
	margin: 0;
	padding: 10px; }		
.tutorContainer .facultyImage {
	width: 100%;
	margin-bottom: 1em; }
.tutorContainer #facultyTitle {
	padding-bottom: 0px; }		
.tutorContainer .hoursList {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important; }	
	
.tutorContainer .rbtn-tutor {
	background: #235b94 !important;
	color: #fff !important;
	font-size: 13px !important;
	width: 100%;
    border-radius: 5px;
	margin: 20px 0; }	

.tutorContainer .rbtn-tutor:hover,
.tutorContainer .rbtn-tutor:focus {
	background: #ddd !important;
	color: #111 !important;
	border-radius: 0; }	



.tutorContainer .facultyInfoHeader {
	margin: 10px 0px 0px 0px;
	width: 100%;
	padding: 5px; }
.tutorContainer #facultyBio {
	padding-left: 20px;
	padding-right: 10px;
	margin-left: 0;
	padding-left: 0; }
	
@media (max-width: 948px) {
	.grid_3, .grid_4 {
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	    width: 49%!important; }
}
@media (max-width: 480px) {
	.grid_3, .grid_4 {
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	    width: 100%!important; }
	.tutorContainer .facultyImage {
		margin-right: 0; }
	.tutorContainer .weekGroup {
		margin-right: 0!important; }		
}

.Tutor-Detail img {
	outline: 1px solid #ccc; }
.Tutor-Detail ul {
	list-style: none;
    margin-top: 10px;
    padding: 0; }
.Tutor-Detail .col-4 div {
	padding: 5px; }
.Tutor-Detail .col-4 ul {
	font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
	font-size: 0.8rem!important; }
.Tutor-Detail .col-4 ul span {
	font-weight: 100; }
.Tutor-Detail input[type=button] {
	background: #235b94 !important;
    color: #fff !important;
    font-size: 0.6rem!important; }
.Tutor-Detail input[type=button]:hover,
.Tutor-Detail input[type=button]:focus {
	background: #333 !important;
	text-decoration: underline; }


.Tutor-Detail .feature--content p:first-child {
	border-bottom: 2px solid #ccc;
    padding-bottom: 6px; }




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
==============  **9) Misc.  ===================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*don't combine selectors*/
::-moz-selection  {  
    color: #fff;
    background: #375e88; }
::selection {  
    color: #fff;
    background: #375e88; }



/* when editing web parts properties */
.ms-ToolPaneOuter {
	position: fixed!important;
	z-index: 100;
	margin-top: 70px;
	margin-right: 20px; }



/* ==9 ) IPD
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.ipd #page_left_nav ul ul,
body.ipd ul.smart-nav.mobile ul,
body.ipd ul.smart-nav.mobile a span.sub-arrow {
    display: none!important; }
   
h2.programPageTitleIPD,
h2.PageTitleIPD {
	font: lighter normal 2.8em/1.1em 'GothamMediumRegular', arial, serif;
	letter-spacing: -1px;
	margin: 0px 0px 25px 0px;
	color: #004a80;
	padding-bottom: 3px; }
h1.programPageTitleIPD {
	  color: #004a80!important; }		

.IPDprogramTitle,
.ipd .PageTitle {
	color: #333!important;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -.02em;
	max-width: 430px;	max-width: initial;
	margin-top: 1em;
	line-height: 1.1; }
.ipd .PageTitle span {
	font-size: 14px;
	font-size: 1rem;
	display: block; }
.IPDprogramTitle sub,
.ipd .PageTitle sub {
	vertical-align: 0; }	

.IPDpicker {
	display: inline-block;
	float: right;
	box-shadow: inset 0 0 8px #999, 0 0 3px #fff;
	background-color: rgba(255,255,255,0.6);
	border-radius: 4px; }

#ipdButton {
	background: url('../PublishingImages/ipd_button.png') no-repeat 0 0;
	display: block;
	width: 241px;
	height: 86px;
	float: right; }
#ipdButton:hover {
	background-position: 0 -86px; }
	
.marketimagesIPD + .IPDprogramTitle,
.ipd .marketimagesIPD + .PageTitle {
	max-width: inherit;
	margin-top: 0.5em; }
.marketimagesIPD + .IPDprogramTitle + .IPDpicker,
.ipd .marketimagesIPD + .PageTitle + .IPDpicker {

	position: absolute;
	margin-top: -6em;
	right: 20px; }	
.marketimagesIPD {
	width: 100%;
	margin-bottom: 1em; }
.marketimagesIPD img {
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box; }

body.ipd div#page_header {
	float: left;
	width: 100%;
	max-height: 84px; }
body.ipd  div#page_left_column {
	clear: left; }

body.ipd div#pageTitleSchool {
    color: #eee;
    background-color: #111;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    margin: 0 0 10px 0;
    padding: 8px 11px;
    word-spacing: 3px;
    clear: left; }
body.ipd .pageContent .ui-tabs li {
	font-size: 14px; }
	
.ipd #requestInfo {
	display: none; }

.ipd .column-3rd ul {
	padding: 0 8px 11px 8px;
	list-style: none; }




/* ==9 ) Online Certificate
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.online-certificate {
	height: 80px;
    width: 60px;
    background: url("/PublishingImages/Online-Learning-04.png") 120px 0;
    background-size: 120px;
    position: absolute;
    bottom: -18px;
    right: -45px; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
===========  **10) Animation  =================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animate.css - http://daneden.me/animate */
.animated,
.schoolIndexContainer,
.landingHero img {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; }
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s; }
.animated-delay1,
.schoolIndexContainer:nth-child(1) {	
	-webkit-animation-delay: .5s;
	animation-delay: .5s; }
.schoolIndexContainer:nth-child(2) {	
	-webkit-animation-delay: 1s;
	animation-delay: 1s; }
.schoolIndexContainer:nth-child(3) {	
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s; }

@-webkit-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; } 
}
@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
.fadeIn,
.schoolIndexContainer,
.landingHero img {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn; }


@-webkit-keyframes fadeInUp {
	0%   { opacity: 0;
	   	  -webkit-transform: translate3d(0, 100%, 0);
	   	   transform: translate3d(0, 100%, 0); }
	100% { opacity: 1;
	   	  -webkit-transform: none;
	   	   transform: none; } 
}
@keyframes fadeInUp {
	0%   { opacity: 0;
	      -webkit-transform: translate3d(0, 100%, 0);
	   	   transform: translate3d(0, 100%, 0); }
	100% { opacity: 1;
	   	  -webkit-transform: none;
	   	  transform: none; }
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp; }


@-webkit-keyframes fadeInRight {
	0% 	 { opacity: 0;
	 	  -webkit-transform: translate3d(100%, 0, 0);
	 	   transform: translate3d(100%, 0, 0); }
	100% { opacity: 1;
	 	  -webkit-transform: none;
		   transform: none; }
}
@keyframes fadeInRight {
	0%   { opacity: 0;
	      -webkit-transform: translate3d(100%, 0, 0);
	       transform: translate3d(100%, 0, 0); }
	100% { opacity: 1;
	 	  -webkit-transform: none;
	 	   transform: none; }
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight; }


@-webkit-keyframes fadeInDown {
	0% 	 { opacity: 0;
		  -webkit-transform: translate3d(0, -100%, 0);
		   transform: translate3d(0, -100%, 0); }
	100% { opacity: 1;
		  -webkit-transform: none;
		   transform: none; }
}
@keyframes fadeInDown {
	0%   { opacity: 0;
		  -webkit-transform: translate3d(0, -100%, 0);
		   transform: translate3d(0, -100%, 0); }
	100% { opacity: 1;
		  -webkit-transform: none;
		   transform: none; }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown; }


@-webkit-keyframes fadeInLeft {
	0% 	  { opacity: 0;
	 	   -webkit-transform: translate3d(-100%, 0, 0);
	 		transform: translate3d(-100%, 0, 0); }
	100%  { opacity: 1;
	 	   -webkit-transform: none;
	 		transform: none; }
}
@keyframes fadeInLeft {
	0% 	  { opacity: 0;
		   -webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0); }
	100% { opacity: 1;
	 	  -webkit-transform: none;
	 	   transform: none; }
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
==========  **11) Media Queries ===============
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 


@media (max-width: 1299px) {
	.pop-box-v04 p,
	.pop-box-v04 .pop-box--list li {
		font-size: 1rem; }
} } /* end <=1299 */


@media (max-width: 1099px) {
	body.leftsidebar #page {
		padding-right: 15px; }
} /* end <=1099 */

@media (max-width: 989px) {
	html {
		overflow-y: auto; } /* fix for sticky table header on DC Prefix page */
} /* end <=989 */



@media (max-width: 948px) {
	#tabs-CA .ui-tabs-nav li:first-child,
	.tabs-horizontal li:first-child,
	#tabs-v02 .ui-tabs-nav li:first-child {
		width: 100%; }
	#tabs-CA .ui-state-default a,
	.tabs-horizontal .ui-state-default a,
	#tabs-v02 .ui-state-default a {
		width: 100%;
		text-align: center;
		padding: 15px;
		box-sizing: border-box; }
	#tabs-SOC .ui-state-default,
	#tabs-v02 .ui-state-default {
		width: 33%;
		margin: 0;
		display: inline-block;
		box-sizing: border-box; }
	#tabs-CA .ui-state-default,
	#tabs-SOD .ui-state-default {
		width: 50%;
		margin: 0;
		display: inline-block;
		box-sizing: border-box; }
	
	/*.tabs-horizontal .tabbody ul {
		width: 50%; }*/
	
	div#splashNav {
		/*float: left;*/
		margin: -33px 0 0 0;
		margin: 25px 5px 0 0 !important; }
		
	.date-list.fancy-desktop-only li,
	.fancy-desktop-only.date-list li {
		background: none; }
	.fancy-desktop-only .date-list--quarter,
	.fancy-desktop-only .date-list--item {
		font-weight: 500;
		padding-right: 5px;
		position: inherit; }	
	.fancy-desktop-only .date-list--range,
	.fancy-desktop-only .date-list--range170 {
		background: #efefef;
		margin-left: inherit;
		padding-left: 4px; }
		.tabs-vertical .date-list {
		 	list-style-position: inside!important;
		list-style-type: inherit !important;
		list-style-image: inherit !important; }
		.tabs-vertical .date-list--range {
		 	background: #fff;
	 	    width: 100%;
		    display: block;
		    line-height: 1;
		    padding-left: 1em!important; }
	
		
	.staff--email {
		font-size: 14px; }
	
	
	div.facultyInfo span.col1,
	div.facultyInfo span.col2,
	div.facultyInfo span.col3 { 
		float: left;
		width: 100%;
		border: none; }
	
	.homeAmbassadors  + .grid_3 {
		width: 100%!important; }
	
	.eventContainer .ms-webpartzone-cell {
		margin-bottom: 0px; }
	
	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted {
		font-size: 16px; }




} /* end <=948 */


@media screen and (max-width: 850px) {		

	.schoolIndexContainer div {
		bottom: 0;
		top: 0;
		left: 0;
		width: 100%;
		margin-bottom: 5px;
		background: rgba(0,0,0,0.3);
		padding: 16px; }
	.schoolIndexContainer div:hover {
		background: rgba(0,0,0,0.8); } 
	.schoolIndexContainer p {
	    width: 100%; } 
	.schoolIndexContainer h2 a {
		display: block; }
	.col-quarters {
		width: 33.3%;
		padding: 1em; }
	.col-3-quarters {
		width: 66.3%;
		padding: 1em; }
	
	.staff--title {
		min-height: 0;
		min-height: inherit; }
	
	.features-slider--controls i.fa-angle-left,
	.features-slider--controls i.fa-angle-right {
	    width: 30%; }
	.features-slider--controls.v2 i.fa-angle-left,
	.features-slider--controls.v2 i.fa-angle-right {
		width: 38%; }
	.col-thirds.col-adj,
	.col-adj.col-thirds {
		width: 50.0%;
		width: 49.5%;
		padding: 1em;  }	
	
	.tabs-horizontal ul.tabs-list {
		padding-left: 0!important; }
	.tabs-horizontal .tabs-list li {
	    width: 100%; }
	.tabs-horizontal .tabs-list li a {
	    width: 100%;
	    text-align: center; }
 
	.tabs-horizontal .tabs-list li:first-child {
		border-right: 0;
		border-bottom: 1px solid #ccc!important; }
	.tabs-horizontal .tabbody ul,
	.feature .list-split {
		width: 100%;
		margin-bottom: 0px; }
	#tabs-SCA .tabbody ul + ul:last-of-type,
	#tabs-SOC .tabbody:not(:last-of-type) ul:last-of-type,
	#tabs-SOD .tabbody ul + ul:last-of-type,
	.tabs-horizontal .tabbody ul + ul:last-of-type,
	.feature .list-split:last-of-type {
		margin-top: 0px; }
	
	/*
	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted {
	    padding: 7px 10px; } */

	.Tutor-Detail [class*='grid']>[class*="col-4"] {
        flex-basis: 50%;
        max-width: 50%; }



} /* end <=850 */


@media (max-width: 767px) {
	.row:before,
	.row:after {
		clear: none; }
	.col-halves {
		width: 100%;
		margin: 1em 0;
		padding: 0; }
		.col-thirds.col-full-width-on-tablet,
		.col-2-thirds.col-full-width-on-tablet {
			width: 100%!important;
			margin: 1em 0; }
	.col-quarters,
	.col-3-quarters,
	.col-thirds,
	.col-thirds.col-adj,
	.col-adj.col-thirds,
	.toggle-concentrations .col-halves,
	.col-2-thirds {
		width: 50.0%;
		width: 49.5%!important;
		padding: 1em;  }
	.col-thirds:nth-child(n+3) {
		clear: left; }
	.row:last-child .col-thirds:last-child {
		clear: none; }
		.col-override-tablet-expand {
			width: 100%!important; }
				.pop-box-v03 .col-indent + .col-override-tablet-expand + .col-override-tablet-expand {
					padding-top: 1em;}
	
	.pop-box-v02.col-halves .pop-box-v02--title,
	.col-halves.pop-box-v02 .pop-box-v02--title {
		text-size: 17px; }
	
	.col-2-thirds .col-halves {
		width: 100%;
		margin: 1em 0; }
	.tabs-style-01 .col-halves,
	.tabs-horizontal .col-halves,
	.tabs-vertical .col-halves {
		margin-right: 0;
		margin-left: 0; }
	
	
	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted {
		font-size: 15px; }
	
	.desktop-4-rows li,
	.desktop-3-rows li {
		width: 50%; }
	
	.col-2-thirds .facultyModule li {
		width: 48%; }
	.facultyModule li span {
		font-size: 2vw; }
	.col-2-thirds .facultyModule li:last-child {
		margin-left: 0;
		margin-top: 15px; }
	
	.ambassador {
		background: #ddd url("/PublishingImages/ambassador-ug-Matt-Anderson-01.png") 0% top no-repeat;
		background-size: cover;
		color: #222!Important;
		text-shadow: 0px 0px 11px #fff, 1px 1px 7px #fff; }
	.ambassador-message {
		font-size: 16px;
		width: 60%; }
	
	.c2a-apply p {
		width: 96%;
		background: rgba(255,255,255,0.65);
		padding: 2%;
		margin-top: 0.33em!important; }
	.c2a-apply #light {
		width: 60%;
		margin: 2%; }
	
	.col-2-thirds .lotsOfText,
	.col-2-thirds .lotsOfText-v02,
	
	.col-2-thirds .lotsOfText-75 {
		padding: 10px 0; }
	
	.toggle-concentrations-header.only3 a {
		opacity: 1; }
	.toggle-concentrations-header.only3 a:hover {
		cursor: pointer; }
	
	
	h2.features-slider--title {
		font-size: 2.3vw !important; }
	
	
	ul#facultyList li {
	    width: 33%!important; }
	
	/*
	div.staffEntry {
	    width: 33%!important;
	    min-height: 260px; }

	.accordion ul li div > a {
		width: 82%; }*/
	
	
	.fill-hidden-adjacent-col-tablet-n-below {
		width: 100%; }
	
	
	/*was max 605px*//*&*/
	
	div#page_header {
    /* background: #385f8a; */
    background: var(--color1);
    z-index: 10000; }
	
	.sm-blue.mobile {
		background: #111!important; }
	.sm-blue li {
		border-left: none; }

	
	#mobile-smart-nav {
		display: block;
		overflow-y: auto;
		z-index: 130; }
	#mobile-smartNavWrapper.open {
		/*-webkit-transform: translate(606px);
		transform: translate(606px);*/
				-webkit-transform: translate(768px);
		transform: translate(768px);

		opacity: 1;
		    margin-top: -2px; }
	
	#smart-nav {
		display: none; }
	#mobile-smartNavWrapper {
	 display: block; }
	div#mobile-smartNavWrapper li {
	    display: block!important;
	    border-bottom: 1px solid #555; }
		div#mobile-smartNavWrapper li:last-child { 
			border-bottom: none; }
	div#mobile-smartNavWrapper h2 {
		display: none; }
	
	body:not(.ipd) .sm-blue > li:nth-child(1n + 7) {
	    width: calc(50% - 10px);
	    display: inline-block;
	    float: left;
	    text-align: center;
	    margin: 5px;
	    box-sizing: border-box; }
	body:not(.ipd) .sm-blue > li:nth-child(1n + 7) a {
		color: var(--color1-L3)!important; }	
	
	
} /* end <=767 */


@media (max-width: 680px) {
	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted {
		/*font-size: 14px;*/
		padding: 7px 9px; }

} /* end <=680 */


@media (max-width: 640px) {

	.schoolIndexContainer {
		padding-bottom: 75%; }
	
	.schoolIndexCA {
	  background-size: cover; }	
	.schoolIndexSOC {
	  background-size: cover;
	  background-position: right; }	
	.schoolIndexSOD {
	  background-size: cover;
	  background-position: 90%; }	
		
	.pop-box-v02.col-halves,
	.col-halves.pop-box-v02 {
		width: 100%;
		margin: 1em 0;
		padding: 0; }
	.pop-box-v02.col-halves .pop-box-v02--title,
	.col-halves.pop-box-v02 .pop-box-v02--title {
		text-align: left;
		margin-left: 2%; }
	.pop-box-v02--title span {
		display: inline; }	
		.tabs-vertical .pop-box-v02--title {
			text-align: center!important; }
	
	
	.ambassador-message {
		display: none; }
	.ambassador-c2a {
		margin-bottom: 5em!important; }
	
	.features-slider--items-wrap .slide {
		width: 100%; }
	
	#facultyInfo {
		padding-right: 0; }
	#facultyInfo #facultyInfoCell {
		padding-left: 0; }
	#facultyInfo #facultyBio {
		padding-left: 5px; }
	
	#facultyInfo .facultySidebar {
		width: 40%!important; }
	#facultyInfo .facultySidebar .facultySidebar {
		width: 90%!important; }
	.facultySidebar .facultySidebar img {
		max-width: none; }
	.facultySidebar .facultySidebar img,
	.facultySidebar .facultySidebar .hoursList,
	.facultySidebar .facultySidebar .calNav td + td {
		width: 100% !important;
		margin-right: 0!important; }
	
	
	.layout-swap_flex-max-medium {
		display: flex; }
	#fluid .layout-swap_flex-max-medium .SplashNav-v01 {
		flex-basis: 50%;
		width: 100%;
		margin: 30px 1px 0 0!important; }
		.layout-swap_flex-max-medium .SplashNav-v01:last-child {
			margin-right: 0px!important; }
			
	.layout-swap_flex-max-medium .SplashNav-v01 button {
		font-size: 0.7rem!important;
		width: 100%; }
	.layout-swap_flex-max-medium .splashMenu button.menuTitle {
		display: flex; }
	.layout-swap_flex-max-medium .SplashNav-v01 ul {
		width: 100%; }


	.split-list.sml-oneUp li {
	    flex-basis: 100%;
		max-width: 100%; }



} /* end <=640 */




 





.visible-desktop i,
.visible-tablet i,  
.visible-phone i { display: inline !important; }
@media (min-width: 768px) {
	.visible-phone { display: none !important; }
	.visible-tablet { display: none !important; }
	.hide-desktop { display: none !important; }
	.visible-desktop { display: inherit !important; }
	
	
	
			.left-Nav-wrapper {
			margin-block: 10px; }

		.left-Nav--title {
			font-size: 17px;
			padding: 7px 10px;
			margin-top: 10px; 
			border-bottom: 1px solid #aaa;}
		.left-Nav--nav {
		 	padding-left: 0px;
		 	margin-block-start: 0px; }
		 .left-Nav--nav li {
		 	margin-block: 0px;
		 	border-bottom: #e4e6de solid 1px; }
		.left-Nav--nav a {
			text-decoration: none!important; } 
		.left-Nav--nav a:hover,
		.left-Nav--nav a:focus {
			text-decoration: underline!important; } 

	
	
	
} /* end <=768 */
@media (min-width: 430px) and (max-width: 767px) {
	.hide-desktop { display: none !important; }
	.visible-desktop { display: none !important ; }
	.visible-tablet { display: inherit !important; }
	.hide-tablet { display: none !important; }
}
@media (max-width: 429px) {
	.hide-desktop { display: none !important; }
	.visible-desktop { display: none !important; }
	.visible-tablet { display: none !important; }
	.visible-phone { display: inherit !important; }
	.hide-phone { display: none !important; }
} /* end <=429 */    



@media (min-width: 606px) {
	.quicklinksContainerMobile {
		display: none; }
	.menuOpen #page_container,
	.menuOpen #mobileFooter {
		filter: none !important; }
	.ipd .alert-sitewide {
		margin: -2px 0 3px 0!Important; }
 
} /* end >=606 */   



/*@media (max-width: 605px) *//*&*/
@media (max-width: 767px) {


	body #CDMRibbonContainer {
		top: 50px;
		border-top: 1px solid black; }
	body.dev #courseLinks {
		margin-top: 105px; }
	div#page_header {
		height: 51px!important;
		border-bottom: 1px solid black;
		box-shadow: 0 2px 4px rgba(0,0,0,0.5);  }
	html {
		margin-top: inherit; }
	
	#pageHeader {
	    clear: both; }
	
	#tabs-CA .ui-state-default a,
	.tabs-horizontal .ui-state-default a,
	#tabs-v02 .ui-state-default a {
		padding: 12px;
		font-size: 13px;
		font-size: 0.8rem; }
	.tabs-horizontal .ui-state-default,
	#tabs-v02 .ui-state-default {
		width: inherit;	}	
			
	ul#searchNavList li {
		font-size: 14px;
		min-width: 26px;}
		
	ul#searchNavList li span,
	.quicklinksContainer {
		display: none; }	
	.quicklinksContainerMobile {
		display: inherit; }
	
	ul#searchNavList li:hover .fa-caret-right,
	ul#searchNavList li:hover .fa-caret-left {
		margin: none; }		
		
	.schoolIndexContainer h2 a {
		font-size: 38px; }		
		
	.facultyModule li span {
		font-size: inherit; }
	
	
	ul#facultyList li {
	    width: 50%!important;
	    min-height: 350px; }
	ul#facultyList li img {
		max-height: 250px; }
	
	.btn-give {
		margin: 5px 10px; }
	
	span.courseCount {
	    display: block;
	    margin-left: 10px;
	    margin-bottom: -10px; }
	
	body.ipd div#pageTitleSchool {
		margin-top: 48px; }
		
	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active,
	.sm-blue a.highlighted {
		font-size: 19px;
		padding: 14px;
		border-left: 0!important; }
	
	.sm-blue ul li a,
	.sm-blue ul li a:hover {
		padding: 14px; }
	
	.sm-blue {
		border-bottom: solid 2px #284b6e!important; }

	.layout-swap_flex-max-medium .SplashNav-v01 button {
		font-size: 0.6rem!important; }
	.layout-swap_flex-max-medium .splashMenu button.menuTitle span {
		display: none; }
	.layout-swap_flex-max-medium .splashMenu ul.sub-nav span {
		margin-left: 0; }

	.Tutor-Detail [class*='grid']>[class*="col-4"] {
        flex-basis: 100%;
        max-width: 100%; }
	.Tutor-Detail .col-4 {
		display: flex;
		margin-bottom: 0; }
	.Tutor-Detail .col-4 div {
		flex-basis: 52%;
		max-width: 52%; } 
	.Tutor-Detail .feature--content {
		padding: 0; }







	div#page_header	{
		position: fixed;
		width: 100%;
	    z-index: 1000; }

	.ctiRootImg {
	    z-index: 1000;
    	position: fixed;
    	margin-right: 20px;
    	margin-top: 2px; }
    #ctiRootImg {
		left: 30px;
		top: 1px;
		font-size: 12px;
	    /*width: 180px!important;*/
	    width: 162px!important; }
	#mobile-smart-nav .fa-search:before {
		font-size: 17px; }	
	#s4-workspaceCDM,
	#CDMRibbonContainer + #s4-workspaceCDM {
		margin-top: 0; }

	#page {
		margin-left: 0 !important; }

	.menuOpen #mobileNavGlyph  {
		/*margin-left: 260px !important;*/
	    z-index: 1000;
	    position: fixed;
	    margin-right: 0;
	    right: 0;
	    width: 50px;
	    padding-left: 16px;
	    top: 1px; }
	

	div#page.shoved-aside {
	   border-left: 0 none !important;
	   border-right: 0 none !important;
	   box-shadow: none !important;
	   /*margin-left: 260px;*/
	   overflow: hidden;
	   animation: page-slide 0.2s 1; }
	
	body, .body {
		overflow-x: hidden !important;
		overflow-y: auto !important; }
	body.menuOpen {
		overflow-y: hidden !important; }
	.sm-blue a span.sub-arrow {
		display: initial!important; }
	.sm-blue a span.sub-arrow:hover,
	.sm-blue a span.sub-arrow:focus	{
		outline: 2px solid black;
		background: rgba(0,0,0,0.7); }

	
	#page_header .wrapper_menu {
		/*position: absolute;
		left: 265px;*/ }
	div#mobile-smartNavWrapper #mobileSearchBar {
		width: 100% !important;
	    margin: 70px 0 20px; }
	div#mobile-smartNavWrapper ul.tabs-list {
		margin-top: 0;
		width: 100%;
		border: none; }
	div#mobile-smartNavWrapper .quicklinksMobile-items,
	#mobile-smart-nav .quicklinksContainerMobile {
		background: transparent;
		border-bottom: solid 1px #284b6e!important;  }
	#mobile-smart-nav .quicklinksContainerMobile li {
		margin: 0; 
		font-size: 15px;}
	#mobile-smart-nav .quicklinksContainerMobile a {
		padding: 8px 0; }
 

	body.ipd div.CTIAdmissionsLinks div#applyOnline,
	body.ipd div.CTIAdmissionsLinks {
		border-radius: none;
		box-shadow: none!important;
	    width: auto!important; }
	body.ipd div.CTIAdmissionsLinks div#applyOnline a {
	    width: auto!important;
	    padding: 11px;
	    background: #235b94;
	    color: #fff;
	    margin: 1em 0px 0px;
	    right: 0px;
	    position: absolute;
	    z-index: 10; }
	
	body.leftandrightsidebar #page #fluid,
	body.leftsidebar #page #fluid {
		margin-block: 0!important;
		margin-inline: 0.5rem!important; }	




} /* end <=was 605, now 767px */




/* NEW STYLES */
.ms-skin-default .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-default .ms-slide .ms-slide-vpbtn:focus,
.ms-skin-default .ms-video-btn:hover,
.ms-skin-default .ms-video-btn:focus {
    -webkit-filter: drop-shadow(8px 0px 5px #235b94) drop-shadow(-8px 0px 5px #235b94);
    filter: drop-shadow(8px 0px 5px #235b94) drop-shadow(-8px 0px 5px #235b94);
    zoom: 1.1; }

div#page-header {
    /*background: #385f8a;
    background: -moz-linear-gradient(top,#2b5b90 0%,#2b4c72 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b5b90),color-stop(100%,#2b4c72));
    background: -webkit-linear-gradient(top,#2b5b90 0%,#2b4c72 100%);
    background: -o-linear-gradient(top,#2b5b90 0%,#2b4c72 100%);
    background: -ms-linear-gradient(top,#2b5b90 0%,#2b4c72 100%);
    background: linear-gradient(to bottom,#2b5b90 0%,#2b4c72 100%);*/
    background: var(--color1);    
     }
div#page_header {
	max-width: 1260px;
	max-width: 960px;	
	margin: -3px auto 0 auto;
	top: 0; }


body {
	background: #fff!important; }
div.pageContent,
#deansList {	
	font-family: "Roboto", "Source Sans Pro", sans-serif!important; }
body form .PageTitle {
	/*font: 600 2.33rem/1 "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif!important;*/		
	font: 600 2.33rem/1 font-family: "DINPro", "Helvetica Neue", Arial, Helvetica, sans-serif!important;/*&*/		
    font-weight: bold; }

		/* Ugh web parts add height to all of our layouts */
		#ctl00_PlaceHolderMain_Content__ControlWrapper_RichHtmlField + .ms-webpart-zone.ms-fullWidth {
		    height: 0px;
		    position: absolute; } 
		div#RightWPZone .ms-webpart-zone.ms-fullWidth,
		div#RightWPZone #ctl00_PlaceHolderMain_Content__ControlWrapper_RichHtmlField + .ms-webpart-zone.ms-fullWidth,
		body.leftsidebar #ctl00_PlaceHolderMain_Content__ControlWrapper_RichHtmlField + .ms-webpart-zone.ms-fullWidth,
		body.leftandrightsidebar .ms-webpart-zone.ms-fullWidth,
		body.leftandrightsidebar #ctl00_PlaceHolderMain_Content__ControlWrapper_RichHtmlField + .ms-webpart-zone.ms-fullWidth {
		    height: auto;
		    position: relative; } 
		
		body.leftsidebar #page:after  {
		  content: "";
		  clear: both;
		  display: table; }



.content-constraint-wrapper {
	max-width: 1260px;
	max-width: 960px;	
	margin: 0 auto; }
div#page {
	/*max-width: 960px;
	max-width: 1260px;*/
	max-width: 1500px;
    max-width: 1920px;
    margin-bottom: 50px;	
	padding: 0;
	box-shadow: none; }
	.page-id-margin-bottom-reversal {
		margin-bottom: -50px; }
	.page-id-margin-bottom-reversal h2,
	.page-id-margin-bottom-reversal h3 {
		margin: 0; }

div#page #page_breadcrumb {
	max-width: 1080px;
	margin: 0 auto;
	z-index: 3;
	position: relative; } 
	
body.leftsidebar #page {
	max-width: 1500px;
	max-width: 1060px; }
body.leftsidebar #page #fluid {
	margin-right: 0.5rem;
	margin-bottom: 70px; }	

body.leftandrightsidebar #page {
	max-width: 1060px; }
body.ipd #page {
	max-width: 1070px; }

body.ipdrightsidebar #page {
	max-width: 1070px;
	padding-left: 15px;
	padding-right: 15px; }


nav#smartNavWrapper {
	float: left;
	width: 100%; }
.sm-blue,
.sm-blue a { 
    /*font-family: "Open Sans Condensed", sans-serif!important;*/
    font-family: "DINPro", sans-serif!important;/*&*/
    text-transform: uppercase;
    font-weight: 700!important;
    color: #284b6e!important;   
    background: #f0ede4;
    background: -moz-linear-gradient(top,#f0ede4 0%,#ddd 100%)!important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0ede4),color-stop(100%,#ddd))!important;
    background: -webkit-linear-gradient(top,#f0ede4 0%,#ddd 100%)!important;
    background: -o-linear-gradient(top,#f0ede4 0%,#ddd 100%)!important;
    background: -ms-linear-gradient(top,#f0ede4 0%,#ddd 100%)!important;
    background: linear-gradient(to bottom,#f0ede4 0%,#ddd 100%)!important;
    box-shadow: none!important;
    text-shadow: none!important; }
.sm-blue li {
	border-right: none;
	border-left: 1px solid #ccc; }  
   	      
div .sm-blue li a:hover,
div .sm-blue li a:focus { 
    background-color: #052c41!important;
    background: #052c41!important;
    font-weight: 700!important;    
    color: #fff!important;
    text-shadow: 1px 1px #333!important; }
div .sm-blue [aria-expanded="true"] {
	color: #284b6e!important; }    
div .sm-blue .ctiMenuActiveSiteNode {
    background-color: #555!important;
    color: #fff!important; }
 
.sm-blue li li a {
	background: #ffffff!important; }        
.sm-blue li li a:hover,
.sm-blue li li a:focus {
    transition: padding 0.3s ease; 
    /* padding-left: 11px;
    padding-right: 25px;*/ }


ul.ctiLeftNav {
    box-shadow: 0px -3px #375e88; }
ul.ctiLeftNav li a.ctiMenuActiveChildNode,
ul.ctiTopNav li a.ctiMenuActiveChildNode {
    background: #547ba8 !important;
    background: #4b6a8e !important; }

ul.ctiLeftNav li a:hover,
ul.ctiLeftNav li a:focus {
    background: #284b6e!important;
	text-decoration-line: underline!important; }    

div#courseLinks a:hover,
div#courseLinks a:focus,
.left-Nav--nav a:hover,
.left-Nav--nav a:focus,
div.CTIAdmissionsLinks div#requestInfo a:hover,
div.CTIAdmissionsLinks div#requestInfo a:focus,
div.CTIAdmissionsLinks div#applyOnline a:hover,
div.CTIAdmissionsLinks div#applyOnline a:focus {
    color: #fff;
    background: #284b6e; }
    

div.CTIAdmissionsLinks div#applyOnline a:hover,
div.CTIAdmissionsLinks div#applyOnline a:focus  {
	background: #520a15;
	text-decoration-line: underline!important; }


#s4-bodyContainer {
	padding-bottom: 0; }
.cdmHome {
	margin-top: 30px; }
a.ctiRootImg {
    margin-left: 10px; }	
a.ctiRootImg:last-child {
	margin-left: 0;
	padding-left: 20px;
	border-left: 1px solid #fff; }
	a.ctiRootImg:last-child:hover,
	a.ctiRootImg:last-child:focus {
		text-decoration: underline; }    
.quicklinks a {
	display: block;
	padding: 5px 3px; }
.quicklinks a:hover,
.quicklinks a:focus {
    background: #2a4c72;
    color: #fff; }    
.quicklinks a, .quicklinks a:link, .quicklinks a:visited {
    font: 14px/12px "Source Sans Pro", "Open Sans Condensed",sans-serif; }
.quicklinks a:hover,
.quicklinks a:focus {
    transition: padding 0.3s ease;
    padding-left: 8px; }
.quicklinks ul li:first-child {	
    font: 16px/11px "Source Sans Pro", "Open Sans Condensed",sans-serif;
    text-transform: capitalize;
    font-weight: bold;
    border-bottom: 2px solid #375e88;
    padding-bottom: 5px; }
	.schoolsContainer  ul li:first-child {
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-weight: normal; }
.footerDivider {
	border-color: #bbb; }
#footer {
	margin: 0!important;
	width: 100%!important;
	max-width: none!important;
	font-family: "Source Sans Pro", sans-serif;
	height: auto;
	float: left;
	padding-bottom: 10px; }


#footer--final-row a:nth-child(1) {
	font-size: 11px;
	float: right;
	margin: 10px;
	text-shadow: none;
	clear: both; }
#footer--final-row a:nth-child(2) {
	padding: 6px 9px;
	margin-bottom: 0.4rem;
	float: left;
	margin-top: 10px;
	font-size: 15px;
	text-decoration: none; }
#footer--final-row a:nth-child(2):hover,
#footer--final-row a:nth-child(2):focus {
	color: aqua!important; }


h2.moduletitle,
.academicDescrip {
    font-family: "proxima-nova-condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 18px; }

.leftNavSiteName,
.left-Nav--title,
div#courseLinks span a,
div.CTIAdmissionsLinks div#requestInfo a,
div.CTIAdmissionsLinks div#applyOnline a {
	font-family: "Open Sans Condensed",sans-serif;
    font-weight: bold; }
div#page_left_nav_container {
    font-family: "Open Sans Condensed",sans-serif; }
ul.ctiLeftNav li a {
    font-weight: bold!important;
    text-decoration: none!important; }


.menuOpen #mobileNavGlyph {
    /* overwrite styles */ transform: none;
     -webkit-transform: none; }

#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a:hover,
#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a:focus {
	/*background: #052c41!important;*//*&*/
	background: var(--color2)!important; } 


.full-width-wrapper {
	background: #111;
	position: absolute;
	top: 85px;
	width: 100%; }
	
/*&*//*body.ipd a.ctiRootImg {
	margin-bottom: 10px;}*/
body.ipd a#ctiRootImg {
	width: 240px!important;
    font-size: 16px; }

body.ipd #pageTitleSchool {
	max-width: 1100px;
	margin: 0 auto!important;
	padding: 4px 3px!important;
	position: relative;
	left: 20px;
    color: #aaa!important;
    word-spacing: 0.2em; }
body.ipd div#page_header {
	/*max-height: none;
	background: transparent;*/
	float: none; }
body.ipd div.page_main_content {

	margin-top: 10px; }

@media screen and (min-width: 760px) {
    #gradDropdown {
		margin-right: 120px; }
}

@media screen and (min-width: 930px) {
    #gradDropdown {
		margin-right: 0px; }
}


@media screen and (min-width: 960px) {
	body,
	p,
	.tutorNotice,
	#deansList li,
	.pageContent ul,
	.pageContent ol,	
	#page_container .pageContent li,
	#page_container .tabbody li,
	.requirementDescription ul,
	.requirementDescription ol,
	#ctl00_PlaceHolderMain_Content__ControlWrapper_RichHtmlField li,
	#ctl00_PlaceHolderMain_degreeBlurb__ControlWrapper_RichHtmlField li,
	a.moduleLink {
	    font-size: 18px; }
	.split-panel--content li,
	.tabpanel li,
	details {
	    font-size: 18px!important; }
	.tabpanel h3 button,
	.tabbody.shift-style--headers h4.accordian button,
	.tabpanel h2 button,
	.tabpanel h4 button {
	    font-size: 0.9rem; }
	    
	ul#facultyList li {
		height: 380px;
		background: #fafafa; }

}


@media screen and (min-width: 961px) {
	div#page_left_column {
		width: 210px;
		margin-bottom: 70px; }
	div#fluid {
    	margin-left: 230px; }
    div#courseLinks {
		width: auto; }		

	.splashIntro {
		font-family: "Source Sans Pro", sans-serif; 	
		font-size: 18px; }

	h2.moduletitle,
	.academicDescrip {
	    font-size: 1.2rem; }

	.toggle-concentrations-header i,
	.slider-concentrations-header i {
		font-size: 50px!important; } 

	.leftNavSiteName {
		padding: 10px;
		font-size: 17px; }



	a.ctiMenuChildNode,
	#page_left_column a,
	div#courseLinks span a,
	.left-Nav--nav a,
	div.CTIAdmissionsLinks div#requestInfo a,
	div.CTIAdmissionsLinks div#applyOnline a {
		font-size: 14px; }
	body.ipd #page_left_column a {
		font-size: 13px; }
	ul.ctiLeftNav li a,
	.left-Nav--nav a {
		padding: 8px 10px; }

	.sm-blue a,
	.sm-blue a:hover,
	.sm-blue a:focus,
	.sm-blue a:active {
		font-size: 17px; }
			
}



@media screen and (max-width: 960px) {

	a.ctiMenuChildNode,
	#page_left_column a,
	div#courseLinks span a,
	div.CTIAdmissionsLinks div#requestInfo a,
	div.CTIAdmissionsLinks div#applyOnline a {
		font-size: 13px; }

	.landingHero.hero-v2 {
		margin-top: 28px; }

	div.staffEntry {
		width: calc(25% - 1px);
	    flex-basis: calc(25% - 1px);
	    margin: 1px 1px 30px 0!important; }


}


@media screen and (max-width: 959px) {
	body form .PageTitle,
	body form .PageTitle-v02 { font-size: 2rem!important; }
	h2 { font-size: 1.65rem!important; }
	h3 { font-size: 1.33rem!important; }
	h4 { font-size: 1.2rem!important; }
	h5 { font-size: 0.95rem!important;}
	h6 { font-size: 0.85rem!important;}

	
	body,
	p,
	.pageContent li,
	.pageContent ul,
	.pageContent ol,		
	.requirementDescription ul {
	    font-size: 16px; }

	.image-header h1,
	.image-header_shorter h1 {
    	font-size: 2.5rem; }   

}



@media (max-width: 948px) {
	body.ipd div.pageContent,
	body.ipd div#page_breadcrumb,
	body.ipd ctl00_PageRightColumContainer,
	body.ipd div.page_right_column {
		margin-left: 20px;
		margin-right: 20px; }

	body.ipd div#pageTitleSchool {
		width: calc(100% - 40px);
		text-indent: -20px; }

	body.ipd div.page_right_column {
		width: calc(100% - 40px);
		display: block!important;
		clear: both; }

	body.ipd .sm-blue a,
	body.ipd .sm-blue a:hover,
	body.ipd .sm-blue a:focus,
	body.ipd .sm-blue a:active,
	body.ipd .sm-blue a.highlighted {
    	font-size: 14px;
    	padding: 9px 16px; }
   


}


@media screen and (max-width: 767px) {
/*&*//* was 735px */
	a.ctiRootImg:last-child {
		border-left: none;
		padding-left: 10px;
		margin-top: 24px; }
	/*body.ipd a.ctiRootImg {
		margin-bottom: 25px;}*/
	ul.sub-nav {
		width: 340px; }
	ul.sub-nav,
	div.splashMenu:hover ul.sub-nav {
		/*left: 10px;
		right: inherit;*/ }	
		
}


@media (max-width: 640px) {
	body.ipd div#pageTitleSchool {
	    font-size: 10px; }
	body.ipd .sm-blue a,
	body.ipd .sm-blue a:hover,
	body.ipd .sm-blue a:focus,
	body.ipd .sm-blue a:active,
	body.ipd .sm-blue a.highlighted {
    	font-size: 14px;
    	padding: 9px 15px; }
	.landingHero.hero-v2 h1 {
		font-size: 3rem;
		bottom: 0.5rem; }    	
	    
}

/*was 605*/ 
@media (max-width: 767px) {
body.ipd a#ctiRootImg {
    width: 190px!important;
    font-size: 12px;
}
	.sm-blue li {
		border-left: none!important; }
	div#mobile-smartNavWrapper #mobileSearchBar {
		margin-top: 20px; }
	body.ipd div#mobile-smartNavWrapper #mobileSearchBar {
		margin-top: 95px; }
	body.ipd #mobileSearchBar {
		background: transparent; }
	body.ipd .tabs {
		margin-top: 140px; }
	body.ipd .full-width-wrapper {
	    top: 48px;
	    z-index: 9999;
	    border-bottom: 1px solid #999; }	

	.full-width-wrapper {
		top: 53px; }
	div#page_breadcrumb {
		padding-top: 25px; }

	div#page_header {
		/*background: #385f8a;*/
		background: var(--color1);
        z-index: 10000; }

	.sm-blue a {
	    color: var(--color1-L3) !important; }

	#mobile-smartNavWrapper {
		background-color: rgba(0,0,0,0.825); }

	#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a.ctiMenuActiveSiteNode,
	#mobile-smart-nav .mobileMenuTabBody ul.smart-nav a.ctiMenuActiveChildNode {
	    background: var(--color1-D1)!important;
	    color: #fff!important; }

	#ctiMenuActiveSiteNodeContainer > .ctiMenuActiveChildNode.current {
		background: #2d4c71!important }

	#mobile-smart-nav .quicklinksContainerMobile a:hover,
	#mobile-smart-nav .quicklinksContainerMobile a:focus {
	    background: #052c41!important;
	    padding-top: 8px;
	    padding-bottom: 8px; }
 

	.quicklinksContainerMobile ul li:first-child {
		font-family: "Open Sans Condensed",sans-serif;
    	font-weight: bold;
    	font-size: 18px!important; }

	.ctiMenuActiveSiteNode + ul .ctiMenuActiveChildNode + ul {
		left: 0!important; }
		
	.landingHero.hero-v2 {
		margin-top: -10px; }

	/*
	.tabpanel h3 button,
	.tab {
		min-height: 3.5rem; } */

	.flickrItem {
		width: 48%;
		padding-right: 2%;
		min-height: 400px; }
	.flickrItem a {
    	height: 300px!important; }

	.masterslider-home {
		display: none; }
	.mobile-only {
		display: block;
		width: 100%; }
	.alert-sitewide {
		margin-top: 50px!important;
    	/*position: absolute;
    	width: calc(100% - 16px);  
    	z-index: 10; */
    	box-sizing: border-box;
    	padding: 5px !important; }
		
		
}

    
.mobile-only {
	display: none; }
    



/**//**/






/**//**/







/* NEW STYLES to be moved later in this file under the right category */


div a.module-link-wrapper:hover,
div a.module-link-wrapper:focus {
	text-decoration: none!important; } 
div a.module-link-wrapper:hover span,
div a.module-link-wrapper:focus span {
	    color: #235b94; } 
.module-link-wrapper span {
	color: #444;
	padding-bottom: 0.75rem;
	font-size: 1.25rem;
	font-family: "Open Sans Condensed",sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-top: 0.25rem;
	display: block; }
.module-link-wrapper span:after {
	color: #444;
    content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    left: 8px; }
.module-link-wrapper:hover span:after,
.module-link-wrapper:focus span:after {
    content: "\f0da";
    color: #235b94; }    
.module-link-wrapper i {
	font-size: 1rem;
	position: absolute;
	left: 0;
	bottom: -0.5rem;
    background: #eee;
    color: #235b94;
    padding: 0 7px 0 0; }




/*CHROME.CSS*/
#mobileSocialIcons {
	float: right;
	margin-top: -10px; }	
#mobileSocialIcons a {
	float: left;
	font-size: 0.9rem;
	padding: 9px 20px;
	color: #fff;
	margin-right: 1px; }
#mobileSocialIcons a:hover,
#mobileSocialIcons a:focus {
	text-shadow: none!important; 
	color: #fff!important;
	background: #235b94;  }




/* NEW STYLES #2 */
li.opened ul.popoutmenu li:hover,
li.opened ul.popoutmenu li:focus {
	background-color: var(--color1-D3)!important; }
li.opened a,
li.opened ul.popoutmenu a:hover,
li.opened ul.popoutmenu a:focus {
    /*&*/ background-position: 0% 0%;
	background-color: var(--color2);
	background-image: none !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}
    li.opened ul.popoutmenu a {
		/*background:  #144577!important;*/
		/*&*/ /*background-color: var(--color1-D3) !important;*/ }
#navcontainer .sub-nav li {
    display: block; }
.programIndex ul.drop li ul {
    background: inherit!important; } /*line ~6383*/
.programIndex ul.drop li:hover,
.programIndex ul.drop li a:focus {
    position: relative; } /*line ~5786 I commented out. Hopefully no sideeffects. */



@media screen and (max-height: 800px ) {
	.kf-slider {
		min-height: 600px; }
}



@keyframes slider-animation-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes slider-animation-out {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

	
@media (min-width: 58em) {
/* ~928px  */
	        
	@-webkit-keyframes fade-in {
	  0% {
	    opacity: 0; }
	  30% {
	    opacity: 1; } }
	@-moz-keyframes fade-in {
	  0% {
	    opacity: 0; }
	  30% {
	    opacity: 1; } }
	@keyframes fade-in {
	  0% {
	    opacity: 0; }
	  30% {
	    opacity: 1; } }

 
	@-webkit-keyframes fade-out {
	  9.52% {
	    opacity: 1; }
	  19.04% {
	    opacity: 0; } }
	@-moz-keyframes fade-out {
	  9.52% {
	    opacity: 1; }
	  19.04% {
	    opacity: 0; } }
	@keyframes fade-out {
	  9.52% {
	    opacity: 1; }
	  19.04% {
	    opacity: 0; } }

	
	.ms-webpartzone-cell {
		margin-bottom: 0; }
	
	ul.socialLinks {
	    margin: 1rem 0!important; }

} /* end ~928px  */
    
    
    

div#page_header {
    max-width: 1100px; }
.cdmHome {
    font-size: 18px;
    font-size: 17px;/*&*/
    line-height: 1.1;
    line-height: 1.2;/*&*/
    width: 270px;
    width: 236px;/*&*/
    margin-top: 25px; }  

 

 








/* NEW STYLES to be moved later in this file under the right category */

div a.module-link-wrapper:hover,
div a.module-link-wrapper:focus {
	text-decoration: none!important; } 
div a.module-link-wrapper:hover span,
div a.module-link-wrapper:focus span {
	    color: #235b94; } 
.module-link-wrapper span {
	color: #444;
	padding-bottom: 0.75rem;
	font-size: 1.25rem;
	font-family: "Open Sans Condensed",sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-top: 0.25rem;
	display: block; }
.module-link-wrapper span:after {
	color: #444;
    content: "\f105";
    font-family: 'FontAwesome';
    position: relative;
    left: 8px; }
.module-link-wrapper:hover span:after,
.module-link-wrapper:focus span:after {
    content: "\f0da";
    color: #235b94; }    
.module-link-wrapper i {
	font-size: 1rem;
	position: absolute;
	left: 0;
	bottom: -0.5rem;
    background: #eee;
    color: #235b94;
    padding: 0 7px 0 0; }



@media (max-width: 948px) {
	/* NEW STYLES #2 */
	/*li.opened a,
	li.opened ul.popoutmenu a:hover,
	li.opened ul.popoutmenu a:focus {
	    background: #235b94!important; }*/
	    /*li.opened ul.popoutmenu a {
			background: #333!important;*/ }
			
	#navcontainer .sub-nav li {
	    display: block; }
	.programIndex ul.drop li ul {
	    background: inherit!important; } /*line ~6383*/
	.programIndex ul.drop li:hover,
	.programIndex ul.drop li a:focus {
	    position: relative; } /*line ~5786 I commented out. Hopefully no sideeffects. */

	section.People-List li,
	section.Staff-Container li {
		width: calc(25% - 1px);
	    flex-basis: calc(25% - 1px); }


}


@media (max-width: 927px) {
	.page-id-margin-bottom-reversal {
		margin-bottom: -70px; }
}


@media screen and (max-width: 850px) {

	.tabs-horizontal .tabs-list li a {
		font-size: 0.7rem; }
	.tabs-horizontal .tabbody:last-of-type ul {
		margin-top: 20px; }

	.feature .facultyModule li { 
		width: 100%;
		flex-basis: calc(50% - 2px);
	    max-width: 50%;
	    margin: 0 2px 0 0; }
	.feature .facultyModule:not(.faculty4up) li:last-child { 
		display: none; }
		.feature .facultyModule.faculty2up li:last-child { 
			display: inline; }

	ul#facultyList li,
	div.staffEntry {
		box-sizing: border-box;
		margin-bottom: 1em; 
		width: calc(33% - 1px);
		flex-basis: calc(33% - 1px);		
	    margin-right: 1px; }
	    
	section.People-List li,
	section.Staff-Container li {
		width: calc(33% - 1px);
	    flex-basis: calc(33% - 1px); }

	.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    	font-size: 15px;
    	padding-left: 13px;
    	padding-right: 13px; }
	
}   


@media screen and (max-width: 799px) {

	.form-wrapper input {
		width: 150px; }
		
	.kf-slider {
	    min-height: 50vh; }		
	ul.kf-slider li {
	    min-height: 60vh; }
	.main-message .hero-slogan {
		opacity: 0; }
	   
}    
@media screen and (max-width: 799px) and (min-height: 1015px) {
	ul.kf-slider li {
	    min-height: 35vh; }

}


@media screen and (max-width: 768px) {
	.feature--content.lotsOfTextAccessible_size1 p,
	.feature--content.lotsOfTextAccessible_size2 p,
	.feature--content.lotsOfTextAccessible_size3 p {
    	height: auto!important; }
    	
}


@media screen and (max-width: 48em) {
/* ~768px  */
	.feature--content .lotsOfTextButton {
		display: none!important; }
		
	.split-panel--content.pull-up,
	.pull-up.split-panel--content,
	.col_sm-12.pull-up,
	.pull-up.col_sm-12 {
		margin-top: -0.95rem; }

	.split-panel--text-only * {
		margin-bottom: 0;
		padding-bottom: 0!important; }	
		
}
		
		@media screen and (min-width: 48em) {
			.banner-online-option {
			    position: absolute;
			    top: 0;
			    width: calc(100% - 2em); }
		
		}

@media screen and (max-width: 732px){
	body.leftsidebar #page #fluid .Ambassador [class*='grid']>[class*="col-4"] {
    flex-basis: 100%;
    max-width: 100%; }
}



@media screen and (max-width: 35.5em) {
	/* ~568px */		
	.other-faculty li {
		position: relative;
	    margin: 0 auto;
	    width: intrinsic; /* Safari/WebKit uses a non-standard name */
	    width: -moz-max-content;
	    width: -webkit-max-content;
	    width: max-content; }
	    
    ul#facultyList li {
		flex-basis: calc(50% - 1px);
		width: calc(50% - 1px);
		margin-right: 1px; }
	section.People-List li,
	section.Staff-Container li {
		width: calc(50% - 1px);
	    flex-basis: calc(50% - 1px); }


} /* end <= ~568 */






@media (max-width: 501px) {
 
	.Tutor-Detail .col-4 ul li {
     	font-size: 15px!important; }
     	
} /* end <=500 */





@media screen and (max-width:460px) {
	#navcontainer ul li,
	.programIndex ul.drop > li {
	    display: inline-block;
	    padding: 0px;
	    width: 100%!important;
	    box-sizing: border-box; }
	ul.sub-nav {
		width: 100%; }
	div#fluid div.SplashNav-v01 {
		display: block;
		margin: 25px 0 0 0!important; }
	
	.splashMenu .menuTitle,
	.splashMenu button.menuTitle {
	    width: 100%;
	    text-align: left; }
	li.concentrations:hover ul.sub-nav/*,
		div.splashMenu:hover ul.sub-nav*/ {
	    top: 33px;
	    LEFT: 10px;
	    LEFT: 0px;

	    right: inherit;
	    width: 100%; }

.tabs-horizontal .tabs-list li a {
    font-size: 0.6rem; }

} /* end <=500 */



@media (max-width: 450px) {
	.tabs-vertical ul.tabs-list {
		padding: 8px 2px; }
	.tabs-vertical ul.tabs-list li a {
		font-size: 10px;
		padding: 8px 2px; }
	
	.faculty .col-thirds {
		width: 100%!important;
		padding: 1em;
		margin-right: 0; }
	.faculty .col-2-thirds {
		width: 100%!important; }
	.Tutor-Detail .col-4 ul {
     	font-size: 0.7rem!important; }
     	
    .alert-sitewide{
		font-size: 14px; }
		

     
} /* end <=450 */



@media (max-width: 430px) {
	.col-quarters,
	.col-3-quarters,
	.col-halves, .threeColumn .col-halves,
	.col-thirds,
	.col-thirds.col-adj,
	.col-adj.col-thirds,
	.toggle-concentrations .col-halves,
	.col-2-thirds {
		width: 100%!important;
		margin: 1em 0;
		padding: 0;  }	
		.pop-box-v03 h2.col-indent {
			margin-left: inherit; }
	
	.toggle-concentrations .col-thirds,
	.toggle-concentrations .col-halves {
		padding: 9px; }
	.toggle-concentrations-header.only2 a{
		opacity: 1; }	
	.toggle-concentrations-header.only2 a:hover {
		cursor: pointer; }		
	
	.desktop-4-rows li,
	.desktop-3-rows li {
		width: 100%; }
	
	.features-slider--controls i.fa-pause,
	.features-slider--controls i.fa-play {
		width: 14.5%; }
	
	
	.schoolIndexContainer p {
	    font-size: 12px;
	    line-height: 18px;
	    margin-top: 0; } 
		
	.col-2-thirds .facultyModule li {
		width: 32%; }
	.col-2-thirds .facultyModule li:last-child {
		margin-left: 2%; }	
		
	.splashIntro-text-adjustment {
	  margin-top: initial; }		
		
		
	.date-list li {
		background: none; }
	.date-list--quarter,
	.date-list--item {
		font-weight: 500;
		padding-right: 5px;
		position: inherit; }	
	.date-list--range,
	.date-list--range170 {
		background: #efefef;
		margin-left: inherit;
		padding-left: 4px; }		
	
	.ambassador {
		background-size: contain;
		background-position-x: right; }
	
	.lotsOfText p[aria-expanded="false"] + a[aria-controls*="rmjs"],
	.lotsOfText-v02 p[aria-expanded="false"] + a[aria-controls*="rmjs"],
	.lotsOfText-75 p[aria-expanded="false"] + a[aria-controls*="rmjs"] {
		margin: 0 0 7px 0!Important;
		padding: 100px 10px 1px 0px; } 
	
	h2.features-slider--title {
		width: 32%;
		font-size: 4.2vw !important; }
	.features-slider--controls i.fa-angle-left,
	.features-slider--controls i.fa-angle-right {
		width: 31.5%!Important; }
	.features-slider--controls i.fa-angle-left {
		left: 34%; }
	
	
	.col-thirds.pop-box-v01,
	.pop-box-v01.col-thirds {
		padding: 10px;}
	.pop-box-v01 .lotsOfText {
		margin-bottom: 1em; }
	
	
	.you-r-here:before {
		background-size: 130px 10px!important;
		top: -8px;
		height: 8px; }
	.you-r-here:after {
		background-size: 130px 15px!important;
		bottom: -13px;
		height: 13px; }	
	
	/*
	.SplashNav-v01 li {
		margin: 1em 0; }
	
	div.staffEntry {
	    width: 50%!important; } 
	
	*/
	div.staffEntry {
		width: calc(50% - 1px);
	    flex-basis: calc(50% - 1px);
	    margin: 1px 1px 30px 0!important; }

	
	ul#facultyList li {
	    min-height: 310px; }
	
	#courseCatalogFilterContainer > div,
	#courseScheduleFilter div,
	#facultyNav div {
		width: 100%; }
	#facultyNav .h2 {
		font-size: 25px!important; }
	.scheduleItem span + div {
	    padding-left: 0px;
	    display: block; }
	
	
	.col-2-thirds .facultyModule li:last-child {
		margin-top: inherit; }

} /* end <=430 */




 



@media screen and (max-width:400px) {

	.CourseLegendIcon img {
		width: 100%; }
			
	.landingHero.hero-v2 h1 {
		font-size: 2.5rem;
		bottom: 0.25rem; }


 

	.CourseLegendIcon img {
		width: 100%; }
			
	.landingHero.hero-v2 h1 {
		font-size: 2.5rem;
		bottom: 0.25rem; }

    .alert-sitewide{
		padding: 8px 5px!Important; }
		
   .alert-sitewide{
		padding: 8px 5px!Important; }		


}

@media screen and (max-width: 27em) {
	/* ~400px */	
	.feature .facultyModule:not(.faculty4up) li:last-child { 
		display: initial; }	    
	.feature .facultyModule li { 
		width: 100%;
		flex-basis: calc(100%);
	    max-width: 100%;
	    margin: 0; }

}




@media (max-width: 350px) {
	.col-2-thirds .facultyModule li {
		width: 100%;
		margin: 1em 0; }	
	
	p.facultyModule--bio-snippet {
		font-size: 14px; }
	
	div.staffEntry {
	    min-height: 240px!important; }
	.facultyEmail {
		font-size: 9px!important; }
	
	ul#facultyList li {
	    min-height: 280px; }

} /* end <=350 */


#mobile-smartNavWrapper {
	top: 50px;
	background: linear-gradient(#000, rgba(0,0,0,0.85));
}
 




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
===========  **12) Color Contrast  =================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* high contrast mode set by some users removes all set CSS colors and borders get lost. The following cleans up the accessibility feture.
On Chrome WHILE using DEV TOOLS, press cntrl+shift+p and type in emulate then pick color contrast mode to test.  */
@media (forced-colors: active) {
   #mainLogo { background: url(/academics/PublishingImages/hero-data-science-02.jpg);
		 }
	 nav#smartNavWrapper {
    	border-block: 1px solid;
	}
	.smart-nav ul[aria-expanded=true] {
		border: 1px solid; }
	
	
	.feature {
	    outline: 1px solid;
	}




.tabs-horizontal ul.tabs-list li.current a {
	outline: 1px solid; }


}/*end*/