/*--------------------------------------------------------------

PUT YOUR CUSTOM STYLES BELOW

----------------------------------------------------------------*/


.homebanner #box1 {
    min-height: 400px;
    padding-top: 0 !important;
    padding-bottom: 0;
    background-size: cover;
    background-position: top center;
    background-image: url(../images/pagebanners/home_banner.jpg);
}

.homebannernew #box1 {
    min-height: 550px;
    padding-top: 0 !important;
    padding-bottom: 0;
    background-size: cover;
    background-position: top center;
    background-image: url(../images/MSI-all-student.jpg);
}

.homebanner .divA {
	max-height: 0 !important;
}

.homebanner #box3 {
    background: #00274c;
    background-color: #00274c;
    color: inherit;
    float: left;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
	padding: 50px 0px;
}

.homebanner .featureBlock3 img {
    display: inline-block !important;
}

.homebanner #box5 {
	min-height: 600px;
}

.Slideshow_box {
	margin-bottom: 0 !important;
}

/* Overlay for images */
#centercontent .overlay-container {
	position: relative !important;
	width: 100% !important;
	margin-bottom: 10px !important;
	max-width: 96% !important;
}
#centercontent .overlay-container img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#centercontent .overlay-container:hover .overlay-area, #centercontent .overlay-container:focus .overlay-area {
	height: 100% !important;
}
#centercontent .overlay-container p, #centercontent .overlay-container p a {
	color: white !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 0.8em !important;
	overflow: hidden;
	transition: 0.25s ease !important;
	border-bottom: none !important;
	text-decoration-color: transparent !important;
}
#centercontent .overlay-container a {
	font-size: 0.9em !important;
}
#centercontent .overlay-container p a:hover {
	color: white !important;
	text-decoration: underline !important;
	text-decoration-color: #e17000 !important;
	border-bottom: none !important;
}
#centercontent .overlay-container p a:hover span.fa, #centercontent .overlay-container p a:hover span.fas, #centercontent .overlay-container p a:hover span.fab {
	color: #e17000 !important;
	transition: 0.25s ease !important;
}
#centercontent .overlay-container p:last-child {
	margin-bottom: 15px !important;
}
#centercontent .overlay-container ~ * {
	padding-right: 4% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#centercontent .overlay-container ~ p {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 0.9em !important;
}
#centercontent .overlay-container ~ p:last-child {
	padding-bottom: 45px !important;
}
#centercontent .overlay-container + h3 {
    font-weight: bold !important;
    color: #00274c !important;
}
.grid-bg-blue {
    background-color: #00274c !important;
}
#centercontent .grid-bg-blue div > * {
    color: white !important;
}
#centercontent .grid-bg-blue hr {
    border-color: #9DBED8 !important;
}
#centercontent .grid-bg-blue a.underline-orange {
    color: #f58220 !important;
    border-bottom: 2px solid #9DBED8 !important;
}
#centercontent .grid-bg-blue a.underline-orange:hover {
	color: #F4F5F5 !important;
	border-bottom: 2px solid #f58220 !important;
}
#centercontent .home-news-grid {
    margin-top: 55px !important;
    display: grid !important;
	grid-gap: 100px !important;
    width: 70% !important;
	grid-template-columns: repeat(6, 1fr) !important;
}

#centercontent .home-news-grid > p, #centercontent .home-news-grid a {
    border: none;
    border-radius: 5px;
    color: #0057ab;
    padding: 10px;
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: bold;
    transition: ease-in-out all 0.25s;
    background-color: white;
    font-size: 1.25em;
    font-style:  italic;
	display: flex;
	flex-direction: column;
	justify-content: center;
	grid-column: span 3;
}
#centercontent .home-news-grid > .news-highlight {
	background-color: #9CD0E8;
	border: 3px solid #ff7900;
	color: #00274c;
}
#centercontent .home-news-grid > div.circle {
	border: 8px solid #0057ab;
	border-radius: 50%;
	width: 225px;
	height: 225px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: transparent;
	justify-self: center;
	text-shadow: 0.5px 0.5px 3px black;
	grid-column: span 2;
}
#centercontent .home-news-grid > div.circle p {
	font-family: 'Roboto', Arial, sans-serif !important;
	color: white;
	font-size: 1em;
	font-weight: bold;
}
#centercontent .home-news-grid > div.circle h2 {
	border-bottom: 2px solid #f58220;
	font-size: 3.5em !important;
}
#centercontent .home-news-grid a img, #centercontent .home-news-grid a i {
	display: inline !important;
}
#centercontent .home-news-grid a:hover {
    background-color: #0057ab;
    color: white;
}
#centercontent .home-news-grid .circle *:hover {
	background-color: transparent;
}
#centercontent .home-news-grid a:hover {
    background-color: #00274c;
}

#centercontent .home-news-grid, .housing-splash #centercontent .gc-5 > div {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
#centercontent .gc-4 .button {
    font-size: 0.8em !important;
}

.gc-3-offset > div {
    grid-template-columns: 0.5fr repeat(4, 1fr) 0.5fr;
}
.gc-2-offset > div {
	grid-template-columns: 0.5fr repeat(2, 1fr) 0.5fr;

}
   .gc-2-offset > div {
    grid-template-columns: 1fr repeat(2, 2fr) 1fr;
}

.gc-3-offset > div > div:nth-child(3n+1) {
    grid-column-start: 2;
}
.gc-2-offset > div > div:nth-child(3n+1) {
    grid-column-start: 2;
}

/* css grid styles */
.grid-container > div {
	display: grid;
	grid-gap: 15px;
}
.grid-container.flow-columns > div {
	grid-auto-flow: column;
}
/* un-override Mikey's overrides */
.gc-3 {
	grid-template-columns: initial !important;
	grid-column-start: initial !important;
}
.flow-columns div[id$="Ajax"] {
	display: none !important;
}

/* grid styles */
#centercontent .grid-container div {
	max-width: 100% !important;
}
#centercontent .grid-container .CalendarBlock1 {
	width: 100%;
}
#centercontent div.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#centercontent .grid-container .overlay-container ~ * {
	padding-right: 0;
}
.gc-2 > div {
	grid-template-columns: repeat(2, 1fr);
}
.gc-3-5 > div {
	grid-template-columns: 3fr 5fr;
}
.gc-4, .gc-2, .gc-5 {
	grid-template-columns: initial;
	grid-column-start: initial;
}
.gc-5-3 > div {
	grid-template-columns: 5fr 3fr;
}
#centercontent .gc-with-header {
	margin-top: 50px;
	border-radius: 25px;
}
.gc-with-header > div > *:first-child {
	grid-column-start: 1 !important;
	grid-column-end: -1 !important;
	font-size: 1.25em;
	font-style: italic;
}
#centercontent .gc-with-header hr {
	width: 35%;
}
.gc-3 div[id$="content"] {
	grid-template-columns: repeat(3, 1fr);
}
.flow-columns.gc-3 div[id$="content"] {
	grid-template-rows: 220px 70px 170px 90px;
}
.flow-columns.gc-2 div[id$="content"] {
	grid-template-rows: 90px 40px 130px;
}
.gc-4 > div {
	grid-template-columns: repeat(4, 1fr);
}
.gc-5 > div {
	grid-template-columns: repeat(5, 1fr);
}
.gc-5-offset > div {
	grid-template-columns: 0.5fr repeat(3, 1fr) 0.5fr;
	display: grid;
    grid-gap: 15px;
}
.gc-5-offset > div > div:nth-child(3n+1) {
	grid-column-start: 2;
}
@media (max-width:1202px) {
	.gc-5 {
		grid-template-columns: 0.5fr repeat(3, 1fr) 0.5fr;
	}
	.gc-5 > div:nth-child(1) {
		grid-column-start: 2;
	}
	.gc-5 > div:nth-child(3n+1) {
		grid-column-start: 2;
	}
	.gc-with-header.gc-5 > div:nth-child(2) {
		grid-column-start: 2;
	}
	.gc-with-header.gc-5 > div:nth-child(3n+1) {
		grid-column-start: initial;
	}
	.gc-with-header.gc-5 > div:nth-child(4n+1) {
		grid-column-start: 2;
	}
}
@media (max-width: 850px) {
	.gc-2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 600px) {
	.grid-container {
		grid-gap: 10px;
	}
	.gc-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.gc-5 {
		grid-template-columns: repeat(2, 1fr);
	}
	.gc-5 > div {
		grid-column-start: initial !important;
	}
	.gc-5 > .CalendarBlock1 {
		grid-column-start: 1 !important;
		grid-column-end: -1;
	}
	.gc-5-offset {
	    grid-template-columns: repeat(2, 1fr);
	}
	.gc-5-offset > div:nth-child(3n+1), .gc-5 > div:nth-child(3n+1) {
	    grid-column-start: unset;
	}
	img[style*="width: 80%"] {
		/* this is sort of nuclear, oh well */
		width: 100% !important;
	}
	.gc-3-5, .gc-5-3 {
		grid-template-columns: 1fr;
		padding: 0px !important;
	}
}



















/* Now let's catch up with the rest of the world */
/* to use a class for centering text for other css selectors */
.text-center {
	text-align: center;
}
.text-center p {
	margin-left: 15px;
	margin-right: 15px;
}
.text-center ul {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.text-center ul li {
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}
.text-center li + li {
	border-top: solid 1px #bbb;
}

#centercontent .staff img {
    border-radius: 100%;
    border: 2px solid black;
}
#centercontent .programs table {
    margin: auto;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: initial;
    text-align: center;
}

#centercontent h1.orange-back {
	background: rgba(0, 39, 76, 0.7) !important;
    color: white!important;
    font-weight: bold !important;
    border-color: #E17000;
    border-width: thick;
    border-style: solid;
    text-align: center !important;
    letter-spacing: 5px;
}

#centercontent .about-banner
{
    height: auto !important;
    margin: 0% !important; 
    padding: 0% !important; 
    position: relative !important;
    max-width: 100% !important;
}

#centercontent .featureBlock3, .featureBlock3 {
    padding: 2% !important;
    position: relative !important;
    font-size: initial !important;
    color: #444 !important;
    background-color: #fff !important;
    border: solid 1px #ddd !important;
    border-top: solid 4px #e17000 !important;
    min-height: 300px !important;
    text-align: -webkit-match-parent;
    box-sizing:border-box !important;
    font-family: 'Roboto', Arial, sans-serif !important;
	max-height: 300px !important;
}


/*
#centercontent .boxes {
  width: 630px !important;
  border: 4px solid #00274C !important;
  padding: 20px !important; 
  font-weight: 900 !important;
  font-family: arial!important;
  position: relative!important;
}


 .sb1:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #00274C;
  border-top: 10px solid #00274C;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}

 .sb1:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -11px;
  top: 10px;
}
*/

#centercontent .abovetitle
{
	padding-left: 115px !important;
}





/* sebastian's stuff from housing website */

/*--------------------------------------------------------------
PUT YOUR CUSTOM STYLES BELOW
----------------------------------------------------------------*/

#displayversion
{
	display:none !important; 
	/* set to block when you want to test your display versions.  
	This will auto display the format layout (desktop/tablet/phone) at the top of the page */
}

#sitesubnav
{
    display:none; /* set to block if you need to show secondary navigation */
}

/*-----------------------------------------------------------------------
SOCIAL MEDIA ICONS
    *****   by default these are hidden just overwrite them below to unhide the ones you want
            remember in your XSL files to update the URL to go to your site's url.  
			Delete the ones you don't want to show and change the display setting to BLOCK, leave the !important declaration.
----------------------------------------------------------------------------------------*/


#social_Facebook, #social_Twitter, #social_Flickr, #social_Instagram, #social_Pinterest, #social_YouTube, #social_Storify, 
#social_Newsletter, #social_Linkedin, #social_Wordpress, #social_ContactUs, #social_FAQ
{
    display:none !important;
	float:left;
}

.sectionnav h3 {
	font-family: 'Roboto', 'arial', sans-serif;
	font-weight: bold;
}
.LowerScroll #sitename a {
	font-family: 'Roboto';
	font-weight: 500;
	letter-spacing: unset;
}
#navMain li:first-child a {
	/* This ia bug in CSS that's causing the first element in all the extended nav lists to be shifted left */
	margin-left: 0px !important;
}
/* Let's change colors so we can stop using ugly shades of blue, thanks! */
#Tabs2Social, #navMain li.active a {
	background-color: #0057ab;
}
#navMain li a.active, #navMain li:hover #link_tabA, #navMain li:hover #link_tabB, #navMain li:hover #link_tabC, #navMain li:hover #link_tabD, #navMain li:hover #link_tabE, #navMain li:hover #link_tabF, #navMain li:hover #link_tabG, #navMain li:hover #link_tabH, #navMain li:hover #link_tabI, #navMain li:hover #link_tabJ, #navMain li:hover #link_tabK, #navMain li:hover #link_tabL, #navMain li:hover #link_tabM, #navMain li:hover #link_tabN, #navMain li:hover #link_tabO, #navMain li:hover #link_tabP, #navMain li:hover #link_tabQ, #navMain li:hover #link_tabR, #navMain li:hover #link_tabS, #navMain li:hover #link_tabT, #navMain li:hover #link_tabU, #navMain li:hover #link_tabV, #navMain li:hover #link_tabW, #navMain li:hover #link_tabX, #navMain li:hover #link_tabY, #navMain li:hover #link_tabZ {
	background-color: #0057ab;
}
#navMain li a.active,
#navMain li:hover #link_tabA, #navMain li:hover #link_tabB, #navMain li:hover #link_tabC, #navMain li:hover #link_tabD, #navMain li:hover #link_tabE,
#navMain li:hover #link_tabF, #navMain li:hover #link_tabG, #navMain li:hover #link_tabH, #navMain li:hover #link_tabI, #navMain li:hover #link_tabJ,
#navMain li:hover #link_tabK, #navMain li:hover #link_tabL, #navMain li:hover #link_tabM, #navMain li:hover #link_tabN, #navMain li:hover #link_tabO,
#navMain li:hover #link_tabP, #navMain li:hover #link_tabQ, #navMain li:hover #link_tabR, #navMain li:hover #link_tabS, #navMain li:hover #link_tabT,
#navMain li:hover #link_tabU, #navMain li:hover #link_tabV, #navMain li:hover #link_tabW, #navMain li:hover #link_tabX, #navMain li:hover #link_tabY,
#navMain li:hover #link_tabZ
{
   background-color:#0057ab;
}
/* fill this in later
#navMain li:hover[id*=link_tab] {
	
}
*/

/* Table Overrides */
td {
	font-size: 0.9em;
}
table td td:first-child {
	font-weight: initial; /* there's no reason this needs to be a default, I can bold the first column myself. */
}

.accordion-open table {
    display: inline-table;
	text-align: center;
}
#centercontent .table-headers-small th {
	font-size: 0.9em;
}

.accordion-open table td, .accordion-open table th {
	text-align: center;
	vertical-align: center;
}

/* Now let's catch up with the rest of the world */
/* to use a class for centering text for other css selectors */
.text-center {
	text-align: center;
}
.text-center p {
	margin-left: 15px;
	margin-right: 15px;
}
.text-center ul {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.text-center ul li {
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}
.text-center li + li {
	border-top: solid 1px #bbb;
}

/* Other Style Changes */

#centercontent .button {
	font-family: 'Roboto';
	font-size: 0.85em;
}
#centercontent .gc-4 .button {
    font-size: 0.8em !important;
}
#centercontent p.lead {
	font-size: 1.35em !important;
	line-height: 1.25em;
}
#centercontent a:focus, #centercontent a:hover {
	border-bottom: none;
}
#centercontent h1.really-big-header {
	font-size: 2.5em;
}
#centercontent .border-left {
	border-left: 3px solid black;
	padding-left: 8px;
}
#centercontent .border-left.border-orange {
	border-left-color: #f58220;
}
.notice7.customnotice {
	background-color: white !important;
	background: white !important;
	border: 8px solid red !important;
	/*border-left: 5px solid red !important;*/
	text-shadow: none;
	color: #222;
}
.notice7.customnotice a {
	color: #0057ab !important;
	text-shadow: none;
	letter-spacing: initial;
	font-size: initial;
}
.notice7.customnotice a:hover {
	text-decoration: underline;
	text-decoration-color: #e17000 !important;
}
#fbcomments{
	max-width: 300px;
    min-width: 100%;
    
    min-height: 300px;
}

.fancy {
	border: 2px solid #e17000 !important;
}
#centercontent .notice15 {
	font-size: .825em !important;
}

/* Calendar Block customs */
.CalendarBlock1.red {
	border: 1px solid #ff8b8b !important;
	border-top: 4px solid red !important;
}
.CalendarBlock1.med-blue {
	border: 1px solid #8bb2d8 !important;
	border-top: 4px solid #0057ab !important;
}
.CalendarBlock1 {
	color: #222 !important;
	text-align: center !important;
}
#centercontent .CalendarBlock1 p {
	line-height: 1.5em !important;
	text-shadow: none !important;
	font-size: 1em;
}
#centercontent .CalendarBlock1 h3 {
	padding-bottom: 2px;
	font-weight: bold;
}
#centercontent .CalendarBlock1 a {
	text-shadow: none !important;
	color: #0057ab; !important;
	font-size: inherit;
	background-color: inherit;
	padding: 0px;
	font-family: inherit !important;
}
.CalendarBlock1 a:hover {
	color: #0057ab;
	text-decoration: underline;
	-moz-text-decoration-color: #e17000; /* Code for Firefox */
    text-decoration-color: #e17000;
}
.CalendarBlock1 p:first-child {
	border-bottom: 1px solid #e17000;
}
.CalendarBlock1.red p:first-child {
	border-bottom: 1px solid red;
}
.CalendarBlock1.med-blue p:first-child {
	border-bottom: 1px solid #0057ab;
}
/* Off-Campus Housing Listings */
#centercontent .off-campus-listing p, #centercontent .off-campus-listing h2 {
	margin-bottom: 0px;
}
#centercontent .off-campus-listing p a {
	border-left: 4px solid #e17000 !important;
	color: #0057ab;
	padding-left: 10px;
}
#centercontent .off-campus-listing hr {
	border: 2px solid #002b54;
	margin-top: 20px;
}
/* global accordion adjustments */
.accordion, .accordion p {
	font-size: 1em !important;
	line-height: 1.65em !important;
}
#centercontent .accordion-open ul {
	margin-left: 2% !important;
	margin-right: 2% !important;
}
#centercontent .accordion-open ul li {
	text-align: center;
	float: initial !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#centercontent .accordion-open h5 {
	float: initial !important;
}
#centercontent .accordion-open ol, .accordion-open ol {
	margin-left: 5% !important;
	margin-bottom: 0px !important;
}
#centercontent .accordion-open ol li > ol > li {
	/* Needed to make this one for some nested lists I have in my accordions where the second nested list became tiny :( */
	font-size: 1.1em !important;
}
[class*="accordion_right_"] h3:first-child:after {
	transition: 0.25s all ease;
}
[class*="accordion_right_"].accordion-open h3:first-child:after {
	transform: rotate(90deg);
}
/* Let's make these listswirls more interesting. */
#centercontent .list_colorswirl_250.navlistswirl ul {
	width: 200px;
	height: 200px;
}
#centercontent .list_colorswirl_250.navlistswirl ul li:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
}
#centercontent .list_colorswirl_250.navlistswirl img {
	display: none !important;
}
#centercontent .list_colorswirl_250.navlistswirl ul li em {
	align-self: center;
	font-size: 4.5em; /* for the love of god, don't put text here. just icons. */
	color: #e17000;
	transition: 0.6s all ease-in-out;
}
#centercontent .list_colorswirl_250.navlistswirl ul:hover li em {
	padding-top: 35%;
	color: #ff7000;
}
#centercontent .list_colorswirl_250.navlistswirl ul li a, .list_colorswirl_250.navlistswirl ul:hover li a {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.6) !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em !important;
	padding-left: 0;
	padding-right: 0;
}
#centercontent .list_colorswirl_250.navlistswirl ul li a:hover, .list_colorswirl_250.navlistswirl ul:hover li a:hover {
	color: white !important;
}
#centercontent .list_timelineol_univBlue ol li li:last-child {
	/* for nested lists */
	 border-bottom: none;
	 margin-bottom: 0px;
 }
#centercontent .list_timelineol_univBlue li ol {
	 margin-top: 15px !important;
	 margin-bottom: 15px !important;
 }
#navTabs2Main li:hover a {
    background-color: #fff !important;
    color: #0057ab !important;
}
#navTabs2Main li a {
	font-size: 0.85em;
}
/* STOP USING ID SELECTORS */
#centercontent a {
	font-family: inherit;
}
#centercontent h2 a {
	font-family: inherit !important;
}
#centercontent span.fa, #centercontent span.fas, #centercontent span.fab {
	font-family: "Font Awesome 5 Free" !important;
	transition: 0.25s ease;
}
/* simple class to make things not show up in print */
@media print {
	#centercontent *.ignore-print {
		display: none !important;
	}
	/* li objects print huge? let's fix that */
	#centercontent li {
		font-size: 0.75em !important;
	}
	a#lnkBTT {
		display: none !important;
	}
}
/* better hr styles */
.hr-orange {
	border: 2px solid #f58220;
    width: 30%;
    margin: 25px auto;
}
.hr-medBlue {
	border: 2px solid #0057ab;
	width: 30%;
	margin: 25px auto;
}
.hr-thin {
	border-width: 1px;
	width: 20%;
	margin-top: 0;
}
/* fix the weird margin/padding on featureblock6 */
.featureBlock6_orange, .featureBlock6_univBlue {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#centercontent .featureBlock6_orange p, #centercontent .featureBlock6_univBlue p {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
#centercontent [class^="featureBlock6"] h2.underline-orange {
	border-bottom: none !important;
	margin-bottom: 0px !important;
}
#centercontent [class^="featureBlock6"] h2.underline-orange a:after {
	content: '';
	display: block;
	margin: auto;
	height: 4px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#centercontent [class^="featureBlock6"] h2.underline-orange a:hover:after {
	width: 100%;
	background: #f58220;
}
#centercontent [class^="featureBlock6"] h2.underline-orange a {
	color: #0057ab;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
}
#centercontent [class^="featureBlock6"] h2.underline-orange a:hover {
	color: #00274c;
	border-bottom: none;
}
/* Empty Image Replacement */
.img-empty {
    background-color: #002b54;
    height: 210px;
    width: 100%;
    display: flex;
}

.img-empty:after {
    content: 'Photo Coming Soon!';
    display: block;
    z-index: 500;
    align-self: center;
    margin: auto;
    text-align: center;
    font-family: 'Roboto', Arial, sans-serif;
	font-weight: bold;
    font-size: 2em;
    color: white;
}
/* Overlay for images */
#centercontent .overlay-container {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	max-width: 96%
}
#centercontent .overlay-container img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#centercontent .overlay-area {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	background-color: rgba(0, 29, 95, 0.65) !important;
	transition: 0.75s ease !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
}
#centercontent .overlay-container:hover .overlay-area, #centercontent .overlay-container:focus .overlay-area {
	height: 100%;
}
#centercontent .overlay-container p, #centercontent .overlay-container p a {
	color: white;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 0.8em;
	overflow: hidden;
	transition: 0.25s ease;
	border-bottom: none !important;
	text-decoration-color: transparent;
}
#centercontent .overlay-container a {
	font-size: 0.9em !important;
}
#centercontent .overlay-container p a:hover {
	color: white !important;
	text-decoration: underline;
	text-decoration-color: #e17000;
	border-bottom: none;
}
#centercontent .overlay-container p a:hover span.fa, #centercontent .overlay-container p a:hover span.fas, #centercontent .overlay-container p a:hover span.fab {
	color: #e17000;
	transition: 0.25s ease;
}
#centercontent .overlay-container p:last-child {
	margin-bottom: 15px;
}
#centercontent .overlay-container ~ * {
	padding-right: 4%;
	margin-left: 0;
	margin-right: 0;
}
#centercontent .overlay-container ~ p {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 0.9em;
}
#centercontent .overlay-container ~ p:last-child {
	padding-bottom: 45px;
}
#centercontent .overlay-container + h3 {
    font-weight: bold;
    color: #00274c;
}

/* new button styles */
#centercontent a.underline-orange {
	border-bottom: 2px solid #e17000;
	padding-bottom: 6px;
	padding-right: 4px;
	padding-left: 4px;
	color: #0057ab !important;
	font-weight: bold;
	font-family: 'Roboto', Arial, sans-serif !important;
	transition: all ease-out 0.5s;
}
#centercontent a.underline-orange:hover {
	color: #002b54 !important;
}
#centercontent a.underline-orange span.fa, #centercontent a.underline-orange span.fas, #centercontent a.underline-orange span.fab {
	color: #e17000;
	transition: inherit;
}
#centercontent a.underline-orange:hover span.fa, #centercontent a.underline-orange:hover span.fas, #centercontent a.underline-orange:hover span.fab {
	transform: translateX(20px) scale(1.25);
}
/* new homepage stuff */
.housing-splash #centercontent #divA_shell {
	width: 100% !important;
	margin: 0 !important;
	padding: 0px !important;
}
.housing-splash #centercontent #divA {
	background-image: url('https://itwebstg.fullerton.edu/housing/_resources/images/uploads/housing-splash.jpg');
	background-size: cover;
	background-position: center;
	border-top: 3px solid #f58220;
	width: 100% !important;
	padding: 0px !important;
}
.housing-splash #centercontent #divA_content {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 800px;
	background-color: rgba(0, 0, 0, 0.25);
	border-bottom: 3px solid #f58220;
}
.housing-splash #centercontent #box1 {
	padding-top: 25px;
}
.housing-splash #centercontent #divA_content h1 {
	text-shadow: 0px 0px 10px rgba(0,0,0,.3), 2px 2px 1px rgba(0,0,0,.6), 2px 2px 8px rgba(0,0,0,.3), 0px 0px 1px rgba(0,0,0,.95), -1px -1px 2px rgba(0,0,0,.65);
	font-size: 4em;
	color: white;
}
.housing-splash #centercontent #divA_content h2 {
	font-size: 3em;
	color: white;
	/*text-shadow: 0 0 15px black; */
	font-style: italic;
	background: none !important;
}
.housing-splash #centercontent #divA_content fa, .housing-splash #centercontent #divA_content a.icon-container {
	font-size: 3em;
	color: #f58220;
	border-radius: 50%;
	transition: 0.25s ease;
	border: 5px solid rgba(245, 130, 32, 0);
}
.housing-splash #centercontent #divA_content a.icon-container:hover {
	color: #f58220;
	/*border-color: rgba(245, 130, 32, 1); */
}
.housing-splash #centercontent .featureBlock6_orange, .featureBlock6_univBlue {
	padding-right: 0 !important;
	padding-left: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}
.housing-splash #centercontent .featureBlock6_orange p, .housing-splash #centercontent .featureBlock6_univBlue p {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.housing-splash #centercontent .featureBlock6_univBlue img, .housing-splash #centercontent .featureBlock6_orange img {
	width: 100% !important;
	max-height: 180px;
}
.grid-bg-blue {
    background-color: #00274c;
}
#centercontent .grid-bg-blue div > * {
    color: white;
}
#centercontent .grid-bg-blue hr {
    border-color: #9DBED8 !important;
}
#centercontent .grid-bg-blue a.underline-orange {
    color: #f58220 !important;
    border-bottom: 2px solid #9DBED8;
}
#centercontent .grid-bg-blue a.underline-orange:hover {
	color: #F4F5F5 !important;
	border-bottom: 2px solid #f58220;
}
#centercontent .home-news-grid {
    margin-top: 55px;
    display: grid;
	grid-gap: 100px;
    width: 70%;
	grid-template-columns: repeat(6, 1fr);
}

#centercontent .home-news-grid > p, #centercontent .home-news-grid a {
    border: none;
    border-radius: 5px;
    color: #0057ab;
    padding: 10px;
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif !important;
    font-weight: bold;
    transition: ease-in-out all 0.25s;
    background-color: white;
    font-size: 1.25em;
    font-style:  italic;
	display: flex;
	flex-direction: column;
	justify-content: center;
	grid-column: span 3;
}
#centercontent .home-news-grid > .news-highlight {
	background-color: #9CD0E8;
	border: 3px solid #ff7900;
	color: #00274c;
}
#centercontent .home-news-grid > div.circle {
	border: 8px solid #0057ab;
	border-radius: 50%;
	width: 225px;
	height: 225px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: transparent;
	justify-self: center;
	text-shadow: 0.5px 0.5px 3px black;
	grid-column: span 2;
}
#centercontent .home-news-grid > div.circle p {
	font-family: 'Roboto', Arial, sans-serif !important;
	color: white;
	font-size: 1em;
	font-weight: bold;
}
#centercontent .home-news-grid > div.circle h2 {
	border-bottom: 2px solid #f58220;
	font-size: 3.5em !important;
}
#centercontent .home-news-grid a img, #centercontent .home-news-grid a i {
	display: inline !important;
}
#centercontent .home-news-grid a:hover {
    background-color: #0057ab;
    color: white;
}
#centercontent .home-news-grid .circle *:hover {
	background-color: transparent;
}
#centercontent .home-news-grid a:hover {
    background-color: #00274c;
}
#centercontent .emergency {
    background-color: #f58220 !important;
    color: black !important;
    font-style: unset !important;
}
@media only screen and (max-width: 1200px) {
	#centercontent .home-news-grid {
		grid-gap: 50px;
		width: 80%;
	}
}
@media only screen and (max-width: 900px) {
	.housing-splash #centercontent #divA_content h1 {
		font-size: 3em;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	}
	.housing-splash #centercontent #divA_content h2 {
		font-size: 2.5em;
	}
	.housing-splash #centercontent #divA_content {
		min-height: 700px;
	}
	#centercontent .home-news-grid p, #centercontent .home-news-grid a {
		font-size: 0.85em;
	}
	#centercontent .home-news-grid {
		grid-gap: 25px;
		width: 90%;
	}
}
@media only screen and (max-width: 768px) {
	.housing-splash #centercontent #divA_content h1 {
		font-size: 2.8em;
	}
	.housing-splash #centercontent #divA_content h2 {
		font-size: 2em;
	}
	.housing-splash #centercontent #divA_content {
		min-height: 600px;
	}
	#centercontent .home-news-grid, .housing-splash #centercontent .gc-5 > div {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
}
@media only screen and (max-width: 500px) {
	.housing-splash #centercontent #divA_content h1 {
		font-size: 1.8em;
	}
	.housing-splash #centercontent #divA_content h2 {
		font-size: 1.5em;
	}
	.housing-splash #centercontent #divA_content {
		min-height: 550px;
	}
}
/* All-roboto body class override */
.all-roboto #centercontent p, .all-roboto #centercontent p span, .all-roboto #centercontent li, .all-roboto #centercontent li span, .all-roboto #centercontent p a, .all-roboto #centercontent div, .all-roboto #centercontent span, .all-roboto #centercontent a {
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 0.98em;
    line-height: 1.6em;
}
.all-roboto #centercontent .CalendarBlock1 p {
	font-size: 0.85em;
}
.all-roboto #centercontent .CalendarBlock1 h3 {
	font-size: 1em;
}
/* blockquote overrides */
#centercontent .quote.quote-small blockquote p {
	font-size: 0.75em;
}
.all-roboto #centercontent ul {
	margin-bottom: 14px;
}
.all-roboto #centercontent ul li {
	margin-bottom: 0px;
}

/* homepage statistics */
#centercontent .statblock {
	text-align: center;
	font-family: 'Roboto', Arial, sans-serif !important;
}
#centercontent .statblock .circle {
	border: 8px solid #f58220;
	border-radius: 50%;
	width: 175px;
	height: 175px;
	line-height: 0;
	display: inline-flex;
	justify-content: center;
}
#centercontent .statblock .circle h1 {
	font-weight: 800;
	font-size: 4.25em !important;
	color: #0057ab;
	align-self: center;
}
#centercontent .statblock p {
	font-style: italic;
	color: #002b54;
	font-weight: 600;
	font-family: 'Roboto', Arial, sans-serif !important;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 15px;
}
#centercontent .notice1.IE-sucks-warning p {
	font-family: 'Roboto', Arial, sans-serif !important;
}
/* custom branding pages styles */
.flow-columns > div[id$="content"] h3 {
	align-self: flex-end;
	border-bottom: 2px solid #f58220;
}
/* Move-In Resource Guide Styles */
.move-in-guide #centercontent h2 {
	font-size: 1.45em;
}
.move-in-guide #centercontent h1 {
	padding-bottom: 12px;
}

/*Theme Communities lists */
#centercontent ul.Lspace {
	float: none;
}
/*RSA Blue button*/
#centercontent .SR  {
text-align: center;
webkit-border-radius: 25px !important;
letter-spacing: .045em!important;
padding: .625em 1.25em .750em !important;
font-family: 'Roboto', Arial, sans-serif !important;
}
/* Tawk.to chat widget styles */
#tawkchat-status-message {
	font-weight: 900;
	margin: 0;
	padding-left: 7px;
}
#tawkchat-status-message span {
	font-size: 18px;
}

/*Future Residents Tables-Mobile friendly */
#centercontent table.mobile {
 		table-layout: fixed;
        border-collapse: collapse;
        box-sizing: border-box;
        width: 100%;
        margin: auto;
        padding: 4px;
        text-align: left;
}
	#centercontent table.mobile *{
		float: none;
		clear: none;
        
	}
/*Future Residents Icons */
#centercontent .Fcolumn,.Frow  {
  box-sizing: border-box;
}

#centercontent .Fcolumn  {
  float: left;
  width: 33.33%;
  padding: 5px;
}

#centercontent .Frow::after  {
  content: "";
  clear: both;
  display: table;
}
#centercontent h3.policy{
	color: #00274c !important;
    font-weight: bold; !important
    font-family: 'Roboto', Arial, sans-serif !important;
}

/* Nomination CSS */
#centercontent .nomination-overlay-container img {
	border-radius: 50%;
	max-width: 75%;

}


/*Student Employment*/
#centercontent ul.emp {
  counter-reset: li; 
  list-style: none; 
  margin-left: 10px !important;
  color: white;
}
#centercontent .accordion_right_univBlue a
{
	color: none !important; 
}
#centercontent ul li.emp-list {
  position: relative;
  display: block;
  padding: .4em .4em .4em 2em;
  margin: .5em 0;
  background: #00274C;
  text-decoration: none;
  border-radius: .3em;
  transition: .3s ease-out;
  color: white;
}

#centercontent ul li.emp-list:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: #E17000;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: .3em solid #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  transition: all .3s ease-out;
  color: black;
}
#centercontent img.ra-emp {
	border-style: double;
    border-color: black;
    border-width: medium;
	border-radius: 10px;
	width: 400px;
	height: 250px;
}

#centercontent h3.grid-title {
	background-color: #002B54;
    color: white;
}

#centercontent .accordion-open p, #centercontent .accordion-open ul, #centercontent .accordion-open ol, #centercontent .accordion-open li,
#centercontent .accordion-open img, #centercontent .accordion-open span, #centercontent .accordion-open .videoWrapper,
.accordion-open p, .accordion-open ul, .accordion-open ol, .accordion-open li,
.accordion-open img, .accordion-open span, .accordion-open .videoWrapper
{
    
    float: none; !important
}

.accordion-open p, .accordion-open ul, .accordion-open ol, .accordion-open div.gallery_container,
.accordion-open fieldset,  .accordion-open form,  .accordion-open blockquote,
.accordion-open h1, .accordion-open h2, .accordion-open h3, 
.accordion-open h4, .accordion-open h5, .accordion-open h6,
.accordion-open table
{
    float:none;
}

#centercontent .accordion-open hr {
    float: none; !important
   
}

a.remove-color {
  background-color: initial !important;
	color: white !important;
}
	
	 .boxes {
  width: 630px;
  border: 4px solid #00274C;
  padding: 20px !important; 
  font-weight: 900;
  font-family: arial;
  position: relative;
}


 .sb1:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #00274C;
  border-top: 10px solid #00274C;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}

 .sb1:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -11px;
  top: 10px;
}


 hr.full-width #centercontent  { 
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #f7f7f7;
    width: 100% !important;
    margin: auto;
    display: block;
}

#centercontent div.pad   { 
    padding-top: 105px !important;
}

div.rend-cont {
  position: relative;
  text-align: center;
  color: white;
}


div.rendition {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 39, 76, 1);
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

img.construction
{
	padding-top:40px !important;
}

h2.solid
{
	opacity: 100% !important;
}

p.solid
{
	opacity: 100% !important;
}

div.suite-background {
 background-image: url("paper.gif");
 background-color: #cccccc;
}

ul.remove-color
{
	color: white !important;
}

#centercontent .accordion_right_univBlue a {
    color: none !important;
}

.notice8 {
    padding: 1% !important;
    padding-left: 3% !important;
    background-color: #e3dbc0 !important;
    color: #443d30 !important;
    line-height: 1.175em !important;
    font-size: .95em !important;
    border: solid 1px #d5c59e !important;
    border-top: solid 8px #d5c59e !important;
    clear: both !important;
}

/* v5 test Student Housing Application Process*/


h2.smaller-font
{
	font-size: 1.0rem;
	color: black;
	padding-top: 20px;
	border-bottom: transparent !important;
}
.smaller-font
{
	font-size: 1.0rem;
	color: white;
	padding-top: 20px;
	
}

.app-color
{
	color: black !important;

}
.tabordion {
  color: white;
  display: block;
  font-family: arial, sans-serif;
  margin: auto;
  margin-bottom: 180px;
  position: relative;
  width: 80%;
  padding-bottom: 100px;
}

.tabordion input[name="sections"] {
  position: absolute;
  visibility: hidden;
  
}

.tabordion section {
  display: block;
}

.tabordion section label {
  background: #00274C;
  border:1px solid #fff;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px 20px;
  position: relative;
  width: 180px;
  z-index:100;
}

.tabordion section article {
  display: none;
  left: 230px;
  min-width: 300px;
  padding: 0 0 0 21px;
  position: absolute;  
  top: 0;
}

.tabordion section article:after {
  background-color: #00274C;
  bottom: 0;
  content: "";
  display: block;
  left:-229px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index:1;
}

.tabordion input[name="sections"]:checked + label { 
  background: #E17000;
  color: #bbb;
}

.tabordion input[name="sections"]:checked ~ article {
  display: block;
  background-color: white;
}



  
  .tabordion section label {
    font-size: 1em;
    width: 160px;
  }  

 .tabordion section article {
    left: 200px;
    min-width: 330px;
	 
  } 
.tabordionheight {
	 min-height: 610px;
  } 
  
  .tabordion section article:after {
    background-color: #00274C;
    bottom: 0;
    content: "";
    display: block;
    left:-199px;
    position: absolute;
    top: 0;
    width: 200px;

  }  
  
}

.tab-content.vertical .tab-content-tabs button.active {
text-align: left !important;	
}

.tab-content.vertical .tab-content-tabs button {
        padding: 15px;
        border-top-left-radius: var(--border-radius-small);
        border-bottom-left-radius: var(--border-radius-small);
        border-top-right-radius: 0px;
        border: solid 1px var(--titan-blue);
        border-right: solid 2px var(--titan-blue);
        display: block;
        width: 100%;
        box-sizing: border-box;
		text-align: left !important;	
    }


/* custom accordion style */
/*
.accordion-custom h3 {
	text-align: center;
	color: #111;
}
.accordion-custom {
	margin-bottom: 25px !important;
}
.accordion-open.accordion-custom h3 {
	border-bottom: 2px solid #0057ab !important;
}
.accordion-custom.accordion-open {
	border: 1px solid #0057ab !important;
	background-color: #0057ab !important;
}
.accordion-custom p, .accordion-custom li {
	font-size: 0.9em !important;
}
.slim.-custom {
	border: none !important; */


/*--------------------------------------------------------------

PUT YOUR CUSTOM STYLES BELOW

----------------------------------------------------------------*/

#displayversion
{
	display:none !important; 
	/* set to block when you want to test your display versions.  
	This will auto display the format layout (desktop/tablet/phone) at the top of the page */
}

#sitesubnav
{
    display:none; /* set to block if you need to show secondary navigation */
}

/*-----------------------------------------------------------------------
SOCIAL MEDIA ICONS
    *****   by default these are hidden just overwrite them below to unhide the ones you want
            remember in your XSL files to update the URL to go to your site's url.  
			Delete the ones you don't want to show and change the display setting to BLOCK, leave the !important declaration.
----------------------------------------------------------------------------------------*/

#social_Facebook, #social_Twitter, #social_Flickr, #social_Instagram, #social_Pinterest, #social_YouTube, #social_Storify, 
#social_Newsletter, #social_Linkedin, #social_Wordpress, #social_ContactUs, #social_FAQ
{
    display:none !important;
	float:left;
}
.featureBG1
{
  background-image: url(../images/slider/rsa.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size:cover;
}
.featureBG2
{
  background-image: url(../images/slider/nrhh.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size:cover;
}
/*------------------------------------------------
MY STYLES
------------------------------------------------*/
.tilt{
	
}
#Breadcrumb {
	box-sizing: initial;
}

.tilt:hover {
  
}

.mydiv{
		
}
.mydiv:hover{
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
	
}

.shadow{
	max-width: 200px;
	max-height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	
}
.shadow:hover
{
    max-width: 200px;
	max-height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mydivshadow{
	
}
.mydivshadow:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

iframe{
	min-height: 1500px;
	max-width: 100%;
}
.notice7.customnotice {
	background-color: white !important;
	background: white !important;
	border: 8px solid red !important;
	/*border-left: 5px solid red !important;*/
	text-shadow: none;
	color: #222;
}
.notice7.customnotice a {
	color: #0057ab !important;
	text-shadow: none;
	letter-spacing: initial;
	font-size: initial;
}
.notice7.customnotice a:hover {
	text-decoration: underline;
	text-decoration-color: #e17000 !important;
}
#fbcomments{
	max-width: 300px;
    min-width: 100%;
    
    min-height: 300px;
}

.fancy {
	border: 2px solid #e17000 !important;
}
#Tabs2Social {
	height:40px !important;
}

/*----------------------------------
Slide show changes
----------------------------------*/ /*
.Slideshow_Shell.slidelayout_minimal .slide_caption{
    left: 0px;
    width: 100%;
}

a:link, a:visited {
	background-color: rgba(247, 247, 247, 0.02);
}
	
a:hover, a:focus {
	background-color: rgba(247, 247, 247, 0.02);
}
*/
/*--------------------------------
layout
--------------------------------*/
#sidebar1
{
    width: 20%;
    margin-right:1%;
}
.Show80Wide
{
    width: 79%;
}
/* to use a class for centering text for other css selectors */
.text-center {
	text-align: center;
}
.text-center p {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.text-center ul {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.text-center ul li {
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}
.text-center li + li {
	border-top: solid 1px #bbb;
}

/* Calendar Block customs */
.CalendarBlock1.red {
	border: 1px solid #ff8b8b !important;
	border-top: 4px solid red !important;
}
.CalendarBlock1.med-blue {
	border: 1px solid #8bb2d8 !important;
	border-top: 4px solid #0057ab !important;
}
.CalendarBlock1 {
	color: #222 !important;
	text-align: center !important;
}
.CalendarBlock1 p {
	line-height: 1.5em !important;
	text-shadow: none !important;
}
#centercontent .CalendarBlock1 h3 {
	padding-bottom: 2px;
}
.CalendarBlock1 a {
	text-shadow: none !important;
	color: #0057ab; !important;
	font-size: inherit;
	background-color: inherit;
	padding: 0px;
}
.CalendarBlock1 a:hover {
	color: #0057ab;
	text-decoration: underline;
	-moz-text-decoration-color: #e17000; /* Code for Firefox */
    text-decoration-color: #e17000;
}
.CalendarBlock1 p:first-child {
	border-bottom: 1px solid #e17000;
}
.CalendarBlock1.red p:first-child {
	border-bottom: 1px solid red;
}
.CalendarBlock1.med-blue p:first-child {
	border-bottom: 1px solid #0057ab;
}
/* Off-Campus Housing Listings */
#centercontent .off-campus-listing p, #centercontent .off-campus-listing h2 {
	margin-bottom: 0px;
}
#centercontent .off-campus-listing p a {
	border-left: 4px solid #e17000 !important;
	color: #0057ab;
	padding-left: 10px;
}
#centercontent .off-campus-listing hr {
	border: 2px solid #002b54;
	margin-top: 20px;
}
/* global accordion adjustments */
.accordion, .accordion p {
	font-size: 1em !important;
	line-height: 1.65em !important;
}

/* custom accordion style */
.accordion-custom h3 {
	text-align: center;
	color: #111;
}
.accordion-custom {
	margin-bottom: 25px !important;
}
.accordion-open.accordion-custom h3 {
	border-bottom: 2px solid #0057ab !important;
}
.accordion-custom.accordion-open {
	border: 1px solid #0057ab !important;
	background-color: #0057ab !important;
}
.accordion-custom p, .accordion-custom li {
	font-size: 0.9em !important;
}
.slim.-custom {
	border: none !important;
}
/* Table Overrides */
td {
	vertical-align: middle !important;
}
.table-staff, .table-staff-small {
	text-align: center;
	text-shadow: none !important; /* honestly I hate these */
}
.table-staff table, .table-staff-small table {
	table-layout: fixed !important;
}
.table-staff tr, .table-staff-small tr {
	border: none !important;
}
.table-staff img {
	border-radius: 100%;
	width: 180px;
	max-width: 180px;
}
.table-staff tr:nth-child(2) td {
	font-weight: bold !important;
	font-size: 1.15em;
	color: #002b54 !important;
}
.table-staff tr:nth-child(3) td {
	font-size: 0.9em;
}
.table-staff-small img {
	border-radius: 100%;
	width: 140px;
	max-width: 140px;
}
.table-staff-small tr:nth-child(2) td {
	font-weight: bold !important;
	font-size: 1em;
	color: #002b54 !important;
}
.table-staff-small tr:nth-child(3) td {
	font-size: 0.75em;
}
/* Other Style Overrides */
#Tabs2 li a {
	background-color: inherit;
	font-size: 0.85em;
}
#Tabs2 li {
	border: none !important;
	border-right: 1px solid rgba(255, 112, 0, 0.9) !important;
}
#Tabs2 li:last-child {
	border: none !important;
}
#Tabs2Social {
	background-color: #0057ab !important;
}
#Tabs2 li:hover, #Tabs2 li:hover a {
	background-color: #fff !important;
	color: #0057ab !important;
}
#LowerScroll_Header_sitetabs_secondrow {
	background-color: #0057ab !important;
	height: 22px;
}
#header_LowerScroll {
	border-bottom: none;
}
.LowerScroll_Header_sitetabs_secondrow li a {
	background-color: inherit;
}
.LowerScroll_Header_sitetabs_secondrow li:hover {
	background: white !important;
	text-decoration: none;
}
.LowerScroll_Header_sitetabs_secondrow li:hover a {
	color: #0057ab;
	text-decoration: none !important;
}
.featureBlock6_univBlue img, .featureBlock6_medBlue img, .featureBlock6_lightBlue img, .featureBlock6 img, .featureBlock6_gray img, .featureBlock6_orange img, .featureBlock6_beige img, .featureBlock6_black img, .featureBlock6_white img, .featureBlock6_gradient img {
	height: 120px;
}
.divA .slideshowcontrols {
	margin-bottom: 10px;
}
.divA .slide_caption {
	min-height: 30px !important;
}
.row.text-center.staffdirectory {
	display:flex;
	align-items: center;
}
#Breadcrumb li {
	opacity: 1; /* why did someone even change this in campus css? what are you doing... */
}
a:link, a:visited {
	background-color: inherit !important; /* I don't understand why we manually set these. */
}
strong, b {
	font-family: 'open_sansbold', 'Arial'
}