/* *********************************************************
   refresh-all.css
   
   Unification of refresh-level1.css, refresh-leve3.css, refresh-smartforms.css, refresh-768.css
   Created March 2015
************************************************************ */

/* Font and icon declarations */
@font-face {
  font-family: "seattle-u";
  src: url("fonts/seattle-u.eot");
  src: url("fonts/seattle-u.eot?#iefix") format("embedded-opentype"), url("fonts/seattle-u.woff") format("woff"), url("fonts/seattle-u.ttf") format("truetype"), url("fonts/seattle-u.svg#seattle-u") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before { /* this make 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;
}




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

#wrapAllTheThings{ }

.container {
	max-width: 970px; /* override bootstraps default 1170 width because existing template graphics aren't that wide */
}

@-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
*/
#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;
}
.navbar-wrapper nav .main .menu {
  padding-top: 4px;
}
.navbar-wrapper nav .main .menu li {
  padding-right: 15px;
  font-size:13px; /* added, not original */
}
.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: 979px) {
	.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;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.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%;
  height: 60px;
  /* padding: 20px 80px; */ /* Original */
  padding: 20px 20px;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
}
.navbar-wrapper nav .sub li {
  padding-right: 17px; /* something affecting header nav spacing, so I bumped this from 22px */
}
.navbar-wrapper nav .sub .left {
  float: left;
}
	@media (max-width: 767px) {
	  .navbar-wrapper nav .sub .left {
		float: inherit;
	  }
	}
.navbar-wrapper nav .sub .left a {
  color: #fab82f;
}
.navbar-wrapper nav .sub .right {
  float: right;
  color: #cccccc;
}
	@media (max-width: 767px) {
	  .navbar-wrapper nav .sub .right {
		float: inherit;
	  }
	}
.navbar-wrapper nav .sub .right a {
  color: #cccccc;
}
/* Search */
.navbar-wrapper nav .sub #searchWrapper {
  padding-right: 0;
}
.navbar-wrapper nav .sub .right input { /* search box */
	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 .right .fa-search {/* search icon */
	display:inline-block;
	cursor:pointer;
	font-size: 18px;
	padding-left: 4px;
	vertical-align:middle;
}
.navbar-wrapper nav .sub .right .fa-search:hover {
	color: white;
}
	@media screen and (max-width: 767px){
	
		#searchWrapperMobile #q, #searchWrapperMobile #mq{ /* text box */
			color:#333333;
  			font-family: 'Oswald', sans-serif;
			width:90%;
		}
		#searchWrapperMobile i{ /* search icon */
			width: 10%;
			text-align: center;
			vertical-align: middle; 
		}
	}
	
.navbar-wrapper nav .sub a:hover {
	color: white;
	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: 979px) {
	  .navbar-wrapper nav .sub {
		padding: 7px 10px;
	  }
	  .navbar-wrapper nav .sub .left, .navbar-wrapper nav .sub .right {
		float: inherit;
		width: 100%;
		text-align: center;
	  }
	}
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	  .navbar-wrapper nav .sub {
		padding: 7px 10px;
	  }
	  .navbar-wrapper nav .sub .left, .navbar-wrapper nav .sub .right {
		float: inherit;
		width: 100%;
		text-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 not for the searchAnchor */
	content: '';
	margin-left: 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 a {
  color: #fab82f;
}
.navbar-wrapper nav .mobile .student {
  background-color: #333333;
  color: white;
}
.navbar-wrapper nav .mobile .student a {
  color: white;
}
.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{
	margin-top:10px;
	position:relative;
}
#sectionBannerWrapper #sectionBannerSecondWrapper{ 
	background: url(/_commonImages/sectionBanners/sectionBannerBackground-default2.jpg) -14px -12px no-repeat ; /* 200px height */
}
#sectionBannerOverlay{
	background: url(/_commonImages/refresh-overlay2.png) left center no-repeat;
	display:table-cell;
	height: 145px;
	opacity: .7;
	position:absolute;
	width:100%;
}
@media (min-width: 979px) { /* ITS A HACK!!!! */
	#sectionBannerWrapper #sectionBannerOverlay{
		width:950px;
	}
}

	@media screen and (max-width: 767px){
		body #sectionBannerOverlay{
			position:absolute;
			top: 0;
			left:0;
		}
	}
	
#sectionLandingBannerWrapper #sectionBanner{
	margin-left:0;
	margin-right:0;
}
#sectionBannerWrapper #sectionBannerTextWrapper{
	border: 10px solid white;
	border-bottom:0;
	min-height:145px; /* if a sectionTitle gets too long, the container BG expands */
	position:relative;
	display:table;
	width:100%;
}
.sectionBannerText{ /* contains .sectionAncestor and .sectionTitle. An additional unique class (generated) also added for special styling. */ 
	display:table-cell;
	font-family: "Arvo", serif;
	left:0;
	height:145px;
	padding: 10px 15px 10px 15px;
	position:relative;
	vertical-align:bottom;
	width:100%;
}
.sectionBannerText .sectionAncestor{
	color: #ffffff; 
	font-size:24px;
	line-height:24px;
	text-shadow: 0px 0px 2px #333333;
	text-transform: uppercase;
}
 .sectionBannerText .sectionTitle{
	color: #ffffff;
	font-family:"Arvo", serif;
	font-size:40px;
	line-height:32px;
	text-shadow: 0px 0px 2px #333333;
	text-transform: uppercase;
}
	@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 */
		}
	}


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

#pagetemplateWrapper{ }
#pageWrapper{ }
x#pagetemplateBody{
	margin-bottom:10px;
}

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

#breadcrumbsWrapper{
	margin: 0 -15px 0 -15px;
}
#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;
}
#breadcrumbs ol li a{
	color:#666666; 
	text-decoration:none;
}
#breadcrumbs ol li a:hover{
	color:#aa0000; 
	text-decoration:underline;
}
#breadcrumbsWrapper .breadcrumb>span>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;
}


/* ==============================================================================================================*/
/* ============================================== Accessory Content =============================================*/
/* Wraps the Promotion Wrapper, SiteNavigation and SitewideContent*/

#accessoryContent {
	padding-left:0;
}
	@media screen and (max-width: 767px){
		body #accessoryContent{
			padding-right:0;
		}
	}



/* =============================================== 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 .PBItem{ 
	display:inherit; /* Ektron hack */
}
#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 bootsrap 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{
	color:#E3E3DA;
}
#siteNavigation #menu{ /* The UL for the 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;
	font-size: 12px;
	margin-right: 0;
    margin-top: 0;
	padding:.4em 0;
	position:absolute;
	right:1%;
	width:1.1em;
}
#siteNavigation #menu .TopLevelItemSelected > .glyphicon, /* makes it yellow if in the dark gray bar */
#siteNavigation #menu .ItemSelected > .glyphicon{ 
	color:#EDB82F;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
#siteNavigation #menu .TopLevelItemSelected .glyphicon:hover, 
#siteNavigation #menu .ItemSelected .glyphicon:hover{ 
	color:#aa0000;
}
/* ------------------- Navigation menu items --------------------- */
#siteNavigation #menu li{ /* affects all menu items */
	border-bottom:1px solid #efefef;
	position:relative; /* to allow <span> (arrow) to be positioned within this block */
	display:block;
}
#siteNavigation #menu li a{ /* all links in all menu items */
	display:block; 
	color: #333333;
	font-size:12px; 
	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;
}
#siteNavigation #menu li a span{ /*all spans in all links in all menu items*/
	display:block;
}
#siteNavigation #menu li ul li { /* all Level2 items and all Level3 items */ 
	border-bottom:1px solid #fef4e8;
}
	@media screen and (max-width: 767px){
		body #siteNavigation #menu li ul li a { /* all links Level2 items and links all Level3 items */
			padding:10px 10px 10px 20px;
		}
	}
#siteNavigation #menu li ul li ul li { /*tertiary menu lis*/
	border-bottom:1px solid #ffffff;
}
#siteNavigation #menu li ul li a span{ /* affects Level2 & Level3 menu items*/
	padding-left: 15px;  
}
#siteNavigation #menu li ul li ul li a span{ /* affects Level3 menu items*/
	padding-left: 30px; 
}
	@media screen and (max-width: 767px){
		body #siteNavigation #menu li ul li ul li a {
			padding:10px 10px 10px 30px;
		}
	}
#siteNavigation #menu .TopLevelItemSelected>span, /* selected item on top level only */
#siteNavigation #menu .ItemSelected>span{  /* all other selected items */
	background:#333333;
	color:#FAB82F; 
	display:block;
	padding-left:10px;
	position:relative;
 	left: -10px;
	width:240px;
}
	@media screen and (max-width: 767px){
		body #siteNavigation #menu .TopLevelItemSelected > span,
		body #siteNavigation #menu .ItemSelected > span{
			width:inherit;
			left:0;
			padding-left:0;
		}
		body #siteNavigation #menu .TopLevelItemSelected > span:before, #siteNavigation #menu .ItemSelected > span:before,
		body #siteNavigation #menu .TopLevelItemSelected > span:after, #siteNavigation #menu .ItemSelected > span:after{
			display:none; /* hides the arrow-carat thingy on the side */
		}
	}

#siteNavigation #menu .TopLevelItemSelected>span>a, #siteNavigation #menu .ItemSelected>span>a{  /* keep the red arrow */
	background:none; 
	cursor:default; 
}
#siteNavigation #menu .TopLevelItemSelected>span:after, #siteNavigation #menu .ItemSelected>span:after{ /* red triangle */
	content: ' ';
	position: absolute;
	width: 0; 
	height: 0; 
	border-top: 14px solid transparent; border-left: 10px solid #333333; border-bottom: 14px solid transparent;
 	right: -10px;
	margin: auto 0;
	top: 0; 
	bottom: 0;
}
#siteNavigation #menu .TopLevelItemSelected>span>a>span, /* selected item on top level only */
#siteNavigation #menu .ItemSelected>span>a>span{ /* all other selected items */
	color:#FAB82F; 
}
	@media screen and (max-width: 767px){
		body #siteNavigation #menu .TopLevelItemSelected>span>a>span, /* selected item on top level only */ 
		body #siteNavigation #menu .ItemSelected>span>a>span { /* all other selected items */
			padding: 5px 0 5px 15px;
			margin:0;
		}
	}

#siteNavigation #menu .TopLevelItemSelected .dropdownArrow{ 
	background: url(/_commonImages/PageBuilder/siteNavigation_selected_arrow.png) top left repeat-x; /* white arrow */
}
#siteNavigation #menu .TopLevelItemSelected .ItemNotSelected .dropdownArrow{ /* notselected arrows under toplevel selected section */
	background: url(/_commonImages/PageBuilder/siteNavigation_arrow.png) top left repeat-x; /* brown arrow */
}
#siteNavigation #menu .secondLevel .ItemSelected .dropdownArrow{ /* notselected arrows under second-level selected section */
	background: url(/_commonImages/PageBuilder/siteNavigation_selected_arrow.png) top left repeat-x; /* white arrow */
}


/* ============================================== Sitewide Content ==============================================*/


/* This is content that currently appears in the left hand column on all templates below site navigation */
#sitewideContentWrapper{
	margin-top:15px;
}
#sitewideContent .PBItem{
	background:#ffffff;
	border: 1px solid #e3e3da;
	margin-bottom:10px;
	padding:10px;
}
#sitewideContent .PBItem > div:first-child{
	border: 1px solid #e3e3da;
	padding:10px;
	border-radius:0;
}


/* ==========================================================================================================*/
/* ============================================== Page Content ==============================================*/
#pageContentWrapper{
	background:#ffffff; /* background surrounding primary and related content */
}
#pageContent{
	border: 1px solid #e3e3da;
	xfloat: left; /* removed 12/11/14 to stop loooooong text in paragraphs from blowing out the margins. added clearing element on templates to make the background/outline extend to the bottomof the primary content */
	margin: 10px -5px 10px -5px;
	min-width: 100%; /* prevent the block from collapsing when the content doesn't push it to fill the whole parent */
}
#primaryContentWrapper{
	padding-left:10px;	/* keeps content aligned with H1 on the left margin */
	padding-top:30px; /* gap at top of content. Matches #relatedContentWrapper. */
}
#primaryContent {
	padding-bottom:60px; /* gap at bottom of content. Arbitrary. */
}
#relatedContentWrapper {
	padding:30px 10px; /* gap at top of content. Matches #primaryContentWrapper. */
}

/* ============================================== Page Title ==============================================*/
#PageTitleWrapper h1{ 
	background: url(/_commonImages/long-arrow-2.png) bottom left no-repeat;
	color: #fab82f;
	font-family: "Arvo", serif;
	font-size:40px ;
	font-weight:400;
	line-height:100%;
	margin:0 10px;
	padding:30px 0 20px 0;
	text-rendering: optimizelegibility;
	text-transform:uppercase;
} 
	@media screen and (max-width: 767px){
		body #PageTitleWrapper h1{
			font-size:30px; 
		}
	}


/* ============================================== Page Elements ==============================================*/
/* -------------------------- Headings -------------------------- */
#pageContent h2, 
#accessoryContent h2{ /* major headings */
	color: #aa0000;
	clear:both; /* acts as a clearing element */
	font-family:Arvo;
	font-size:24px;
	font-weight:400;
} 
#pageContent h2 a, 
#accessoryContent h2 a{ /* links in major headings */
	color: #aa0000;
	text-decoration:none;
} 
#pageContent h2 a:hover, #pageContent h2 a:focus, 
#accessoryContent h2 a:hover, #accessoryContent h2 a:focus{ /* links in major headings */
	text-decoration:underline;
} 
#pageContent h3, 
#accessoryContent h3{ /* minor headings */
	color: #aa0000;
	font-size: 18px;
	font-weight:400;
	padding:15px 0 2px 0; 
} 
#pageContent h3 a, 
#accessoryContent h3 a { /* links in minor headings */
	color: #aa0000;
	text-decoration:none;
} 
#pageContent h3 a:hover,  #pageContent h3 a:focus,
#accessoryContent h3 a:hover, #accessoryContent h3 a:focus{ /* minor headings that are also links*/
	text-decoration:underline;
} 
#pageContent h4, 
#accessoryContent h4{ 
	color: #333333;
	font-family: Montserrat, serif;
	font-size: 15px;
	font-weight:400;
	margin:8px 0 2px 0; 
} 
#pageContent h4 a, 
#accessoryContent h4 a{ /* minor headings */
	color: #333333;
	text-decoration:none;
} 
#pageContent h4 a:hover, #pageContent h4 a:focus, 
#accessoryContent h4 a:hover, #accessoryContent h4 a:focus{ /* links in major headings */
	text-decoration:underline;
} 
#pageContent h5, #pageContent h6, 
#accessoryContent h5, #accessoryContent h6 {  /* H6s should be disabled. But just in case... */
	font-family: Montserrat, serif;
	font-weight:400;
	color: #333333;
} 

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

/* -------------------------- Lists -------------------------- */
#pageContent .content ul, #sitewideContent .content ul, 
#pageContent .content ol, #sitewideContent .content ol { /* adding .content gets around Ektron-added UL surrounding everything */
	font-size:12px;
	line-height: 23px; /* same as p line-height */
	list-style-type:none;
	margin-bottom: 20px;
    margin-left: 15px; /* indent */
	display: table;/* align 2nd line text, pt 1  */
}
#pageContent .content ul li ul, #sitewideContent .content ul li ul, 
#pageContent .content ol li ol, #sitewideContent .content ol li ol{ /* adding .content gets around Ektron-added UL surrounding everything */
	xmargin-bottom: 0;
}
#pageContent .content ol, 
#sitewideContent .content ol { /* Numbers! */
	list-style-type:decimal;
}
#pageContent .content ul li, #sitewideContent .content ul li{
	display: table-row; /* align 2nd line text, pt 2  */
}
#pageContent .content ul li:before, 
#sitewideContent .content ul li:before {
	font-family: 'seattle-u';
	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*/
}
/* NOTE: styles for lists in forms is in the forms section */

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

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

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


#pagetemplateBody .btn-alpha {
    background-color: #f8f8f1;
	border-color: #e3e3da;
    color: #aa0000;
	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";
}

#pagetemplateBody .btn-alpha:hover, #pagetemplateBody .btn-alpha:focus {
    border-color: #fab82f;
}

#pagetemplateBody .content ul.arrowLinks{
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 15px;
	display: table;
}
#pagetemplateBody .content ul.arrowLinks li{
	background:#333333;
	color: #fab82f;
	padding: 0 10px;
	display: block;
	position: relative;
	top: 2px;
	margin-bottom:10px;
}
#pagetemplateBody .content ul.arrowLinks li:before{
	content: '';
}
#pagetemplateBody .content ul.arrowLinks li span{
	display:table-row;
	line-height:30px;
	font-size: 12px;
	white-space: nowrap;
	text-align: center;
}
#pagetemplateBody .content 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;
}
#pagetemplateBody .content 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;
}
#pagetemplateBody .content ul.arrowLinks li a{
	font-family: "Oswald", sans-serif;
	font-size: 13px;
	text-decoration:none;
	text-transform: uppercase;
	color: #fab82f;
	white-space: nowrap;
}
#pagetemplateBody .content ul.arrowLinks li a:hover{
	color: #ffffff;
}

/* -------------------------- 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;
}
#relatedContent embed, #relatedContent object{
	max-width:224px;
}


/* This is targeted at youtube videos but who know what it'll affect 11/17/14 */

.col-md-8 #primaryContent iframe{ /* 3col */
	max-width:445px
}
.col-md-12 #primaryContent iframe{ /* 2col */
	max-width:680px
}

#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 -------------------------- */
#pageContent table{
    border-collapse:separate;
    border-spacing: 2px;
	font-size:12px; 
	font-weight:400;
	margin-bottom:10px; /* same as paragraphs */
	width:100%;
}
#pageContent .tableWithBorders, 
#pageContent .sortable{ /* all sortable tables get borders too */
    border-collapse:collapse;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#pageContent .tableWithoutBorders{ }

/* table heading rows */
#pageContent table thead{ 
	border-right: 1px solid #881111;
}
#pageContent table thead th{ 
	background-color:#aa0000;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
}
#pageContent .tableWithBorders thead th, 
#pageContent .sortable thead th{ 
	border-top: 1px solid #881111;
	border-bottom: 1px solid #881111;
	border-left: 1px solid #881111;
}
#pageContent .sortable thead th{ 
	cursor:pointer;
}
#pageContent .sortable thead th:hover {
	background: #ef4135;
	position:relative;
}
#pageContent .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;
}
#pageContent .sortable thead th #sorttable_sortfwdind, 
#pageContent .sortable thead th #sorttable_sortrevind{
	font-size:18px;
	line-height:18px;
}
#pageContent .sortable thead .sorttable_sorted, 
#pageContent .sortable thead .sorttable_sorted_reverse{
	background-color: #333333;
}

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

/* affects curriculum tables only*/
#pageContent .tableCurriculum,
#pageContent .tableCurriculum th,
#pageContent .tableCurriculum td{
    vertical-align:top;
}

/* -------------------------- 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;
}

#primaryContent img{
	padding:5px;	
}
#primaryContent .imageOnRight, #primaryContent .imageOnRightWithBorder {
	float: right;
	margin: 10px 0 10px 10px;
}
#primaryContent .imageOnLeft, #primaryContent .imageOnLeftWithBorder {
	float: left;
	margin: 10px 10px 10px 0;
}
#primaryContent .imageOnRightWithBorder, #primaryContent .imageOnLeftWithBorder {
	border:1px solid #e3e3da;
}


/* ==================================================================================================*/
/* ======================= 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;
}




/* ================================================================================================= */
/* ======================================== Form Styles ============================================ */

fieldset{
	border:1px solid #E3E3DA;
	background-color:#F8F8F1;
	padding:15px;
	margin:30px 0;
	position:relative;
}
fieldset legend{
	border-bottom: 0;
	color: #aa0000;
	display:inline-block;
	font-family: Arvo, serif;
	font-size: 24px;
	font-weight: 400;
	line-height:100%;
	position: absolute;
	top: -30px;
	left: 0;
}

#primaryContent fieldset.submitButtons{
	text-align:center;
}
#primaryContent fieldset.submitButtons input{
	font-size:12px;
}
#primaryContent fieldset p{
 	color:#333333;
	margin-bottom: 15px;
}
#primaryContent fieldset label{
	color:#333333;
	display:block;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	margin-bottom:0;
}
x#primaryContent fieldset input + label{
	display:inline;
	font-weight:normal;
	paddng-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%;
}

/* ================================================================================================= */
/* =========================================== Smart Forms ========================================= */



/* ============================== Dual column ============================= */
/* Output from Smartform #148 */ /* Last revised 3/19/15 by Jason */
/* makes two HTML-based divs, places them side-by-side. This functionality is mostly replaced by Bootstrap                     */

.column1{
	padding-left:0;
}
.column2{
	padding-right:0;
}

/* ==============================  Feature List and Feature Item  ================================== */
/* Output from Smartform #154 */ /* Last revised 3/19/15 by Jason */
/* Creates a header (h3) with a image floated left or right and a paragraph.                      */

#pageContent .featureItem{
	clear:both;
}
#pageContent  .content .featureItem h3 a{ /* minor headings */
	color: #aa0000;
	text-decoration:none;
} 
#pageContent .content .featureItem h3 a:hover, #pageContent .content .featureItem h3 a:focus{ /* links in major headings */
	text-decoration:underline;
} 
#pageContent .featureItem .featureItemImage {
	border:1px solid #e3e3da;
	float:left;
	margin: 0 10px 10px 0px;
	max-width:224px;
} 
#pageContent  .content .featureItem .readmore{
	text-align:right;
}
#pageContent  .content .featureItem .readmore:after{
	color: #aa0000;
	content: ' b';
  	font-family: 'seattle-u';
	position: relative;
	text-transform: lowercase;
	top: 2px;
}

/* ===========================  News Box  ================================= */
/* Last revised 3/19/15 by Jason */
/* Widget */
/* This should be retired; it pulls old news. Sample on www.seattleu.edu/artsci/services/awards/ */

#pagetemplateWrapper .content .newsBox ol {
	font-size:12px;
	list-style-type: none;
	margin-left: 0px;
}
#pagetemplateWrapper .content .newsBox li a{
	color:#333333;
	display:block;
	line-height:14px;
	padding: 3px 0;
	text-decoration:none;
}
#pagetemplateWrapper .content .newsBox li a:hover{
	border-top: 1px solid #aa0000;
	border-bottom: 1px solid #aa0000;
	color: #aa0000;
	padding: 2px 0;
}
#pagetemplateWrapper .content .newsBox li{
	padding-bottom: 10px;
}	
#pagetemplateWrapper .content .newsBox li .itemTitle{
	display:block;
	font-weight:bold;
}
#pagetemplateWrapper .content .newsBox li .itemDate{ 
	display:block;
}
#pagetemplateWrapper .content .newsBox li .itemTime{ 
	display:block;
}
#pagetemplateWrapper .content .newsBox a {
	font-size:12px;
}

/* ==============================  Quotation Box  ================================== */
/* Output from Smartform #142 */ /* Last revised 3/19/15 by Jason */
/* Creates a box with large quote marks that contains quote, source and affiliation  */
#primaryContent .quotationBox, 
#relatedContent .quotationBox{ 
	color:#e3e3da;
	margin-bottom:60px;	
	padding:20px 0 0 0;
}
#pageContent .quotationBox .fa{
	position:absolute;
	z-index:1;
}
#pageContent .quotationBox .closing{
	margin-top: -30px;
	right: 0;
}
#pageContent .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;
}
#pageContent .quotationBox cite{ 
	color:#04899d;
}
#pageContent .quotationBox cite .quotationSource{ /* ::REQUIRED:: source of the quote, sans other information */
	display:block;
	font-size:14px;
	line-height:14px;
	padding:50px 0 0 25px;
}

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


/* ==============================  Staff List and Bio ================================== */
/* Output from Smartform #143 */ /* Last revised 3/19/15 by Jason */
/* Box with name, photo              */

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

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

#pageContent .staffBioPageWrapper{
	clear:both;
}
#pageContent .staffBioPageInfo{ /* wraps degree, title, email, phone, location, biography */
	font-size:12px;
	line-height:15px;
}
#pageContent .staffBioPageImage img{
	max-width:224px;
	border:1px solid #e3e3da;
	padding:5px;
}
#pageContent .staffBioPageInfo .ExtendedBiography{
	padding-top:30px;
}


/* ==============================  Testimonial Box  ================================== */
/* Output from Smartform #141 */ /* 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/ */


.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:0;
	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;
}

#primaryContent .TestimonialBox cite, 
#relatedContent .TestimonialBox cite{
	color:#333333;
	display:block;
	font-size:14px;
	line-height:16px;
	padding:5px 15px 0 15px;
}
#primaryContent .TestimonialBox cite span, 
#relatedContent .TestimonialBox cite span{
	display:block;
	font-size:14px;
	font-style:italic;
	line-height:16px;
	padding-top:2px;
}


/* ==============================  Text Box  ================================== */
/* Output from Smartform #140 */ /* Last revised 3/19/15 by Jason */
/* Creates a box with outline and shadow; header and HTML content.              */

#pageContent .textBox{ 
	background: #F8F8F1;
	margin-bottom:30px;
}
#pageContent .textBox .textBoxTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#pageContent .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;
	padding:10px;
	text-align: center;	
}

#pageContent .textBox .textBoxContent{
	border: 1px solid #E3E3DA;
	border-top:0;
	color: #333333;
	font-size:12px;
	padding: 10px;
	position: relative;
}
#pageContent .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: 96px; /* 215 - 12(2)[margins] / 2 */
	top:0;
}

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

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

/* ==============================  News and Announcements  ================================== */
/* Output from Smartform #144 */ /* Last revised 3/19/15 by Jason */
/* As of 3/19/15 only in use on Sustainability. Needs to be retired. */

.newsStorySubtitle{ /* h3 */
	margin:0px;
	padding-top:0;
}
.publicationDate{
	font-style:italic;
}


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

/* ==============================  News for STM, A+S  ================================== */
.newsCollectionWrapper{
	padding-top:30px
}
.newsWrapper{
	clear:both;
	padding-bottom:15px;
	float:left;
}
#pageContent .news p{
	font-size:13px;
}
.news a{
	display:block;
	font-weight:bold;
}
.news .newsImage{
	border:1px solid #e3e3da;
	float:left;
	margin-right:15px;
	padding:5px;
}
.news .newsImage img{
	float:left;
}

/* ================================================================================================= */
/* ============================================= Widgets =========================================== */


/* ============================================== Blog ==============================================*/
/* Reviewed but not significantly edited 3/23/15 by Jason*/


/* ---------- Blog Posts in #primaryContent---------------- */
.blogEntryWrapper{ /* changed from BlogEntry */

}
.blogEntryWrapper + .blogEntryWrapper{ /* all but the first .blogEntryWrapper */
	border-top:1px solid #aa0000
}
#pageContent .blogEntryWrapper h2{ /* most styles inherited from standard h2 styles */
}
.blogEntryWrapper .postedBy{
	color:#666666;
	font-size:12px;
	font-style:italic;
	line-height:12px;
	margin-bottom:12px;
}
.blogEntryWrapper .addthis_toolbox{
	background: #f8f8f1;
    border-top: 1px solid #e3e3da;
    border-bottom: 1px solid #e3e3da;
    float: right;
    margin: 0 0 4px 16px;
    padding: 8px 4px 8px 8px;
}
.blogEntryWrapper .addthis_toolbox .at300b,
.blogEntryWrapper .addthis_toolbox .at300m{
	padding: 0;
	margin-right:4px;
}
#pageContent .blogEntry img{ /* only works if not overridden in the post */
	margin:5px;
}

.ekcommentheader{ /* added by Jason 5/12/14 */
	clear: both;
    color: #aa0000;
    font-size: 24px;
    font-weight: 400;
}
.CommentsDisclaimer { /* added by Jason 5/12/14 */
	font-style:italic;
}
.CommentsList pre, .CommentsList code { /* added by Jason 5/12/14 */
	background-color:inherit;
	border: none;
	color: #333333;
	font-size:inherit;
	line-height:inherit;
	margin: 10px 0 25px 0;
	padding:0;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break:inherit; /* to stop wrapping mid-word */
}


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


/* ---------- BlogLatestPosts ---------------- */
.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;
}
.blogPostWrapper .addthis_toolbox{
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    float: right;
    margin: 0 0 16px 16px;
    padding: 8px 0;
}
.blogPostWrapper .addthis_toolbox .addthis_button_compact{
	display:block;
}

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

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

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


/* ======================================== Slideshow ============================================== */
/* this is in use on subpages, and does not affect the slider used on the homepage and landing pages */
.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; }


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

.LoginContainer{
	background: #f8f8f1;
	border: solid 1px #e3e3da;
	font-size:12px;
	padding: 30px; /* overrriden for relatedContent below */
}
#relatedContentWrapper .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;
}

/* ==============================  Categorized Content  ================================== */
/* Styles the Categorized Content widget. Used for Admissions Counselors */ /* Last revised 3/19/15 by Jason */

#categorizedContentWrapper{}

#primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper { /* ol   counselor breadcrums */
	border-top: 1px solid #aa0000;
	border-bottom: 1px solid #aa0000;
	display:block;
	margin-left:0;
}
#primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper li {
	display:inline-block;
}
#primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper li:before{ /* ol   counselor breadcrums */
	color: #666666;
	content: " \003E\00a0";
	font-size: 12px;
	padding: 0 7px;
}
#primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper .level0:before{ /* ol   counselor breadcrums */
	content: "";
	padding:0;
}
#primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper li a {
	color:#aa0000;
    text-decoration: none;
}
#primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper li a:hover, #primaryContent #categorizedContentWrapper .categoryBreadcrumbWrapper li a:active {
    text-decoration: underline;
}
#categorizedContentWrapper #categoryListWrapper .categoryList{  /* list of states, counties and schools */
	margin-left:0;
}
#categorizedContentWrapper #categoryListWrapper ol .active{}
#categorizedContentWrapper #categoryListWrapper ol .active a{
	background-color:#333333;
	color:#ffffff;
	text-decoration:none;
}
#categorizedContentWrapper #categoryListWrapper ol .active a:hover, 
#categorizedContentWrapper #categoryListWrapper ol .active a:active{
	background-color:#333333;
	cursor: default;
}
#categorizedContentWrapper .categoryItem .categoryItemProfilePic img{
    float: right;
    max-width: 224px; /* restricts max size, since photos are larger */
}
#categorizedContentWrapper #categoryListWrapper .categoryList li{
	border: 1px solid #e3e3da;
	display: inline-block;
	line-height: 12px;
	margin: 5px;
}
#categorizedContentWrapper #categoryListWrapper .categoryList a{
	background: #f8f8f1;
	display: block;
	line-height: 12px;
	padding: 5px;
}
#categorizedContentWrapper #categoryListWrapper .categoryList a:hover{
	background: #aa0000;
	color:#ffffff;
	text-decoration:none;
}
#categorizedContentWrapper .categoryItemExtras{
	color: #333333;
	font-family: Montserrat, serif;
	font-size: 12px;
	margin-bottom: 20px;
}

/* ==============================  RSS Feed  ================================== */
/* Output from SU RSS Feed widget */ /* Last revised 3/19/15 by Jason */
/* Added March 17, 2015 by Jason */

#pageContent .rssFeedBox{ 
	background: #F8F8F1;
	margin-bottom:30px;
}
#pageContent .rssFeedBox .rssFeedTitle{ /* h3 */
	background-color: #aa0000;
	padding: 10px 0 10px 0;
	margin: 0px;
}
#pageContent .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;	
}
#pageContent .rssFeedBox .rssFeedContent{ 
	border: 1px solid #E3E3DA;
	border-top:0;
	color: #333333;
	font-size:12px;
	position: relative;
}
#pageContent .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:absolute;
	left: 96px; /* 215 - 12(2)[margins] / 2 */
	top:0;
}

#pageContent .rssFeedBox .rssFeedContent .rssFeed{ /* ul */
	display: block;
	line-height:16px;
	margin: 0;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li{
	border-top: 1px solid #e3e3da;
	display: block;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li:first-of-type{
	padding-top:20px;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li:before{
	content:'';
	display: block;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li a{
	display:block;
	padding:5px 10px;
	text-decoration:none;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li:first-of-type a{
	border-top: 1px solid #f8f8f1;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li:first-of-type a:hover{
	border-top: 1px solid #e3e3da;
}
#pageContent .rssFeedBox .rssFeedContent .rssFeed li a:hover{
	background:#ffffff;
}


/* ========================================= TaxonomyContent ======================================= */

.taxonomyCategories #SearchFilter .fieldWrapper {
	margin-bottom:15px;
}
.taxonomyCategories #ResultCount { /* span inside div; shows # of results*/
	color:#333333;
	text-shadow:none;
	font-weight:bold;
	margin:10px;
	font-size:12px;
	vertical-align:middle;
}
#pageContent .content #TaxonomyResultList{ }
#pageContent .content #TaxonomyResultList li{
	list-style-type:none;
	margin-top: 15px
}
#pageContent .content #TaxonomyResultList li h4{
	margin-top:20px; 
}
#pageContent .content #TaxonomyResultList li h4 a{
	color:#aa0000; 
}
.pajinate .page_navigation{ /* multipage navigation at bottom of list */
	font-size: 14px;
	margin: 60px auto;
}
.pajinate .page_navigation a {
	display:inline-block;
	margin:0 5px;
	padding:2px;
}
#pageContent .pajinate .page_navigation .first_link,
#pageContent .pajinate .page_navigation .previous_link,
#pageContent .pajinate .page_navigation .next_link,
#pageContent .pajinate .page_navigation .last_link{
	background: #f8f8f1;
	border: 1px solid #e3e3da;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding:0 4px;
	text-decoration:none;
}
#pageContent .pajinate .page_navigation .first_link:hover,
#pageContent .pajinate .page_navigation .previous_link:hover,
#pageContent .pajinate .page_navigation .next_link:hover,
#pageContent .pajinate .page_navigation .last_link:hover{
	background: #aa0000;
	border: 1px solid #333333;
	color:#ffffff;
}



/* =================================================================================  */
/* ===================================  404 Page ===================================  */
/* ================================================================================== */

.page404 #pagetemplateBody{
	padding:0 0 0 0;
	text-align:center;
}
.page404 .SubmitButtonWrapper{
	text-align:center;
}
.page404 #header404{ /* h1 */
	color:#aa0000;
	display: block; 
	font-size: 200px; 
	line-height: 200px;
	margin:0;
	text-align:center; 
}
@media screen and (max-width: 767px){
	.page404 #header404{ /* h1 */
		font-size: 120px; 
		line-height: 120px;
	}
}
.page404 #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){
	.page404 #fileNotFound{ /* h2 */
		font-size: 24px; 
		line-height: 24px;
	}
}
.page404 #message p{ 
	font-size: 20px; 
	display: block; 
	text-align:center
}
@media screen and (max-width: 767px){
	.page404 #message{ /* p */
		font-size: 16px; 
		line-height: 16px;
	}
}
#noReferrer #LinkDescription{
	width:400px;
}


/* ================================================================================= */
/* ================================== Campus Alert ================================= */
/* ================================================================================= */
/* Activated by publishing an alert in Ektrons Alerts/Content folder. Styles smartform output */

/* =============================== Alert banner ================================ */
#status_alert{
	padding:10px 0 ;
	margin-bottom:15px;
}
#status_alert #announcement{
	background:#aa0000;
	border: 1px solid #881111;
  	color:#ffffff;
	padding:30px;
}
#status_alert.green #announcement{
	background: #6cb33f;
	border: 1px solid #3e6624; /* green -30%L */
}
#status_alert #announcement h1{	
	font-family: 'Arvo', sans-serif;
	font-size:30px;
	margin:0 0 15px 0;
	text-transform:uppercase;
}
#status_alert #announcement h1:before,
#status_alert #announcement h1:after,
#status_alert #announcement .moreLink:after {
    color: #e3e3da;
	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;
}
#status_alert #announcement h1:before{ content: "b "; }
#status_alert #announcement h1:after{ content: " a"; }
#status_alert #announcement .moreLink:after{ content: " b"; }

#status_alert #announcement h1 a, #status_alert #announcement h1 a:visited{
	text-decoration:none;
}
#status_alert #announcement p,
#status_alert #announcement .moreLink{
	font-size:14px;
	line-height:23px;
}
#status_alert #announcement a, #status_alert #announcement a:visited{
	text-decoration:underline;
	color:#ffffff;
}
/* =============================== Alert pages ================================ */
body.alert{ /* these just override bootstrap defaults for the .alert class */
	border: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
body.alert #sectionBannerWrapper,
body.alert #breadcrumbsWrapper,
body.alert #accessoryContent{
	display:none;
}
body.alert #pageContentWrapper{
	margin-top: 10px; /* adds a gap because sectionbanner and breadcrumbs are hidden */
	width:100%; /* overrides 9-column default since there is no menu */
}  
body.alert .bottom-main{ /* centers asterisk for 100% width */
	margin-left: 0;
	width:100%;
}
body.alert #pageContent .dmsItemWrapper a{ /* this appears on the Alert Archive page. Styles are oopy of H2 */
	color: #aa0000;
	clear: both;
	font-family: Arvo;
	font-size: 24px;
	font-weight: 400;
}
body.alert #pageContent table td{ /* because ektron puts this all in a table. */
	padding:0;
}

/* ============================================== 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;
}
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;
}
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;
	  }
	}
	
	
/* ================================================================================= */
/* ================================ 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 */
h1{ font-size:12px; } /* should be overriden by page title styles above*/
h2 strong, h3 strong{ font-weight:normal; } /* control for extra bolded headers */
body a:link, body span.MsoHyperlink{ text-decoration:none; }/* override MSWord copy-ins */


/* ================================================================================= */
/* =============================== Ektron Overrides ================================ */
/* ================================================================================= */
/* Fix CSS problems created by Ektron. */

.ektdmsiframe {
	height:890px;
}
body div.PBViewing{
	float:none; !important
}
.EktronPersonalizationWrapper img { /* fixes an issue where the double arrow button in layout edit mode is microsmall */
	max-width:inherit;
}
#primaryContent div.dropzone div.PBColumn ul.columnwidgetlist{
	list-style-type:none;
	margin-left:0;
	min-width:450px;
}
#relatedContent div.dropzone div.PBColumn ul.columnwidgetlist{
	list-style-type:none;
	margin-left:0;
	min-width:233px;
}
#primaryContent div.PBViewing ul.columnwidgetlist > li, #relatedContent div.PBViewing ul.columnwidgetlist > li {
	list-style-type:none;
	display:initial;
}
#pageContent .content ul li.PBItem:before, /* overrides Ektron */
#sitewideContent .content ul li.PBItem:before {
	content: '';
	padding-right: none;
}
#pageContentWrapper div.PBColumn img.PB-UI-icon{
	padding:1px; /* restores the icon, but smaller */
}
#pageContent .content ul.columnwidgetlist, /* overrides Ektron */
#sitewideContent .content ul.columnwidgetlist {
	font-size: 12px;
	line-height: inherit; 
	list-style-type: none; 
	margin-bottom: 0; 
	margin-left: 0; 
}
#pageContentWrapper #pageContent .LSEdit .LSTabInterface ul li , 
#pageContentWrapper #sitewideContent .LSEdit .LSTabInterface ul li {
	display:block; /* accounts for list item chevron styles */
	padding:0;/* accounts for list item chevron styles */
}
#pageContentWrapper #pageContent .LSEdit .LSTabInterface ul li:before , 
#pageContentWrapper #sitewideContent .LSEdit .LSTabInterface ul li:before {
	content:""; /* removes list item chevrons*/
}
#pageContentWrapper .EktronTreeview li.collapsable, 
#pageContentWrapper .EktronTreeview li.expandable{
	padding: 0px 0 0 16px; /* fix folder list spacing */
}
body div.EktronPersonalizationWrapper .pullchain img{ /* up/down arrow button*/
	top: -12px;
}
#pageContentWrapper .Edit_Gidwet {
	margin:0;
}
#pageContentWrapper .Edit_Gidwet td{
	padding:0
}
#pageContentWrapper .Edit_Gidwet td.label{
	display: table-cell;
	padding: 0;
	font-size: 12px;
	font-weight: inherit;
	line-height: 1;
	color: #333333; 
	text-align: left; 
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.EktronPersonalizationWrapper .dropdownProps { /*  */
	box-sizing: content-box; /* to make menu fit */
}
#PBPropsTable .label{ /**/
	padding: 0;
	font-size: 11px;
	font-weight: inherit;
	line-height: 1;
	color: #333333; 
	text-align: left; 
	white-space: nowrap;
	vertical-align: baseline;
}
/*content block select modal*/
body div.CBEdit div#CBResults .selected, 
body div.CBEdit div#CBResults .selected span.title, 
body div.CBEdit div#CBResults .selected span{
	background-color:#aa0000;
}
body #ResultsToggle a{ /* "View Results"  */
	color:#333333;
	font-size:14px;
}

.widgetEdit {
	line-height: 35px;
	vertical-align:middle;
}
.widgetEdit label {
	display:inline-block;
	width: 150px;
}
    .widgetEdit img 
    {
        vertical-align:middle;
    }
    .widgetEdit table
    {
        line-height: 15px;
        width: auto !important;
    }
   #pageContent .widgetEdit input[type="text"]
    {
        width: 400px;
    }
#footer div.PBViewing{ /* override ektron pagebuilder styles */
	float:none;	
}