@import
	url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

.reverseLayout {
	float: right !important;
}

.layout {
	float: left;
}

html {
	height: 100%;
}

body {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	border-right: 150px solid #363636;
	height: 100%;
	color: #666;
	position: relative;
}

.mobile {
	display: none !important;
}

.desktop {
	display: inline-block;
}

a {
	text-decoration: none;
	color: #017784;
	//font-weight: 600; 
    font-weight: bold;
	cursor: pointer;
}

a:hover, a:focus {
	text-decoration: underline;
	color: #1d1061;
}
/* diff_check 07-27-2016: While checking, I noticed that ModX had this in their code */
img {
	max-width: 100%;
	height: auto;
}

img.lf {
	float: left;
	margin: 0 15px 15px 0;
}

img.rt {
	float: right;
	margin: 0 0 15px 15px;
}

iframe {
	max-width: 100%;
}

.block {
	display: block;
}

.clear {
	clear: both;
}

.clear-block {
	clear: both;
	width: 100%;
	height: 10px;
}

.clear-block-med {
	clear: both;
	width: 100%;
	height: 15px;
}

.clear-block-tall {
	clear: both;
	width: 100%;
	height: 40px;
}

h1, h2, h3, h4, p {
	margin: 0 0 15px 0;
}

h1, h2, h3 {
	font-weight: 600;
}

/* 11/25/2024: keep ul/ol unchanged in the sideNav for library */
/* .gridThird for 3 column list of bullets */
.sideNav ul,.gridThird ul {
     margin: 0 0 15px 0;
}
.sideNav ul li,.gridThird ul li {
     margin: 0 0 0 20px;
     list-style-position: outside;
     padding: inherit;
}
.sideNav ol.gridThird ol {
     margin: 0 0 15px 0;
}
.sideNav ol li,.gridThird ol li {
     margin: 0 0 0 25px;
     list-style-position: outside;
     padding: inherit;
}

/* 11/25/2024: changed from above for bullet lists next to images */
ul {
     margin: 0 0 10px 0;
}
ul li {
     margin: 0 0 0 10px;
     list-style-position: inside;
     padding: 5px;
}
ol {
     margin: 0 0 10px 0;
}
ol li {
     margin: 0 0 0 15px;
     list-style-position: inside;
     padding: 5px;
}

/* END diff_check: ModXDigital Fixes July 5, 2016 */
ul.category {
	background: #fff;
	border: 1px solid #fff;
}

ul.category li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 10px;
}

blockquote {
	padding: 0 20px;
	margin: 0 0 15px 0;
}

.fa {
	font-family: FontAwesome;
}

.cta:after {
	font-family: FontAwesome;
	content: "\f105";
	margin: 0 0 0 5px;
	white-space: nowrap;
	font-size: 16px;
}

.sideNavTrigger {
	display: none;
}

.sideNavTriggerLink{
	 color:white;
}

.jsclass body .randomcontent {
	/*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
}

.bordered {
	border: 1px solid #ddd !important;
}

.plusSize {
	font-size: 2.5em;
}

.medSize {
	font-size: 2em;
}

.sm {
	font-size: 12px;
}

.normal {
	font-weight: normal !important;
}

.rule {
	border-top: 1px solid #ddd;
	height: 1px;
	margin: 20px 0;
	width: 100%;
	clear: both;
}

.dotRule {
	border-top: 1px dotted #ddd;
	height: 1px;
	margin: 20px 0;
	width: 100%;
	clear: both;
}

.pageBlock {
	display: block;
	width: 100%;
	height: 100%;
	clear: both;
}

.tag, .tag a {
	display: inline-block;
	clear: both;
	background: #352268;
	color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	text-decoration: none;
}

.inPageSocial {
	margin: 25px 0 15px 0;
	display: block;
}
/* diff_check: ModXDigital Fixes July 21, 2016 */
.inPageSocial a {
	font-size: 24px;
	margin: 0 15px 10px 0 !important;
	color: #fff;
	background: #666;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	border-radius: 3px;
}

.inPageSocial.sm a {
	font-size: 16px;
	margin: 0 7px 10px 0 !important;
	color: #fff;
	background: #018695;
	/* background: #666;
	 */
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border-radius: 3px;
}

.inPageSocial.sm a:hover {
	opacity: .8;
}

@font-face {
	font-family: 'fa-snapchat';
	src: url('../fonts/fa-snapchat.eot?-73zac');
	src: url('../fonts/fa-snapchat.eot?#iefix-73zac')
		format('embedded-opentype'), url('../fonts/fa-snapchat.ttf?-73zac')
		format('truetype'), url('../fonts/fa-snapchat.woff?-73zac')
		format('woff'), url('../fonts/fa-snapchat.svg?-73zac#fa-snapchat')
		format('svg');
}

.inPageSocial.sm .snapchat:before {
	font-family: fa-snapchat;
	content: "\e600";
}
/* END diff_check: ModXDigital Fixes July 21, 2016 */
.inPageSocial a:last-child {
	margin-right: 0 !important;
}

.inPageSocial a:hover.facebook, .inPageSocial a:focus.facebook{
	background: #4d67a3 !important;
	width: 36px;
	height: 36px;
}

.inPageSocial a:hover.twitter, .inPageSocial a:focus.twitter {
	background: #0081b8 !important;
	width: 36px;
	height: 36px;
}

.inPageSocial a:hover.instagram, .inPageSocial a:focus.instagram {
	background: #366790 !important;
	width: 36px;
	height: 36px;
}

.inPageSocial a:hover.youtube, .inPageSocial a:focus.youtube {
	background: #da252c !important;
	width: 36px;
	height: 36px;
}

.inPageSocial a:hover.linkedin, .inPageSocial a:focus.linkedin {
	background: #0077b5 !important;
	width: 36px;
	height: 36px;
}

h1 {
	font-size: 36px;
}
/* h1 + p {
	 font-size: 18px;
}
 */
h1 span {
	font-weight: 300 !important;
}

.factsFigures h2 {
	font-size: 100px;
	font-weight: 300 !important;
	margin: 0 0 10px 0;
	color: #1d1061;
}

.noMargin {
	margin: 0 !important;
}
/* MAIN IMG */
.mainImgHolder {
	position: relative;
	overflow: hidden;
	height: 500px;
}

.homeLogo {
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -215px !important;
	z-index: 1;
}

.subLogo {
	position: relative;
	float: none;
	display: block;
	max-width: 300px;
	margin: 25px 0 0 0;
}

img.footerLogo {
	max-width: 260px !important;
	height: auto;
}
/* ModXDigital Fixes July 5, 2016 */
/* Code to make company logos display properly. Sample markup usage: Note that the images are set in grids, in this case gridFourth <div class="gridFourth"><img class="companyLogo" src="images/nike-oldlg150x100.jpg" width="150" height="100" alt="" border="0"><!-- /gridFourth --></div> <div class="gridFourth"><img class="companyLogo" src="images/kpmg- 150x59.png" width="150" height="59" alt="" border="0"><!-- /gridFourth --></div> <div class="gridFourth"><img class="companyLogo" src="images/cambia-logo-150x43.jpg" width="150" height="43" alt="" border="0"><!-- /gridFourth --></div> <div class="gridFourth"><img class="companyLogo" src="images/adidas-logo-150x100.png" width="150" height="100" alt="" border="0"><!-- /gridFourth --></div> <div class="gridFourth"><img class="companyLogo" src="images/audigy-logo-152x33.jpg" width="152" height="33" alt="" border="0"><!-- /gridFourth --></div> <div class="gridFourth"><img class="companyLogo" src="images/ccne-seal-2016.jpg" width="1200" height="937" alt="" border="0"><!-- /gridFourth --></div> */
.companyLogo {
	max-width: 150px;
	height: auto;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.divider {
	border-top: 1px solid #ccc;
	line-height: normal;
	height: auto;
	position: relative;
	margin: 30px auto;
	width: 100%;
}

.divider h2 {
	vertical-align: center;
	clear: both;
	background: #fff;
	position: absolute;
	padding: 0 10px 0 0;
	top: -17px;
}

.directorySearch {
	z-index: 2 !important;
}

.searchHolder {
	display: block;
	margin: 0 0 20px 0;
	white-space: nowrap;
	width: 100%;
	clear: both;
}

.searchHolderSide {
	display: block;
	margin: -10px 0 20px 0;
	white-space: nowrap;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	clear: both;
}

.searchHolder input.searchSite {
	width: 70% !important;
	float: left;
}

.searchHolderSide input.searchSite {
	width: 70% !important;
	float: left;
	border: 1px solid #ddd;
}

.searchHolderSide input.btnSearch {
	width: 27% !important;
	float: left;
	margin-left: 2%;
	padding: 6px 2%;
	font-size: 14px !important;
	margin-top: -1px;
}

.searchHolder input.btnSearch {
	float: left;
	width: 20% !important;
	margin-left: 2%;
	padding: 6px 2%;
	font-size: 14px !important;
	margin-top: -1px;
}
/* diff_check:ModXDigital Fixes July 5, 2016 */
/* Google CSE Search field and buttons: Modifications to the tables to make the elements stack.*/
input.searchSite, input.gsc-input {
	display: block;
	width: 100%;
	padding: 6px;
	font-family: Open Sans;
	font-size: 14px;
	color: #666;
	clear: both;
	/* margin: 0 0 10px 0;
			 */
	border: 0;
}

input.btnSearch, a.btnLink, input.gsc-search-button {
	width: 100%;
	padding: 6px 15px;
	background: #018695;
	color: #fff;
	font-family: Open Sans;
	font-size: 15px;
	cursor: pointer;
	font-weight: 600;
	border: 0;
}

div.gsc-clear-button {
	background-image: url("http://www.google.com/uds/css/clear.gif");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 10px;
	text-align: right;
}

table.gsc-search-box {
	width: 100%;
}
/* UP Change: Fix table borders so they don't display*/
table.gsc-search-box th, table.gsc-search-box td {
	border: none;
}
/* UP Change: Fix some padding */
table.gsc-search-box td {
	display: block;
	width: 100% !important;
	/* margin: 0 0 5px 0;
			 */
	padding: 1px 10px;
}

table.gsc-search-box td input {
	display: block;
	width: 100% !important;
	margin: 0 0 5px 0;
}
/* UP: Turn off the little X on the search box */
table.gsc-search-box td.gsc-clear-button {
	text-align: center;
	display: none;
}
/* UP: decrease padding */
table.gsc-search-box td.gsc-clear-button .gsc-clear-button {
	padding: 2px;
}
/* UP Change to search button */
input.btnSearch, a.btnLink {
	width: 100%;
	padding: 6px 15px;
	background: #018695;
	color: #fff;
	font-family: Open Sans;
	font-size: 15px;
	cursor: pointer;
	font-weight: 600;
	border: 0;
}

input.btnSearch:hover {
	background: #559cbf;
}

.searchBy input[type="text"], .searchBy select {
	padding: 6px;
	border: 1px solid #ddd;
	font-family: Open Sans;
	font-size: 14px;
	color: #666;
	clear: both;
	margin: 0 10px 0 0;
	width: 100%;
}

.searchBy .gridThird.noLeftMargin input[type="text"] {
	max-width: 230px;
	margin: 0 0 0 10px;
}

.searchBy .gridThird.noLeftMargin {
	white-space: nowrap;
	overflow: hidden;
}

.searchBy .btnSearch {
	width: 150px !important;
	margin: 0 10px 0 0;
}

.mainSearch input[type="text"], .mainSearch select {
	padding: 6px;
	border: 1px solid #ddd;
	font-family: Open Sans;
	font-size: 14px;
	color: #666;
	clear: both;
	margin: 0 10px 0 0;
	width: 100%;
}

.searchBy .btnSearch, .mainSearch .btnSearch {
	width: 100%;
}

select {
	background: #fff url(/_files/images/shell/select-down.png) no-repeat
		right;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 6px;
	border: 1px solid #ddd;
	font-family: Open Sans;
	font-size: 14px;
	color: #666;
	width: 100%;
}

.\3col {
	-webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	-moz-column-count: 3;
	/* Firefox */
	column-count: 3;
}

a.backTo {
	float: left;
}

a.backTo:before {
	font-family: FontAwesome;
	content: "\f053";
	margin: 0 5px 0 10px;
	font-size: 10px;
}
/* CSS FOR SLIDEUP */
.moduleHolder {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	clear: both;
	position: relative;
	z-index: 3;
	width: 100%;
	height: 270px;
}

.panel {
	position: absolute;
	bottom: 0;
	background: #fff;
}

.newsToggle {
	float: right;
}

.grid.newsItems .gridHalf {
	min-height: 120px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.gridFourth.sideNav.content {
	padding-top: 33px;
}

.growUp {
	height: 500px !important;
}

.down {
	display: inline-block;
	height: 25px;
	width: 50px;
	background: url(/_files/images/shell/toggleDown.png) no-repeat;
	cursor: pointer;
	border-style:none;
}

.up {
	display: inline-block;
	height: 25px;
	width: 50px;
	background: url(/_files/images/shell/toggleUp.png) no-repeat;
	cursor: pointer;
	border-style:none;
}

/*CSS to add styling to up/down buttons on news section of homepage - Sablan 03/11/2020*/
 button.up:focus, button.up:hover {
	 border-bottom-style: solid;
	 border-bottom-color: #352268;
}
 button.down:focus, button.down:hover {
	 border-bottom-style: solid;
	 border-bottom-color: #352268;
}

/* CSS FOR ACCORDION RT NAVIGATION */
.accordion ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.accBtn, li.accBtn.menu {
	position: relative;
	padding: 0 0 5px 20px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer !important;
	height: auto !important;
}

ul.accInfo li {
	padding: 0 0 3px 0;
	position: relative;
}

ul.accInfo ul.nest li:before {
	content: "-";
	position: absolute;
	top: 0px;
	left: -10px;
	font-weight: bold;
}

.accordion ul li.accBtn:before {
	position: absolute;
	top: 5px;
	left: 0;
	color: #508faf;
	font-family: FontAwesome;
	content: "\f067";
	font-weight: 400 !important;
	font-size: 17px !important;
}

.accordion ul li.accBtn.hasLink {
	content: "";
	position: relative;
	padding: 0 0 5px 0px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer !important;
	height: auto !important;
}

.accordion ul li.accBtn.hasLink:before {
	content: "";
	background: none;
}

.accordion ul li.accBtn.on:before {
	font-family: FontAwesome;
	content: "\f068";
	font-weight: 400 !important;
	font-size: 12px;
}

.accordion ul ul {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 20px;
}
/* CSS FOR ACCORDION LF NAVIGATION */
.sideNav li.accBtn {
	position: relative;
	padding: 10px 10px 10px 25px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer !important;
	display: block;
}

.sideNav li.accBtn a {
	padding: 0 !important;
}

.sideNav li.accBtn:hover, .sideNav li.accBtn.on {
	color: #25556F;
}

.sideNav li.accBtn.on {
	color: #656565;
}

.sideNav ul.accInfo li {
	padding: 0;
	position: relative;
}

.sideNav .accordion ul li.accBtn:before {
	position: absolute;
	top: 13px;
	left: 5px;
	background: none;
	color: #4e9dc4;
	width: 14px;
	height: 14px;
	text-align: center;
	border-radius: 50%;
	font-family: FontAwesome;
	content: "\f067";
	font-weight: 400 !important;
	font-size: 13px;
}
/* diff_check: ModXDigital Fixes July 5, 2016 */
/* Removing plus/minus from left accordion navigation */
.sideNav .accordion ul li.accBtn.noChildren:before {
	content: "";
}

.sideNav .accordion ul li.accBtn.on:before {
	font-family: FontAwesome;
	content: "\f068";
	font-weight: 400 !important;
	font-size: 12px;
	color: #656565 !important;
}

.sideNav .accordion ul ul {
	list-style: none;
	margin: -1px 0 0 -20px !important;
}

.sideNav .accordion ul.accInfo li {
	left: 0 !important;
	font-size: 13px;
}

.sideNav .accordion ul.accInfo li:last-child {
	margin-bottom: -5px !important;
}

.sideNav .accordion ul li a {
	color: #656565;
	padding: 7px 10px 7px 25px;
	display: inline-block;
	width: 100%;
}

.sideNav .accordion ul li a:hover, .sideNav .accordion ul li a.on {
	color: #25556F !important;
}

.sideNav .accordion ul li a:hover {
	color: #25556F !important;
}

.boxed h3 {
	color: #fff;
	background: #717075;
	padding: 20px;
	margin: 0 !important;
	width: 100%;
	display: block;
}

.boxed {
	border: 1px solid #ddd;
	display: block;
}

.boxed blockquote {
	padding: 15px 15px 0 15px;
}
/* diff_check: Added by ModXDigital, July 21, 2016 Added new Pinterest and Snapchat social boxes. No working FontAwesome callout for snapchat so had to find the actual font, download the 4 versions, set up a fonts folder and make reference to it through the css as well. */
/* ADDED 6-29-16 SOCIAL BOX */
.fa {
	font-family: FontAwesome;
}

.followFacebook {
	display: block;
	width: 250px;
	position: relative;
	border: 1px solid #018695;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .5s;
}

.followFacebook:hover {
	background: #018695;
}

.followFacebook:hover a {
	color: #fff !important;
	border-left: 1px solid #fff;
}

.followFacebook a {
	display: block;
	padding: 20px;
	color: #017784;
	margin-left: 55px;
	border-left: 1px solid #018695;
}

.followFacebook a:before {
	position: absolute;
	left: 20px;
	top: 23px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 17px !important;
	content: "\f09a";
}

.followFacebook a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.followFacebook a:hover:before {
	color: #fff !important;
}

.followTwitter {
	display: block;
	width: 250px;
	position: relative;
	border: 1px solid #018695;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .5s;
}

.followTwitter:hover {
	background: #018695;
}

.followTwitter:hover a {
	color: #fff !important;
	border-left: 1px solid #fff;
}

.followTwitter a {
	display: block;
	padding: 20px;
	color: #017784;
	margin-left: 55px;
	border-left: 1px solid #018695;
}

.followTwitter a:before {
	position: absolute;
	left: 17px;
	top: 23px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 17px !important;
	content: "\f099";
}

.followTwitter a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.followTwitter a:hover:before {
	color: #fff !important;
}

.followInstagram {
	display: block;
	width: 250px;
	position: relative;
	border: 1px solid #018695;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .5s;
}

.followInstagram:hover {
	background: #018695;
}

.followInstagram:hover a {
	color: #fff !important;
	border-left: 1px solid #fff;
}

.followInstagram a {
	display: block;
	padding: 20px;
	color: #017784;
	margin-left: 55px;
	border-left: 1px solid #018695;
}

.followInstagram a:before {
	position: absolute;
	left: 17px;
	top: 23px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 17px !important;
	content: "\f16d";
}

.followInstagram a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.followInstagram a:hover:before {
	color: #fff !important;
}

.followYoutube {
	display: block;
	width: 250px;
	position: relative;
	border: 1px solid #018695;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .5s;
}

.followYoutube:hover {
	background: #018695;
}

.followYoutube:hover a {
	color: #fff !important;
	border-left: 1px solid #fff;
}

.followYoutube a {
	display: block;
	padding: 20px;
	color: #017784;
	margin-left: 55px;
	border-left: 1px solid #018695;
}

.followYoutube a:before {
	position: absolute;
	left: 17px;
	top: 23px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 17px !important;
	content: "\f167";
}

.followYoutube a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.followYoutube a:hover:before {
	color: #fff !important;
}

.followPinterest {
	display: block;
	width: 250px;
	position: relative;
	border: 1px solid #018695;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .5s;
}

.followPinterest:hover {
	background: #018695;
}

.followPinterest:hover a {
	color: #fff !important;
	border-left: 1px solid #fff;
}

.followPinterest a {
	display: block;
	padding: 20px;
	color: #017784;
	margin-left: 55px;
	border-left: 1px solid #018695;
}

.followPinterest a:before {
	position: absolute;
	left: 20px;
	top: 23px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 17px !important;
	content: "\f0d2";
}

.followPinterest a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.followPinterest a:hover:before {
	color: #fff !important;
}

.followSnapchat {
	display: block;
	width: 250px;
	position: relative;
	border: 1px solid #018695;
	overflow: hidden;
	margin-bottom: 10px;
	transition: all .5s;
}

.followSnapchat:hover {
	background: #018695;
}

.followSnapchat:hover a {
	color: #fff !important;
	border-left: 1px solid #fff;
}

.followSnapchat a {
	display: block;
	padding: 20px;
	color: #017784;
	margin-left: 55px;
	border-left: 1px solid #018695;
}

.followSnapchat a:before {
	position: absolute;
	left: 15px;
	top: 23px;
	font-family: fa-snapchat;
	font-size: 24px;
	line-height: 17px !important;
	content: "\e600";
}

.followSnapchat a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.followSnapchat a:hover:before {
	color: #fff !important;
}
/* HANNON HILL ACCORDION */
.accordion_wrapper h3 {
	position: relative;
	background: #F0F0F0;
	padding: 5px 10px 5px 25px;
	border: 1px solid #ddd;
	cursor: pointer
}

.accordion_wrapper h3:before {
	position: absolute;
	top: 7px;
	left: 10px;
	color: #1D1061;
	font-family: FontAwesome;
	content: "\f105";
}

.accordion_wrapper h3.on:before {
	font-family: FontAwesome;
	content: "\f107";
}

.accordion_wrapper h3:hover {
	background: #e9e9e9;
}

.accordion_wrapper .faqInfo {
	padding: 0 0 20px 25px;
}
/* ARCHIVES ACCORDION */
.sideBar {
	padding-top: 10px;
}

.sideBar h3 {
	padding: 10px;
	color: #fff;
	background: #352268;
	margin: 0 0 10px 0;
}

.sideBar h3 a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.sideBar h3 a:hover, .sideBar h3 a:focus {
	color: #fff;
	text-decoration: underline;
}

.accordionArchives {
	border: 1px solid #fff;
}

.accordionArchives ul li.accBtn {
	list-style: none;
	margin: 0 10px;
	padding: 0;
}

.accordionArchives ul li.accBtn:before {
	font-family: FontAwesome;
	content: "\f0d7";
	margin: 0 10px 0 0;
}

.accordionArchives ul li.on.accBtn:before {
	content: "\f0d8";
}

.accordionArchives ul.accInfo {
	list-style: none !important;
	margin: 0;
	padding: 0;
}
/* PAGE NAVIGATION TABS */
ul.tabs {
	margin: 0 !important;
	padding: 0 !important;
}

.tabs {
	width: 100%;
	height: auto;
}

.tabs li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 1px solid #4f4f4f;
	border-left: 1px solid #4f4f4f;
	border-right: 1px solid #4f4f4f;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	outline: none;
	width: 25%;
	text-align: center;
}

.tabs li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	width: 100%;
	padding: 5px 10px;
	margin: 0 !important;
	display: block;
	background: #4f4f4f;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	font-size: 24px;
}

.tabs li a.inactive {
	color: #fff;
	background: #363636;
	outline: none;
}

.tabs li a:hover {
	color: #fff !important;
}

.tabs li a.inactive:hover {
	color: #ccc !important;
	outline: none;
}

.tabContent {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	background: #363636;
	color: #fff !important;
	width: 100%;
	min-width: 300px;
	padding: 20px;
	border: 1px solid #4f4f4f;
	position: relative;
	z-index: 1;
	top: -1px;
}
/* PAGE TABS */
ul.ptabs {
	margin: 0 !important;
	padding: 0 !important;
}

.ptabs {
	width: 100%;
	height: auto;
}

a {
	cursor: pointer;
}

.ptabs li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0 3px 0 0 !important;
	padding: 0 !important;
	outline: none;
	text-align: center;
}

.ptabs li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	background: #017784;
	width: 100%;
	padding: 10px 20px;
	margin: 0 !important;
	display: block;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	font-size: 18px;
}

.ptabs li a.inactive {
	color: #333;
	background: #ccc;
	outline: none;
}

.ptabs li a:hover {
	color: #fff !important;
}

.ptabs li a.inactive:hover {
	color: #333 !important;
	outline: none;
}

.ptabContent {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	background: #ebeff2;
	color: #666 !important;
	width: 100%;
	padding: 20px;
	border: 1px solid #c8c8c8;
	position: relative;
	z-index: 1000;
	top: -1px;
}

.libraryPTabs li a:focus, .libraryPTabs li a:hover{
    border-style: solid;
	border-color: #1E1656;
}
/* CSS FOR STUDENT HIGHLIGHT */
.studentLink, a.studentLink {
	cursor: pointer;
	display: inline-block;
	margin: 20px 0;
	font-size: 18px;
	border: 1px solid #018695;
	background: #fff;
	color: #017784 !important;
	font-weight: 700 !important;
	padding: 10px 15px;
}

.studentLink:hover, a:hover.studentLink {
	background: #018695;
	color: #fff !important;
}

.randomcontent p, .randomcontent h3 {
	margin: 0 0 15px 0;
	color: #666;
	font-weight: 400;
}

/* .studentHighlight {
	position: fixed;
	z-index: 10002;
	width: 0px;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
	border-left: 1px solid #bbb;
	-ms-transition: .5s !important;
	-moz-transition: .5s !important;
	-webkit-transition: .5s !important;
	transition: .5s !important;
}

.studentHighlight.expanded {
	width: 320px;
	padding: 15px;
	-ms-transition: .5s !important;
	-moz-transition: .5s !important;
	-webkit-transition: .5s !important;
	transition: .5s !important;
} */

a#toTop, span#toTop {
	display: block;
	background: #000;
	background: rgba(0, 0, 0, .65);
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	right: 10px;
	width: 40px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	color: rgba(255, 255, 255, 1.0);
	text-align: center;
	text-decoration: none;
	font-size: 27px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
}

a:hover#toTop, span:hover#toTop, a:focus#toTop, span:focus#toTop {
	color: #fff;
	background: #067fc4;
}
/* EVENTS */
ul.eventsEntry {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.eventsEntry li {
	padding: 10px;
	font-size: 12px;
	color: #fff !important;
}

ul.eventsEntry li img {
	margin: 27px 0 0 0;
}

ul.eventsEntry li .date {
	font-size: 13px !important;
	font-weight: bold;
	color: #559cbf;
	margin: 0 0 5px 0;
}

ul.eventsEntry li.zebra {
	background: #3b3b3b !important;
	color: #fff !important;
}
/* FACEBOOK / TWITTER */
.fbThumb, .twitterThumb, .instagramThumb {
	min-height: 100px;
	padding: 10px 0;
	border-bottom: 1px dotted #747474;
	margin-bottom: 10px;
	font-size: 12px;
}

.instagramThumb {
	min-height: auto !important;
	border-bottom: 0 !important;
}

.fbTitle, .twitterTitle, .instagramTitle {
	position: relative;
	clear: both;
	min-height: 40px;
	padding: 0 0 0 50px;
}

.twitterTitle, .instagramTitle {
	padding: 0 50px 0 50px;
}

.fbTitle a, .twitterTitle a, .instagramTitle a {
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: #559cbf !important;
}

.fbTitle img, .twitterTitle img, .instagramTitle img {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
}

.twitterTitle .time, .instagramTitle .follow {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
}

.fbThumb .content, .twitterThumb .content {
	width: 100%;
	clear: both;
	margin: 10px 0;
}

.fbThumb .content img, .twitterThumb .content img {
	max-width: 100%;
	display: block;
	height: auto;
	margin: 10px 0;
}

.fbThumb .likeCommentShare a, .instagramThumb .follow a {
	display: inline-block;
	margin-right: 5px;
}

.instagramThumb .follow a {
	width: auto !important;
	font-size: 11px !important;
	padding: 3px 5px;
}

.instagramPics img {
	float: left;
	width: 32%;
	height: auto;
	margin: 0 1% 3px 0;
}
/* YOUTUBE VIDEOS */
.youTubePlaceholder, .youTubePlaceholder a, .youTubePlaceholder img {
	position: relative;
	z-index: 1;
	display: block;
}

.youTubePlaceholder a:after {
	font-family: FontAwesome;
	content: "\f16a";
	color: #3AB9BF;
	font-size: 53px;
	position: absolute !important;
	z-index: 1000 !important;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -27px !important;
	opacity: .7;
	transition: all .3s;
}

.youTubePlaceholder a:hover:after {
	opacity: 1;
	color: #3AB9BF;
	transition: all .3s;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
	display: none;
}

.videoWrapper iframe, .videoWrapper embed, .videoWrapper object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.calloutHolder {
	width: 100%;
	position: absolute;
	top: -100px;
}

.callout {
	position: relative;
	vertical-align: middle;
	z-index: 1;
	text-align: center;
	padding: 0;
	height: 160px !important;
	overflow: hidden !important;
	background-color: black;
}

.callout img {
	position: absolute;
	z-index: 1;
	height: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: auto !important;
}

.callout a {
	width: 100% !important;
	display: table-cell !important;
	height: 160px !important;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	padding: 10px;
}
/* diff_check: ModXDigital Fixes July 5, 2016 */
/* Added to global.css for all 8 colors NOTE: typical callout would have the below sample code: <div class="gridThird callout orange"> <img src="images/CAS3.jpg"> <h3><a href="#">Advantage</a></h3><!-- /gridThird --> </div> */
/* ModXDigital Fixes July 5, 2016 */
/* For dynamic colors without using classes .firstThird, .secondThird, .thirdThird And 3 additional colors from your color pallet. */
.callout.gray h3 a {
	background: rgba(86, 97, 103, .8);
}

.callout.slateGreen h3 a {
	background: rgba(12, 110, 102, .8);
}

.callout.brightBlue h3 a {
	background: rgba(0, 104, 133, .8);
}

.callout.burgundy h3 a {
	background: rgba(76, 21, 22, .8);
}

.callout h3 a:hover {
	background: #1e1656;
	background: rgba(30, 22, 86, .8);
}

.callout h3 {
	position: relative;
	z-index: 2;
	text-align: center;
	display: table;
	vertical-align: middle;
	width: 102% !important;
	margin-left: -1px !important;
	height: 100%;
	margin: 0 auto;
	font-size: 21px;
	line-height: 24px;
}

.grid.mobileAdjustCallout2, .grid.mobileAdjustCallout {
	width: 103.3%;
	margin: -1.5150%;
}

a.sideBlock {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0 20px;
	color: #676767;
	margin: 0 0 15px 0;
	font-weight: 600;
	font-size: 18px;
}

a:hover.sideBlock {
	color: #1D1061;
}

.hitList .callout {
	height: 100px !important;
	background: #352268 !important;
}

.hitList .callout h3 {
	height: 100px;
	font-size: 27px;
}

.hitList .callout a {
	padding: 0 !important;
}

.hitList .callout:hover {
	opacity: .8;
}
/* diff_check: ModXDigital Fixes July 5, 2016 */
img.studentCircle {
	border-radius: 50%;
	margin: 0 auto;
}

.searchBy {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 15px;
	background: #e2e5e6;
	float: left;
	clear: both;
	margin: 0 0 25px 0;
}

.searchBy a.active {
	font-weight: bold;
}

.searchBy .viewBy {
	padding: 7px 0;
}

.searchBy .viewBy a {
	margin: 0 7px;
}

.searchTips, .searchTips2 {
	position: relative;
	margin-top: 7px;
	font-size: 13px;
}

.searchTipsInfo, .searchTipsInfo2 {
	position: absolute;
	left: 0;
	top: 65px;
	z-index: 10000 !important;
	width: 210px;
	padding: 15px;
	background: #fff;
	background: rgba(255, 255, 255, .95);
	color: #333;
	font-size: 13px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
}

.pagePagination {
	width: 100%;
	text-align: center;
	margin: 0 0 25px 0;
	word-spacing: 5px;
	padding: 7px 0;
}

.directoryListing .gridFourth img {
	display: block;
	margin: 0 0 10px 0;
}

.directoryListing .gridFourth strong {
	color: #0a8796;
	font-size: 15px;
}

.directoryListing .gridFourth p {
	margin: 0 0 10px 0;
	font-size: 13px;
}

.directoryListing .gridFourth:nth-child(4n+1) {
	clear: both;
}
/* TABLE STYLES FOR RESPONSIVE TABLES */
table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 15px;
}

table th, table td {
	border: 1px solid #ccc;
	padding: 10px;
}

table td {
	font-size: 14px;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

table th {
	background: #e3e3e3;
	color: #474747;
	border: 1px solid #c8c8c8;
	text-align: center;
}

table.bt thead {
	display: none;
}

table.bt tbody td {
	border: none;
	display: block;
	vertical-align: top;
}

table.bt tbody td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	/* width: 6.5em;
			 */
	width: 30%;
	/* MODIFIED TO STOP WRAPPING */
	display: inline-block;
}

table.bt tbody td.bt-hide {
	display: none;
}

table.bt tbody td .bt-content {
	vertical-align: top;
}

table.bt tbody td .bt-content span {
	/* ADDED TO STOP WRAPPING */
	max-width: 70%;
	display: inline-block;
}

.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

th {
	border-bottom: 1px solid #d6d6d6;
}

tr:nth-child(even) {
	background: #eee;
}

table.threeColumn th:nth-child(1) {
	width: 65px;
}

.categoryClick, .archivesClick {
	position: relative;
}

.categoryClick:after, .archivesClick:after {
	font-family: FontAwesome;
	content: "\f067";
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
}

.categoryClick.opened:after, .archivesClick.opened:after {
	font-family: FontAwesome;
	content: "\f068";
}
/* MEDIA QUERY UNDER 340px */
@media ( max-width : 340px) {
	.tabs, .tabContent {
		width: 80%;
		height: auto;
	}
	.tabContent {
		padding: 10px;
	}
	.flushLeft {
		margin: 0 !important;
		width: 100% !important;
	}
}
/* 06-21-2016: Added by RJB to build Google CSE search box */
.gsc-search-box {
	table-layout: auto;
}

.gsc-selected-option-container {
	max-width: 100% !important;
}
/* 06-22-2016: Added by RJB to fix iPad default buttons on Safari */
input.gsc-search-button {
	-webkit-appearance: none;
	border-radius: 0;
}
/* ModXDigital Fixes July 5, 2016 */
/* Added a class .std to generic table elements to isolate from Google as shown below in mobile.css */
/* TABLE STYLES FOR RESPONSIVE TABLES FOR GOOGLE CSE*/
table.std {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 15px;
}

table.std th, table.std td {
	border: 1px solid #ccc;
	padding: 10px;
}

table.std td {
	font-size: 14px;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

table.std th {
	background: #e3e3e3;
	color: #474747;
	border: 1px solid #c8c8c8;
	text-align: center;
}

table.std.bt thead {
	display: none;
}

table.std.bt tbody td {
	border: none;
	display: block;
	vertical-align: top;
}

table.std.bt tbody td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	/* width: 6.5em;
			 */
	width: 30%;
	/* MODIFIED TO STOP WRAPPING */
	display: inline-block;
}

table.std.bt tbody td.bt-hide {
	display: none;
}

table.std.bt tbody td .bt-content {
	vertical-align: top;
}

table.std.bt tbody td .bt-content span {
	/* ADDED TO STOP WRAPPING */
	max-width: 70%;
	display: inline-block;
}

.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

table.std th {
	border-bottom: 1px solid #d6d6d6;
}
/* Added for UP CalltoAction buttons per Amy Shelly, July 13, 2015 Also added to styles.css */
.CalltoAction, a.CalltoAction {
	cursor: pointer;
	display: inline-block;
	margin: 20px 0;
	font-size: 18px;
	border: 1px solid #018695;
	background: #fff;
	color: #017784 !important;
	font-weight: 700 !important;
	padding: 10px 15px;
}

.CalltoAction:hover, a:hover.CalltoAction {
	background: #018695;
	color: #fff !important;
	;
}
/* Added by ModXDigital, July 21, 2016 */
@media ( max-width : 600px) {
	img.rt[align="right"] {
		max-width: 100%;
		float: none !important;
		display: block !important;
		margin: 15px auto !important;
	}
}
/* UP: Fixes for Google UP search */
.gsc-resultsHeader {
	display: none;
}

.gsc-table-result {
	table-layout: auto;
}

.gsc-table-result th, .gsc-table-result td {
	border: none;
	padding: 10px;
}

.gsc-control-cse.gsc-control-cse-en {
	font-family: 'Open Sans', sans-serif;
}
/* Styles to fix IR tables */
table.std th.wider {
	width: 28%;
	word-break: break-word;
	table-layout: fixed;
}

p.introText {
	font-size: 18px;
}
/* Accessibility style additions */
p.news_date {
	font-size: 13px;
}

.fullContainer.copyright {
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
}

.fullContainer.copyright a {
	color: #017784;
	margin: 0 10px;
}

.fullContainer.copyright a:hover, .fullContainer.copyright a:focus {
	font-weight: 600;
	text-decoration: underline;
}

.fullContainer.breadcrumb a {
	color: #017784;
}

.fullContainer.breadcrumb a:hover, .fullContainer.breadcrumb a:focus {
	text-decoration: underline;
	font-weight: 600;
}

.center-this {
	text-align: center;
}

h1.center-heading-one {
	text-align: center;
}

.medSize a {
	text-decoration: underline;
}

strong a {
	text-decoration: underline;
}

.menu strong a {
	text-decoration: none;
}

.menu strong a:focus {
	text-decoration: underline;
}

.newsUnderflow strong a {
	text-decoration: none;
}

.newsUnderflow strong a:focus, .newsUnderflow strong a:hover {
	text-decoration: underline;
}

h3 a {
	text-decoration: underline;
}

div.callout h3 a {
	text-decoration: none;
}

div.callout h3 a:hover, div.callout h3 a:focus {
	text-decoration: underline;
}

img.up-img-no-border {
	border: 0;
}

#primoQueryTemp:focus {
	border: solid;
	border-color: #017784;
}

div.mainSearch select:focus {
	border: solid;
	border-color: #017784;
}

input.btnSearch:focus {
	border: solid;
	border-color: #1e1656;
}

input#search-box-news:focus {
	border: solid;
	border-color: #1e1656;
}

 .skip-link, .skip-link:visited {
	 position: fixed;
	 top: -200px;
	 background: #352268;
	 color: #fff;
	 text-decoration: none;
	 padding: 10px;
	 display: inline-block;
	 z-index:999;
}
 .skip-link:focus {
	 top: 0; /* Link should appear on tab focus */
	 color: #fff;
}

/* TODO: Remove these after Feb 20, 2020 */
.skipnav {
	 text-align: left;
}
 .skipnav a {
	 position: absolute;
	 left: -10000px;
	 width: 1px;
	 height: 1px;
	 overflow: hidden;
}
 .skipnav a:focus, .skipnav a:active {
	 position: static;
	 left: 0;
	 width: auto;
	 height: auto;
	 overflow: visible;
	 text-decoration: underline;
}


/* New Call to Action (random feature on the home page)*/
.feature img {
	opacity: 0;
}

.feature .feature-text {
	width: 100%;
	position: absolute;
	top: 0;
	text-align: center;
	opacity: 1;
	line-height: 210px;
}

.feature .feature-text span {
	color: #fff;
	font-size: 36px;
}

/* Added 09-05-2018 for Directory pages Title IX designations */
/* Modified 01-30-2019 for larger font size and heavier weight -Brenton */
.title-ix-blurb {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
}

/* Commented out 01-30-2019 for larger font size -Brenton
.directoryListing .gridFourth p.title-ix-designation, p.title-ix-designation {
    font-size: smaller;
}*/

/* Adding for accessibility on Banner Image */
a:focus img.subLogo, a:hover img.subLogo{
	 border-bottom-style: solid!important;
	 border-bottom-color: white!important;
	 border-bottom-width: thick!important;
}

/* 
PLEASE LEAVE THIS SECTION AT THE BOTTOM OF THIS FILE WHEN UPDATING. 
-------------------------------------------------------------------------------------------------------------- 
NOTE:
-------------------------------------------------------------------------------------------------------------- 
IF YOU ADD A CLASS HERE THAT YOU WANT AVAILABLE TO USERS IN THE WYSIWYG EDITOR, 
YOU ALSO NEED TO ADD THAT CLASS TO THE "Global/styles.css" FILE AND TO THE CSS CLASSES FIELD
IN PREFERENCES. 
--------------------------------------------------------------------------------------------------------------
*/