/* *********************************************************
   all.css
************************************************************ */


/* Font and icon declarations */

@font-face {
  font-family: "seattle-u";
  src: url("/media/fonts/seattle-u.eot") format("embedded-opentype");
  src: url("/media/fonts/seattle-u.eot") format("embedded-opentype"), url("/media/fonts/seattle-u.woff") format("woff"), url("/media/fonts/seattle-u.ttf") format("truetype"), url("/media/fonts/seattle-u.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before { /* this makes any attribute of "data-icon='charcter' " into the seattle-u font. not sure if this is used anywhere... */
  font-family: "seattle-u" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before { /* this make any class with "icon-" prepended into the seattle-u font */
  font-family: "seattle-u" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrows-triple-left:before {
  content: "a";
}

.icon-arrows-triple-right:before {
  content: "b";
}

.icon-calendar:before {
  content: "c";
}

.icon-magnifying:before {
  content: "d";
}

.icon-asterisk:before {
  content: "e";
}




/* ==================================================================================================== */
/* ============================================= Containers =========================================== */
body {
  background-color: #e3e3da;
  color: #333333;
  font-family: "Montserrat", serif;
  font-size: 12px; 
  line-height: 23px;
  margin: 0;
}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* ==================================================================================================== */
/* =========================================== Page Sections ========================================== */

/* ======================================= Accessibility Links ======================================== 
   #accessibilityLinksWrapper
   -#accessibilityLinks
   --ul


Pretty sure this is obsolete now. Jason Sept 15 2015.
*/
#accessibilityLinksWrapper a{
	color:#ffffff; 
	font-size:10px;
	height:1px; 
	left:-9999px;
	position:absolute; 
	overflow:hidden;
	width:1px; 
} 
#accessibilityLinksWrapper a:active, #accessibilityLinksWrapper a:focus{ 
	left:0px;
  
	position:absolute; 
	width:auto; 
	height:auto; 
}


/* ======================================================================================================== */
/* ============================================== Navigation ============================================== */
/* Dark gray and white bar on top */
.navbar-wrapper .container{
	padding-left:0; /* makes nav go to the edges od the container */
	padding-right:0;
}

.navbar-wrapper nav {
	text-transform: uppercase;
	z-index: 1;
	position: relative;
	height:140px; /* jb */
}
.navbar-wrapper nav a#pull, nav .mobile {
  display: none;
}
.navbar-wrapper nav ul {
  margin: 0;
  list-style: none;
}
.navbar-wrapper nav li {
	display: inline-block;
}
	@media (max-width: 767px) {
		.navbar-wrapper nav {
			border-bottom: 0;
			height:50px; /* jb */
		}
		.navbar-wrapper nav .nm {
			display: none;
			height: auto;
		}
		.navbar-wrapper nav a#pull {
			display: block;
			background-color: white;
			width: 100%;
			position: relative;
			font-size: 35px;
		}
		.navbar-wrapper nav a#pull:after {
			font-family: 'fontawesome';
			content: '\f0c9';
			display: inline-block;
			position: absolute;
			right: 8px;
			top: 8px;
			color: #333333;
		}
		.navbar-wrapper nav li {
			display: block;
		}
	}
.navbar-wrapper nav .main {
  position: absolute;
  top: 60px;
  background-color: white;
  font-family: 'Arvo', serif;
  width: 100%;
  height: 80px;
  /* padding: 25px 60px;*/
  padding: 25px 20px;
  text-align: center;
  font-size: 14px;
}
.navbar-wrapper nav .main .mainlogo {
  float: left;
  width:140px;
}
.navbar-wrapper nav .main .menu {
  padding-top: 4px;
}

.navbar-wrapper nav .main .menu li {
  padding-right: 30px;
  font-size:13px; 
}
@media (min-width: 992px) and (max-width: 1199px){ /* corresponds to md-styles only */
  .navbar-wrapper nav .main .menu li {
    padding-right: 19px; /* makes global nav fit on bar at skinnier width */
  }  
}

.navbar-wrapper nav .main .menu a {
  color: #333333;
}
.navbar-wrapper nav .main .menu a:hover {
  color: #aa0000;
  text-decoration: none;
}
@media (max-width: 767px) {
	.navbar-wrapper nav .main {
	    position: relative;
    	top: 0;
	    height: 50px;
    	padding: 8px;
	}
	.navbar-wrapper nav .main .menu {
		padding: 0;
	}
	.navbar-wrapper nav .main .menu ul {
		top: 60px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-wrapper nav .main .mainlogo {
		margin-top: 5px;
	}
	.navbar-wrapper nav .main .main {
		padding-top: 20px;
	}
	.navbar-wrapper nav .main .menu {
		margin-left: 160px;
    	padding-top: 0;
	}
}

.navbar-wrapper nav .sub {
  position: absolute;
  top: 0;
  background-color: #333333;
  width: 100%;
  xheight: 60px;
  padding: 20px 20px;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.navbar-wrapper nav .sub {
  	  padding: 10px 20px;		
	}
}
.navbar-wrapper nav .sub li {
  padding-right: 17px; /* something affecting header nav spacing, so I bumped this from 22px */
}


/* .left -> #featureNavigation
   .right -> #webApplicationNavigation */

.navbar-wrapper nav .sub #featureNavigation {
  padding:0;
}
	@media (max-width: 767px) {
	  .navbar-wrapper nav .sub #featureNavigation {
	  }
	}
.navbar-wrapper nav .sub #featureNavigation a {
  color: #fab82f;
}
.navbar-wrapper nav .sub #webApplicationNavigation {
  padding:0;
  color: #cccccc;
}
	@media (max-width: 767px) {
	  .navbar-wrapper nav .sub #webApplicationNavigation {
	  }
	}
.navbar-wrapper nav .sub #webApplicationNavigation a {
  color: #cccccc;
}


/* ----- Search ---- */
.navbar-wrapper nav .sub #searchbox-desktop { 
  padding: 0;
}

.navbar-wrapper .gsc-input {
  padding:0; 
  width:100%;
}
.navbar-wrapper .gsc-input input { /* search box */
  background:#ffffff !important;
  border: none;
	border-radius: 20px;
	color: #333333;
	display:inline-block;
	font-size:12px;
	letter-spacing: .2px;
	line-height: 20px;
	padding: 0 8px;
}


.navbar-wrapper nav .sub .gsc-search-button {/* search button container */
	color: #ffffff;
    cursor:pointer;
	font-size: 18px;
	padding-left: 4px;
	vertical-align:middle;
	display:none;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.navbar-wrapper nav .sub .gsc-search-button .gsc-search-button{ /* the actual button, replaced by the the icon :before */
	display:none
}
.navbar-wrapper nav .sub .gsc-clear-button{ /* the x button */
  display:none;
}

.navbar-wrapper nav .sub .gsc-search-button:before {
  content: "\e003";
}
.navbar-wrapper nav .sub .gsc-search-button:hover {
	color: #e3e3da;
}

@media (max-width: 1024px) {
    #searchWrapperMobile{
      border-bottom: 0;
      padding: 0 0 0 10px;
      width:100%;
    }
	#searchWrapperMobile #mq{ /* text box */
      border:0;
      color:#333333;
  	  font-family: 'Oswald', sans-serif;
	  font-size: 1.5em;
      padding: .75em 20px;
      width:85%;
	}
	#searchWrapperMobile i{ /* search icon */
	  font-size:2em;
      padding:.5em 0;
      width: 15%;
	  text-align: center;
	  vertical-align: middle; 
	}
}
	
.navbar-wrapper nav .sub #featureNavigation a:hover,
.navbar-wrapper nav .sub #webApplicationNavigation a:hover{
  color: #ffffff;
  text-decoration: none;
}
	@media (max-width: 767px) {
	  .navbar-wrapper nav .sub {
		display: none;
		background-color: transparent;
		padding: 0;
	  }
	  .navbar-wrapper nav .sub ul {
		background-color: #333333;
	  }
	}
	@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
	  .navbar-wrapper nav .sub {
		padding: 7px 10px;
	  }
	  .navbar-wrapper nav .sub #featureNavigation, .navbar-wrapper nav .sub #webApplicationNavigation {
		xfloat: inherit;
		xwidth: 100%;
		xtext-align: center;
	  }
	}
.navbar-wrapper nav .open {
  display: block;
}
.navbar-wrapper nav .mobile {
  position: absolute;
  width: 100%;
  font-family: "Arvo", serif;
  overflow: hidden;
}
.navbar-wrapper nav .mobile li {
  padding: 10px 20px;
  border-bottom: 2px solid white;
  overflow: hidden;
}
.navbar-wrapper nav .mobile a {
  margin-right: 40px;
}
.navbar-wrapper nav .mobile a:after { /* add a carat after links on mobile... */
  font-family: 'fontawesome';
  content: '\f105';
  margin-left: 5px;
}
.navbar-wrapper nav .mobile #searchFormItems a:after { /* ... but no carat for the searchAnchor */
	content: '';
	margin-left: 0;
}.navbar-wrapper nav .mobile #searchFormItems a { /* ... and no margin either */
	margin-right:0;
}
.navbar-wrapper nav .mobile .top {
  background-color: #aa0000;
}
.navbar-wrapper nav .mobile .top a {
  color: white;
}
.navbar-wrapper nav .mobile .bottom {
  background-color: #333333;
}
.navbar-wrapper nav .mobile .bottom li{
  display:inline-block;
  width:50%;
}
.navbar-wrapper nav .mobile .bottom li:last-child {
  width:100%; /* because there's an odd number. If adding one item to this menu, this needs to be removed */
}
.navbar-wrapper nav .mobile .bottom a {
  color: #fab82f;
}
.navbar-wrapper nav .mobile .student {
  background-color: #333333;
  color: white;
}
.navbar-wrapper nav .mobile .student li{
  display:inline-block;
  width:50%;
}

.navbar-wrapper nav .mobile .student a {
  color: white;
}
x.navbar-wrapper nav .mobile .leftsub, .navbar-wrapper nav .mobile .rightsub {
  position: relative;
  float: left;
  width: 50%;
}



/* ================================================================================= */
/* ================================ Section Banner ================================= */
/* ================================================================================= */
/* Block above page's content that contains information about the section of the website in which the subpage exists */
/*
  	#sectionLandingBannerWrapper was taller before 12/14 redesign.
	#sectionBannerWrapper #sectionBannerSecondWrapper background is overriden for most wesbite sections in refresh-sectionbanners.css
*/

#sectionBannerWrapper{
    border: 10px solid #ffffff;
    margin-bottom: 10px;
	margin-top:10px;
	position:relative;
}
.bannerPhotoWrapper{
  padding: 0;
  border-right: 10px solid #ffffff;
}
.bannerPhoto{
  background: url('');
  height:150px;
  background-size:cover;
}

.bannerContentWrapper{
  height: 150px;
  padding: 0;
  position:relative;
  vertical-align:bottom;
}
.bannerTexture, 
.bannerTexture-campusAerial{
  background-image:url('/media/section-banners/textures/sectionBannerTexture-campusaerial.jpg'); /* the default / failsafe */
  height: 100%;
}

.bannerTexture-libraryWindows{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-librarywindows.jpg'); 
}
.bannerTexture-leaves{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-leaves.jpg'); 
}
.bannerTexture-campion{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-campion.jpg'); 
}
.bannerTexture-chapelCeiling{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-chapelceiling.jpg'); 
}
.bannerTexture-wires{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-wires.jpg');
}
.bannerTexture-bannan{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-bannan.jpg');  
}
.bannerTexture-flowers{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-flowers.jpg');
}
.bannerTexture-quad{ 
  background-image:url('/media/section-banners/textures/sectionBannerTexture-quad.jpg');      
}

.bannerOverlay, .bannerOverlay-Red{ /* the default / failsafe */
  background-color: #aa0000;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  opacity: .8;
}
.bannerOverlay-DarkBlue{
  background-color: #00245d;
  opacity: .9;
}
.bannerOverlay-LightBlue{
  background-color: #04899d;
  opacity: .85;
}
.bannerOverlay-Gold{
  background-color: #fab82f;
  opacity: .85;
}
.bannerOverlay-Green{
  background-color: #6cb33f;
  opacity: .85;
}
.bannerOverlay-Orange{
  background-color: #ef4135;
  opacity: .9;
}

.bannerText{
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center; 
  padding: 15px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}
/* ie9 can't handle flexbox quite right */
.no-flexbox.no-flexboxtweener .bannerContentWrapper .bannerText{
  margin-top: -30px; /* accounts for padding */
  top:50%; /* overrides top:0 */
}
.bannerText .toplevelSection{
  font-family:"Arvo", serif; 
  font-size:1.5em;
  line-height:100%; 
}
.bannerText .subSection{
  font-family:"Arvo", serif; 
  font-size:3em;
  line-height:100%; 
}



	@media screen and (max-width: 767px){
		body #sectionBannerWrapper #sectionBannerTextWrapper{
			min-height:95px; /* if a sectionTitle gets too long, the container BG expands */
		}
		body .sectionBannerText .sectionAncestor{
			font-size:16px; /* fallback, just in case */
		}
		body .sectionBannerText .sectionTitle{
			font-size:30px; /* fallback, just in case */
		}
	}


/* ==============================================================================================================*/
/* ================================================= BreadCrumbs ================================================*/


#breadcrumbs{ 
	background:#ffffff;
	font-size:11px;
	line-height:11px;
	margin-bottom:10px;
} 
#breadcrumbs ol{
	background-color: inherit;
	border: 1px solid #e3e3da;
	border-radius: 0;
	list-style: none;
	margin:10px;
	padding:10px; 
	vertical-align: middle;	
}
#breadcrumbs ol li{
	display: inline-block;
	color:#666666; 
}
#breadcrumbs ol li a{
	color:#666666; 
	text-decoration:none;
}
#breadcrumbs ol li a:hover{
	color:#aa0000; 
	text-decoration:underline;
}
#breadcrumbsWrapper .breadcrumb li+li:before, /* adapted from Bootstrap's code, had to add the span because Ektron */
#breadcrumbsWrapper .breadcrumb .active:before{ 
	color: #666666;
	content: " \003E\00a0";
	font-size: 12px;
	padding: 0 7px;
}
#breadcrumbsWrapper .breadcrumb>.active, /* overrides bootstrap default */
#breadcrumbsWrapper .breadcrumb .active /* affects only aspx pages connecting to legacy.master */{
	color: #666666;
}


/* =============================================================================================================== */
/* ==================================================== Page ===================================================== */
/* =============================================================================================================== */
/* Everything below the Section Banner, above the footer */


/* ==========================================================================================================*/
/* ============================================ Page Structure ==============================================*/
/*
______________________________________________________________________
|                |                                   |                |
|                |              TopZone              |                |
|                |          Nav 352 + 353            |                |
|_____________________________________________________________________|
|                |                                   |                |
|     Zone C     |              Zone A               |      Zone B    |
|                |                                   |                |
_______________________________________________________________________
*/

#zoneA { /* Center Column */
  padding:0 0 0 0;
  background:#ffffff;
}
#zoneB { /* Right Column */
  padding:0 0 0 10px;
}
@media screen and (max-width: 992px){
  #zoneB { /* Shifted to bottom of ZoneA */
    padding:10px 0 0 0;
  }
}
#zoneC { /* left COLUMN */
	padding:0 10px 0 0;
}
@media screen and (max-width: 767px){
	#zoneC{
		padding-right:0;
	}
}

/* ==========================================================================================================*/
/* ============================================ Content Types ===============================================*/



/* =========================================== Primary Content ==============================================*/
.primaryContentWrapper{
  background:#ffffff;
  padding:0 10px 10px 10px;	
  clear:both;
}
.primaryContent {
  border: 1px solid #e3e3da;
  padding:15px 15px 60px 15px;/* Arbitrary values. */
  border-top:0;
}
#zoneA>.primaryContentWrapper:first-child{
  padding: 10px;	
}
#pageTitle + .primaryContentWrapper .primaryContent{
  border-top:0;
}

/* add back 10px border in some situations. This should probably be extended to all elements of both types (full width and bordered) */
a[name="contentAnchor"] + .primaryContentWrapper .primaryContent,
.infographicWrapper + .primaryContentWrapper,
.quoteBoxWrapper + .primaryContentWrapper,
.embeddedVideoWrapper .primaryContentWrapper{
  padding:10px 10px 10px 10px;	
}

/* ========================================= Secondary Content ==============================================*/
/* This is content that currently appears in the left hand column on all templates below site navigation */

.secondaryContentWrapper{
	background:#ffffff;
	margin-bottom:10px;
	padding:10px;
}
.secondaryContentWrapper .secondaryContent{
	border: 1px solid #e3e3da;
	padding:10px;
}

/* ========================================= Supplemental Content ==============================================*/
/* This is content that currently appears in the left hand column on all templates below site navigation */

.supplementalContentWrapper{
	background:#ffffff;
	margin-bottom:10px;
	padding:10px;
}
x.supplementalContentWrapper .supplementalContent{
	border: 1px solid #e3e3da;
	padding:10px;
}








/* =============================================== Site Navigation ==============================================*/


#siteNavigationWrapper { }/* nav container wrapper*/
#siteNavigation { /* nav container */
  background: #F8F8F1; /* color of the menu items */
}
	@media screen and (max-width: 767px){
		body #siteNavigation .navbar-collapse.in{ /* eliminates scrollbar on very small screens for minor overages */
			overflow-y:visible;
			overflow-x:hidden;
		}
	}

#siteNavigation #siteNavigationTitleWrapper{
	background-color: #aa0000; /* color of header box */
	padding: 8px 0 8px 0;
	margin-bottom:10px; /* space red header box and first menu item */
}
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle{
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	text-align:center;
}
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a,
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle a:visited{
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size:18px;
	height:inherit; /* overrides a bootstrap default height */
	line-height:100%;
	text-decoration:none;
	width:100%;
}
	@media screen and (max-width: 767px){
		body #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle span a{
			padding:10px;
		}
	}
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle span a:hover,
#siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle span a:focus{
  text-decoration:underline;
}

#navLevel{ display:none;}

#siteNavigation #menu{ /* The UL for the whole menu */
  list-style-type:none;
  max-height:none;
  padding-left:0;
  padding-right:0;
}

	@media screen and (max-width: 767px){
		body #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle {
			margin-right:60px; /* "centers" menu title */
		}
		body #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle button{ /* menu icon on mobile */
			display:block;
			margin-top:0;
			margin-bottom:0;
			position:absolute;
			top:0;
			width:100%;
		}
		body #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle button .glyphicon{
			color:#ffffff;
			float:right;
			font-size:36px;
			width: initial;
			display:inline-block;
		}
		body #siteNavigation #siteNavigationTitleWrapper #siteNavigationTitle button .glyphicon:before{
			font-family: 'fontawesome';
			content: '\f0c9';
		}
	}

/* ------------------- The arrow next to submenu items --------------------- */
#siteNavigation #menu .glyphicon{ 
	cursor:pointer;
	display:block;
	margin-right: 0;
    margin-top: 0;
	padding:.4em;
	position:absolute;
	right:0;
}
.currentsection+.glyphicon { /* makes it yellow and rotates it if in the dark gray bar */
    color:#fab82f;
  	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.currentsection+.glyphicon:hover{ 
	color:#ffffff;
}

/* ------------------- Navigation menu items --------------------- */
#siteNavigation #menu li{ /* affects all menu items */
	border-bottom:1px solid #e3e3da;
	position:relative; /* to allow <span> (arrow) to be positioned within this block */
	display:block;
}
#siteNavigation #menu li:last-child{
  border:0; /* eliminates the double border at end of submenus */
}
#siteNavigation #menu li a{ /* all links in all menu items */
	display:block; 
	color: #333333;
	font-size:1em; 
	font-family: Montserrat, sans-serif;
	line-height:1.2em; 
	padding: 6px 20px 6px 10px;
	position:relative;
	text-decoration:none;
	text-transform: uppercase;
}
	@media screen and (max-width: 767px){
		body #siteNavigation #menu li a { /* All links in the sitenav menu */
			padding:10px;
		}
	}
#siteNavigation #menu li a:hover,
#siteNavigation #menu li a:focus{
	background: #ffffff;
}
#siteNavigation #menu li a:active{
	color:#aa0000;
}


	@media screen and (max-width: 767px){
		body #siteNavigation #menu li ul li ul li a {
			padding:10px 10px 10px 30px;
		}
	}
#siteNavigation #menu li span.currentsection{  
  background:#333333;
  color:#FAB82F; 
  display:block;
  line-height: 1.2em;
  position:relative;
  padding:6px 20px 6px 10px;
  text-transform: uppercase;
}
#siteNavigation #menu li span.currentsection a{  /* neccessary because on fulltect and form thank you pages currentsection has a link */
  color:#FAB82F; 
  padding: 0; /* inherited from parent element */
}
#siteNavigation #menu li span.currentsection a:focus,
#siteNavigation #menu li span.currentsection a:hover{  
  color:#ffffff; 
  background: none;
}

#siteNavigation #menu .multilevel-linkul-0 li a,
#siteNavigation #menu .multilevel-linkul-0 span.currentsection{ /* first submenu*/
  padding-left:25px;
}
#siteNavigation #menu .multilevel-linkul-1 li a,
#siteNavigation #menu .multilevel-linkul-1 span.currentsection{ /* second submenu*/
  padding-left:40px;
}
#siteNavigation #menu .multilevel-linkul-2 li a,
#siteNavigation #menu .multilevel-linkul-2 span.currentsection{ /* third submenu*/
  padding-left:55px;
}
#siteNavigation #menu .multilevel-linkul-3 li a{ /* fourth submenu*/
  padding-left:70px;
}
#siteNavigation #menu .multilevel-linkul-4 li a{ /* fifth submenu*/
  padding-left:85px;
}


	@media screen and (max-width: 767px){
		body #siteNavigation #menu .currentbranch0 {
			width:inherit;
			left:0;
			padding-left:0;
            padding: 5px 0 5px 15px;
			margin:0;
		}
		body #siteNavigation #menu .currentbranch0:before, #siteNavigation #menu .currentbranch0 > span:before,
		body #siteNavigation #menu .currentbranch0:after, #siteNavigation #menu .currentbranch0 > span:after{
			display:none; /* hides the arrow-carat thingy on the side */
		}
	}




#siteNavigation #menu span.currentsection:before{ /* grey block on left of link */
	content: ' ';
	position: absolute;
	width: 0; 
	border-left: 10px solid #333333;
 	left: -10px;
	margin: auto 0;
	top: 0; 
	bottom: 0;
}
#siteNavigation #menu .currentsection:after{ /* grey triangle */
	content: ' ';
	position: absolute;
	width: 0; 
	height: 0; 
	border-top: 13px solid transparent; border-left: 10px solid #333333; border-bottom: 13px solid transparent;
 	right: -10px;
	margin: auto 0;
	top: 0; 
	bottom: 0;
}









/* ============================================== Page Title ==============================================*/

#pageTitle{ 
  background: #ffffff url('') bottom left no-repeat; 
  border: 1px solid #e3e3da;
  border-bottom: none;
  color: #fab82f;
  font-family: "Arvo", serif;
  font-size:3.3em ;
  font-weight:400;
  line-height:100%;
  margin: 10px 10px 0 10px;
  padding: 30px 15px 30px 15px;
  text-rendering: optimizelegibility;
  text-transform:uppercase;    
}
@media screen and (max-width: 767px){
	body #pageTitle{
	    font-size:2.3em; 
	}
}
#pageTitle:after {
    background: #ffffff url('/media/long-arrow-3.png') right 0 no-repeat;
    content: '';
    display: block;
    height: 16px;
}

/* Added by Kevin -- hides pageTitle when empty (useful for content types whose fulltext layouts display their own
   pageTitle in conjunction with a page layout that uses title-on-index in pageTitle) */
#pageTitle:empty {
  display: none;
}

	@media screen and (max-width: 767px){
		body #pageTitleWrapper h1{
			font-size:30px; 
		}
	}


/* ======================================= Standard Content Elements ==============================================*/
/* apply class .standardContent to parent element of any content type that will include basic HTML/text */
/* primaryContent, Secondary Content, Supplemental Content, Jumbotron, knowledge base, dual column, feature content, news, form */

.standardContent {
    border: 1px solid #e3e3da;
    padding: 15px;
}

/* -------------------------- Headings -------------------------- */

#zoneA .standardContent h1{
  color: #fab82f;
  font-family: "Arvo";
  font-size: 3em;
  line-height: 100%;
  margin-bottom: 10px;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
}
.standardContent h2{ /* major headings */
	color: #aa0000;
	clear:both; /* acts as a clearing element */
	font-family:Arvo;
	font-size:24px;
	font-weight:400;
} 
.standardContent h2 a{ /* links in major headings */
	color: #aa0000;
	text-decoration:none;
} 
.standardContent h2 a:hover, .standardContent h2 a:focus{ /* links in major headings */
	text-decoration:underline;
} 
.standardContent h3{ /* minor headings */
	color: #aa0000;
	font-size: 18px;
	font-weight:400;
	padding:15px 0 2px 0; 
} 
.standardContent h3 a{ /* links in minor headings */
	color: #aa0000;
	text-decoration:none;
} 
.standardContent a:hover, .standardContent h3 a:focus{ 
	text-decoration:underline;
} 
.standardContent h4{ 
	color: #333333;
	font-family: Montserrat, serif;
	font-size: 15px;
	font-weight:400;
	margin:8px 0 2px 0; 
} 
.standardContent h4 a,{ 
	color: #333333;
	text-decoration:none;
} 
.standardContent h4 a:hover, .standardContent h4 a:focus{ 
	text-decoration:underline;
} 
.standardContent h5{ 
	color: #aa0000;
	font-family: Montserrat, serif;
	font-size: 13px;
	font-weight:400;
	margin:8px 0 2px 0; 
} 
.standardContent h5 a,{ 
	color: #333333;
	text-decoration:none;
} 
.standardContent h5 a:hover, .standardContent h4 a:focus{ 
	text-decoration:underline;
} 
.standardContent h6 {  /* H6s should be disabled. But just in case... */
	font-family: Montserrat, serif;
	font-weight:400;
	color: #333333;
} 

/* -------------------------- Paragraphs and inline text -------------------------- */
.standardContent p{
	color:#333333;
	font-family: Montserrat, serif;
    font-size: 12px;
	margin-bottom:20px;
}
/* -------------------------- Links -------------------------- */
.standardContent a { 
	color: #333333; 
	text-decoration: underline;
}
.standardContent a:hover, .standardContent a:focus { 
  color: #aa0000; 
}


/* -------------------------- Lists -------------------------- */
.standardContent ul, 
.standardContent ol { 
	list-style-type:none;
	margin-bottom: 20px;
    margin-left: 15px; /* indent */
	display: table;/* align 2nd line text, pt 1  */
}
.standardContent ul li ul, .standardContent ol li ol{
    margin-bottom: 0;
}
.standardContent ol { /* Numbers! */
  list-style-type:decimal;
  padding-left: 15px; 
}
.standardContent ul li{
	display: table-row; /* align 2nd line text, pt 2  */
}
.standardContent ul li:before {
	font-family: 'seattle-u';
	font-size:13px !important;
    content: 'b'; /* triple chevron */
	color: #aa0000;
	padding-right: 5px;
	display: table-cell; /* align 2nd line text, pt 3  */
	position: relative; 
	top: 2px; /* moves the chevron 2px down to better align with text*/
}
/* ie can't handle the font-family while getting a display property. Using no-flexboxlegacy as a proxy for IE */
.no-flexboxlegacy #zoneA .standardContent ul li:before, .no-flexboxlegacy #zoneB .standardContent ul li:before, .no-flexboxlegacy #zoneC .standardContent ul li:before{
	display:inline !important;
}

/* NOTE: styles for lists in forms is in the forms section */

/* -------------------------- Blockquote -------------------------- */
.standardContent blockquote{
	border-left: 5px solid #f8f8f1;
	font-size: inherit;
	margin: 0 20px;
}

/* -------------------------- Buttons -------------------------- */
.standardContent .btn { 
	white-space: normal;/* override default bootstrap behavior that caused buttons to extend beyond defined columns */
}
.standardContent .btn-attention {
	background-color: #aa0000;
    border-color: #881111;
    color: #ffffff !important;
	text-decoration:none;
}
.standardContent .btn-attention:hover, .standardContent .btn-attention:focus {
	background-color: #ef4135;
    border-color: #aa0000;
    color: #ffffff !important;
	text-decoration:none;
}

.standardContent .btn-plain {
    background-color: #e3e3da;
    border-color: #cccccc;
    color: #aa0000 !important;
	text-decoration:none;
}
.standardContent .btn-plain:hover, .standardContent .btn-plain:focus {
	background-color: #666666;
    border-color: #333333;
    color: #ffffff !important;
}


.standardContent .btn-alpha {
    background-color: #f8f8f1;
	border-color: #e3e3da;
    color: #aa0000 !important;
	text-decoration:none;
}

[class$="-alpha"]:before, [class*="-alpha"]:before,
[class$="-alpha"]:after, [class*="-alpha"]:after {
    color: #333333;
	font-family: "seattle-u" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	speak: none;
	top: 2px;
}
[class$="-alpha"]:before, [class*="-alpha"]:before{
	content: "b ";
}
[class$="-alpha"]:after, [class*="-alpha"]:after{
	content: " a";
}

.standardContent .btn-alpha:hover, .standardContent .btn-alpha:focus {
    border-color: #fab82f !important;
}

/* have these been replaced by jumbotron + quicklinks? */
.standardContent ul.arrowLinks{
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 15px;
	display: table;
}
.standardContent ul.arrowLinks li{
	background:#333333;
	color: #fab82f;
	padding: 0 10px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-bottom:10px;
}
.standardContent ul.arrowLinks li:before{
	content: '';
}
.standardContent ul.arrowLinks li span{
	display:table-row;
	line-height:30px;
	font-size: 15px;
	white-space: nowrap;
	text-align: center;
}
.standardContent ul.arrowLinks li span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	width: 0;
	height: 0;
	border-top: 15px solid #333333;
	border-left: 10px solid transparent;
	border-bottom: 15px solid #333333;
	border-left: 8px solid transparent;
}
.standardContent ul.arrowLinks li span:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 11px solid #333333;
	border-bottom: 15px solid transparent;
}
.standardContent ul.arrowLinks li a{
	font-family: "Oswald", sans-serif;
	font-size: 13px;
	text-decoration:none;
	text-transform: uppercase;
	color: #fab82f;
	white-space: nowrap;
}
.standardContent ul.arrowLinks li a:hover{
	color: #ffffff;
}

/* -----------------------------  Text Box  --------------------------- */
/* Creates a box in primary, secondary or supplemental content with outline and red header  */
/* former smartform in Ektron, now built into editor */
/* Legacy, should use FocusBox now */

.standardContent .textBox{ 
	background: #F8F8F1;
	margin-bottom:30px;
}
.standardContent .textBox .textBoxTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
.standardContent .textBox .textBoxTitle span{ 
  border-top: 3px solid #881111;
  border-bottom: 3px solid #881111;
  color:#ffffff;
  display:block;
  font-family: "Arvo", serif;
  font-weight: 400;
  font-size: 18px;
  line-height:30px;
  padding:10px;
  text-align: center;	
  text-transform: uppercase;
}

.standardContent .textBox .textBoxContent{
	border: 1px solid #E3E3DA;
	border-top:0;
	color: #333333;
	font-size:12px;
	padding: 10px;
	position: relative;
}
.standardContent .textBox .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:absolute;
	left: 121px; 
	top:0;
}

.standardContent .textBox .textBoxContent h3{ /* h3s inside the box content*/
	background:none;
	font-size:18px;
	text-align:left;
	margin:0;
}

.standardContent .textBox .textBoxContent p{}
.standardContent .textBox .textBoxContent ol,
.standardContent .textBox .textBoxContent ul{
	margin:0 0 10px 0; /* aligns to left margin instead of indenting */
}

.secondaryContent .textBox {
  margin: 10px -11px 10px -11px; /* overlays the padding + border of .secondaryContent */
  xborder-bottom: 10px solid #ffffff;
}

.secondaryContent .textBox:first-child { 
    margin-top: -10px; /* hides the top padding + border + margin of .secondaryContent */
}
.secondaryContent .textBox:last-child { 
    margin-bottom: -11px; /* hides the bottom padding + border + margin of .secondaryContent */
}



/* -------------------------- videos -------------------------- */

/* legacy videos using <object> code */
@media (min-width: 768px) { /* overrides width 464 thats usually hardcoded */
  body #primaryContent object, body #primaryContent embed{
    width: 450px;
  }
}
#primaryContent embed, #primaryContent object{
	max-width:445px;
}
#secondaryContent embed, #secondaryContent object{
	max-width:224px;
}

#pageContent .videoWrapper{
	position: relative;
}
#pageContent .videoWrapper .media-thumbnail{
	position: relative;
	z-index: 1;
	vertical-align: middle;
}
#pageContent .videoWrapper a .play-button {
  position: absolute;
  width: 100%;
  z-index: 100;
  opacity: 0.6;
  color: #ffffff;
  top: 40%;
  left: 0;
  text-align: center;
}

/* -------------------------- Tables -------------------------- */
/* table default changed to with borders. New class of tableWithoutBorders available 3/21/15*/
.standardContent table{
    border-collapse:collapse;
    border-spacing: 2px;
	font-size:12px; 
	font-weight:400;
	margin-bottom:10px; /* same as paragraphs */
	width:100%;
    border-bottom: 1px solid #e3e3da;
	border-right: 1px solid #e3e3da;
}
.standardContent .tableWithoutBorders{ 
  border-collapse:separate;
  border-bottom: none;
  border-right: none;
}

/* table heading rows */
.standardContent table thead{ 
	border-right: 1px solid #881111;
}
.standardContent table thead th{ 
	background-color:#aa0000;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
	border-top: 1px solid #881111;
	border-bottom: 1px solid #881111;
	border-left: 1px solid #881111;
}
.standardContent table thead th a{ 
	color:#ffffff;
}
.standardContent table thead th a:hover, .standardContent table thead th a:focus{ 
	color:#ffffff;
}
.standardContent .tableWithoutBorders thead th{ 
	border-top: none;
	border-bottom: none;
	border-left: none;
}
.standardContent .sortable thead th{ 
	cursor:pointer;
}
.standardContent .sortable thead th:hover {
	background: #ef4135;
	position:relative;
}
.standardContent .sortable thead th:hover:after{
    color: #333333;
    content: "Sort by this";
	font-size:10px;
	font-weight:normal;
	height:20px;
    left: 0;
	top: -20px;
    position: absolute;
    z-index: 3;
    width: 100%;
	text-align:center;
}
.standardContent .sortable thead th #sorttable_sortfwdind, 
.standardContent .sortable thead th #sorttable_sortrevind{
	font-size:18px;
	line-height:18px;
}
.standardContent .sortable thead .sorttable_sorted, 
.standardContent .sortable thead .sorttable_sorted_reverse{
	background-color: #333333;
}

/* table body cells and row headers */
.standardContent table th{ /* thead styles will override this. THs only in tbody or other not indicated */
	background-color:#f8f8f1;
	color:#333333;
	font-weight:bold;
	padding:10px;
}
.standardContent table td,
.standardContent table th{
	padding:10px;
	border-top: 1px solid #e3e3da;
	border-left: 1px solid #e3e3da;
}
.standardContent .tableWithoutBorders td, 
.standardContent .tableWithoutBorders th{
	border-top: none;
	border-left: none;
}

/* affects curriculum tables only*/
.standardContent .tableCurriculum,
.standardContent .tableCurriculum th,
.standardContent .tableCurriculum td{
    vertical-align:top;
}
/* make tables that are too wide to view on a mobile device add a horizontal scroll bar */ 

@media screen and (max-width: 767px) {
	table {
		overflow-x: auto;
		display: block;
	}
}




/* -------------------------- readmore links -------------------------- */
/* on feature items, knowledge base, news */
.standardContent .readmore{
	text-align:right;
	text-transform: uppercase;
}
.standardContent .readmore:after{
	color: #aa0000;
	content: ' b';
  	font-family: 'seattle-u';
	position: relative;
	text-transform: lowercase;
	top: 2px;
}
.standardContent .readmore a{
  color:#aa0000;
  text-decoration:none;
}
.standardContent .readmore a:hover, .standardContent .readmore a:focus{ 
	text-decoration:underline;
} 

/* -------------------------- Images -------------------------- */
/*If not available in CMS, classes to be added manually. */

img{
	display:inline-block;
	height:auto;
	max-width:100%;
}
img[src=""] { /* empty images don't get displayed */
   display: none;
}

.standardContent img{
	padding:5px;	
}

#primaryContent .imageOnRight, #primaryContent .imageOnRightWithBorder {/*legacy code from Ektront hat may still appear in content */
	float: right;
	margin: 10px 0 10px 10px;
}
#primaryContent .imageOnLeft, #primaryContent .imageOnLeftWithBorder {/*legacy code from Ektront hat may still appear in content */
	float: left;
	margin: 10px 10px 10px 0;
}
#primaryContent .imageOnRightWithBorder, #primaryContent .imageOnLeftWithBorder {/*legacy code from Ektront hat may still appear in content */
	border:1px solid #e3e3da;
}

.imageWrapper{
  text-align:center;
    display: block;
}
.imageWrapperLeft, .imageWrapperleft, .imageWrapperLEFT{
  float:left;
  margin: 15px 15px 15px 0;
  text-align:center;
  display: block;
}
.imageWrapperRight, .imageWrapperright, .imageWrapperRIGHT{
  float:right;
  margin: 15px 15px 15px 0;
  text-align:center;
  display: block;
}
.imageWrapper img{
    padding: 0;
}
.imageCaption{
  color:#666666;
  display: block;
}



/* ==================================================================================================*/
/* ======================= Search tool on search.aspx and searchresults.aspx ======================== */

#bodySearch{
	margin-bottom:15px; /* this is somewhat arbitrary */
}
#bodySearch #bq{ /* input text box */
	border:1px solid #e3e3da;
	box-sizing:border-box;
	display:inline-block;
	height:initial;
	line-height:12px;
	margin:0;
	padding:10px;
	vertical-align:top;
	width:80%;
}
#bodySearch .fa-search{ /* submit button */
	color:#333333;
	font-size:24px;
	display:inline-block;
	line-height:27px;
	margin:0;
	padding:5px;
}
#bodySearch .fa-search:hover{ /* submit button */
	color:#aa0000;
	cursor:pointer;
}

/* ================================================================================================= */
/* ===================================== Directories + Site index=================================== */
/*  /directories/departments/ 
	/directories/facult_staff_directory/ 
	/siteindex.aspx  
*/



/* Alphabetical navigation atop the office/dept directory and siteindex */
#DepartmentList_Selector, /* office/dept */
#AlphaList{ /* siteindex */
	height:20px; /* 18px line height + 2 1px borders */
	margin:15px 0 30px 0;
} 
#DepartmentList_Selector li, 
#AlphaList li { 
	border:1px solid #cccccc;
	float:left;
	line-height:18px;
	margin:0 1px;
	text-align:center;
} 
#DepartmentList_Selector .Selected, 
#AlphaList .selected{ 
	background:#aa0000;
	color:#ffffff;
	padding: 0 2px;
} 
#DepartmentList_Selector .notvalid, 
#AlphaList .notvalid{ 
	color:#999999;
	padding: 0 2px;
} 
#DepartmentList_Selector li a, 
#AlphaList li a{ 
	display:block;
	text-decoration:none;
	padding: 0 2px;
} 
#DepartmentList_Selector a:hover, 
#AlphaList a:hover{ 
	background:#ef4135;
	color:#ffffff;
} 
#pageContent .DepartmentListBox, /* office/dept */
#pageContent .StaffListBox{/* faculty/staff */
	font-size:12px;
	line-height: 18px;
  	margin-top: 20px;
}
#pageContent .DepartmentListBox h4, 
#pageContent .StaffListBox h4{
	color:#aa0000;
	margin:0;	
}
#StaffListPager{ /* faculty/staff results navigation */
	padding-top:60px;
}

#IndexCategories{ /* siteindex's horizontal buttons with categories (academics, services, etc)*/
	height:24px;
}
#IndexCategories li{
	background:#f8f8f1;
	border:1px solid #e3e3da;
	float:left;
	line-height:22px;
	margin:0 1px;
	text-align:center;
	width:140px;
	height:22px;
}
#pageContent .content #IndexCategories li:before,
#pageContent .content #AlphaList li:before{
	content:"";
}

#IndexCategories li a{
	color:#fef4e8;
	display:block;
	text-decoration:none;
}
#IndexCategories li a:hover{
	background:#ef4135;
	color:#ffffff;
}
#IndexCategories .selected{
	background:#aa0000;
	color:#ffffff;
}
#LinkList li{ /* siteindex site list */
	color:#333333;
	padding-bottom:8px;
}




/* ================================================================================================= */
/* ======================================== Old Form Styles ============================================ */
/* these have been supplanted by 160/90 styles farther down July 2016*/

.formWrapper{
  background:#ffffff;
  padding:0 10px 10px 10px;	
}
.form {

}
#pageTitle + .formWrapper .form{
  border-top:0;
}

.formWrapper label{
  color: #333333;
}
label .js-required{ /* generated asterisk. also has classes of .red and .bigger-110 */
  color:#aa0000;
  font-size:1.2em;
}
label .js-required:hover:after {
    content: 'required';
    background: #ffffff;
    position: relative;
    left: -5px;
}


#primaryContent input[type=text], 
#primaryContent input[type=password]{
	background-color: #fff;
	background-image: none;
	border:1px solid #E3E3DA;
	box-sizing:	content-box;
	color: #333;
	display: block;
	font-size:12px;
		xheight: 34px; /* jb 3-20-15 */ 
	line-height: 1.42857143;
	margin-bottom:15px;
	padding: 6px 12px;
	width:98%;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-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, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}

#primaryContent select{
	border:1px solid #E3E3DA;
	border-radius: 2px;
	font-size:14px;
	-moz-border-radius: 2px;
	color: #333333;
	padding:5px;
}
#primaryContent textarea{
	border:1px solid #E3E3DA;
	border-radius: 2px;
	-moz-border-radius: 2px;
	color:#534741;
	font-size:12px;
	max-width:656px;
	padding:4px;
	width:98%;
}

#pageContent .content fieldset ol{
	margin:0;
}

#pageContent .design_checklist{/* overrides default Ektron styling */
	background:none;
	padding:inherit;
}

body #pageContent fieldset .design_list_horizontal, 
body #pageContent fieldset .design_list_vertical{ /* overrides default Ektron styling */
	list-style-type:none;
	border:1px solid #fef4e8; 
	list-style-image:none;
	margin:0;
	padding:0; 
}
#primaryContent .design_list_horizontal label, #primaryContent .design_list_vertical label {
	display:inline;
	font-weight:normal;
	margin:0 0 0 0;
	line-height:16px;
	padding-left:5px;
}
body .design_validation_failed{
	border: 1px solid #aa0000 !important;
}
input.design_validation_failed, ol.design_validation_failed{
	background: url(/_commonImages/PageBuilder/form_designValidationFailed_background.png) #fff8f8;
	border-radius: 2px 2px 2px 2px;
}
ol.design_validation_failed{
	padding:-1px;
}

#primaryContent .formDirections{
	color:#736357;
	font-size: 11px;
	line-height:15px;
}
a.design_view_button:link{ /* hides those ridiculous sunglasses in the fieldset legend. Thanks Ektron. */
	display:none;
}

.dateClass{
	background: #ffffff;
	padding: 5px;
	border: 1px solid #998675;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

/* ------------------------------ Plus More buttons --------------------------- */
.plusmore {
  margin: 40px 0;
  text-align: center;
  position: relative;
}
.plusmore span {
  display: inline-block;
  position: relative;
  width: 100%;
}
.plusmore span:before, 
.plusmore span:after {
  border-top: 1px solid #e3e3da;
  content: '';
  display: table-cell;
  position: absolute;
  top: 32%;
  width: 44%;
}
.plusmore span:before {
  right: 55.5%;
}
.plusmore span:after {
  left: 56%;
}
.plusmore .pm, 
.plusmore .ld, 
.plusmore .cpm, 
.plusmore .cld {
  cursor: pointer;
}
.plusmore .pluslearn:after, 
.plusmore .minuslearn:after {
  color: #aa0000;
  font-size: 34px;
  padding: 8px;
}
.plusmore .pluslearn:after {
  content: '+';
}
.plusmore .minuslearn:after {
  content: '-';
}
.plusmore .loadm:after,
.plusmore .loadl:after, 
.plusmore .cloadm:after, 
.plusmore .cloadl:after {
  color: #aa0000;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
.plusmore .loadm:after, 
.plusmore .cloadm:after{
  content: 'Load More';
}
.plusmore .loadl:after, 
.plusmore .cloadl:after {
  content: 'Load Less';
}
.icon-arrows-triple-right:before {
content: "b";
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "seattle-u" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrows-triple-left:before {
content: "a";
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "seattle-u" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.plusmore .pm1, .plusmore .pm2 {
  position: absolute;
  color: #e3e3da;
  top: 1px;
}
.plusmore .pm1 {
  left: 42%;
}
.plusmore .pm2 {
  right: 41.5%;
}

/* ================================================================================================= */
/* ======================================= Content Types =========================================== */



/* ==============================  Content Type: Audio Content ============================= */
/* Last revised 8/31/15 by Jason */ 
/* makes two HTML-based divs, places them side-by-side. This functionality is performed by Bootstrap                     */


.audioItemWrapper{
  background: #ffffff;
  padding: 10px 10px 10px 10px;
}

#pageTitle + .audioItemWrapper .audioItem{
  border-top:0;
}

.audioItem audio{ 
  width:100%;
}




/* ==============================  Content Type: Dual column Content ============================= */
/* Last revised 8/31/15 by Jason */ 
/* makes two HTML-based divs, places them side-by-side. This functionality is performed by Bootstrap                     */

.dualColumnWrapper{
  background: #ffffff;
  padding: 0 10px 10px 10px;
}
.dualColumn { /* <article> element :: .standardContent */
  clear:both;
}
#pageTitle + .dualColumnWrapper .dualColumn{
  border-top:0;
}
.column1{ }
.column2{ }

/* ==============================  Content Type: Feature Content  ================================== */
/* Last revised 10/5/15 by Jason */
/* Creates a header (h3) with a image floated left or right and a paragraph.                      */

.featureItemWrapper{
    background: #ffffff;
    padding: 0 10px 10px 10px;
}
#pageTitle + .featureItemWrapper .featureItem{
  border-top:0;
}
.featureItem{ /* <article> element :: .standardContent */
  clear:both;

}
.featureItem .featureItemImage {
	margin: 0 10px 10px 0px;

} 
.featureItem p{
	margin-bottom: 0;
}

/* ==============================  Content Type: Give Button ================================== */
/* Last revised 3/25/15 by Jason */
/* Button with link              */

.giveButton { 
	margin-bottom:10px;
}

.giveButton .btn { /* override default bootstrap behavior that causes buttons to extend beyond defined columns */
	white-space: normal;
}
.giveButton .btn-attention {
	background-color: #aa0000;
    border-color: #881111;
    color: #ffffff;
  font-family:Arvo;
	text-decoration:none;
}
.giveButton .btn-attention:hover, .giveButton .btn-attention:focus {
	background-color: #ef4135;
    border-color: #aa0000;
    color: #ffffff;
}


/* ==============================  Content Type: Staff List and Bio ================================== */
/* Last revised 8/25/15 by Jason */
/* Box with name, photo              */

/* ------------------------------  Staff Bio List  ------------------------------  */

.staffBioBoxWrapper{
  background: #ffffff;
  padding: 0 10px 10px 10px;
}

.staffBioBox{ /* .standardContent */
	border:1px solid #E3E3DA;
	clear:both;
	color: #333333;
	float:left;
	margin-bottom:10px;
	position:relative;
	padding:15px;
	width:100%;
}
/* ------------------------------  Staff Bio Boxes in list  ------------------------------  */
.staffBioBox h3 {
	margin:0 0 15px 0;
	padding:0;
}
.staffBioBox .staffBioInfo{ /* wraps title, degree, email, phone, location */
	font-size:12px;
	line-height:15px;
}
.staffBioBox .Title, .staffBioPageInfo .Title,
.staffBioBox .Degree, .staffBioPageInfo .Degree,
.staffBioBox .Email, .staffBioPageInfo .Email,
.staffBioBox .Phone, .staffBioPageInfo .Phone,
.staffBioBox .Location, .staffBioPageInfo .Location{
	margin-bottom:10px;
}
.staffBioBox .Degree, .staffBioPageInfo .Degree{
	font-style:italic;
}
.staffBioBox .Title, .staffBioPageInfo .Title{ 
	color:#aa0000;
}
.staffBioBox .staffBioPhoto{ /* img */
	float:right;
	max-width:224px;
	padding:0;
}

/* ------------------------------  Staff Bio Page  ------------------------------  */

.staffBioPageWrapper{
    background: #ffffff;
    padding: 0 10px 10px 10px;
}
#pageTitle + .staffBioPageWrapper .staffBioPage{
  border-top:0;
}
.staffBioPageInfo{ /* wraps degree, title, email, phone, location, biography */
	font-size:12px;
	line-height:15px;
}
/* KEVIN EDITS */
/* Instead of floating the image inside its wrapper div, float the div and center the image inside it,
   then set the div's width to 100% on smaller screens so text doesn't awkwardly wrap around the image
   (on small screens, the image is large enough to cause text to jump to the bottom of the image when
   presented with a long series of characters, like an email address -- doesn't look good).
   Note: @media rules appply to equivalent of Bootstrap xs and sm classes.
*/
.staffBioPageImage img{
	/*float:right;*/
    margin: 0 auto;
}
.staffBioPageImage {
  max-width:25%; /* jb*/
    float: right;
    text-align: center;
}
@media screen and (max-width: 991px) {
  .staffBioPageImage {
    width: 100%;
  }
}
/* END KEVIN EDITS */
  
.staffBioPageImage img{
	border:1px solid #e3e3da;
	padding:5px;
}
.staffBioPageInfo .ExtendedBiography{
	padding-top:30px;
}

/* ==============================  Content Type: News Article  ================================== */
/* Creates a header (h3) with a image floated left or right and a summary. Links to fulltext.  */
/* Last updated 9/29/15 by Jason */

/* -------------------------- text/html output for embed ---------------------------*/
#newsFeedTitle{
	color: #aa0000;
	clear:both; /* acts as a clearing element */
	font-family:Arvo;
	font-size:24px;
	font-weight:400;
    border: 1px solid #e3e3da;
  border-bottom:0;
    padding: 10px;
    margin: 0 10px;
}

.newsItemWrapper{
  padding: 0 10px 0 10px;
}
.newsItem { /* <div> element :: .standardContent */
  clear:both;
  border-top:none;
  border-bottom: none;
}
#pageTitle + .newsItemWrapper .newsItem{
  border-top:0;
}
.newsItem h3{ /* <article> element :: .standardContent */
  margin:0; /* override defaults to condense in list*/ 
  padding-top:0;
}
.newsItem .newsImage{
	border:1px solid #e3e3da;
	float:left;
	margin-right:15px;
	padding:5px;
}
.newsItem .newsImage img{
	float:left;
  max-width:200px; /* arbitrary */
}
.newsItem .articleSummary p{
  margin-bottom:0;
}
.newsItemWrapper:last-child {
  padding-bottom:10px;

}
.newsItemWrapper:last-child .newsItem{
  border-bottom:1px solid #e3e3da;
}

#linkToNewsSection{
  border: 1px solid #e3e3da;
    border-top: 0;
    padding: 10px;
    margin: 0 10px 10px 10px;
  text-align:right;

}
#linkToNewsSection a{
  color:#aa0000
}
#linkToNewsSection a:hover, #linkToNewsSection a:focus{
  color:#aa0000;
  text-decoration: underline;
}
#linkToNewsSection a:after {
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
}
/* ------------------------------  News Article Page  ------------------------------  */
.newsArticleWrapper{ /* fulltext of articles */
  padding: 0 10px 10px 10px;

}
.newsArticleWrapper .newsArticle{
  border-top:0;
  border-bottom:0;
}
.newsArticle .newsAuthor,
.newsArticle .newsPhotography {
  font-style:italic;
  line-height:16px;
}
.newsArticle .tagline{
  margin-top:0;
  padding-top: 0;
}
.newsArticle .newsPublished{
  margin: 20px 0;
}

.newsArticleWrapper .prev-next{
  border:1px solid #e3e3da;
  border-top:0;
  padding-bottom:15px;

}
.newsArticleWrapper .prev-next a {
   color:#aa0000;
   text-decoration:none
}
.newsArticleWrapper .prev-next a:hover;.newsArticle .prev-next a:focus {
   color:#333333;
}
.newsArticleWrapper .prev-next a:first-child:before {
  font-family: 'seattle-u';
  content: 'a ';
  position: relative;
  top: 2px;
}
.newsArticleWrapper .prev-next a:last-child:after {
  font-family: 'seattle-u';
  content: ' b';
  position: relative;
  top: 2px;
}

/* ========================== Pagination for News, Blogs, Support Articles ========================== */
.paginationWrapper{
  text-align: center;
  border: 1px solid #e3e3da;
  border-top: none;
  margin: 0 10px 10px 10px;  
}

.paginationWrapper .currentpage{
  background: #aa0000;
  color:#ffffff;
  width: 20px;
  display: inline-block;
  border-radius: 50%;
  line-height: 20px;
}
.paginationWrapper .paginationNumber a{
  color:#333333;
  min-width: 20px;
  display: inline-block;
  border-radius: 50%;
  line-height: 20px;
}
.paginationWrapper .paginationNumber a:hover{
  color:#aa0000;
}

/* ========================================= Jumbotron ========================================= */
/* Created 8/31/2015 */
/* Content type 215 and also 288 (programs)*/

#zoneA .jumbotronWrapper{
  padding: 10px;
  clear:both;
}
#pageTitle + .jumbotronWrapper{
  padding-top:0;
}
#pageTitle + .jumbotronWrapper .jumbotron{
  border-top:0;
}
#zoneA .jumbotron{
  background-color: #ffffff;
  border: 1px solid #e3e3da;
  border-radius: 0;
  margin-bottom:0;
  padding: 60px 8.333333333333333%; /* 8.3333% is 1 column width */
}
#zoneA .jumbotronWrapper+.jumbotronWrapper { /* for stacked jumbotrons */
    padding-top: 0
}
#zoneA .jumbotron .redbullet { }
#zoneA .jumbotron .redbullet img{
  left: 11px;
  margin-top: 5px;
  padding:0;
  position: absolute;
}
#zoneA .jumbotron .redbullet h1,
#zoneA .jumbotron .redbullet h1 a, #zoneA .jumbotron .redbullet h1 a:visited{
  color: #fab82f;
  font-family:"Arvo";
  font-size: 34px;
  line-height: 46px;
  margin-top:10px; /*added 3/14 */
  margin-bottom: 10px;
  padding:0;
  text-decoration: none;
  text-transform:uppercase;
}

#zoneA .jumbotron .redbullet h1 a:focus, #zoneA .jumbotron .redbullet h1 a:hover{
  text-decoration:underline;
}
#zoneA .jumbotron .goldarrow {
    position: relative;
    border-style: solid;
    border-color: #fab82f;
    border-width: 2px 0 0 0;
} 
#zoneA .jumbotron .goldarrow:after {
    position: absolute;
    font-family: 'seattle-u';
    content: 'b';
    color: #fab82f;
    top: -11px;
    right: -1px;
    font-size: 23px;
} 

#zoneA .jumbotron h3{
  color:#333333;
  font-family: "Montserrat", serif;
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 26px;
  padding: 0;
  text-transform: uppercase;
  text-rendering: optimizelegibility;
}
#zoneA .jumbotron p{ /* same as .standardcontent p */
	color:#333333;
	font-family: Montserrat, serif;
    font-size: 12px;
	margin-bottom:20px;
}

#zoneA .jumbotron .boxlinks {
  margin-bottom: 0;
  padding-left:0;
  margin-left: 0;
  width:100%; /* prevents ULs with less than three items from collapsing */
}
@media (min-width: 768px) and (max-width: 979px) {
  #zoneA .jumbotron .boxlinks {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .jumbotron .boxlinks {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #zoneA .jumbotron .boxlinks {
    margin-bottom: 0;
  }
}
#zoneA .jumbotron .boxlinks li {
  display: inline-block;
  margin-bottom: 12px;
  padding:0 15px;
}
@media (max-width: 991px) { /* xs and sm */
  #zoneA.col-xs-12 .jumbotron .boxlinks li { /* when zoneB AND ZoneC are present */
    width:100%;
  }
}
@media (min-width: 992px) { /* md and lg */
  #zoneA.col-md-6 .jumbotron .boxlinks li { /* when zoneB AND ZoneC are present */
    width:50%;
  }
  #zoneA.col-md-9 .jumbotron .boxlinks li { /* when zoneB OR ZoneC are present */
    width:33.333333%;
  }
  #zoneA.col-md-12 .jumbotron .boxlinks li { /* when NEITHER zoneB OR ZoneC are present */
    width:25%;
  }
}

#zoneA .jumbotron .boxlinks li:before {
  content: none;
}


@media (min-width: 768px) and (max-width: 979px) {
  #zoneA .jumbotron .boxlinks li {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .jumbotron .boxlinks li {
    display: block;
  }
}
@media (max-width: 767px) {
  #zoneA .jumbotron .boxlinks li {
    display: block;
  }
}
#zoneA .jumbotron .boxlinks .arrow {
  position: relative;
  background-color: #333333;
  padding: 4px 15px;
  font-size: 12px;
  white-space: nowrap;
  height: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  #zoneA .jumbotron .boxlinks .arrow {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #zoneA .jumbotron .boxlinks .arrow {
    display: block;
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .jumbotron .boxlinks .arrow {
    display: block;
    padding-bottom: 8px;
  }
}
#zoneA .jumbotron .boxlinks .arrow:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 11px solid #333333;
  border-bottom: 15px solid transparent;
}
#zoneA .jumbotron .boxlinks .arrow:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 15px solid #333333;
  border-left: 10px solid transparent;
  border-bottom: 15px solid #333333;
}
#zoneA .jumbotron .boxlinks a {
  color: #fab82f;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
#zoneA .jumbotron .boxlinks a:hover {
  color: white;
  text-decoration: none;
}
#zoneA .jumbotron .boxlinks p{
  clear:both;
}
#zoneA .jumbotronImage img{
  width:100%; /*original image size pre-T4 was 870px; new width is 877px, so this stretches it */
}


/*
   ===========================  Content Type: Knowledge Base ================================= 
   Technical articles with specific fields, tags and references to related articles. Used by ITS and Marketing Communications. 
   Content Type: #243
   Last revised 5/23/17 by Jason
*/

.knowledgeBaseItemWrapper{
  background: #ffffff;
  padding: 0 10px 0px 10px;
}
.organizer .knowledgeBaseItemWrapper{
  background: #ffffff;
  padding: 0;
}
.knowledgeBaseItem{ /* <div> element :: .standardContent */
  border-top: none;
  border-bottom: none;
  padding: 0 15px; 
}
.organizer .knowledgeBaseItem{ /* <div> element :: .standardContent */
  border: none;
  padding: 15px; 
}
.knowledgeBaseItem h3{ 
  margin:0; /* override defaults to condense in list*/ 
}
.knowledgeBaseItem h4{
  color: #aa0000;
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0;
}
.knowledgeBaseItem h4 a{
  color: #aa0000;
  text-decoration:none;
}

.organizer .knowledgeBaseItem p{
  font-size: 1.2em;
  line-height: 1.8em;
  margin:0;
}
.knowledgeBaseItem .lastModified{
  color:#595959;
  font-size:1rem;
}
.organizer .knowledgeBaseItem ul{
  margin:0;
}
.organizer .knowledgeBaseItem ul li.tag:before{
  content:none;
}
.knowledgeBaseItem ul li.tag {
    display: inline-block !important;
    padding: 1px 10px;
    background: #e3e3da;
    margin-right: 5px;
    border-radius: 15px;
}


.knowledgeBaseItemWrapper:last-child {
  padding-bottom: 10px;
}
.knowledgeBaseItemWrapper:last-child .knowledgeBaseItem {
  border-bottom:1px solid #e3e3da;
}

/* fulltext output */

.knowledgeBaseArticleWrapper{
  background: #ffffff;
  padding: 0 10px 10px 10px;
}
.knowledgeBaseArticle{ /* <div> element :: .standardContent */
  padding: 0 15px; 
}
#pageTitle + .knowledgeBaseArticleWrapper .knowledgeBaseArticle{
  border-top:0;
}
/* Hides paginator when article is open */
.knowledgeBaseArticleWrapper + .kbarticlePaginator {
  display: none;
}

/*
   ===========================  Content Type: Quicklinks List- Zone B =========================== 
   ===========================  Content Type: Quicklinks List- Zone C =========================== 
   A list of up to nine links to a section, content, external source or media item with an optional header 
   Content Type: #216  
   Content Type: #576  
   Last revised 12/2/16 by Jason
*/
#pageContent .quicklinksWrapper{
  margin-bottom:10px;
}
#pageContent .quicklinks .quicklinksTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin-top: 0px;
}
#pageContent .quicklinks .quicklinksTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#pageContent .quicklinks .arrow-red{  /* wrapper for arrow*/
  left:50%; /* moves arrow over to start at middle... */
  position:relative;
}
#pageContent .quicklinks .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:absolute;
	left: -5px; /* this moves it back to the left to align to the center of the box (the point of the arrow) */
	top:10px;
}
#zoneB .quicklinks ul {
  display: initial;
  margin: 0 0 20px 0;
  position:relative;
}
.quicklinks ul span {
    height: 20px;
    width: calc(100% - 30px);
    position: absolute;
    top: calc(50% - 1px);
    left: 15px;
    border-style: solid;
    border-color: #fab82f;
    border-width: 1px 0 0 0;
}

#pageContent .quicklinks li {
  background-color: #333333;
  display: list-item;
  margin: 5px 0;
  padding: 10px 20px;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
#pageContent .quicklinks li:before{ /* override other link styles */
  content: '';
  padding-right: 0;
  display: initial;
  position: initial;
  top:0
}
#pageContent .quicklinks li:first-child {
    margin-top: 0px;
}
#pageContent .quicklinks li a {
  background: #333333;
  color: #fab82f;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  max-width: 85%;
  padding: 0 5px;
  position: relative;
  text-decoration:none;
  white-space: normal;
  width: inherit;
  max-width: 85%;
}
#pageContent .quicklinks li a:hover, #pageContent .quicklinks li a:focus {
  color: white;
  text-decoration: none;
}
#pageContent .quicklinks li a:before, #pageContent .quicklinks li a:after {
  border-top: 1px solid #fab82f;
  content: '';
  display: table-cell;
  position: relative;
  top: 10px;
  width: 45%;
}
#pageContent .quicklinks li i {
  color: #fab82f;
  font-size: 15px;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
}
@media (max-width: 767px) {
  #pageContent .quicklinks li i {
    right: 15px;
  }
}


/* ?  */
.sidebox .sidebottom {
  height: 40px;
  background-color: #f8f8f1;
}
.sidebox .sideend {
  height: 100%;
  background-color: #f8f8f1;
}
@media (max-width: 767px) {
  .sidebox .sideend{
    height: 100px;
  }
}
@media (max-width: 767px) {
  .sidebox {
    height: 100% !important;
  }
}



/* ===========================  Content Type: Slideshow - Zone A =========================== 
   A slider of up to nine items in a single content item. Not to be confused with mega slideshow 
   Content Type: #186  
   Last revised: 2016
*/

.sliderWrapper{
	background:#ffffff;
}

#pageTitle + .sliderWrapper .sliderSpacer{ /* add a border and gap beloe the page title only if immediately following the title */
  border-top:1px solid #e3e3da;
  margin:0 10px;
  padding-bottom:10px;
}
.sliderWrapper .slick-slider{
  margin-bottom:10px;
}
.slick-slide img{
	margin: auto; /* centers images if too small for page width */
}

.sliderWrapper .slick-prev, 
.sliderWrapper .slick-next{
  height:60px;
  width: 60px;
  z-index: 2;
}
.sliderWrapper .slick-prev{ 
  left:60px; /* arrows hanging off the side */
}
.sliderWrapper .slick-next{
  right:60px; /* arrows hanging off the side */
}
.sliderWrapper .slick-prev:before, 
.sliderWrapper .slick-next:before{
  font-size:60px;
  opacity: .7;
  color:#000000
}


/* ========================================= Content Type: Video popup - Zone B  ========================================= */
/* Created 10/30/2015 */
/* creates video in popup from ZoneB */
/* Content Type #233 */

.popupVideo{
  position: relative;
}

.popupVideo .media-thumbnail {
  position: relative;
  vertical-align: middle;
  z-index: 1;
}
.popupVideo a .play-button {
  color: #ffffff;
  left: 0;
  opacity: 0.6;
  position: absolute;
  text-align:center;
  top: 30%;
  width: 100%;
  z-index: 100;
}
.popupVideo p {
  background-color: #ffffff;
  color: #333333;
  font-size: 12px;
  line-height: 23px;
  padding: 0 10px;
  text-align: left;
  vertical-align: text-top;
}

/* ========================================= Content Type: Video embed - Zone A  ========================================= */
/* Created 5/9/2016 */
/* creates video embedded in Zone A and responsively resizes */
/* Content Type #363 */


#pageTitle + .embeddedVideoWrapper .embeddedvideoSpacer{
  border-top: 1px solid #e3e3da;
  margin: 0 10px 10px 10px;
}
#zoneA .embeddedVideo { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  height: auto; 
} 
#zoneA .embeddedVideoInner{
  background-color: #ffffff;
  border: 1px solid #e3e3da;
  border-radius: 0;
  margin-bottom:0;
}
#zoneA .embeddedVideoWrapper iframe{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  /*padding-bottom: 10px;*/
}
#zoneA .embeddedVideoDescriptionWrapper{
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #e3e3da;
    margin-bottom: 10px;
    background: #333;

}
#zoneA .embeddedVideoDescription{
  border: 0;
  padding: 0;
}
#zoneA .embeddedVideoDescription p{
  color: #fff;
  margin-bottom:10px;
}
#zoneA .embeddedVideoDescription p a{
  color: #fab82f
}

/*
   ===========================  Content Type: Organizer =========================== 
   Automatically sorts, paginates, and displays content of a given type from a given section 
   Some styles defined in styles for System Status or Blogs seperately
   Content Type: #370, #375, and #376  
   Last revised 2/10/17 by Jason
*/
.organizerWrapper h2.organizerTitle{
    color: #aa0000;
    clear: both;
    font-family: Arvo;
    font-size: 24px;
    font-weight: 400;
    margin: 0 10px;
    border: 1px solid #e3e3da;
    border-bottom: 0;
    padding: 15px;
}
.organizerWrapper .viewAll{
    padding: 30px 10px 10px 20px;
    margin: 10px;
    margin-top: 0;
    border: 1px solid #e3e3da;
    border-top: 0;
}
.organizerWrapper .viewAll a{
  color: #aa0000;
  text-transform: uppercase;
}
.organizerWrapper .viewAll a:after{
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
 
}
.organizerWrapper .viewAll a:after:hover{
    text-decoration:none;
}

/* ========================================= Content Type: Focus Box ========================================= */
/* Created 10/30/2015 */
/* creates special box in ZoneB */

.focusBox{
  position: relative;
  margin: 10px 0;
}

#zoneB .focusBoxWrapper:first-child .focusBox {
  margin-top: 0px;
}

#zoneB .focusBox .focusBoxTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .focusBox .focusBoxTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .focusBox .focusBoxTitle h3{
  color:#f8f8f1;
  font-family: "Arvo", serif;
  font-size:18px;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}
#zoneB .focusBox .focusBoxTitle h5{
  color:#f8f8f1;
  display: inline-block;
  white-space: nowrap;
  font-family: "Arvo", serif;
  font-size:14px;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}

#zoneB .focusBox .focusBoxTitle .arrowleft, 
#zoneB .focusBox .focusBoxTitle .arrowright {
  position: relative;
  display: inline-block;
  width: 20%;
  border-top: 1px solid white;
  top: -4px;
}
.arrowleft:after, .arrowright:after{
  position: absolute;
  font-family: 'seattle-u';
  color: #ffffff;
  top: -11px;
  font-size: 16px;
  font-style:normal;
}
.arrowleft:after {
  content: 'b';
  right: 0;
}
.arrowright:after{
  content: 'a';
  left: 0;
}

#zoneB .focusBox .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
    margin-top: -25px;
}
#zoneB .focusBox .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:static;
	left: -5px; /* this moves it back to the left to align to the center of the box (the point of the arrow) */
	top:-31px;
}
.focusBox .focusBoxText {
    background-color: #f8f8f1;
    padding: 30px 30px;
    font-size: 12px;
}
.focusBox .focusBoxText a{
    color: #333333;
}
.focusBox .focusBoxText a:hover, .focusBox .focusBoxText a:focus{
    color: #aa0000;
}
.focusBox .focusBoxText ul, .focusBox .focusBoxText ol {
    margin-left: 0;
}

/* ========================================= Content Type: Curated News  ========================================= */
/* Created 11/10/2015 */
/* creates special box in ZoneB */
/* Content Type #235 */

#zoneB .curatedNews{ 

}
#zoneB .curatedNews .curatedNewsTitle{ 
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .curatedNews .curatedNewsTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .curatedNews .curatedNewsTitle h3{
  color:#f8f8f1;
  font-family: "Arvo", serif;
  font-size:18px;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}
#zoneB .curatedNews .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
    margin-top: -25px;
}
#zoneB .curatedNews .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:static;
	left: -10px; /* this moves it back to the left to align to the center of the box (the point of the arrow) */
	top:-30px; /* counters the padding on .curatedNews */
}
#zoneB .curatedNews .curatedNewsList{
  background-color: #f8f8f1;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 30px 30px;
}

#zoneB .curatedNews img{
  border-radius: 50%;
  margin-top: 12px;
  margin-bottom: 12px;
  margin: 0 auto;
  display: block;
  max-width: 117px;
  height: auto;
}
#zoneB .curatedNews h5{
  font-size: 16px;
  margin-bottom: 5px;
  text-align: left;
  text-transform: uppercase;
}
#zoneB .curatedNews a{
  color: #aa0000;
  text-transform: uppercase;
  text-align: left;
}


#zoneB .curatedNews a:after{
  font-family: 'seattle-u';
  content: ' b';
  font-size: 13px;
  text-transform: lowercase;
  top: 2px;
  position: relative;
}
#zoneB .curatedNews li {
  margin: 20px 0;
  border-bottom: 1px solid #e3e3da;
}

#zoneB .curatedNews li:first-child {
  margin-top: 5px;
}
#zoneB .curatedNews li:last-child{
  margin-bottom: 5px;
}

/* ========================================= Content Type: Curated Events  ========================================= */
/* Created 11/11/2015 */
/* creates special box in ZoneB using navigation object 369 to pull ecebts in a specified section*/
/* Content Types #236 and #237 */

#zoneB .curatedEvents{ 

}
#zoneB .curatedEvents .curatedEventsTitle{ /* title code all 100% same as news 11/11 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .curatedEvents .curatedEventsTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .curatedEvents .curatedEventsTitle h3{
  color:#f8f8f1;
  font-family: "Arvo", serif;
  font-size:18px;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}
#zoneB .curatedEvents .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
    margin-top: -25px;
}
#zoneB .curatedEvents .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:static;
	left: -10px; /* this moves it back to the left to align to the center of the box (the point of the arrow) */
	top:-30px; /* counters the padding on .curatedNews */
}
#zoneB .curatedEvents .curatedEventsList{
  background-color: #f8f8f1;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 30px 30px;
}
#zoneB .curatedEvents .curatedEventsList li {
  margin-top: 14px;
  margin-left: 20px;
  border-bottom: 1px solid #e3e3da;
  text-align: left;
  line-height: 17px;
}
#zoneB .curatedEvents .curatedEventsList h5 {
  font-size: 16px;
  margin-bottom: 2px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  line-height: 23px;
  text-rendering: optimizelegibility;
  text-transform: uppercase;
}
#zoneB .curatedEvents .curatedEventsList h5:before {
  font-family: 'fontawesome';
  content: '\f133 ';
  color: #fab82f;
  font-size: 16px;
  margin-left: -18px;
  position: relative;
  right: 12px;
}
#zoneB .curatedEvents .curatedEventsList a{
  color:#333333;
}
#zoneB .curatedEvents .curatedEventsList a:hover{
  text-decoration: underline;
}


/* ==============================  Content Type: SU Master Calendar Feed  ================================== */
/* Created 11/11/2015 */
/* creates special box in ZoneB RSS feed from Master Calendar */
/* Content Type #217 */

#zoneB .calendarFeed{ 
	background: #F8F8F1;
	margin-bottom:30px;
}
#zoneB .calendarFeed .rssFeedTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .calendarFeed .rssFeedTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .calendarFeed .rssFeedContent{ 
	color: #333333;
	font-size:1em;
	position: relative;
}
#zoneB .calendarFeed .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
}
#zoneB .calendarFeed .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:relative;
	top:6px;
}


#zoneB .calendarFeed .rssFeedContent .rssFeed{ /* ul */
	display: block;
	line-height:16px;
	margin: 0;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li{
	border-top: 1px solid #e3e3da;
	display: block;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li:first-of-type{
	border-top: 0;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li:before{
	content:'';
	display: block;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li a{
  color:#333333;
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li:first-of-type a{
	border-top: 1px solid #f8f8f1;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li:first-of-type a:hover{
	border-top: 1px solid #e3e3da;
}
#zoneB .calendarFeed .rssFeedContent .rssFeed li a:hover{
  background:#ffffff;
  color:#aa0000;
}
#zoneB .calendarFeed .fullCalendarLink{
    border-top: 1px solid #e3e3da;
    text-align: right;
    padding: 10px;
}
#zoneB .calendarFeed .fullCalendarLink a{
  color: #aa0000;
}
#zoneB .calendarFeed .fullCalendarLink a:after{
  color: #aa0000;
  content: ' b';
  font-family: 'seattle-u';
  position: relative;
  text-transform: lowercase;
  top: 2px;
}
/* ==============================  RSS Feed  ================================== */
/* Output from SU RSS Feed content type */ 
/* Added March 17, 2015 by Jason */
/* Last revised 9/2/16 by Jason */
/* Content Type #223 */

#zoneB .rssFeedBox{ 
	background: #F8F8F1;
	margin-bottom:30px;
}
#zoneB .rssFeedBox .rssFeedTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .rssFeedBox .rssFeedTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .rssFeedBox .rssFeedContent{ 
	border: 1px solid #E3E3DA;
	border-top:0;
	color: #333333;
	font-size:12px;
	position: relative;
}
#zoneB .rssFeedBox .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
}
#zoneB .rssFeedBox .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
    position: relative;
    top: 6px;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed{ /* ul */
	display: block;
	line-height:16px;
	margin: 0;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed li{
	border-top: 1px solid #e3e3da;
	display: block;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed li:first-of-type{
	border-top: 0;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed li a{
  color:#333333;
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed li:first-of-type a{
	border-top: 1px solid #f8f8f1;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed li:first-of-type a:hover{
	border-top: 1px solid #e3e3da;
}
#zoneB .rssFeedBox .rssFeedContent .rssFeed li a:hover{
	background:#ffffff;
}

/* ========================================= Form Placeholder ========================================= */
/* Created 2/3/2016 */
/* Content Type #256 */

.formPlaceholderWrapper{
  background: #ffffff;
    padding: 0 10px 10px 10px;
}

.formPlaceholder{
  background-color: #ffffff;
  border: 1px solid #e3e3da;
  margin-bottom:0;
  padding: 60px 8.333333333333%;

}


#pageTitle + .formPlaceholderWrapper .formPlaceholder{
  border-top:0;
}
.formPlaceholder .form-group .btn-primary {
    color: #fff;
    background-color: #aa0000;
    border-color: #881111;
}

#zoneB iframe{
	max-width:100%
}

/* 160over90 form styles */
#zoneA form {
	font-size: 12px
}
#zoneA form input[type="text"], #zoneA form input[type="email"], #zoneA form textarea {
	border: 1px solid #ccc !important;
	border-radius: 0px !important;
	background-color: #e3e3da !important;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #333;
	font-family: "Montserrat", serif;
	font-size: 12px
}
#zoneA form textarea {
	max-width: 100%;
	max-height: 100%
}
@media (min-width: 992px) {
  #zoneA form .field-row {
	margin-bottom: 30px;
 	margin-top: 15px
  }
  #zoneA form .field-row:last-child {
	margin-bottom: 0
  }
}
#zoneA form .input-wrap {
	margin-bottom: 15px
}
@media (min-width: 992px) {
  #zoneA form .input-wrap {
	margin-bottom: 0
  }
}
#zoneA form .select-input {
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 0px;
	overflow: hidden;
	background-color: #e3e3da;
	xbackground-image: url("../img/dropdown-arrow.png");
	background-position: right 10px center;
	background-repeat: no-repeat
}
#zoneA form .select-input select {
	padding: 5px 8px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: ""
}
#zoneA form .select-style select:focus {
	outline: none
}
#zoneA form ::-webkit-input-placeholder {
  color:#333 !important;
  font-family:"Montserrat", serif !important;
  font-size:12px !important
}
#zoneA form :-moz-placeholder {
  color:#333 !important;
  font-family:"Montserrat", serif !important;
  font-size:12px !important
}
#zoneA form ::-moz-placeholder {
  color:#333 !important;
  font-family:"Montserrat", serif !important;
  font-size:12px !important
}
#zoneA form :-ms-input-placeholder {
  color:#333 !important;
  font-family:"Montserrat", serif !important;
  font-size:12px !important
}
#zoneA form ::-ms-input-placeholder {
  color:#333 !important;
  font-family:"Montserrat", serif !important;
  font-size:12px !important
}
#zoneA form :placeholder-shown {
  color:#333 !important;
  font-family:"Montserrat", serif !important;
  font-size:12px !important
}

/* ===========================  Content Type: Program of Study Box ================================= */
/* Last revised 2/5/16 by Jason */
/* Zone B only */
/* Header, up to six links */


#zoneB .programSummaryBoxWrapper{
	margin-bottom: 30px;
}

#zoneB .programSummaryBox .programSummaryBoxTitle{ /* h3 */
	background-color: #333333;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .programSummaryBox .programSummaryBoxTitle span{ 
	border-top: 3px solid #666666;
	border-bottom: 3px solid #666666;
	color:#fab82f;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}

#zoneB .programSummaryBox ul {
  display: initial;
  margin: 0 0 20px 0;
  position:relative;
}


#zoneB .programSummaryBox li {
  background-color: #f8f8f1;
  display: list-item;
  margin: 3px 0;
  padding: 10px 15px;
  text-transform: uppercase;
  position: relative;
}

#zoneB .programSummaryBox li a {
  position: relative;
  font-family: "Oswald", sans-serif;
  display: table;
  color: #333333;
  font-size: 1em;
  text-decoration:none;
  width: 100%;
}
#zoneB .programSummaryBox li a:hover, #zoneB .programSummaryBox li a:focus {
  color: #a00000;
  text-decoration: none;
}


/* ===========================  Content Type: Media Kit =========================== 
   An image with up to three links to download different versions of the image. 
   Content Type: #278  
   Last revised 3/14/17 by Jason
*/

/* ===== text/html ===== */
#zoneA .mediaKitWrapper {
  margin: 0;
  padding: 0;
}
#zoneA .mediaKit{
    padding: 10px;
    margin: 0;
    border-right: 0;
    border-top: 0;
}
@media (min-width: 768px) and (max-width: 1199px) { /* end column (2nd) on sm+md screens */
  z#zoneA .mediaKitWrapper:nth-child(4n+2) .mediaKit{
    margin: 0 10px 10px 0;
    
  }
}
@media (min-width: 1200px) { /* middle column on lg screens */
  z#zoneA .mediaKitWrapper:nth-child(3n+3) .mediaKit{
    margin: 0 0 10px 0;
    
  }
}
@media (max-width: 767px) {
    z.mediaKitClear:nth-child(1n)::before {
      content: '';
      display: table;
      clear: both;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    z.mediaKitClear:nth-child(2n)::before {
      content: '';
      display: table;
      clear: both;
    }
}
@media (min-width: 1200px) {
    z.mediaKitClear:nth-child(3n)::before {  
      content: '';
      display: table;
      clear: both;
    }
}
#zoneA .mediaKit h3{
  background: #333333;
  color: #ffffff;
  font-size: 1.2em;
  margin: -10px -10px 0 -10px;
  min-height: 50px; /* allows up to 2 lines of text */
  padding:10px;
}
#zoneA .mediaKitCoverImage{
  text-align:center;
}
#zoneA .mediaKitCoverImage img{
  padding:5px 0;
}
#zoneA .mediaKitListWrapper {
  min-height: 72px; /* equal height for up to 3 media links */
}
#zoneA .mediaKitList {
  margin: 0 0 0 0;
}

/* ===========================  Content Type: Albers Mentor List ================================= */
/* Last revised 7/13/16 by Jason */
/* used for Albers Mentor List */
/* Zone A only and fulltext*/


#id165783{ /* organizerWrapper on regular Mentor list*/
  border-top: 1px solid #e3e3da;
}

#zoneA .mentorSummaryWrapper {
  border-right: 1px solid #e3e3da;
  border-bottom: 1px solid #e3e3da;
  min-height: 20.5em;
  
}
#zoneA .mentorSummary{
  padding: 0;
  border: none;
}
#zoneA .mentorSummary h3{
  margin-top: 10px;
  padding:0;
}
#zoneA .mentorSummary p{
  line-height: 1.5em;
}
/*nth-of-type doesn't really work here because there are an unknown number 
of other content items that may be displayed under the same parent*/

@media (min-width: 1200px) { /* lg */
  #zoneA .mentorSummaryWrapper.first, 
  #zoneA .mentorSummaryWrapper.fourth{
    xclear:left;
  }
  #zoneA .mentorSummaryWrapper.second,
  #zoneA .mentorSummaryWrapper.fifth{
    xborder-left: 1px solid #e3e3da;
    xborder-right: 1px solid #e3e3da;
  }
}
@media (min-width: 992px) and (max-width: 1199px) { /* md */
  #zoneA .mentorSummaryWrapper.first, 
  #zoneA .mentorSummaryWrapper.fourth{
    xclear:left;
  }
  #zoneA .mentorSummaryWrapper.second,
  #zoneA .mentorSummaryWrapper.fifth{
    xborder-left: 1px solid #e3e3da;
    xborder-right: 1px solid #e3e3da;
  }
}
@media (min-width: 768px) and (max-width: 991px) { /* sm */
  #zoneA .mentorSummaryWrapper.first, 
  #zoneA .mentorSummaryWrapper.third,
  #zoneA .mentorSummaryWrapper.fifth{
    xclear:left;
  }
  #zoneA .mentorSummaryWrapper.second,
  #zoneA .mentorSummaryWrapper.fourth
  #zoneA .mentorSummaryWrapper.sixth,{
    xborder-left: 1px solid #e3e3da;
  }
}

@media (max-width: 767px) { /* xs */
  
  
}
/* fulltext */
#mentorBioWrapper{
  margin: 10px;
  margin-top: 0;
  border-top: 0;
}
#mentorBioPhoto{
  border: 1px solid #e3e3da;
  float: right;
  max-width: 300px;
}





/* ==============================  Quotation Box (in Secondary Content)  ================================== */
/* Last revised 2/23/16 by Jason */
/* Output from migration, lives in SecondaryContent */
/* Quote, source, attribution */
#zoneB .quotationBox{ 
	color:#e3e3da;
	margin-bottom:60px;	
	padding:20px 0 0 0;
  position:relative;
}
#zoneB .quotationBox .fa{
	position:absolute;
	z-index:1;
}
#zoneB .quotationBox .closing{
	margin-top: -15px;
	right: 0;
}
#zoneB .quotationBox p{ /* ::REQUIRED:: actual quote, sans the source or other information */
	color: #04899d;
	font-size:14px;
	padding:40px 10px 0px 10px;
	margin:0;
	position:relative;
	z-index:2;
}
#zoneB .quotationBox cite{ 
	color:#04899d;
}
#zoneB .quotationBox cite .quotationSource{ /* ::REQUIRED:: source of the quote, sans other information */
	display:block;
	font-size:14px;
	line-height:14px;
	padding:50px 0 0 25px;
}

#zoneB .quotationBox cite .quotationAffiliation{
	display:block;
	font-size:14px;
	font-style:italic;
	line-height:14px;
	padding:0 0 15px 25px;
}

/* ==============================  Content Type: Quote - Zone A (#211) and Quote - Zone B (#617) ================================== 
   A box with colored background that contains quote, source and affiliation
   Adapted from legacy Quotation Box in Ektron Feb 2016. Added color options and Zone A layout 2/8/17
   Last revised 2/8/17 by Jason 
*/

.quoteBoxWrapper{
  clear: both;
}
.quoteBox{ 
  background-color:#04899d;
  color: #ffffff;	
  position:relative;
}
#zoneB .quoteBox{
  margin-bottom:15px;
}
.quoteBoxRed{ background-color:#aa0000; }
.quoteBoxGold{ background-color:#fab82f; color:#333333 }
.quoteBoxGreen{ background-color:#6cB33f; }
.quoteBoxOrange{ background-color:#ef4135; }
.quoteBoxDarkBlue{ background-color:#00245d; }
.quoteBoxBlack{ background-color:#333333; }
.quoteBoxWhite{ background-color:#ffffff; color:#333333 }

.quoteBox .fa{
	opacity: .2;
  position:absolute;
	z-index:1;
}
.quoteBox .opening{
	left: 3px;
}
.quoteBox .closing{
	right: 3px;
    bottom: 57px;
}
.quoteBox p{ /* ::REQUIRED:: actual quote, sans the source or other information */
	color: #ffffff;
	font-size:1.2em;
	padding:15px;
	margin:0;
    min-height:65px;
	position:relative;
	z-index:2;
}
.quoteBoxGold p, .quoteBoxWhite p{
   color:#333333
}

.quoteBox cite{ 
	font-family: 'Oswald';
    font-weight: 300;
    padding: 0 15px 15px 15px;
    display: block;
}
.quoteBox cite .quoteSource{ /* ::REQUIRED:: source of the quote, sans other information */
	display:block;
	font-size:20px;
	line-height:14px;
}

.quoteBox cite .quoteAffiliation{
	display:block;
	font-size:14px;
}


/* ==============================  System Status  ================================== */
/* Last revised 4/13/16 by Jason */
/* Content type for different Services to show their status  */

#zoneA .systemStatusWrapper {
    background: #ffffff;
    padding: 10px 10px 10px 10px;
    clear: both;
}
#zoneA .statusDetail{
  padding: 15px;
  border-right: 1px solid #e3e3da;    
  border-left: 1px solid #e3e3da;
  margin: 0 10px;
}
#zoneA .statusDetail .systemName h4{
  margin:0;
}
#zoneA .statusDetail .systemName a{
  color:#333333;
}
#zoneA .statusDetail .systemName a .fa-exclamation-triangle{
  color: #fab82f;
  padding-right:10px;
  font-size:30px;
}
#zoneA .statusDetail .systemName a .fa-check-circle{
  color: #6cb33f;
  padding-right:10px;
  font-size:30px;
}



#zoneB .systemStatusListWrapper{
  margin-bottom: 10px;
}
#zoneB .systemStatusListWrapper .systemStatusListTitle{ /* h3 */
	background-color: #aa0000;
    padding: 10px 0 10px 0;
    margin: 0px
}
#zoneB .systemStatusListWrapper .systemStatusListTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .systemStatusListWrapper .systemStatusListTitle span h3{ 
	color: #f8f8f1;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
}

#zoneB .systemStatusList{
  background: #f8f8f1;
}
#zoneB .statusDetail{

}
#zoneB .statusDetail .systemName{
  margin:0;
}
#zoneB .statusDetail .systemName a{
  color: #333333;
  display: block;
  font-size: 14px;
  line-height:32px;
  padding: 0 10px;
  border-bottom: 1px solid #e3e3da;
  text-decoration:none;
}
#zoneB .statusDetail .systemName a:hover{
  background:#ffffff;
}
#zoneB .statusDetail .systemName a .fa-exclamation-triangle{
  color: #fab82f;
  padding-right:10px;
  font-size:24px;
  position: relative;
  top: 4px;
}
#zoneB .statusDetail .systemName a .fa-check-circle{
  color: #6cb33f;
  padding-right:10px;
  font-size:24px;
  position: relative;
  top: 4px;
}


/* ===========================  Content Type: Facebook Feed - Zone B =========================== 
   A Facebook feed in Zone B
   Content Type: #593  
   Last revised 1/3/17 by Jason
*/
.facebookFeedWrapper{
    margin-bottom: 10px;
}

/* ===========================  Content Type: Twitter Feed - Zone B =========================== 
   A twitter feed in Zone B
   Content Type: #594  
   Last revised 1/3/17 by Jason
*/
.twitterTimelineWrapper{
    margin-bottom: 10px;
}
.twitterTitle{
  background:#ffffff;
}
.twitterTitle h3{
  color: #47c3d3;
  display:inline-block;
  margin: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}
.twitterTitle i{
  font-size:48px;
}
.twitterTitle a{
    position: relative;
    top: -9px;
  color: #47c3d3;
}
.twitterTitle a:hover{
  color: #04899d;
  text-decoration:none;
}

/* ===========================  Content Type: Infographic =========================== 
   Set of up to three statistics uring numbers or FontAwesome icons with a header and text for each.
   Content Type: #405  
   Last revised 2/22/17 by Jason
*/

.infographicWrapper {
   
}

.infographic {
    background-color: #ffffff;
    text-align: center;
    width: 100%;
    border: none;
  padding:0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
@media (max-width: 768px) {
  .infographic {
	display:block
  }
}
.infographicTitle  {
    border: 0;
    border-top: 1px solid #e3e3da;
    text-align: center;
}
.infographicTitle h2{
    margin: 0;
}

.infographicItem {
  padding: 15px;
}
.show2 .infographicItem{
  width:50%;
}
.show3 .infographicItem{
  width:33.3333333%;
}

.infographicItemHeader {
color:#aa0000; 
  text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0 0 0;
	display: block;
}
.infographicItemNumber {
	color:#aa0000; 
  text-align: center;
	font-family: Arvo;
	font-weight: bold;
	font-size: 52px;
	line-height:80px;
	display: block;
}
.infographicItemIcon {
  background-color:#aa0000; 
  color:#ffffff;
  display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 80px;
	text-align: center;
	background: #ffffff;
	border-radius: 50%;
	font-size: 52px;
	display: inline-block;
	text-transform: lowercase;
  margin: 10px 0;
}

.infographicItemButton {
	bottom: 15px;
	display: block;
}

.infographicSummary{
  border:0; 
  border-bottom:1px solid #e3e3da;
}


/* color options */
.infographic .color { /* base styles, also is "white" */
  background-color: #ffffff; 
  color:#333333; 
}


.infographic .colorRed { 
  background-color:#aa0000;  
}
.infographic .colorRed .infographicItemNumber, 
.infographic .colorRed .infographicItemHeader{ 
  color:#fab82f; 
}
.infographic .colorRed .infographicItemIcon{ 
  background-color:#fab82f; 
  color:#ffffff;
}
.infographic .colorRed .infographicItemText p{ 
  color:#ffffff;
}

.infographic .colorGold { 
  background-color:#fab82f; 
}
.infographic .colorGold .infographicItemNumber, 
.infographic .colorGold .infographicItemHeader{ 
  color:#00245d; 
}
.infographic .colorGold .infographicItemIcon{ 
  background-color:#00245d; 
  color:#ffffff;
}
.infographic .colorGold .infographicItemText p{ 
  color:#333333;
}

.infographic .colorGreen { 
  background-color:#6cB33f; 
  color:#ffffff; 
}
.infographic .colorGreen .infographicItemNumber, 
.infographic .colorGreen .infographicItemHeader{ 
  color:#ffffff; 
}
.infographic .colorGreen .infographicItemIcon{ 
  background-color:#ffffff; 
  color:#333333;
}
.infographic .colorGreen .infographicItemText p{ 
  color:#ffffff;
}

.infographic .colorOrange { 
  background-color:#ef4135; 
  color:#ffffff; 
}
.infographic .colorOrange .infographicItemNumber, 
.infographic .colorOrange .infographicItemHeader{ 
  color:#ffffff; 
}
.infographic .colorOrange .infographicItemIcon{ 
  background-color:#ffffff; 
  color:#333333;
}
.infographic .colorOrange .infographicItemText p{ 
  color:#ffffff;
}

.infographic .colorLightBlue { 
  background-color:#04899d; 
}
.infographic .colorLightBlue .infographicItemNumber, 
.infographic .colorLightBlue .infographicItemHeader{ 
  color:#ffffff; 
}
.infographic .colorLightBlue .infographicItemIcon{ 
  background-color:#ffffff; 
  color:#333333;
}
.infographic .colorLightBlue .infographicItemText p{ 
  color:#ffffff;
}

.infographic .colorDarkBlue { 
  background-color:#00245d; 
}
.infographic .colorDarkBlue .infographicItemNumber, 
.infographic .colorDarkBlue .infographicItemHeader{ 
  color:#fab82f; 
}
.infographic .colorDarkBlue .infographicItemIcon{ 
  background-color:#fab82f; 
  color:#ffffff;
}
.infographic .colorDarkBlue .infographicItemText p{ 
  color:#ffffff;
}

.infographic .colorBlack { 
  background-color:#333333; 
  color:#ffffff; 
}
.infographic .colorBlack .infographicItemNumber, 
.infographic .colorBlack .infographicItemHeader{ 
  color:#fab82f; 
}
.infographic .colorBlack .infographicItemIcon{ 
  background-color:#fab82f; 
  color:#ffffff;
}
.infographic .colorBlack .infographicItemText p{ 
  color:#ffffff;
}

.infographic .colorWhite { 
  background-color:#ffffff; 
  color:#333333; 
}
.infographic .colorWhite .infographicItemNumber, 
.infographic .colorWhite .infographicItemHeader{ 
  color:#aa0000; 
}
.infographic .colorWhite .infographicItemIcon{ 
  background-color:#aa0000; 
  color:#ffffff;
}
.infographic .colorWhite .infographicItemText p{ 
  color:#333333;
}

/* icon options */

.infographicItemIcon .fa {
	line-height: 80px;
	position: relative;
}
.infographicItemIcon .fa-university {
	left: 2px;
	top: -3px;
}
.infographicItemIcon .fa-bolt {
	font-size: 80px;
}
.infographicItemIcon .fa-globe {
	font-size: 60px;
}
.infographicItemIcon .fa-graduation-cap {
	top: 3px;
}
.infographicItemIcon .fa-line-chart {
	font-size: 50px;
}
.infographicItemIcon .fa-trophy {
	font-size: 70px;
}


.standardContent ul.arrowLinks {
	width: calc(100% - 30px);
}

/* ==============================  Testimonial Box  ================================== */
/* Last revised 3/19/15 by Jason */
/* Creates a speech bubble that includes a quote and citation. Can be used in 3 or 6 column zones */
/* Code adapted from http://www.sitepoint.com/pure-css3-speech-bubbles/ */


/* has this(with the capital T) been retired? */
.TestimonialBox{
	margin-bottom:60px;
}
.TestimonialBox p{
	background-color: #ffffff;
	border: 3px solid #04899d;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #04899d;
	margin-bottom: 20px;
	padding:20px;
	position: relative;
}
.TestimonialBox p:before{
	border: 12px solid;
	border-color: #04899d transparent transparent #04899d;
	bottom: -24px;
	content: ' ';
	height: 0;
	left: 35px;
	position: absolute;
	width: 0;
}
.TestimonialBox p:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 38px;
	bottom: -17px;
	border: 11px solid;
	border-color: #ffffff transparent transparent #ffffff;
}

.TestimonialBox cite{
	color:#333333;
	display:block;
	font-size:14px;
	line-height:16px;
	padding:5px 15px 0 15px;
}
.TestimonialBox cite span{
	display:block;
	font-size:14px;
	font-style:italic;
	line-height:16px;
	padding-top:2px;
}
/* ==============================  Testimonial + Quote Box  ================================== */
/* Creates a speech bubble that includes a quote and citation. Can be used in 3 or 6 column zones */
/* Code adapted from http://www.sitepoint.com/pure-css3-speech-bubbles/ */


.testimonialBox{
	margin-bottom:60px;
}
.testimonialBox p{
	background-color: #ffffff;
	border: 3px solid #04899d;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #04899d;
  font-size:1.2em;
  line-height: 1.8em;
	margin:0;
	padding:30px;
	position: relative;
}
.testimonialBox p:before{
	border: 12px solid;
	border-color: #04899d transparent transparent #04899d;
	bottom: -24px;
	content: ' ';
	height: 0;
	left: 33px;
	position: absolute;
	width: 0;
}
.testimonialBox p:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 36px;
	bottom: -17px;
	border: 11px solid;
	border-color: #ffffff transparent transparent #ffffff;
}

.testimonialBox cite{
	color:#04899d;
	display:block;
	font-size:14px;
	line-height:16px;
	padding:25px 15px 0 33px;
}
.testimonialBox cite span{
	display:block;
	font-size:14px;
	font-style:italic;
	line-height:16px;
	padding-top:2px;
}







/* ===========================  Content Type: Blog Post =========================== 
   HTML content with author and date
   Content Type: #208  
   Last revised 2/10/17 by Jason
*/

/* ---------- Blog Posts in text/html #zoneA---------------- */
.blogItemWrapper{ 
  background: #ffffff;
  padding: 0 10px 0 10px;
}

.blogItem { /* <div> element :: .standardContent */
  clear:both;
  border-top:none;
  border-bottom: none;
}
#pageTitle + .blogItemWrapper .blogItem{
  border-top:0;
}
.blogItem h2{ /* 
  margin:0; /* override defaults to condense in list*/ 
  margin-bottom:0;
}
.blogItem .postedBy{
	font-style:italic;
	margin-bottom:15px;
}

.blogItemWrapper:last-child {
  padding-bottom:10px;

}
.blogItemWrapper:last-child .blogItem{
  border-bottom:1px solid #e3e3da;
}

/* ---------- Blog Posts in Fulltext #zoneA---------------- */
.blogEntryWrapper{ 
  background: #ffffff;
  padding: 0 10px 10px 10px;
}

.blogEntry{ /* <article> element :: .standardContent */
  border-top:0;
}

.blogEntryWrapper .postedBy{
  border-left: 1px solid #e3e3da;
  padding: 0 0 15px 15px;
  font-style:italic;
}
.blogEntry img{ /* only works if not overridden in the post */
	margin:5px;
  float:left;
}




 /* ---------- Blog Latest Entries ---------------- */
/* list of latest entries. Renders on subpage for blogs in zone B */

#zoneB .blogLatestEntriesWrapper{
	margin-bottom: 30px;
}
#zoneB .blogLatestEntries{
	background-color: #f8f8f1;
}
#zoneB .blogLatestEntries h3{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB .blogLatestEntries h3 span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB .blogLatestEntries .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
}
#zoneB .blogLatestEntries .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
	position:relative;
	top: 6px;
}
#zoneB .blogLatestEntries ul {
  margin: 0;
}
#zoneB .blogLatestEntries li {
  display: list-item;
  line-height:16px;
}
#zoneB .blogLatestEntries li a {
    display: block;
    padding: 10px 15px;
}
#zoneB .blogLatestEntries li a:hover {
  background: #ffffff;
  text-decoration:none;
}
#zoneB .blogLatestEntries li a .latestEntryTitle{
  display:block;
  color: #333333;
  text-transform: uppercase;
}
#zoneB .blogLatestEntries li a .publishDate{
  display:block;
  font-style: italic;
  color:#666666;
}
#zoneB .blogLatestEntriesWrapper .viewAll{
    padding: 15px;
  text-align:right;

}
#zoneB .blogLatestEntriesWrapper .viewAll a{
  color: #aa0000;
  text-transform: uppercase;
}
#zoneB .blogLatestEntriesWrapper .viewAll a:after{
    color: #aa0000;
    content: ' b';
    font-family: 'seattle-u';
    position: relative;
    text-transform: lowercase;
    top: 2px;
}
#zoneB .blogLatestEntriesWrapper .viewAll a:after:hover{
    text-decoration:none;
}

/* ================================== Search Results =============================== */
/* used for both site search and knowledgebase search */
/* knowledgebase search in in a <form> with id of kbSearch */

.searchAreaWrapper {
  padding: 0px 10px;
}

.searchAreaWrapper .searchArea {
  border-top: none;
  border-bottom: none;
}

.searchAreaWrapper:last-child {
  padding-bottom: 10px;;
}

.searchAreaWrapper:last-child .searchArea {
  border-bottom:1px solid #e3e3da;
}

#zoneA .searchAreaWrapper .gsc-above-wrapper-area{
  padding:0;
}
#zoneA .searchAreaWrapper .gsc-result-info{
  font-size:12px;
  padding: 0;
}
  
#zoneA .searchAreaWrapper .gsc-control-cse{
  font-family: 'montserrat';
  border: 0;
  background-color: inherit;
  padding:0;
}

#zoneA .searchAreaWrapper .gsc-table-result, 
#zoneA .searchAreaWrapper .gsc-thumbnail-inside, 
#zoneA .searchAreaWrapper .gsc-url-top{
  padding:0;
}

#zoneA .searchAreaWrapper .gsc-table-result{
  font-family: 'montserrat';
}
#zoneA .searchAreaWrapper .gs-webResult .gs-snippet, 
#zoneA .searchAreaWrapper .gs-imageResult .gs-snippet, 
#zoneA .searchAreaWrapper .gs-fileFormatType{
  color:#333333;
}

#zoneA .searchAreaWrapper .standardContent table td{
  padding:0;
}
#zoneA .searchAreaWrapper .standardContent table{
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
  margin-bottom: 0;
}

#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box{
  text-align: center;
  border-top: 1px solid #e3e3da;
  border-bottom: 1px solid #e3e3da;
  margin: 20px 8.3333%;
}
#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-page{
  font-size:16px;
  margin-right:20px;
}
#zoneA .searchAreaWrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover{
  text-decoration:none;
}

#zoneA .searchAreaWrapper .gsc-table-result, 
#zoneA .searchAreaWrapper .gsc-table-result td,
#zoneA .searchAreaWrapper .gsc-above-wrapper-area-container,
#zoneA .searchAreaWrapper .gsc-result-info-container{
  border:none !important;
}

#layout3253 .searchAreaWrapper {
  padding: 10px 10px;
}

#layout3253 .searchAreaWrapper .searchArea {
  background: #f8f8f1;
  border-top: 1px solid #e3e3da;
  border-bottom: 1px solid #e3e3da;
}
#kbSearch .query{
  width:80%;
  display: inline-block;
}
#kbSearch .btn{
  width:15%;
  display: inline-block;
}
#kbSearch legend{
    padding: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: inherit;
    color: #aa0000;
    border: 0;
}

/* =================================================================================  */
/* ===================================  Error Pages ================================  */
/* ================================================================================== */

#zoneA .errorWrapper {
	padding: 10px;
	text-align:center;
}
#zoneA .errorWrapper .standardContent {
	padding: 60px 15px;
}
#zoneA .errorWrapper .SubmitButtonWrapper{
	text-align:center;
}
#zoneA .errorWrapper #header404{ /* h1 */
	color:#aa0000;
	display: block; 
	font-size: 200px; 
	line-height: 200px;
	margin:0;
	text-align:center; 
}
@media screen and (max-width: 767px){
	#zoneA .errorrWrapper #header404{ /* h1 */
		font-size: 120px; 
		line-height: 120px;
	}
}
#zoneA .errorWrapper #fileNotFound{ /* h2 */
	color:#aa0000; 
	font-family: Montserrat, serif;
	font-size: 40px; 
	display: block; 
	margin-top:0;
	text-align:center; 
	text-transform:uppercase;
}
@media screen and (max-width: 767px){
	#zoneA .errorWrapper #fileNotFound{ /* h2 */
		font-size: 24px; 
		line-height: 24px;
	}
}
#zoneA .errorWrapper #message p{ 
	font-size: 20px; 
	display: block; 
	text-align:center
}
@media screen and (max-width: 767px){
	#zoneA .errorWrapper #message{ /* p */
		font-size: 16px; 
		line-height: 16px;
	}
}
#noReferrer #LinkDescription{
	width:400px;
}


/* ================================================================================= */
/* ================================== Campus Alert ================================= */
/* ================================================================================= */
/* Activated by publishing an alert in the "Campus Alert" section */

/* additional styles are defined in the "Critical Emergency Homepage" CSS below */

/* =============================== Alert page layout ================================ */

#layout2836 #pageContentWrapper{
  margin-top:10px
}
.campusAlertFulltextWrapper{ /* fulltext of articles */
  padding: 0 10px 10px 10px;

}
.campusAlertFulltext{
  border-top:0;
}

/* below is exactly the same as the Quicklinks. */
#zoneB #topAlerts .topAlertsTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#zoneB #topAlerts .topAlertsTitle span{ 
	border-top: 3px solid #881111;
	border-bottom: 3px solid #881111;
	color:#ffffff;
	display:block;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-size: 18px;
	padding:10px;
	text-align: center;	
}
#zoneB #topAlerts .arrow-red{  /* wrapper for arrow*/
    left: initial;
    text-align: center;
}
#zoneB #topAlerts .arrow-red:before{  /*arrow*/
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #aa0000;
    position: relative;
    top: 6px;
}
#zoneB #topAlerts .topAlertsContent{
  background: #ffffff;
  margin-bottom: 10px;
  padding: 10px;
}
#zoneB #topAlerts ul{
    margin-bottom: 10px;
    padding: 10px;
}
#zoneB #topAlerts ul li {
  display: table-row;
  line-height:16px;
}
#zoneB #topAlerts ul li:before {
  font-family: 'seattle-u';
  content: 'b';
  color: #aa0000;
  padding-right: 5px;
  display: table-cell;
  position: relative;
  top: 2px;
}
#zoneB #topAlerts ul li a{
  color:#333333;
}
#zoneB #topAlerts ul li a:hover{
  color:#aa0000;
}
#zoneB #topAlerts ul li em{
  color:#666666;
}

/* =============================== Alert banner ================================ */
/* 2016 */
#campusAlertWrapper{
  margin-bottom:15px;
  padding:30px 0;
}
#campusAlertWrapper.alertCritical{
  background-color: #aa0000;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0,0,0,.05) 10px, rgba(0,0,0,.05) 20px);
  color:#ffffff;
}
#campusAlertWrapper.alertAdvisory{
  background: #fab82f;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(170,0,0,.05) 10px, rgba(170,0,0,.05) 20px);
  color:#ffffff;
}
#campusAlertWrapper.alertInformational{
	background: #6cb33f;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0,0,0,.05) 10px, rgba(0,0,0,.05) 20px);
    color:#ffffff;
}

#campusAlertWrapper h1{	
	font-family: 'Arvo', sans-serif;
	font-size:30px;
	margin:0 0 15px 0;
	text-transform:uppercase;
}
#campusAlertWrapper h1:before,
#campusAlertWrapper h1:after,
#campusAlertWrapper .moreLink:after {
    color: #ffffff;
	font-family: "seattle-u" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	speak: none;
	top: 3px;
}
#campusAlertWrapper h1:before{ content: "b "; }
#campusAlertWrapper h1:after{ content: " a"; }
#campusAlertWrapper h1 a{
  color:#ffffff;
	text-decoration:none;
}
#campusAlertWrapper h1 a:hover, #campusAlertWrapper h1 a:focus{
	text-decoration:underline;
}

#campusAlertWrapper p a{
	text-decoration:underline;
	color:#ffffff;
}
#campusAlertWrapper p{
	font-size:14px;
	line-height:23px;
}
#campusAlertWrapper .moreLink{
  display: inline-block;
  background-color: #ffffff;
  font-family: 'arvo';
  font-size: 16px;
  text-transform: uppercase;
}
#campusAlertWrapper .moreLink a{
  border: 1px solid #333333;
  color:#333333;
  display: inline-block;
  padding:5px 30px;
  text-decoration:none;
}
#campusAlertWrapper .moreLink a:after{ 
  color:#aa0000;
  content: ' b';
  font-family: 'seattle-u';
  position: relative;
  text-transform: lowercase;
  top: 2px;
}
#campusAlertWrapper .moreLink a:hover{
  background-color: #333333;
  border:1px solid #ffffff;
  color:#fab82f;
  text-decoration:none;
}
#campusAlertWrapper .moreLink a:hover:after{ 
  color:#ffffff;
}
/* button style adjustments for advisory and informational buttons*/
#campusAlertWrapper.alertAdvisory .moreLink a,
#campusAlertWrapper.alertInformational .moreLink a{

}
#campusAlertWrapper.alertAdvisory .moreLink a:hover,
#campusAlertWrapper.alertInformational .moreLink a:hover{

}
#campusAlertWrapper.alertAdvisory .moreLink a:after,
#campusAlertWrapper.alertInformational .moreLink a:after{ 

}
#campusAlertWrapper.alertAdvisory .moreLink a:hover:after,
#campusAlertWrapper.alertInformational .moreLink a:after:hover{ 
  color:#ffffff;
}


/* ============================================== Asterisk ==============================================*/
/* red and white asterisk and whitespace at bottom of layouts */
.bottom-main { /* inside .container */
  position: relative;
  text-align: center;
}
.bottom-main span { /* container for the asterisk */
  margin: 80px 0 80px 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
	@media (max-width: 767px) { /* hides the container and asterisk/lines on small displays */
	  .bottom-main{
		height: 0;
	  }
	  .bottom-main span{
		display: none;
	  }
	}
.bottom-main span:before, .bottom-main span:after { /* horizontal lines on each side of asterisk */
	border-top: 1px solid #b0b0a9;
	content: '';
	display: table-cell;
	position: absolute;
	top: 32%;
	width: 35%;
	z-index: -5;
}
.bottom-main span:before {
	right: 52.2%;
}
.bottom-main span:after {
	left: 52.3%;
}
.bottom-main .redastrisk:after {
	font-family: 'seattle-u';
	content: 'e';
	color: #f8f8f1;
	font-size: 21px;
	border-radius: 100%;
	background-color: #aa0000;
	padding: 8px 7px 7px 8px;
}

/* ====================================================================================================*/
/* ============================================== Footer ==============================================*/
/* ====================================================================================================*/

footer {
	position: relative;
	background-color: #333333;
	text-transform: uppercase;
}
footer p {
	color:#ffffff;
	font-size: 13px;
}

footer .longgoldarrow {
	position: relative;
	border-style: solid;
	border-color: #fab82f;
	border-width: 2px 0 0 0;
}
footer .longgoldarrow:after{ /* triple chevron */
	position: absolute;
	font-family: 'seattle-u';
	text-transform: lowercase;
	content: 'b';
	color: #fab82f;
	top: -11px;
	right: -1px;
	font-size: 21px;
}
footer #footerContactAndLinks{
	padding:50px 0; 
}

/* ----------- Dept and address + contact -------------- */
footer .location{
	color: #fab82f; 
	font-size:13px;
}
footer .location a, footer .location a:visited{
	color: #fab82f; 
}
footer .location a:hover{
	color: #ffffff; 
}

footer .location img {
  float: left;
}
footer .location .org{
	font-size:16px;
}
footer .location address{
	margin-bottom:0;
}
/* ----------- footer nav links ------------- */
footer .footerLinks {
  color: white;
	padding-left:0;
}
	@media (max-width: 767px) {
		footer .footerLinks {
			margin-top: 60px;
		}
	}
footer .footerLinks ul {
  margin-bottom: 0;
  list-style-type: none;
}
footer .footerLinks li {
  padding-bottom: 10px;
}
footer .footerLinks a {
  color: white;
  font-size: 13px;
}
footer .footerLinks a:hover {
  color: #fab82f;
  text-decoration: none;
}

/* -------- Social media links ----------- */
	@media (max-width: 767px) {
		footer .footerSocialMediaLinks {
			margin-top: 60px;
		}
	}
footer .footerSocialMediaLinks .social {
	margin-bottom: 0;
	padding-left: 0;
}
footer .footerSocialMediaLinks .social li {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px;
}
	@media (max-width: 767px) {
		footer .footerSocialMediaLinks .social li {
		  display: block;
		}
	}
footer .footerSocialMediaLinks .social a {
  color: #fab82f;
}
footer .footerSocialMediaLinks .social a:hover {
  color: #ffffff;
}
footer .footerSocialMediaLinks .social li .fa-inverse{ /* the actual social media logos */
  color:#333333;
}

/* ----------- Sub-footer ------------  */
/* Includes terms of service, privacy, copyright and feedback */
#footerSubWrapper{ 
	background:#E3E3DA;
	color:#333333;
	font-size:10px;
}
#footerSub a, #footerSub a:visited{ 
	color:#333333;
	text-decoration:underline;
}
#footerSub a:focus, #footerSub a:hover{ 
	color:#aa0000;
}
#footerSub #footerLinksWrapper{
	text-align:center;	
}
#footerSub #footerCopyrightWrapper{ 
	text-align:center;	
	padding-left:0;
}
#footerSub #footerFeedbackWrapper{ 
	text-align:right;	
	padding-right:0;
}
	@media (max-width: 767px) { 
	  #footerSub #footerCopyright{
		text-align:left;
	  }
	}
	
body > img { /* this protects against tracking pixel placements adding extra spaced outside the normal content wrappers */
    display: none;
}


/* --------------------------------------- Critical Emergency Homepage --------------------------------------- */

#layout3250 #pageContentWrapper {
  margin-top:10px;
}
.criticalUpdateWrapper{
  background:#ffffff;
  padding: 10px;	
}
.criticalUpdate{
  padding: 60px;	
}
.criticalUpdate h1{
  font-family:arvo;
  font-size:3em;
  margin-top:0;
}
.criticalUpdate p,
.criticalUpdate ul{
  font-size:14px;	
}
.criticalUpdate .date{
  color:#aa0000;
}

/* ----- black ----- */
.standardContentBlack {/* tweaks on .standardContent*/
  background:#333333;
  border:0;
}
.standardContentBlack h1,
.standardContentBlack p,
.standardContentBlack ul{ 
  color: #ffffff;
}
.standardContentBlack .date{
  color:#fab82f;
}
.standardContentBlack p a,
.standardContentBlack p a:hover{
  color:#fab82f;
}
.standardContentBlack ul li:before {
  color: #fab82f;
}

/* ----- red ----- */
.standardContentRed {/* tweaks on .standardContent*/
  background:#aa0000;
  border:0;
}
.standardContentRed h1,
.standardContentRed p,
.standardContentRed p a,
.standardContentRed ul{ 
  color: #ffffff;
}
.standardContentBlack .date{
  color:#ffffff;
}
.standardContentRed p a,
.standardContentRed p a:hover{
  color:#fab82f;
}
.standardContentRed ul li:before {
  color: #fab82f;
}
  

/* ===========================  Content Type: Mega Banner ================================= */
/* Last revised 3/14/16 by Jason */
/* Content Type #289*/
/* TopZone only */

.megaBannerWrapper{
  margin-bottom: 10px;
}
.megaBanner{
  background: #ffffff;
  background-position: left center; /* could be overriden by content item */
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px; /* could be overriden by content item */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.megaBanner .copy {
    text-align: center;
}
/* fo no proper flexbox support */
.no-flexbox.no-flexboxtweener .megaBanner .copy{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.megaBanner .copy  h2 {
  font-family:Arvo;
    font-size: 30px;
    text-transform: uppercase;
}
.megaBanner .copy h2:before, 
.megaBanner .copy h2:after {
  font-family: 'seattle-u';
  text-transform: lowercase;
  position: relative;
  top: 4px;
  color: #aa0000;
}
.megaBanner .copy h2:before {
  content: 'b';
  left: -20px;
}
.megaBanner .copy h2:after {
  content: 'a';
  right: -20px;
}
.megaBanner .copy  h5 {
    font-family: "Arvo", serif;
    font-size: 16px;
    color: #aa0000;
    text-transform: uppercase;
}
.megaBanner .copy  p {
    font-size: 13px;
    line-height: 1.7;
}

@media (max-width: 767px) {
.megaBanner {
    background-position: top center;
    height: 428px;
    margin-bottom: 62px;
  }
.megaBanner .copy {
    position: relative;
    margin: 0;
    width: 100%;
    top: 230px;
    left: 0;
    padding: 25px 15px;
    background-color: white;
    height: 60%;
    border-top: 8px solid #333333;
    border-bottom: 8px solid #333333;
    z-index: 0;
  }
  
.megaBanner .copy h2 {
    font-size: 18px;
    margin: 0;
    line-height: 22px;
  }
.megaBanner .copy h5 {
    font-size: 12px;
    margin: 0;
    line-height: 34px;
  }
.megaBanner .copy p {
    font-size: 12px;
    margin-top: 5px;
  }
}

/* ===========================  Content Type: Mega Slideshow ================================= */
/* Last revised 2/15/16 by Jason */
/* TopZone only */


#megaSlider {
  position: relative;
}
@media (max-width: 767px) {
  #megaSlider {
    top: 0;
  }
}
#megaSlider .slick-arrow { /* hides arrows but keep them for assistive technologies and keyboard users */
    position: absolute;
    left: -9999px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

/* -------------------- Slide Nav -------------------- */
.slide-nav {
  xheight: 295px;
  position: relative;
  outline: none;
  overflow-x: auto;
  	width:100% !important; /* HACK */
  margin-bottom:10px
}
.jspContainer{
  	width:100% !important; /* HACK */
}
.jspPane{
  	width:100% !important; /* HACK */
}

.slide-nav .line {
  position: absolute;
  width: 100%;
  border-top: 1px solid #fab82f;
  top: 102px;
}
.slide-nav .slide-wrap {
  margin-bottom:10px;
  text-align: center;
  white-space: nowrap;
  width:100%;
}

.slide-nav .slide-wrap .slide {
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  height: 250px;
  padding: 30px 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 195px;
}


.slide-nav .slide-wrap .slide h4 { /* text below nav icons */
  font-family: "Arvo", serif;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 10px;
  white-space: normal;
}
.slide-nav .slide-wrap .slide a {
  color: #333333;
  text-decoration: none;
  outline: none;
}
.slide-nav .slide-wrap .slide a:hover, .slide-nav .slide-wrap .slide a:focus {
  color: #aa0000;
}
.slide-nav .slide-wrap .slide .nav-img {
  border-radius: 50%;
  border: 10px solid transparent;
}
.slide-nav .slide-wrap .active .nav-img {
  border: 10px solid #f8f8f1;
}
.slide-nav .slide-wrap .active .arrow-gray-down, .slide-nav .slide-wrap .active .arrow-gray-up {
  position: absolute;
  left: 46%;
}
.slide-nav .slide-wrap .active .arrow-gray-down {
  height: 0px;
  top: 8px;
}
.slide-nav .slide-wrap .active .arrow-gray-down:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333333;
}
.slide-nav .slide-wrap .active .arrow-gray-up {
  bottom: 8px;
  bottom: 14px
}
.slide-nav .slide-wrap .active .arrow-gray-up:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #333333;
}
.slide-nav .slide-wrap .active .arrow-gold-right, .slide-nav .slide-wrap .active .arrow-gold-left {
  position: absolute;
  top: 92px;
}
.slide-nav .slide-wrap .active .arrow-gold-right:after, .slide-nav .slide-wrap .active .arrow-gold-left:after {
  font-family: 'seattle-u';
  font-size: 18px;
  text-transform: lowercase;
  color: #fab82f;
}
.slide-nav .slide-wrap .active .arrow-gold-right {
  left: 13px;
}
.slide-nav .slide-wrap .active .arrow-gold-right:after {
  content: ' b'; /* triple-chevron nav buttons on sliders */
}
.slide-nav .slide-wrap .active .arrow-gold-left {
  right: 12px;
}
.slide-nav .slide-wrap .active .arrow-gold-left:after {
  content: 'a'; /* triple-chevron nav buttons on sliders */
}

/* --------- megaslideshow headings --------------- */
#megaSlider .slider-wrap h1{ /* mega only */
  color: #333333;
  font-family:Arvo;
  text-transform: uppercase;
  padding: 2px 0;
  font-size: 2.4em;
}
#megaSlider .slider-wrap .slider .bg .slider-copy h1:before {
    content: 'b';
    left: -20px;
}
#megaSlider .slider-wrap .slider .bg .slider-copy h1:after {
    content: 'a';
    right: -20px;
}
#megaSlider .slider-wrap .slider .bg .slider-copy h1:before, 
#megaSlider .slider-wrap .slider .bg .slider-copy h1:after {
    font-family: 'seattle-u';
    text-transform: lowercase;
    position: relative;
    top: 3px;
    color: #aa0000;
    font-size: 25px;
}


#megaSlider .slider-wrap h3 { /* mega only */
  color: #aa0000;
  font-family:arvo;
  font-size: 1.5em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0
  margin-top:0;
}
#megaSlider .slider-wrap h5 { /* mega only */
  color: #aa0000;
  font-family:arvo;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 1;
}


/** Top Home Hero **/
#megaSlider .slider-wrap {
  position: relative;
}
#megaSlider .slider-wrap .slider {
  height: 350px; /* was 450 for homepage, must override when its built jb-021516 */
  margin-bottom: 0;
  position: relative;
}

#megaSlider .slider-wrap .slider .bg {
  position: relative;
  height: 350px;/* was 450 for homepage, must override when its built jb-021516 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  #megaSlider .slider-wrap .slider .bg{
    justify-content: flex-end;
  }
}
#megaSlider .slider-wrap .slider .bg .slider-copy {
  position: absolute; /* why? overwritten below - jb-021516 */
  position:relative;
  z-index: 1;
  text-align:center;
}
#megaSlider .slider-wrap .slider .bg .slider-copy h5 {
  font-family: "Arvo", serif;
  font-size: 18px;
  text-transform: uppercase;
}
#megaSlider .slider-wrap .slider .bg .slider-copy p {
  font-size: 13px;
  line-height: 1.7;
  margin-bottom:0;
}
#megaSlider .slider-wrap .slider .bg .slider-copy p a{
  color:#333333;
  text-decoration:underline;
}
#megaSlider .slider-wrap .slider .bg .slider-copy p a:hover{
  color:#aa0000;
}
#megaSlider .slider-wrap .slider .bg .slider-copy .goldarrow {
  position: relative;
  border-style: solid;
  border-color: #fab82f;
  border-width: 2px 0 0 0;
}
#megaSlider .slider-wrap .slider .bg .slider-copy .goldarrow:after {
  position: absolute;
  font-family: 'seattle-u';
  content: 'b';
  color: #fab82f;
  top: -11px;
  right: -1px;
  font-size: 19px;
}
#megaSlider .slider-wrap .slider .bg .slider-note {
  position: absolute;
  color: white;
  text-align: center;
  font-size: 12px;
  background-color: #40b8c8;
  background-color: rgba(64, 184, 200, 0.5);
  border-radius: 100%;
  z-index: 10;
}
#megaSlider .slider-wrap .slider .slideInner {
  padding:15px;
}
/* for no proper flexbox support */
.no-flexbox.no-flexboxtweener #megaSlider .slider-wrap .slider .bg .slideInner{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .no-flexbox  #megaSlider .slider-wrap .slider .bg .slideInner{ /* requires modernizr; can related reference in ie.css be removed? */
    transform: inherit;
    bottom:0px;
    top:inherit;
  }
}

/*
 * ==== CSS Styles that are needed by jScrollPane for it to operate correctly. ===
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
  border-top: 8px solid #333333; /* added */
  border-bottom: 8px solid #333333;/* added */
  background-color: #f8f8f1;/* added */
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #e3e3da;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {/* wraps the drag bar */
  position: relative;
	background: #f8f8f1; 
}

.jspDrag { /* is the drag bar */
  background: rgba(128, 128, 128, 0.7);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}



.img-responsive {
  margin: 0 auto;
}


/* ===========================  Content Type: Planning Resources for Degrees ================================= */
/* Last revised 4/22/16 by Jason */
/* Content Type #362*/
/* text/html only */

/* Box links based off jumbotron */
#zoneA .degreeResourcesWrapper{
  padding: 0 10px 10px 10px;
}
#pageTitle + .degreeResourcesWrapper{
  padding-top:0;
}
#pageTitle + .degreeResourcesWrapper .degreeResources{
  border-top:0;
}
#zoneA .degreeResources h2 {
  margin-bottom:0;
}
#zoneA .degreeResources p {
  color:#aa0000;
  margin-bottom:10px;
}
#zoneA .degreeResources .credits {
  color:#333333;;
}
#zoneA .degreeResources .degreelinks {
  margin-bottom: 0;
  padding-left:0;
  margin-left: 0;
  width:100%; /* prevents ULs with less than three items from collapsing */
}
@media (min-width: 768px) and (max-width: 979px) {
  #zoneA .degreeResources .degreelinks {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .degreeResources .degreelinks {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #zoneA .degreeResources .degreelinks {
    margin-bottom: 0;
  }
}
#zoneA .degreeResources .degreelinks li {
  display: inline-block;
  margin-bottom: 12px;
  padding:0 15px 0 0;
}
@media (max-width: 991px) { /* xs and sm */
  #zoneA.col-xs-12 .degreeResources .degreelinks li { /* when zoneB AND ZoneC are present */
    xwidth:100%;
  }
}
@media (min-width: 992px) { /* md and lg */
  #zoneA.col-md-6 .degreeResources .degreelinks li { /* when zoneB AND ZoneC are present */
    xwidth:50%;
  }
  #zoneA.col-md-9 .degreeResources .degreelinks li { /* when zoneB OR ZoneC are present */
    xwidth:33.333333%;
  }
  #zoneA.col-md-12 .degreeResources .degreelinks li { /* when NEITHER zoneB OR ZoneC are present */
    xwidth:25%;
  }
}

#zoneA .degreeResources .degreelinks li:before {
  content: none;
}


@media (min-width: 768px) and (max-width: 979px) {
  #zoneA .degreeResources .degreelinks li {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .degreeResources .degreelinks li {
    display: block;
  }
}
@media (max-width: 767px) {
  #zoneA .degreeResources .degreelinks li {
    display: block;
  }
}
#zoneA .degreeResources .degreelinks .btn {
  position: relative;
  background-color: #f8f8f1;
  border: 1px solid #333333;
  padding: 0;
  white-space: nowrap;
  text-align: center;
}

@media (max-width: 767px) {
  #zoneA .degreeResources .degreelinks .btn {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #zoneA .degreeResources .degreelinks .btn {
    display: block;
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .degreeResources .degreelinks .btn {
    display: block;
    padding-bottom: 8px;
  }
}

#zoneA .degreeResources .degreelinks a {
  color: #333333;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 1em;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
#zoneA .degreeResources .degreelinks a:hover span{
  color: #aa0000;
  text-decoration: none;
}
#zoneA .degreeResources .degreelinks .btn a .fa{
  background: #333333;
  color: #fab82f;
  font-size:1.2em;
  padding: .4em;
}
#zoneA .degreeResources .degreelinks .btn a span{
  display: inline-block;
  padding: .3em .5em;
}


/* ===========================  Content Type: Featured Events ================================= */
/* Last revised 6/16/16 by Jason */
/* Content Type #372 */
/* text/html only */

.featuredEventWrapper{
  padding:10px;
}
.featuredEventWrapper h3{
  color:#fab82f;
  font-family: Arvo;
  font-size:28px;
  font-weight:bold;
  letter-spacing: 1.25px;
  text-transform: uppercase;
}
.featuredEventDate{
  font-size:22px;
  text-transform: uppercase;
}
.featuredEventWrapper .featuredEventLink {
  position: relative;
  background-color: #333333;
  padding: 4px 15px;
  font-size: 12px;
  white-space: nowrap;
  height: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .featuredEventWrapper .featuredEventLink {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .featuredEventWrapper .featuredEventLink {
    display: block;
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #zoneA .jumbotron .boxlinks .arrow {
    display: block;
    padding-bottom: 8px;
  }
}
.featuredEventWrapper .featuredEventLink:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 11px solid #333333;
  border-bottom: 15px solid transparent;
}
.featuredEventWrapper .featuredEventLink:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 15px solid #333333;
  border-left: 10px solid transparent;
  border-bottom: 15px solid #333333;
}
.featuredEventWrapper .featuredEventLink a {
  color: #fab82f;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.featuredEventWrapper .featuredEventLink a:hover {
  color: white;
  text-decoration: none;
}


/* ===========================  Content Type: Sullivan Scholars ================================= */
/* Last revised 8/11/16 by Jason */
/* Content Type #398 */
/* seattleu/organizer and text/fulltext */

/* organizer */

#zoneA .sullivanScholarSummaryWrapper {
  border-right: 1px solid #e3e3da;
  border-bottom: 1px solid #e3e3da;
  min-height: 14em;
  
}
#zoneA .sullivanScholarSummary{
  padding: 0;
  border: none;
}
#zoneA .sullivanScholarSummary h3{
  margin-top: 15px;
  padding:0;
}
#zoneA .sullivanScholarSummary p{
  line-height: 1.5em;
  margin-bottom:0;
}
/* fulltext*/
#sullivanScholarBioWrapper{
  margin: 10px;
  margin-top: 0;
  border-top: 0;
}
#sullivanScholarBioSummary{
  background: #04899d;
  line-height: 100%;
}
#bioPhoto{
  text-align: center;
  padding: 15px 0;
}
#bioPhoto img{
  padding:0;
  border:1px solid #ffffff;
}
#sullivanScholarBioSummary p{
  color:#ffffff;
}
#sullivanScholarBioSummary p a{
  color:#ffffff;
}
#sullivanScholarBioSummary p a:hover, #sullivanScholarBioSummary p a:focus{
  color:#fab82f;
}


/* ===========================  Content Type: Social Media Buttons ================================= 
   Set of social media icons with links to user-specified account pages
   Content Type #195 
   Last revised 3/7/17 by Jason 
*/

.socialMediaIconsWrapper{
  margin-bottom: 10px;
}

.socialMediaIcons{
  background: white;
    border: 1px solid #e3e3da;
    padding: 10px;
}
.socialMediaIconsText{
  border-bottom: 0;
}
.socialMediaIconsText h2{
      margin: 0;
    padding: 0;
}
.socialMediaIconsText p{
    margin-bottom: 0;
}
.socialMediaIconsWrapper ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row /* works with row or column */ 
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    flex-flow: row wrap;
    justify-content: center;
  border: 1px solid #e3e3da;
    border-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.socialMediaIconsWrapper .themeDefault li.iconFacebook a{ color: #3B5998 }
.socialMediaIconsWrapper .themeDefault li.iconTwitter a{ color: #1DA1F2 }
.socialMediaIconsWrapper .themeDefault li.iconLinkedIn a{ color: #0077B5 }
.socialMediaIconsWrapper .themeDefault li.iconInstagram a{ color: #06365F }
.socialMediaIconsWrapper .themeDefault li.iconYouTube a{ color: #E62117 }
.socialMediaIconsWrapper .themeDefault li.iconTumblr a{ color: #36465D }
.socialMediaIconsWrapper .themeDefault li.iconGooglePlus a{ color: #DB4437 }
.socialMediaIconsWrapper .themeDefault li.iconVimeo a{ color: #00B3EC }
.socialMediaIconsWrapper .themeDefault li.iconPinterest a{ color: #BD081C }

.socialMediaIconsWrapper .themeRed li a{
  color:#aa0000;
}
.socialMediaIconsWrapper .themeLightBlue li a{
  color:#04899d;
}
.socialMediaIconsWrapper .themeBlack li a{
  color:#333333;
}
.socialMediaIconsWrapper .themeGold li a{
  color:#fab82f;
}
.socialMediaIconsWrapper .socialMediaIcons li a:hover .fa-stack{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.socialMediaIconsWrapper .fa-stack{
  transition: all .2s ease-in-out;
}


/* ===========================  Content Type: Filter and Search Tool ================================= 
   Javascript-based tool that searches text on page then hides nonrelevant results
   Content Type #752 
   Last revised 3/27/17 by Jason 
*/

#zoneA #filterFieldWrapper{
  margin: 0 10px 10px 10px;
}
#zoneB #filterFieldWrapper {
  background:#ffffff;
  margin:0;
}
#filterField{
    padding: 15px 0 15px 0;
    border: 1px solid #e3e3da;
    border-top: 0;
}
#zoneB #filterField label{
  color: #333333;
  font-size: 1.6rem;
  font-weight: 400;
  margin:0;
}
#filterField .form-group{
  margin-bottom:15px;
}
#zoneB #filterField input[type="text"]{
  border: 1px solid #ccc;
  border-radius: 0px;
  background-color: #f8f8f1;
  box-shadow: none;
  color: #333333;
  font-size: 1.5rem;
}
#zoneB #filterField select {
  background-color: #f8f8f1;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-shadow: none;
  color: #333333;
  font-size: 1.5rem;
  padding: 5px 8px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%;
}


.hideByTextbox, .hideByDropdown {
    display: none;
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.noResultsToShow{
    border: 1px solid #e3e3da;
    border-top: 0;
    padding: 30px 15px;
    margin: 0;
    position: relative;/* hides border on #filterField */
    top: -1px;
    background: #ffffff;
}

















/* ================================================================================= */
/* ================================ User Overrides ================================= */
/* ================================================================================= */
/* Fix problems created by content editors. */

font{ color:#333333; } /* control for customized text colors */
u{ text-decoration:none; } /* control for underlined text that'll be confused with links */
h2 strong, h3 strong{ font-weight:normal; } /* control for extra bolded headers */
body span.MsoHyperlink{ text-decoration:none; }/* override MSWord copy-ins */








/* ================================================================================= */
/* ================================ OLD AND BUSTED ================================= */
/* ================================================================================= */


/* ======================================== Old Slideshow ============================================== */
/* replaced by SlickSlider */
.anythingSlider .anythingWindow #sectionSlideshow{
	list-style:none;
	margin-left:0;
}
#pageContent #sectionSlideshow li:before, 
#sitewideContent #sectionSlideshow li:before,
#pageContent .anythingControls .thumbNav li:before, 
#sitewideContent .anythingControls .thumbNav li:before{
	content: '';
	padding-right:0;
}
.anythingSlider #sectionSlideshow li.panel{
	border:0; /* overrides bootsrap properties for identically-named class */
	border-radius: 0; /* overrides bootsrap properties for identically-named class */
	-webkit-box-shadow: none; /* overrides bootsrap properties for identically-named class */
	box-shadow: none; /* overrides bootsrap properties for identically-named class */
	padding-bottom:0;
	position:relative; 
}
.anythingSlider #sectionSlideshow li:nth-child(n+2){
	max-height:300px
}
.anythingSlider #sectionSlideshow .panel img{
	padding:0;
}

/* ------ Navigation Arrows ------*/
/* arrow styles assume default image */
#pageContent div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
	z-index:2000; /* was 32000 - Jason 6/20/11 */
}
#pageContent div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin: -60px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(/_commonScripts/PageBuilder/anythingSlider/images/arrows-default.png) no-repeat;
	/*background:url(/_commonImages/PageBuilder/anythingSlider_arrows.png) no-repeat;*/
}
#pageContent div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
#pageContent div.anythingSlider .forward { right: 0; }
#pageContent div.anythingSlider .back { left: 0; }
#pageContent div.anythingSlider .forward a { background-position: 0 -35px; } 
#pageContent div.anythingSlider .back a { background-position: -88px -35px; }
#pageContent div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -35px; }
#pageContent div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -35px; }
#pageContent div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
#pageContent div.anythingSlider .back.disabled { display: none; }


/* =================================== Previous and Next Buttons =====================================*/
.prev-next{
  text-align:center;
}



/* ====================================== Authorized Login tool ==================================== */

.LoginContainer{
	background: #f8f8f1;
	border: solid 1px #e3e3da;
	font-size:12px;
	padding: 30px; /* overrriden for secondaryContent below */
}
#secondaryContentWrapper .LoginContainer{
	padding: 10px;
}
#pageContent .AuthMessage{
	clear:both;
	font-size:14px;
	color:#aa0000;
}
.LogOutMessage{
	font-size:14px;
}

#pageContent .UserNameContainer input[type=text], /* containers of username and password labels/inputs */
#pageContent .PasswordContainer input[type=password]{ 
	margin-bottom:15px;
	padding:5px 10px;
	width:80%;
}
.LoginContainer .InputLabel{
	margin-top:30px;
}
.LoginContainer .InputLabel label{
	color:#333333;
	display:block;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	margin-bottom:0;
}



/* ==============================  Media Element: Image  ================================== */
/* Output from "Media Element: Image" smartform (#149) */ /* Last revised 3/19/15 by Jason */
/* Add an image as a unique content block for use in related content or media gallery  */

#primaryContent .imageBlock, #secondaryContent .imageBlock{ 
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}
#secondaryContent .imageBlock .imageWithoutBorder{ /* div */
	display:block;
} 
#primaryContent .imageBlock .imageWithBorder,
#secondaryContent .imageBlock .imageWithBorder{ /* div */
	border: 1px solid #e3e3da;
	display:block;
}
#primaryContent .imageBlock .imageSource,
#secondaryContent .imageBlock .imageSource{ 
	bottom:16px;
	right:4px;
	overflow:hidden;
	position:absolute;
	text-align:right;
	z-index:9999;
}
#primaryContent .imageBlock .imageSource span,
#secondaryContent .imageBlock .imageSource span{ 
	color:#ffffff;
	filter:alpha(opacity=30); /* ie */
	font-size:10px;
	opacity:0.3;
}
#primaryContent .imageBlock .imageCaption,
#secondaryContent .imageBlock .imageCaption{ 
	color: #333333;
	font-size:10px;
}






/* Blogs */

x.BlogLatestEntries h3{
	border-top: 1px solid #aa0000;
	padding-top:4px;
}
x#pageContent #BlogLatestPosts ul{
	color: #333333;
    font-size: 12px;
	line-height:14px;
    list-style: none;
    margin-bottom: 32px;
    margin-left: 0;
}
x#pageContent #BlogLatestPosts ul li{
    margin-top: 12px;
}
x#pageContent .BlogLatestEntries #BlogLatestPosts li a{
	color:#333333;
	display:block;
	line-height:1em;
	padding: 3px 0;
	text-decoration:none;
}
x#pageContent .BlogLatestEntries #BlogLatestPosts li a:hover{
	border-top: 1px solid #fab82f;
	border-bottom: 1px solid #fab82f;
	color: #aa0000;
	padding: 2px 0;
}
x#pageContent .BlogLatestEntries #BlogLatestPosts li a .latestEntryTitle{
	font-weight:bold;
}
x#pageContent #BlogLatestPosts #BlogLatestPosts li a .publishDate{
	font-style:italic;
}


/* ---------- BlogArchive ---------------- */
.BlogArchive{ }
.BlogArchive h3{
	border-top: 1px solid #fab82f;
	padding-top:4px;
}
#pageContent .BlogArchive ul{
    list-style:none;
	margin-left:0;
}

.blogPostWrapper h2{
	border-top:1px solid #cccccc;
	padding-top:8px;
}
.blogPostWrapper .postedDate{
	margin-top:8px;

	font-weight:bold;
}
.blogPostWrapper .postedBy{
	font-style:italic;
	margin-bottom:12px;
}
x.blogPostWrapper .addthis_toolbox{
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    float: right;
    margin: 0 0 16px 16px;
    padding: 8px 0;
}
x.blogPostWrapper .addthis_toolbox .addthis_button_compact{
	display:block;
}

/* Blog recept posts (in #related content) */

x#blogLatestPostsWrapper .subscribeLink img{
	margin-bottom:24px; /* arbitrary */
}
x#blogLatestPostsWrapper h3{
	border-top:1px solid #cccccc;
	padding-top: 4px;
	color: #0F0;

}
x#blogLatestPosts ul li{
	margin-bottom:12px;
	line-height:125%;
}
x.blogPostRSSList{ }/* ul. list of blog entries */
x.blogPostRSSList .blogPostRSSItem .dateModified{ 
	font-weight:bold; 
}







/* ===========================  Fancybox  ================================= */


/**
 * For some reason, Fancybox adds an inline "overflow: scroll;" to itself
 * regardless of the content's size. This removes the unnecssary scrollbars.
 */
.fancybox-inner {
  overflow: hidden;
}


/* ===========================  Content Type: Calendar================================= */

/**
 * These styles were previously located in the content type's seattleu/customCSS
 * content layout. Moved to this file as that content layout is now a programmable
 * layout, and multiple Calendars on one page would cause the same rules to be
 * added multiple times.
*/
.calendarWrapper {
	padding: 0 10px 10px 10px;
    clear: both;
}

/* Calendar toolbar */
.fc-toolbar {
	/* Bottom border*/
	margin-bottom: 0;
	padding: 5px;
	padding-bottom: 40px;
	border-bottom: 1em solid;
	border-color: #333333;
	background-color: #333333;
}
.fc-toolbar h2 {
	/* Font */
	font-family: 'Arvo', serif;
	font-size: 30px;
	font-weight: normal;
	color: #FAB82F;
}

/* Calendar header (names of days) */
.fc-head {
	display: none;
}

/* Calendar body */
.fc-body {
	font-family: Montserrat, serif;
}

/* Day cells */
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
	border-color: #CCC;
}
.fc-ltr .fc-basic-view .fc-day-number {
	text-align: left;
	font-size: 12px;
}


/* Dates out of month */
.fc-other-month {
	background-color: #E3E3DA;
}
.fc-day-number.fc-other-month {
	opacity: 1;
}

/* Current day cell */
/*
.fc-unthemed .fc-today {
	background-color: #FFFFFF;
	border: 3px solid #FAB82F;
}
.fc td.fc-today {
	border-style: solid;
}
*/

/* Events */
.fc-event {
	border: 0px;
	background-color: rgba(0,0,0,0);
	color: #A00;
	margin-bottom: 10px;
	font-size: 11px;
}
.fc-event:hover {
	color: #A00;
}
.fc-day-grid-event .fc-content {
	white-space: normal;
}