.hide {
	display: none;
}

#outerContainer {
	min-height: 100vh;
	position: relative;
	width: 100%;
}

/* ACCESSIBILITY SKIP LINK
----------------------------------------------------------------------------------------*/
.skip { 
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px; 
	width: 1px;
	text-align: left;
	overflow: hidden;
}
a.skip:active, 
a.skip:focus, 
a.skip:hover {
	left: 0; 
	top: 0;
	width: auto; 
	height: auto; 
	overflow: visible; 
	z-index: 100;
}

/* ACCESSIBILITY SECTION IDENTIFICATION
----------------------------------------------------------------------------------------*/
@keyframes yellowfade {
from {
	background: var(--highlight);
}
to {
	background:transparent;
}
}
:target {
	animation-name: yellowfade;
	animation-duration: 5s;
}

/* ACCESSIBILITY EXTERNAL LINKS AND DOCUMENT LINKS
----------------------------------------------------------------------------------------*/
a[href$=".pdf"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c1";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".doc"]:after,
a[href$=".docx"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c2";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c3";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c4";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".zip"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c6";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".mp3"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c7";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".mpeg4"]:after,
a[href$=".mp4"]:after,
a[href$=".mpeg"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c8";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
	}
a[download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".pdf"][download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c1\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".doc"][download]:after,	
a[href$=".docx"][download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c2\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".ppt"][download]:after,
a[href$=".pptx"][download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c4\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".zip"][download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c6\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
	}
a[href$=".mp3"][download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c7\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[href$=".mpeg4"][download]:after,
a[href$=".mp4"][download]:after,
a[href$=".mpeg"][download]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c8\00a0\00a0\f019";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"][href$=".pdf"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c1\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
	}
a[target="_blank"][href$=".doc"]:after,
a[target="_blank"][href$=".docx"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c2\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"][href$=".xls"]:after,
a[target="_blank"][href$=".xlsx"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c3\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"][href$=".ppt"]:after,
a[target="_blank"][href$=".pptx"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c4\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"][href$=".zip"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c6\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"][href$=".mp3"]:after {
	font-family:'FontAwesome';
	content:"\00a0\00a0\f1c7\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[target="_blank"][href$=".mpeg4"]:after,
a[target="_blank"][href$=".mp4"]:after,
a[target="_blank"][href$=".mpeg"]:after {
	font-family: 'FontAwesome';
	content: "\00a0\00a0\f1c8\00a0\00a0\f08e";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
}
a[class~="fa"]:after {
	font-family: 'FontAwesome';
	content: "";
	font-size: .75rem;
	font-style: normal;
	line-height: 0;
	}

/* Remove Icons or Underlines */

a.no-icon:after {
	content: "";
}

a.no-underline:hover {
	border-bottom: none;
}

/* NEEDED STILL?
----------------------------------------------------------------------------------------*/

.innerContainer {
	width: 960px;
	margin: 0 auto;
	border-radius: 0px;
}

.innerContainer.fullWidth {
	width: 100%;
	margin: 0;
}

.fullWidth .contentContainer {
	width: 100%;
	margin: 0 auto;
}


#siteBody #pageTitle h1,
#siteBody #pageTitle h2 {
	line-height: 90px;
	font-size: 56px;
	padding-left: 1rem;
	margin: 0px;
}
#siteBody #pageTitle h1 a,
#siteBody #pageTitle h2 a {
	text-decoration: none;
}
#siteBody #pageTitle.noTitle {
	position: fixed;
	z-index: -1000;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.search-form {
	margin-bottom: 0px;
}

p.headerImage {
	margin: 0px;
}
img.headerImage {
	width: 100%;
}

#siteBody .innerContainer {
}

#siteBody #pageContent .content{
	padding: 1rem;
}




.border {
	border: 1px #000 solid;
}



/* Largest Screen Size */
@media only screen and (min-width : 1024px) {
	/* Panel Layout Fixes */

	/* End Panel Layout Fixes */
	#pageTitle.fullWidth .contentContainer,
	.fullWidth.menuContainer .contentContainer,
	
	
	
/* Menu Stuff */

	#siteBody #block-system-main-menu {
		/*margin-bottom: 1rem;*/
	}
	#siteBody #block-system-main-menu ul.menu ul.menu {
		display: none;
	}
	#siteBody #block-system-main-menu ul.menu li:hover > ul.menu {
		display: block;
	}
	#siteBody #block-system-main-menu ul.menu {
		width: 100%;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		line-height: 36px;
		height: 36px;
		font-size: 1.05rem;
		display: block;
		text-transform: uppercase;
	}
	#siteBody #block-system-main-menu ul.menu li {
		float: left;
		list-style-type: none;
		list-style-image: none;
		padding: 0;
		margin: 0;
	}
	#siteBody #block-system-main-menu ul.menu li a {
		padding: 0 1rem;
		display: block;
		text-decoration: none;
	}
	#siteBody #block-system-main-menu ul.menu ul.menu {
		padding: 0;
		position: absolute;
		width: auto;
		text-transform: none;
	}
	#siteBody #block-system-main-menu ul.menu ul.menu li {
		float: none; 
		position: relative;
		font-size: 1rem;
	}
	.cas-login a:hover {
		background-color: #002e5d;
	}
	.cas-login a {
		background-color: #0057b8;
		padding: 5px 7px;
		border: 1px solid #ffffff;
		font-weight: bold;
		}
	#ceHeader .menu .cas-login {
		margin-top: -1px;
	}

	
/* End Menu */
	


@media only screen and (min-width : 1600px) {
	.fullWidth .innerContainer {
		width: 1600px;
		margin: 0 auto;
	}
}

.fluidMedia.wideScreen {
	position: relative;
	padding-bottom: 48%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.fluidMedia.fullScreen {
	position: relative;
	padding-bottom: 75%; /* proportion value to aspect ratio 4:3 (3 / 4 = 0.75 or 75%) */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.fluidMedia iframe {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
}



/* General Fixes to jQuery UI styles */
.ui-widget {
	font-famiy: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1rem;
}
.ui-widget-content a:not(.btn),
.ui-widget-content a:visited:not(.btn) {
	color: #369;
}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; color: #38c; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #369; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #aec4d5; background: #cee4f5; color: #369; }
.ui-state-hover a, .ui-state-hover a:hover { color: #369; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #428bca; background: #ffffff; color: #428bca; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #38c; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Tabs */
.ui-tabs.ui-widget-content {
	background:none;
	padding:0;
	border:none;
}
.ui-tabs .ui-tabs-nav {
	padding: 0px;
}
.ui-tabs .ui-tabs-nav > li {
	top: 1px;
	margin: 0 4px 1px 0;
}
.ui-tabs-nav > li.ui-corner-top {
	border-bottom: 0;
}
.ui-tabs-nav > li.ui-corner-left {
	border-bottom-width: 1px;
	border-right: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 6px 12px;  
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus {
	outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav.ui-widget-header {
	background:none;
	border:none;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border: 1px solid #dddddd;
	padding: 1em 1.4em;
	background: none;
}

/* Pill and stacked tabs */
.ui-tabs-pill > .ui-tabs-nav {
	padding: 0;
}

.ui-tabs-pill > .ui-tabs-nav > li,
.ui-tabs-pill-stacked > .ui-tabs-nav > li {
	border: none;
	background: none;
	border-radius: 4px;
}
.ui-tabs-pill > .ui-tabs-nav > li:hover,
.ui-tabs-pill-stacked > .ui-tabs-nav > li:hover {
	background: #f6f6f6;
	border: none;
}
.ui-tabs-pill > .ui-tabs-nav > li.ui-tabs-active,
.ui-tabs-pill-stacked > .ui-tabs-nav > li.ui-tabs-active {
	background: #428bca;
}
.ui-tabs-pill > .ui-tabs-nav > li.ui-tabs-active > .ui-tabs-anchor,
.ui-tabs-pill-stacked > .ui-tabs-nav > li.ui-tabs-active > .ui-tabs-anchor {
	color: white;
}
@media (min-width: 960px) {
	.ui-tabs-pill > .ui-accordion > .ui-tabs-panel,
	.ui-tabs-pill-stacked > .ui-accordion > .ui-tabs-panel {
		border: none;
		padding: 1em 0 1em 0;
	}
}
.ui-tabs-pill > .ui-tabs-panel > h1:first-child,
.ui-tabs-pill > .ui-tabs-panel > h2:first-child {
	margin-top: 20px;
}
.ui-tabs-pill > .ui-tabs-panel > h3:first-child,
.ui-tabs-pill > .ui-tabs-panel > h4:first-child {
	margin-top: 15px;
}
.ui-tabs-pill-stacked > .ui-tabs-panel > h1:first-child,
.ui-tabs-pill-stacked > .ui-tabs-panel > h2:first-child,
.ui-tabs-pill-stacked > .ui-tabs-panel > h3:first-child,
.ui-tabs-pill-stacked > .ui-tabs-panel > h4:first-child {
	margin-top: 0;
}
.ui-tabs-pill-stacked > .ui-tabs-nav,
.ui-tabs-stacked > .ui-tabs-nav {
	display: block;
	float: left;
	width: 25%;
	max-width: 25%;
	box-sizing: border-box;
}
.ui-tabs-pill-stacked > .ui-tabs-nav {
	padding: 0 1.5em 0 0;      
}
.ui-tabs-stacked > .ui-tabs-nav {
	padding: 0;
	margin-top: 4px;
}
.ui-tabs-stacked > .ui-tabs-nav > li,
.ui-tabs-stacked > .ui-tabs-nav > li.ui-tabs-active {
	margin: 0;
	top: 0;
	padding: 4px 8px;
}
.ui-tabs-pill-stacked > .ui-tabs-nav > li,
.ui-tabs-stacked > .ui-tabs-nav > li {
	display: block;
	position: relative;
	float: none;
}
.ui-tabs-pill-stacked > .ui-tabs-panel,
.ui-tabs-stacked > .ui-tabs-panel {
	display: block;
	float: left;
	width: 75%;
}
.ui-tabs-pill-stacked > .ui-tabs-nav > li > .ui-tabs-anchor,
.ui-tabs-stacked > .ui-tabs-nav > li > .ui-tabs-anchor {
	display: block;
	float: none;
	white-space: normal;
}
.ui-tabs-pill-stacked > .ui-tabs-nav > li+li,
.ui-tabs-stacked > .ui-tabs-nav > li+li,
.ui-tabs-stacked > .ui-tabs-nav > li+li.ui-tabs-active {
	margin-top: 0.2em;
}
.ui-tabs-stacked > .ui-tabs-panel {
	box-sizing: border-box;    
}
.ui-tabs-stacked > .ui-tabs-nav > li.ui-tabs-active {
	margin-right: -1px;
	padding-right: 1px; 
}

/* Dialog */
.ui-dialog-titlebar {
	background: #eee;
	margin: -4px -4px 0 -4px;
	border-radius: 0;
	border-bottom-color: #ccc;
}
.ui-dialog-titlebar-close.ui-state-default {
	border: none;
	background: none;
	box-shadow: none;
}
.ui-dialog-titlebar-close span:first-child {
	background: none;
	position: relative;
	top: 8px;
}
.ui-dialog-titlebar-close span:first-child:before {
	content: '×';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	color: black;
	text-indent: 0;
	opacity: 0.4;
	font-weight: bold
}
.ui-dialog-titlebar-close:hover span:first-child:before {
	opacity: 0.6;
}
.ui-dialog .ui-dialog-buttonpane {
	margin: 0 -4px -4px;
	padding: 0 8px 2px;
	background: #eee;
	border-color: #ccc;
}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
	padding: 0;
}

/* this was making the form inputs fonts go wonky when they were inside UI widgets.  We want them to look just like they do outside of widgets */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button:not(.ui-dialog-titlebar-close) {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: inherit;
}