/* css variables */
:root {
	--right-tri: "\25B6";
	--down-tri: "\25BC";
}
/* Main template css adjustments */
.clr {
	clear: both;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
	overflow: hidden;
}
/* Using the value '100%' instead of 'none', allows all other Webkit-based browsers to still resize text when using the zoom function while still preserving your original font size.*/
body p, body li {
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
body #cod-bodyContainer {
	background-image: url("/_web-items/images/system/cod_background.png");
	background-color: #f8eed3;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 130%;
	min-width: 998px;
	position: relative;
}
.head-wrapper {
	background-color: #a30e22;
	border-top: 15px solid #ffc423;
}
#header {
	margin: auto;
	width: 998px;
	height: 157px;
	position: relative;
}
#contentDivWrapper {
	background: url("/_web-items/images/system/bg_content_div.png") repeat-y center top;
}
.contentDiv {
	margin: 0 auto;
	width: 998px;
	min-height: 600px;
	overflow: auto;
	padding: 0 0 2em;
	position: relative;
	background-color: #fff;
	font-size: .8em;
}
#logo {
	position: absolute;
	top: 40px;
	left: 1px;
	color: transparent;
}
a img {
	border: 0;
}
.img-float-right {
	float: right;
	margin-left: 7px;
}
.img-float-left {
	float: left;
	margin-right: 7px;
}
@media screen and (max-width: 768px) {
	.img-float-right, .img-float-left {
		float: none;
		width: 80% !important;
	}
}
#topTabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: -5px;
	right: 0;
}
#topTabs li {
	display: inline;
}
#topTabs li a {
	display: block;
	float: left;
	background: url(/_web-items/images/system/sprite_cod.png) no-repeat;
	height: 38px;
	text-indent: -9999px;
}
#topTabs li a.sprite1 {
	width: 112px;
}
#topTabs li a.sprite2 {
	background-position: 0 -38px;
	width: 131px;
}
#topTabs li a.sprite3 {
	background-position: 0 -76px;
	width: 134px;
}
#translatorBox {
	position: absolute;
	top: 45px;
	right: 0;
}
.goog-te-gadget {
	font-size: 0px !important;
	color: black !important;
}
.goog-te-gadget span {
	display: none;
	color: black;
}
#searchBox {
	position: absolute;
	top: 75px;
	right: 0;
}
.s4-search input.ms-sbplain {
	width: 162px !important;
	border-width: 0 !important;
	height: 22px;
	line-height: 20px;
}
.s4-search .srch-gosearchimg {
	border-width: 0 !important;
	height: 24px;
	width: 29px;
}
.topNav {
	/* position: relative; top: 135px; bottom:5px; */
	font-size: 12px;
	padding-top: 135px;
}
.topNav a:link, .topNav a:visited {
	color: #fff;
	font: 1.3125em Verdana;
	padding: 0 16px;
}
.topNav a:hover, .topNav a:focus {
	color: #ffc423;
}
[id*="TopNavigationMenuV4"] {
	padding-top: 135px !important;
}
/* Fix for Safari moving main navigation to upper right */
[id*="TopNavigationMenuV4"] a:link, [id*="TopNavigationMenuV4"] a:visited {
	color: #fff;
	font: 1.3125em Verdana;
	padding: 0 16px;
}
[id*="TopNavigationMenuV4"] a:hover, [id*="TopNavigationMenuV4"] a:focus {
	color: #ffc423;
}
[id*="TopNavigationMenuV4"] a[href*="ambassadors"]:link, [id*="TopNavigationMenuV4"] a[href*="ambassadors"]:visited {
	padding: 0 45px !important;
}
.news-nav {
	font-size: x-large;
	padding: 0 5px;
}
.body-content a[href$=".pdf"], .body-content-full-page a[href$=".pdf"] {
	background: transparent url(/_web-items/images/system/pdf-icon.gif) center left no-repeat;
	padding-left: 20px;
}
.body-content a[href$=".xlsx"], .body-content-full-page a[href$=".xlsx"] {
	background: transparent url(/_web-items/images/system/xlsx-icon.png) center left no-repeat;
	padding-left: 20px;
}
.body-content a[href$=".docx"], .body-content-full-page a[href$=".docx"] {
	background: transparent url(/_web-items/images/system/docx-icon.png) center left no-repeat;
	padding-left: 20px;
}
.body-content a[href$=".pptx"], .body-content-full-page a[href$=".pptx"] {
	background: transparent url(/_web-items/images/system/pptx-icon.png) center left no-repeat;
	padding-left: 20px;
}
a.no-icon[href$=".pdf"], a.no-icon[href$=".xlsx"], a.no-icon[href$=".docx"], a.no-icon[href$=".pptx"] {
	background: none !important;
	padding-left: 0;
}
.body-content dd {
	margin-left: 40px;	
}
body #cod-leftpanel {
	width: 252px;
}
.siteName, .siteName:visited {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #175575;
	font: bold 1.15em Verdana;
	padding: 25px 0;
}
.siteName:link, .siteName:visited {
	color: #fff;
}
[id*="PlaceHolderLeftNav"] {
	padding-left: 10px;
}
.quickLaunch ul.root {
	background-color: #ceeaf8;
	padding-bottom: 20px;
}
.quickLaunch a {
	color: #000;
	font-weight: normal;
	background: url("/_web-items/images/system/bg_default.png") no-repeat bottom center;
}
.quickLaunch a:hover, .quickLaunch a:focus {
	color: #cc0000;	
}
.quickLaunch .cod-nav-header {
	background: none;
	background-color: #175575;
	color: #fff;
	border-bottom: solid #000 2px;
	border-top: solid #fff 2px;
	pointer-events: none;
	margin-left: -30px;
	font-weight: bold;
}
.quickLaunch .cod-nav-section {
	background: none;
	border-bottom: solid #000 1px;
}
.quickLaunch .cod-nav-notice {
	background: none;
	margin-left: -30px;
	background-color: #ffc423;
	border-bottom: #000 solid 2px;
	color: #000;
	pointer-events: none;
}
.quickLaunch .cod-nav-notice-clickable {
	background: none;
	background-color: #ffc423;
	border-bottom: #000 solid 2px;
	color: #000;
}
.quickLaunch .cod-nav-notice-clickable:hover, .quickLaunch .cod-nav-notice-clickable:focus {
	background-color: #a30e22;
	color: #ffc423;
}
.quickLaunch .cod-sub-links {
	padding-left: 15px;
}
#cod_CurrentNav {
	font-size: large;
}
/* a[class*="cod_CurrentNav"] {
color: #000;
font-size: 1.3125em;
font-weight: normal;
line-height: 1.5em;
}
.quickLaunch a:hover, a[class*="cod_CurrentNav"]:hover, .quickLaunch a:focus, a[class*="cod_CurrentNav"]:focus {
color: #cc0000;
} */
.quickLaunch a .additional-background {
	padding: 10px 27px 10px 47px;
}
.quickLaunch a[title*="Header"] .additional-background {
	padding: 5px;
}
.quickLaunch ul ul a .additional-background {
	padding-left: 60px;
}
.quickLaunch a.selected .additional-background {
	background: url(/_web-items/images/system/bg_default_selected.png) no-repeat 27px 12px;
}
.quickLaunch a[title*="Header"].selected .additional-background {
	padding: 5px 5px 5px 20px;
	background: url(/_web-items/images/system/bg_default_selected.png) no-repeat 0px 7px;
}

h1 {
	color: #a30e22;
	font-size: 2em !important;
}
h2, h3, h4, h5, h6 {
	color: #175575;
}
h2 {
	font-size: 1.75em !important;
}
h3 {
	font-size: 1.5em !important;
	font-style: italic;
}
h4 {
	font-size: 1.25em !important;
	font-weight: bold;
}
blockquote {
	font-size: .85em;
	margin-left: 40px;
	font-style: italic;
}

table[summary="Campus Events"] td.ms-stylelabel {
	display: none;
	padding-left: 5px;
}
hr {
	height: 1px;
	width: 50%;
	position: relative;
	margin: 30px auto;
	background: #a30e22;
	opacity: 1;
	border-top: none;
}
ul {
	color: #000;
}
.slick-slider {
	width: 75%;
	margin: auto;
}
.view-cursor {
	cursor: pointer;
}

/* Tabbed items color */
.et-activetab {
	background-color: #a30e22 !important;
	border: solid 1px #a30e22 !important;
}
.et-separator {
	background-color: #a30e22 !important;
}
.codBody {
	font-size: 1em !important;
}
.s4-ca {
	margin-left: 252px;
	font: 1.25em Verdana;
	color: #000;
}
.codBody h1, .s4-ca h1 {
	font-weight: normal !important;
	font-size: 2em;
}
.codBody h2, .s4-ca h2, .body-content h2, .body-content-full-page h2 {
	font-weight: normal !important;
	font-size: 1.5em !important;
}
.codBody h3, .s4-ca h3, .body-content h3, .body-content-full-page h3 {
	font-weight: bold !important;
	font-size: 1.3em !important;
}
.codBody h4, .s4-ca h4, .body-content h4, .body-content-full-page h4 {
	font-weight: normal !important;
	font-size: 1.3em !important;
	font-style: normal !important;
}
.codBody h5, .s4-ca h5, .body-content h5, .body-content-full-page h5 {
	font-weight: normal !important;
	font-size: 1.15em !important;
	font-style: italic !important;
}
.codBody h6, .s4-ca h6, .body-content h6, .body-content-full-page h6 {
	font-weight: bold !important;
	font-size: 1em !important;
	font-style: normal !important;
}
.codBody h2.homeheader {
	font-weight: normal !important;
	font-size: 2em !important;
	color: #a30e22 !important;
	margin-bottom: 5px;
}
.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 th.ms-rteTableHeaderFirstCol-6 {
	background-color: #175575;
	text-align: left !important;
}
.ms-rteTable-6 th.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 th.ms-rteTableFooterFirstCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6 {
	background-color: #175575;
}
.ms-rteTable-6 th.ms-rteTableFirstCol-6 {
	font-size: 1em;
}
.ms-rteTable-6 tr.ms-rteTableHeaderRow th p, .ms-rteTable-6 tr.ms-rteTableFooterRow th p {
	color: #fff !important;
}
.ms-rteForeColor-2 {
	color: #a30e22;
}
#breadcrumb {
	font-size: .95em;
	/* font-size: 13.33px; */
}
#breadcrumb a, #breadcrumb a:visited, .body-content a, .body-content a:visited, .body-content-full-page a, .body-content-full-page a:visited, .s4-ca a, .s4-ca a:visited, .codBody a:link, .codBody a:visited, .left-panel-content a {
	color: #cc0000 !important;
	text-decoration: none;
}
#breadcrumb a {
	text-decoration: underline;
}
.sf-ca a:hover, .cod-state-field a:hover, #breadcrumb a:hover, .codBody a:hover, .sf-ca a:focus, .cod-state-field a:focus, #breadcrumb a:focus, .codBody a:focus, .left-panel-content a:focus, .left-panel-content a:hover {
	color: #004499 !important;
	text-decoration: underline;
}
#cod-leftpanel-content .ou-btn:link, #cod-leftpanel-content .ou-btn:visited, #cod-leftpanel-content .ou-btn:hover, #cod-leftpanel-content .ou-btn:focus {
	color: #fff !important;
}
.social-icons span {
	padding: 0 7px;
}
.social-icons a {
	transition: color 0.3s ease 0s;
}
.social-icons a span {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	transition: color 0.3s ease 0s;
}
.icon-facebook a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f39e";
	font-weight: 300;
	font-size: 2em;
}
.icon-facebook-2 a.icon::before {
	background: transparent url(/_web-items/images/system/brand-logo/facebook-logo-black.png) center left no-repeat;
	width: 10px;
}
.icon-instagram a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f16d";
	font-weight: 300;
	font-size: 2em;
}
.icon-youtube a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f167";
	font-weight: 300;
	font-size: 2em;
}
.icon-twitter a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f099";
	font-weight: 300;
	font-size: 1.5em;
}
.icon-linkedin a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f08c";
	font-weight: 300;
	font-size: 1.5em;
}

#footer {
	margin: auto;
	width: 100%;
	font-family: verdana;
	font-size: 9pt !important;
	color: #000;
	padding: 5px 0;
	background: #ffc423;
}
#footer .footer-content {
	padding: 10px 5px;
	width: 15%;
	min-height: 250px;
	float: left;
	border-right: thin solid #bd8a00;
}
#footer .footer-content:nth-child(1) {
	margin-left: 20px;
}
#footer .footer-content:nth-child(4) {
	border-right: hidden;
}
#footer .footer-content h2 {
	font-size: 1.35em !important;
	color: #103355;
}
#footer .footer-content ul {
	list-style: none;
}
#footer .footer-content ul.right {
	text-align: right;
	padding-right: 5px;
}
#footer .footer-content ul.left {
	text-align: left;
	padding-left: 5px;
}
#footer .footer-content a:link, .footer-content a:visited {
	text-decoration: none;
	color: #000;
}
#footer .footer-content a:hover, .footer-content a:focus {
	color: #a30e22 !important;
}
#footer .seal-social a.seal-link:link, .seal-social a.seal-link:visited {
	text-decoration: none;
	color: #fff !important;
	border: 2px solid #000;
	border-radius: 15px;
	background-color: #a30e22;
	padding: 5px;
}
#footer .seal-social a.seal-link:hover, .seal-social a.seal-link:focus {
	text-decoration: underline;
	color: #fff !important;
	background-color: #175575;
}
#footer .seal-social {
	text-align: center;
	width: 30%;
}
#footer .social-icons {
	text-align: center;
}
#footer .social-icons span {
	padding: 0 7px;
}
#footer .social-icons a {
	transition: color 0.3s ease 0s;
}
#footer .social-icons a span {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	transition: color 0.3s ease 0s;
}
#footer .icon-facebook a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f39e";
	font-weight: 300;
	font-size: 1.5em !important;
}
#footer .icon-instagram a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f16d";
	font-weight: 300;
	font-size: 1.5em !important;
}
#footer .icon-youtube a.icon::before {
	font-family: "Font Awesome 5 Brands";
	content: "\f167";
	font-weight: 300;
	font-size: 1.5em !important;
}
/*

*/
.cbqwp {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cbqwp li {
	clear: both;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}
.cbqwp li:last-child {
	border-bottom: none;
}
.cbqwp .newsItem-NoPic a {
	display: block;
	margin-top: 20px;
	background: none;
}
.cbqwp .newsItem-NoPic a:hover, .cbqwp .newsItem-NoPic a:focus {
	background-color: #faeed4;
}
.cbqwp .newsItem-NoPic a:hover h2::after, .cbqwp .newsItem-NoPic a:focus h2::after {
	content: " - Selected";
	font-size: 0.75em;
}
/*.cbqwp a { display: block; background: url("../Images/bgHorizontal.png") no-repeat bottom; margin-top: 20px; } */
.cbqwp a {
	display: block;
	margin-top: 20px;
}
/* .cbqwp li:last-child a { background-image: none; } */
.cbqwp li:first-child a {
	margin-top: 0;
}
.cbqwp .clr {
	padding-top: 20px;
}
.cbqwp img {
	float: left;
	width: 80px;
	height: 80px;
	display: none;
}
.cbqwp .title, .cbqwp .description {
	/* margin-left: 105px; */
	display: block;
}
.cbqwp .title-nopic, .cbqwp .description-nopic {
	margin-left: 10px;
	display: block;
}
.cbqwp a .title {
	display: block;
	font-size: 1.2em;
}
.cbqwp a .title-nopic {
	display: block;
	font-size: 1.2em;
	color: #cc0000 !important;
}
.cbqwp a:hover, .cbqwp a:focus {
	text-decoration: none;
}
.cbqwp a .description, .cbqwp a:hover .description, .cbqwp a .description-nopic, .cbqwp a:hover .description-nopic {
	margin-top: 5px;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #000;
}
/* Begin Font calls */
@font-face {
	font-family: "open_sans_condensedbold";
	src: url("/_resources/fonts/open_sans-condbold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
font-family: 'mytext';
src: url(/_resources/fonts/neutra_text-bold.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
/* @font-face {
	font-family: "mytext";
	src: url("//db.onlinewebfonts.com/t/11d6740b4b9fa37c5cb1c5dbae8b716c.eot");
	src: url("//db.onlinewebfonts.com/t/11d6740b4b9fa37c5cb1c5dbae8b716c.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/11d6740b4b9fa37c5cb1c5dbae8b716c.woff2") format("woff2"),  url("../fonts/11d6740b4b9fa37c5cb1c5dbae8b716c.woff") format("woff"), url("//db.onlinewebfonts.com/t/11d6740b4b9fa37c5cb1c5dbae8b716c.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/11d6740b4b9fa37c5cb1c5dbae8b716c.svg#Neutra Text") format("svg");
} */
/* End Font Calls */
/* start buttons and text highlight section */
.required {
	color: #ff0000;
	font-size: .75em;
}
#codbutton {
	width: 220px;
	margin: auto;
}
#codbutton a {
	padding-bottom: 10px;
	padding-top: 10px;
	font: bold 1.5em Verdana;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #a30e22;
	border-radius: 15px;
}
#codbutton a:link, #codbutton a:visited {
	text-decoration: none !important;
	color: #fff !important;
}
#codbutton a:hover {
	text-decoration: none !important;
	color: #ffc423 !important;
}
.sm-red-button {
	width: 350px;
	margin: 25px 5px 0;
}
.sm-red-button a {
	line-height: 3.5em;
	padding: 20px 15px;
	background-color: #a30e22;
	border-radius: 15px;
}
.sm-red-button a:link, .sm-red-button a:visited {
	text-decoration: none !important;
	color: #fff !important;
}
.sm-red-button a:hover {
	text-decoration: none !important;
	background-color: #860b1c;
	color: #faf4e3 !important;
}
.width-auto-imp {
	width: auto !important;
}
.research-button-cover {
	overflow: hidden;
	margin-top: -15px;
	float: none;
}
.research-button a:link, .research-button a:visited {
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #a30e22 9%, #a30e22 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #ffc423 !important;
	padding: 10px 20px 10px 20px;
	border: solid #8c081c 4px;
	text-decoration: none;
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
	margin: 10px;
	float: left;
}
.research-button-blue a:link, .research-button-blue a:visited {
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #175575 9%, #175575 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #ffffff !important;
	padding: 20px 20px 10px 20px;
	border: solid #ffc423 4px;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px;
	width: 120px;
	height: 30px;
	float: left;
}
.research-button-nf a:link, .research-button-nf a:visited {
	background: #ffffff;
	background: #a30e22;
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #ffc423 !important;
	padding: 10px 20px 10px 20px;
	border: solid #8c081c 4px;
	text-decoration: none;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin: 10px;
	width: 120px;
	height: 50px;
	display: table-cell;
}
.website-button a:link, .website-button a:visited {
	display: block;
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #a30e22 9%, #a30e22 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #ffc423 !important;
	padding: 10px 20px 10px 20px;
	border: solid #8c081c 4px;
	text-decoration: none;
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
	margin: 10px auto;
}
.website-button-white a:link, .website-button-white a:visited {
	display: block;
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #a30e22 20%, #a30e22 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #fff !important;
	padding: 10px 20px 10px 20px;
	border: solid #8c081c 4px;
	text-decoration: none;
	text-align: center;
	margin: 10px auto;
}
.website-blue-button a:link, .website-blue-button a:visited {
	display: block;
	background: #fff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #175575 9%, #175575 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #fff !important;
	padding: 10px 20px 10px 20px;
	border: solid #ffc423 4px;
	text-decoration: none;
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
	margin: 10px auto;
}
.biobutton {
	background-color: #a30e22;
	color: #fff;
	width: 120px;
	border-radius: 25px;
	padding: 5px;
}
.biobutton:hover, .biobutton:focus {
	background-color: #ffc423;
	color: #000;
}
.showall-button {
	display: block;
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #a30e22 9%, #a30e22 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #ffc423 !important;
	padding: 10px 20px 10px 20px;
	border: solid #8c081c 4px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 10px auto;
	cursor: pointer;
}
.website-blue-button a:hover, .website-blue-button a:focus, .website-button a:hover, .website-button a:focus, .research-button a:hover, .research-button a:focus, .research-button-nf a:hover, .research-button-nf a:focus, .research-button-blue a:hover, .research-button-blue a:focus, .showall-button:hover, .showall-button:focus {
	background: #ffd743;
	background-image: linear-gradient(to bottom, #ffc423 0%, #ffe68a 43%);
	text-decoration: none;
	color: #000 !important;
	box-shadow: 1px 1px 5px #000;
}
.scholarship-box {
	margin: auto;
	width: 200px;
	overflow: hidden;
}
.scholarship-button a:link, .scholarship-button a:visited {
	background: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #a30e22 9%, #cc0000 100%);
	border-radius: 12px;
	box-shadow: 3px 3px 5px #000;
	color: #ffc423 !important;
	padding: 10px 20px 10px 20px;
	border: solid #8c081c 4px;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px;
	width: 120px;
	float: left;
}
.scholarship-button a:hover, .scholarship-button a:focus {
	background: #ffd743;
	background-image: linear-gradient(to bottom, #ffc423 0%, #ffe68a 43%);
	text-decoration: none;
	color: #000 !important;
	box-shadow: 1px 1px 5px #000;
}
.purchase-button {
	margin: 20px 0;
}
.purchase-button a:link, .purchase-button a:visited {
	color: #fff !important;
	border: #000 solid thin;
	background-color: #969696;
	width: 300px;
	padding: 15px 10px;
	border-radius: 55px;
	font-size: 1.25em;
	position: relative;
	filter: drop-shadow(4px 4px 5px #000);
}
.purchase-button a:hover, .purchase-button a:focus {
	color: #000 !important;
	text-decoration: none;
	background-color: #ffc423;
	filter: drop-shadow(2px 2px 2px #000);
}
.purchase-button img {
	vertical-align: middle;
}
.getting-started-nav {
	margin: auto;
	width: 95%;
	border-bottom: thick solid rgb(163, 14, 34);
}
.getting-started-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.getting-started-nav li {
	float: left;
	width: 20%;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 12px;
	text-align: center;
}
.getting-started-nav li a:link, .getting-started-nav li a:visited {
	display: block;
	color: #fff !important;
	background-color: #175575;
	border: #fff solid thin;
	border-radius: 10px;
	padding: 5px;
}
.getting-started-nav li a:hover, .getting-started-nav li a:focus {
	background-color: #ffc423;
	color: #a30e22 !important;
	text-decoration: none;
}
.getting-started-nav li a.getting-started-selected {
	background-color: #a30e22;
	color: #ffc423 !important;
	pointer-events: none;
}
@media screen and (max-width: 768px) {
	.getting-started-nav li {
		float: none;
		width: 100%;
	}
}
.tablink a:link, .tablink a:visited {
	display: inline-block;
	float: left;
	width: 120px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.1em;
	background-color: #175575;
	color: #fff !important;
	border: #fff solid thin;
	padding: 5px;
	border-radius: 10px;
}
.tabselected a:link, .tabselected a:visited {
	background-color: #790e00;
	color: #ffc423 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 1em;
}
.tablink a:hover, .tablink a:active, .tablink a:focus {
	background-color: #ffc423;
	color: #790e00 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 0.98em;
}
/* User Titles */
.usertitle {
	font-size: .7em;
}
.username {
	margin-bottom: 0px !important;
}
.userinfo {
	margin-top: 0px;
}
/* information background */
#notice {
	height: auto;
	background: rgb(255, 202, 56);
	padding: 3px 0px;
	text-align: center;
	margin: auto;
	border-radius: 5px;
}
#notice-red {
	height: auto;
	background: rgb(255, 202, 56);
	padding: 5px 5px;
	color: #a30e22;
	margin: auto;
	border-radius: 5px;
	font: bold 1.2em verdana;
}
#codhighlight {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font: bold 0.95em Verdana;
	color: #fff;
	background-color: #a30e22;
	border-radius: 15px;
	width: 220px;
	margin: 5px 10px;
	text-align: center;
}
#cod_highlight_large {
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font: bold 1.95em Verdana;
	color: #fff;
	background-color: #a30e22;
	border-radius: 15px;
	width: 550px;
	margin: 5px 10px;
	text-align: center;
}
.circlered {
	font: bold 12px verdana;
	padding: 20px 0px;
	border-radius: 50px;
	text-align: center;
	color: rgb(255, 255, 255) !important;
	background-color: #a30e22;
	width: 80px;
}
.circlered:hover {
	border: #ffc423 solid 2px;
}
.circleblue {
	font: bold 12px verdana;
	padding: 20px 0px;
	border-radius: 50px;
	text-align: center;
	color: rgb(255, 255, 255) !important;
	background-color: #175575;
	width: 80px;
}
.circleblue:hover {
	border: #ffc423 solid 2px;
}
.circlegold {
	font: bold 12px verdana;
	padding: 20px 0px;
	border-radius: 50px;
	text-align: center;
	color: #000000 !important;
	background-color: #ffc423;
	width: 80px;
}
.circlegold:hover {
	border: #a30e22 solid 2px;
}
.circleinfo {
	color: #000000;
	line-height: 0px;
	margin-left: 40px;
	position: absolute;
}
.training-container {
	display: flex;
	align-content: center;
	justify-content: space-evenly;
	flex-direction: row-reverse;
}
@media only screen and (max-width: 600px) {
	.training-container {
		flex-direction: column-reverse;
	}
}
.training-group {
	margin: 10px auto;
	padding: 0px 2.5px;
	text-align: center;
}

.FSMenu {
	width: 48%;
	vertical-align: top;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 0.9em;
}
.FSHeader {
	border-bottom: #ceeaf8 solid thin;
	padding: 0 0 7px 5px;
	margin-left: 5px;
	margin-top: -5px;
}
.student_category {
	min-height: 165px;
	width: 45%;
	padding: 5px;
	float: left;
	vertical-align: top;
	margin: 0 4px 5px 4px;
	/*border: black solid 1px;*/
}
.student_category_sp {
	width: 95%;
	padding-left: 5px;
	float: left;
	vertical-align: top;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: -15px;
}
.column_item {
	min-height: 165px;
	width: 50%;
	padding: 5px;
	float: left;
	vertical-align: top;
	margin: 0 4px 5px 4px;
	/*border: black solid 1px;*/
}
.column_item_left {
	min-height: 165px;
	width: 400px;
	padding: 5px;
	float: left;
	vertical-align: top;
	margin: 0 4px 5px 4px;
	/*border: black solid 1px;*/
}
.column_item_right {
	min-height: 165px;
	width: 200px;
	padding: 25px 5px;
	float: left;
	vertical-align: top;
	margin: 0 4px 5px 4px;
	/*border: black solid 1px;*/
}
.red_square_medium {
	padding: 5px;
	font: bold 0.95em Verdana;
	color: #fff !important;
	background-color: #a30e22;
	border-radius: 15px;
	width: 220px;
	margin: 5px 10px;
	text-align: center;
}
.red_square_medium h4 {
	font: bold 1.15em Verdana;
	color: #000 !important;
}
.sub_info {
	padding-left: 20px;
}
.sub-info {
	padding-left: 20px;
}
.banner-notice-red {
	height: auto;
	background: rgb(255, 202, 56);
	padding: 5px 5px;
	color: #a30e22;
	margin: 5px auto;
	border-radius: 5px;
}
.banner-notice-link a:link, .banner-notice-link a:visited {
	height: auto;
	display: block;
	background: #ffc423;
	padding: 3px;
	border: 2px solid #ffc423;
	color: #a30e22;
	margin: 5px auto;
	border-radius: 5px;
	text-decoration: none !important;
}
.banner-notice-link a:focus, .banner-notice-link a:hover {
	background: #a30e22;
	color: #fff !important;
}
.button-red-border a:link, .button-red-border a:visited {
	padding: 5px 5px;
	font: bold 0.95em Verdana;
	color: #a30e22;
	background-color: #ffc423;
	border: #a30e22 solid thick;
	border-radius: 15px;
	margin: 15px 0px 0px 20px;
}
.button-red-border a:hover, .button-red-border a:focus {
	color: #ffc423 !important;
	background-color: #a30e22;
	border: #ffc423 solid thick;
	text-decoration: none !important;
}
.banner-notice-white {
	padding: 5px 5px;
	font: bold 0.95em Verdana;
	color: #fff !important;
	background-color: #a30e22;
	border-radius: 15px;
	margin: 5px 10px;
}
.banner-notice-white .banner-notice-white-content {
	color: #fff !important;
	margin: 5px;
}
.banner-notice-makerspace {
	padding: 5px 5px;
	font: bold 0.95em Verdana;
	background-color: #a30e22;
	border-bottom: #ffc423 solid 10px;
	border-right: #ffc423 solid 15px;
	border-radius: 15px 15px 850px 15px;
	margin: 5px 10px;
}
.banner-notice-makerspace p {
	color: #fff !important;
}
.banner-notice-makerspace h2 {
	color: #ffc423 !important;
}
.banner-notice-red-border {
	padding: 5px 5px;
	font: bold 0.95em Verdana;
	color: #000;
	border: #a30e22 solid thick;
	border-radius: 15px;
	margin: 5px 10px;
}
.banner-notice-red-border2 {
	FONT: .95em Verdana;
	COLOR: #000;
	border: #a30e22 solid thick;
	border-radius: 15px;
	MARGIN: 5px 10px;
	overflow: hidden;
	position: relative;
}
.banner-button {
	position: relative;
	font: .95em Verdana;
	color: #000;
	border: #a30e22 solid thick;
	border-radius: 15px;
	MARGIN: 5px auto;
	overflow: hidden;
	background-color: #fff;
	text-decoration: none;
	-webkit-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
	width: 300px;
	min-height: 320px;
}
.banner-button a:hover, .banner-button a:focus, .banner-button:hover, .banner-button:focus {
	background-color: #ffc423;
	text-decoration: none;
	-webkit-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
}
.banner-notice-title {
	margin-top: 0px;
	PADDING: 5px 10px;
	COLOR: #a30e22;
	background-color: #ffc423;
	border-radius: 10px 10px 0 0;
}
.banner-notice-title h2, .banner-notice-title h3, .banner-notice-title h4 {
	margin: 0px;
}
.banner-notice-title-red {
	margin-top: 0px;
	PADDING: 5px 10px;
	COLOR: #fff;
	background-color: #a30e22;
	border-radius: 10px 10px 0 0;
}
.banner-notice-footer {
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px;
	width: 100%;
	PADDING: 5px 10px;
	COLOR: #a30e22;
	background-color: #ffc423;
}
.banner-notice-footer p, .banner-notice-footer h2, .banner-notice-footer h3 {
	margin: 0;
}
.banner-notice-content {
	padding: 0 10px 5px;
}
.cod-row {
	min-height: 45px !important;
	border-bottom: 1px solid #a30e22 !important;
}
.cod-row:last-of-type {
	min-height: 45px !important;
	border-bottom: none !important;
}
.faculty-link {
	display: inline-block;
	width: 170px;
	text-align: center;
	padding: 7px 0px;
	-webkit-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}
.faculty-link:hover, .faculty-link:focus {
	background-color: #ffc423;
	-webkit-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}
.catalog-box {
	padding-bottom: 10px;
	font-weight: bold;
	color: #000;
	border: #a30e22 solid thin;
	border-radius: 15px;
	overflow: hidden;
	-webkit-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}
a.catalog-link:hover, a.catalog-linl:focus {
	text-decoration: none;
}
h3.catalog-title {
	font-size: .95em !important;
	background-color: #ffc423;
	color: #a30e22;
	margin: 0;
	padding: 5px;
}
.catalog-image {
	padding: 7px;
	width: 95%;
	height: auto;
	border-radius: 15px;
}
.catalog-box2 {
	padding: 10px 0px;
	font: bold 0.95em Verdana;
	color: #000;
	border: #a30e22 solid thin;
	border-radius: 15px;
	width: 210px;
	margin: 5px 5px;
	float: left;
}
.catalog-box:hover, .catalog-box:focus {
	background-color: #ffc423;
	-webkit-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}

.catalog-schedule {
	box-shadow: 2px 2px 2px 2px dimgrey;
	border-radius: 10px;
}

a:link .college-link, a:visited .college-link {
	background-color: #a30e22;
	color: #fff !important;
	width: 265px;
	height: 60px;
	border-top: #ffc423 solid 7px;
	border-bottom: #ffc423 solid 7px;
	display: table;
	margin: 10px auto;
	overflow: hidden;
}
a:hover .college-link, a:focus .college-link {
	background-color: #ffc423;
	color: #000 !important;
	border-top: #a30e22 solid 7px;
	border-bottom: #a30e22 solid 7px;
}
.college-text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.session-box {
	width: 100%;
	display: table;
	border-spacing: 5px;
}
.session-title-yellow {
	padding: 5px 5px;
	font: bold 1.2em verdana;
	color: #a30e22;
	background-color: #ffc423;
	text-align: center;
	border-radius: 5px;
	width: 100%;
}
.session-title {
	padding: 5px 5px;
	font: bold 1.2em verdana;
	color: #fff;
	background-color: #a30e22;
	border-radius: 15px;
	width: 100%;
}
.session-content {
	text-align: center;
	padding: 10px 0px;
	font: bold 0.95em Verdana;
	color: #000;
	border: #a30e22 solid thin;
	border-radius: 15px;
	width: 210px;
	display: table-cell;
	overflow: hidden;
}
.session-location {
	margin: -20px 0 0;
	background-color: #ffc423;
	color: #a30e22;
	padding: 20px 5px 10px;
}
.session-review-title {}
/* COD Table CSS */
.cod-table-font {
	font-size: inherit;
}
.cod-table-font-small {
	font-size: smaller;
}
.cod-table-font-xsmall {
	font-size: x-small;
}
.cod-table-dark, .cod-table-red, .cod-table-gold {
	border: none;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
.cod-table-dark thead tr, .cod-table-dark tfoot tr {
	background-color: #175575;
	color: #ffffff !important;
	border-top: solid black thin;
	border-bottom: solid black thin;
}
.cod-table-dark tbody tr:nth-child(2n) {
	background-color: #f0f0f0;
}
.cod-table-red thead tr, .cod-table-red tfoot tr {
	background-color: #A30E22;
	color: #ffffff !important;
	border-top: solid black thin;
	border-bottom: solid black thin;
}
.cod-table-red tbody tr:nth-child(2n) {
	background-color: #FAF2F3;
}
.cod-table-gold thead tr, .cod-table-gold tfoot tr {
	background-color: #FFC423;
	color: #000000 !important;
	border-top: solid black thin;
	border-bottom: solid black thin;
}
.cod-table-gold tbody tr:nth-child(2n) {
	background-color: #F9EEBA;
}
.cod-table-dark td, .cod-table-dark th, .cod-table-red td, .cod-table-red th, .cod-table-gold td, .cod-table-gold th {
	text-align: center;
	vertical-align: top;
	padding: 10px;
}
.cod-table-dark tbody th, .cod-table-red tbody th, .cod-table-gold tbody th {
	font-weight: normal;
}
.cod-table-light {
	border-collapse: collapse;
	width: 100%;
	border: none;
}
.cod-table-light thead tr {
	background-color: #ffffff;
	color: #00558d;
	border-top: 1px #0072bc solid;
	border-bottom: 1px #0072bc solid;
}
.cod-table-light tbody tr:nth-child(2n-1) {
	background-color: #bee5ff;
}
.cod-table-light td, .cod-table-light th {
	text-align: center;
	vertical-align: top;
	padding: 10px;
}
@media only screen and (max-width: 600px) {
	cod-table-dark th p, cod-table-light th p {
		font-size: smaller;
	}
}
/* CSS for buttons used in Assessment site */
.assessment-black-link a:link, .assessment-black-link a:visited {
	text-decoration: none;
	color: #fff !important;
}
.assessment-black-link a:hover, .assessment-black-link a:active {
	text-decoration: none;
	color: #ffd743 !important;
}
.assessment-black {
	width: 50%;
	margin: auto;
	padding: 10px 15px;
	background-color: #000000;
	border-radius: 15px;
	text-align: center;
}
.assessment-gold-link a:link, .assessment-gold-link a:visited {
	text-decoration: none;
	color: #000 !important;
}
.assessment-gold-link a:hover, .assessment-gold-link a:active {
	text-decoration: none;
	color: #175575 !important;
}
.assessment-gold {
	width: 50%;
	margin: auto;
	padding: 10px 15px;
	background-color: #ffc423;
	border-radius: 15px;
	text-align: center;
}
.assessment-red-link a:link, .assessment-red-link a:visited {
	text-decoration: none;
	color: #fff !important;
}
.assessment-red-link a:hover, .assessment-red-link a:active {
	text-decoration: none;
	color: #000 !important;
}
.assessment-red {
	width: 50%;
	margin: auto;
	padding: 10px 15px;
	background-color: #a30e22;
	border-radius: 15px;
	text-align: center;
}
.assessment-red-title {
	font: bold 160% "Roboto Condensed", sans-serif !important;
	border-bottom: #ffd743 solid thick;
	padding-bottom: 5px;
	margin-top: 5px;
}
.assessment-title {
	font: bold 160% "Roboto Condensed", sans-serif !important;
	border-bottom: #a30e22 solid thick;
	padding-bottom: 5px;
	margin-top: 5px;
}
.assessment-action {
	font: bold 200% "Roboto Condensed", sans-serif !important;
	margin-top: -10px;
	margin-bottom: 0px;
	letter-spacing: 1px;
}
/* @import url('https://www.fontify.me/wf/7a0f150d25caec1d6fa23b97d5d6efdc'); use this code within a style tag on the page */
.you-tube-button {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	position: relative;
	background-color: #ffc423;
	width: 300px;
	height: 180px;
	border-radius: 15px;
	color: #000 !important;
}
.you-tube-button:hover, .you-tube-button:focus {
	color: #fff !important;
	background-color: #000;
}
.font-top {
	position: absolute;
	top:10px;
	left: 10px;
	letter-spacing: 2px;
}
.font-bottom {
	position: absolute;
	bottom:10px;
	right: 10px;
	letter-spacing: 1px;
}
.logo-font {
	font-family: Helvetica, sans-serif;
	position: absolute;
	letter-spacing: 2px;
	top: 70px;
	left: 40px;
	font-size: 46px;
	line-height: 56px;
}
.logo-font span:last-of-type {
	height: auto;
	color: #fff;
	background-color: #cc0000;
	padding: 0 10px;
	margin-left: -12px;
	border-radius: 25px;
}
.high-res-button {
	font-family: Verdana, Helvetica, sans-serif;
	position: relative;
	background: #a30e22;
	background: radial-gradient(ellipse at center, #a30e22 0%, #8f0222 58%, #8f0222 58%, #6d0019 94%);
	width: 300px;
	height: 180px;
	border-radius: 15px;
	color: #fff !important;
	font-size: 26px;
	line-height: 40px;
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
	text-align: center;
}
.high-res-button:hover, .high-res-button:focus {
	background: #000;
	color: #ffc423 !important;
}
.plugin-notice-red-border a:link, .plugin-notice-red-border a:visited {
	display: block;
	padding: 5px 5px;
	width: 300px;
	text-align: center;
	font: bold 1.2em Verdana;
	color: #000 !important;
	border: #a30e22 solid thick;
	border-radius: 15px;
	margin: 5px 0;
	text-decoration: none;
}
.plugin-notice-red-border a:hover, .plugin-notice-red-border a:focus {
	color: #fff !important;
	background: #000;
	text-decoration: none !important;
}
.having-trouble-link a:link, .having-trouble-link a:visited {
	background: #a30e22;
	font-family: Verdana, Helvetica, sans-serif;
	position: relative;
	width: 200px;
	height: 320px;
	border-radius: 15px;
	color: #fff !important;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
	text-decoration: none;
	float: left;
}
.having-trouble-link a:hover, .having-trouble-link a:focus {
	background: #000;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
}
.having-trouble-link h2 {
	color: #ffc423 !important;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 25px;
}
.having-trouble-link p {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
}
.feedback {
	background-image: url("https://www.collegeofthedesert.edu/PublishingImages/feedback.png");
	background-repeat: no-repeat;
	margin-left: 80px;
	margin-top: -10px;
	height: 50px;
}
.soldout {
	position: relative;
	color: #c0c0c0;
}
.soldout span {
	color: #cc0000;
	font-size: 0.45em;
	font-weight: bold;
	position: absolute;
	width: 40px;
	text-align: center;
	left: -7px;
	top: 0px;
	transform: rotate(-20deg);
}
.forumbanner {
	background: url("http://collegeofthedesert.edu/aboutus/Accreditation/PublishingImages/accred%20open%20forum%20flyer%20v5.png") no-repeat center / contain;
	margin: auto;
	width: 240px;
	height: 400px;
	text-align: center;
	position: inherit;
}
.registertovote {
	width: 225px;
	margin: auto;
}
.registertovote:hover, .registertovote:focus {
	background-color: #ffc423;
}
/* end button and text highlight section */
/* Code for Arrows */

.shell {
	position: relative;
}

.pointer {
	width: 75px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 25px;
}
.pointer:before {
	content: "";
	position: absolute;
	right: -50px;
	bottom: -20px;
	width: 0;
	height: 0;
	border-left: 50px solid #cc0000;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
}
.pointer-red {
	background: #cc0000;
}
.pointer-blue {
	background: #41a5d9;
}
.pointer-blue:before {
	border-left: 50px solid #41a5d9;
}
.pointer-brown {
	background: #bf9168;
}
.pointer-brown:before {
	border-left: 50px solid #bf9168;
}
.pointer-green {
	background: #bcdc6e;
}
.pointer-green:before {
	border-left: 50px solid #bcdc6e;
}
.pointertext {
	position: absolute;
	color: #000;
	top: 25px;
	left: 61px;
	text-align: center;
	line-height: 14px !important;
	font-size: 11px !important;
	text-transform: uppercase;
}
.circle {
	margin-top: 5px;
	margin-left: -20px;
	width: 50px;
	height: 50px;
	background: #a30e22;
	border-radius: 25px;
	line-height: 48px;
}
.circle-text {
	display: inline-block;
	vertical-align: middle !important;
	text-align: center;
	line-height: 10px;
	font-size: 8px !important;
	text-transform: uppercase;
	color: #fff !important;
	width: 50px;
}
.titletext {
	text-align: center;
	margin-top: 100px !important;
	text-transform: uppercase;
	font-size: 10px;
}
/* End Code for Arrows */
/* Footnotes */
.cod-article {
	counter-reset: footnotes;
}
.cod-article a[aria-describedby="footnote-label"] {
	counter-increment: footnotes;
	text-decoration: none;
	color: inherit;
	cursor: default;
	outline: none;
}
.cod-article a[aria-describedby="footnote-label"]::after {
	content: '[' counter(footnotes) ']';
	vertical-align: super;
	font-size: 0.5em;
	margin-left: 2px;
	color: #a30e22;
	text-decoration: none;
	cursor: pointer;
}
.cod-article a[aria-describedby="footnote-label"]:focus::after {
	outline: thin dotted;
	outline-offset: 2px;
}
.cod-footnote {
	position: relative;
}
.cod-footnote li {
	font-size: .75em;
	letter-spacing 0.15em;
}
.cod-footnote :target {
	background-color: lightyellow;
}
.cod-footnote [aria-label="Back to content"] {
	font-size: 1.1em;
}
#footnote-label {
	position: absolute;
	left: -9999px;
}

/* Code for Ribbon */
.non-semantic-protector {
	position: relative;
	z-index: 1;
}
.ribbon {
	font-size: 16px !important;
	/* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
	width: 50%;
	position: relative;
	background: #a30e22;
	color: #fff;
	text-align: center;
	padding: 1em 2em;
	/* Adjust to suit */
	margin: 2em auto 3em;
	/* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -1em;
	border: 1.5em solid #610814;
	z-index: -1;
}
.ribbon:before {
	left: -2em;
	border-right-width: 1.5em;
	border-left-color: transparent;
}
.ribbon:after {
	right: -2em;
	border-left-width: 1.5em;
	border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #200206 transparent transparent transparent;
	bottom: -1em;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 1em 1em 0 0;
}
/* End Ribbon Code */

/* Flow Chart with arrows */
.flow-chart {
	padding: 10px;
    font-weight: bold;
    border-radius: 25px 0;
	width: 60%;
	margin: 20px auto;
}

.flow-chart p {
	text-align: center;
}

.flow-chart-arrow {
	text-align: center;
	color: #cc0000;
	margin: 3px auto;"
}

.red-flow-chart {
    background-color: #cc0000;
    color:  #fff;
}

.white-flow-chart {
    background-color: #fff;
    color:  #cc0000;
	border: 2px solid #cc0000;
}

.white-flow-chart ul {
    font-size: x-small
}



/* End flow chart */
/* banner code */
.banner-box {
	width: 998px;
	height: 240px;
	position: relative;
	background-color: #a30e22;
	overflow: hidden;
}
.banner-image {
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
.banner-image:focus, .banner-image:hover {
	opacity: .5;
}
.banner-image-right {
	top: 0px;
	right: -5px;
	position: absolute;
}
.banner-image-left {
	top: 0px;
	left: -5px;
	position: absolute;
}
.banner-image-corner {
	border-radius: 50%/100% 0 0 0;
	overflow: hidden;
}
.banner-background-fade-right {
	position: absolute;
	top: 0;
	left: 0;
	width: 725px;
	height: 240px;
	background: linear-gradient(to right, rgba(163, 14, 34, 1) 0%, rgba(163, 14, 34, 1) 75%, rgba(163, 14, 34, 0) 100%);
}
.banner-background-fade-left {
	position: absolute;
	top: 0;
	right: 0;
	width: 725px;
	height: 240px;
	background: linear-gradient(to left, rgba(163, 14, 34, 1) 0%, rgba(163, 14, 34, 1) 75%, rgba(163, 14, 34, 0) 100%);
}
.banner-text {
	width: 600px;
	color: #ffca38;
	font-size: 4em;
	font-family: mytext, Verdana;
	text-transform: uppercase;
	position: absolute;
}
.banner-finaid {
	width: 600px;
	color: #ffca38;
	font-size: 4.15em;
	font-family: mytext, Verdana;
	text-transform: uppercase;
	position: absolute;
}
.banner-sub-text {
	font-size: .75em;
	line-height: 1em;
	position: absolute;
	left: 40px;
	top: 60px;
}
.banner-text-left {
	left: 10px;
	top: 5px;
}
.banner-text-right {
	right: 10px;
	top: 5px;
	text-align: right;
}
.banner-text-rotate {
	color: #a30e22;
	background-color: #ffc423;
	text-align: center;
	width: 240px;
	height: 240px;
	transform: rotate(270deg);
	position: absolute;
	right: -170px;
	top: 0;
}
.cod-column {
	padding: 10px 0px;
	font: bold 0.95em Verdana;
	color: #000;
	width: 30%;
	margin: 5px 5px;
	float: left;
}
/* CSS Tabs Replacement */
.tabs {
	border-bottom: 5px solid #a30e22;
	height: auto;
	float: none;
	overflow: hidden;
	margin-bottom: 25px;
	font-size: .9em;
}
.tabs .tabslinks a {
	background-color: #a30e22;
	float: left;
	padding: 5px 20px;
	color: #fff !important;
	border-top: thin solid #000;
	border-left: thin solid #000;
	border-right: thin solid #000;
	border-radius: 7px 7px 0 0;
}
.tabs .tabslinks > a:hover, .tabs .tabslinks > a:focus {
	background-color: #ffc423;
	color: #000 !important;
	text-decoration: none !important;
}
.tabs a.active, .tabs .active a {
	background-color: #ffc423 !important;
	color: #000 !important;
}
/* ASC tables */
.asc-table {
	display: table;
	border: #000 solid 1px;
	border-collapse: collapse;
	width: 100%;
}
.asc-headerrow {
	display: table-row;
	background-color: #a30e22;
	color: #ffc423;
}
.asc-row {
	display: table-row;
	background-color: #fff;
	color: #000;
}
.asc-header {
	display: table-cell;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.4em;
	width: 33%;
	padding: 5px 10px;
}
.asc-content {
	display: table-cell;
	width: 33%;
	padding: 5px 10px;
	font-size: 1.15em;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
}
/* Crime Log Highlight */
table[summary*="Crime Log"] td.ms-stylebox tr:nth-child(1) {
	font-weight: bold !important;
}
/* You Can Banner */
.you-can-banner {
	position: relative;
	background: linear-gradient(135deg, rgba(163, 14, 34, 1) 0%, rgba(163, 14, 34, 1) 39%, rgba(255, 196, 35, 1) 100%);
	box-sizing: border-box;
}
.create-tomorrow-banner {
	position: relative;
	background: linear-gradient(225deg, rgba(163, 14, 34, 1) 0%, rgba(163, 14, 34, 1) 39%, rgba(255, 196, 35, 1) 100%);
	box-sizing: border-box;
	margin: 0px;
	/* width: 1006px; */
	height: 246px;
}
#start-image {
	right: 0px;
	position: absolute;
}
.you-can-banner > a {
	text-decoration: none !important;
}
.you-can-banner-large-text {
	position: relative;
	color: #fff;
	font-family: sans-serif !important;
	font-size: 195px !important;
	font-weight: bold;
	font-stretch: expanded;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 2px 2px 10px #000;
	line-height: 190px !important;
	margin: 0px;
}
.you-can-banner-small-text {
	position: relative;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 50px;
	font-weight: 300;
	text-align: right;
	text-shadow: 2px 2px 5px #000;
	line-height: 35px;
	padding-right: 45px;
}
a:hover .you-can-banner-small-text, a:focus .you-can-banner-small-text {
	color: #a30e22 !important;
	text-shadow: 2px 2px 5px #fff;
}
.create-tomorrow-small-text {
	position: absolute;
	top: 200px;
	left: 675px;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 50px;
	font-weight: 300;
	text-align: right;
	text-shadow: 2px 2px 5px #000;
	line-height: 35px;
	padding-right: 45px;
	background-color: #a30f22;
}
a:hover .create-tomorrow-small-text, a:focus .create-tomorrow-small-text {
	color: #ffc423 !important;
}
.you-can-banner-image {
	position: absolute;
	top: 0;
	left: 0;
	/* width: 998px; */
	height: 246px;
}
/* .you-can-banner-image #bgimage {
width: 990px;
} */
/*
--Curved Arrows--

All arrows are 50px in size and curve
Naming convention tells you where in the box the arrow's head will be
*/
.arrow-bottom-right {
	height: 60px;
	width: 50px;
	float: left;
	position: relative;
	border-width: 1px 4px 0px 0px;
	border-style: solid;
	border-color: black;
	border-radius: 0 50px;
	margin: 50px 15px 0px;
}
.arrow-bottom-right::after {
	content: "";
	height: 15px;
	width: 15px;
	border-width: 0 3px 3px 0;
	border-style: solid;
	border-color: black;
	position: absolute;
	bottom: 0px;
	right: -11px;
	transform: rotate(45deg);
}
.arrow-bottom-left {
	height: 55px;
	width: 50px;
	float: left;
	position: relative;
	border-width: 0px 1px 4px 0px;
	border-style: solid;
	border-color: black;
	border-radius: 50px 0;
	margin: 0px 15px;
}
.arrow-bottom-left::after {
	content: "";
	height: 15px;
	width: 15px;
	border-width: 0 0 3px 3px;
	border-style: solid;
	border-color: black;
	position: absolute;
	bottom: -11px;
	left: 0px;
	transform: rotate(45deg);
}
.arrow-top-left {
	height: 55px;
	width: 50px;
	float: left;
	position: relative;
	border-width: 0px 0px 1px 4px;
	border-style: solid;
	border-color: black;
	border-radius: 0 50px;
	margin: 0px 15px;
}
.arrow-top-left::after {
	content: "";
	height: 15px;
	width: 15px;
	border-width: 3px 0 0 3px;
	border-style: solid;
	border-color: black;
	position: absolute;
	top: 0px;
	left: -11px;
	transform: rotate(45deg);
}
.arrow-top-right {
	height: 55px;
	width: 50px;
	float: left;
	position: relative;
	border-width: 4px 0px 0px 1px;
	border-style: solid;
	border-color: black;
	border-radius: 50px 0;
	margin: 50px 15px 0px;
}
.arrow-top-right::after {
	content: "";
	height: 15px;
	width: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: black;
	position: absolute;
	top: -11px;
	right: 0px;
	transform: rotate(45deg);
}
/* -- Straight Arrows -- */
.arrow-right {
	border-top-width: 3px;
	border-top-color: black;
	border-top-style: solid;
	position: relative;
}
.arrow-right::after {
	content: "";
	height: 15px;
	width: 15px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: black;
	position: absolute;
	top: -10px;
	right: 0px;
	transform: rotate(45deg);
}
/* End Arrow CSS */
/* Student Categories */
.student-category-new {
	padding: 0 10px;
	font-size: .90em;
	width: 200px;
	margin: 0 auto;
}
.student-category-new h2 {
	text-align: center;
}
.student-category-columns {
	display: flex;
	width: 650px;
}
.student_category {
	min-height: 165px;
	width: 45%;
	padding: 5px;
	float: left;
	vertical-align: top;
	margin: 0 4px 5px 4px;
	/*border: black solid 1px;*/
}
.student_category_sp {
	width: 95%;
	padding-left: 5px;
	float: left;
	vertical-align: top;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: -15px;
}
/* Course Types Visuals */
@font-face {font-family: "Bahnschrift"; src: url("//db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.eot"); src: url("//db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.woff") format("woff"), url("//db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0a6ee448d1bd65c56f6cf256a7c6f20a.svg#Bahnschrift") format("svg"); }

.course-type-outer-box {
	position: relative;
	width: 700px;
	height: 740px;
	overflow: hidden;
}	
.course-type-inner-box {
	position: absolute;
	top: var(--boxtop);
	left: var(--boxleft);
	height: 300px;
	padding-left: 120px;
	padding-top: 50px;
	font-family: Helvetica, Arial, "sans-serif";
}
.course-type-ribbon {
	position: absolute;
	left: 0px;
	top: 60px;
	width: 250px;
	height: 30px;
	background-color: var(--mycolor);
}
.course-type-ribbon_text {
	margin: 0;
	color: #000 !important;
	position: absolute;
	top: 0px;
	left: 25px;
	line-height: 30px !important;
	font-size: 20px !important;
	font-family: "Bahnschrift", sans-serif !important;
}
.course-type-circle {
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: #fff;
	border-radius: 100px;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 19px 0px #000000;
	box-shadow: 10px 10px 19px 0px #000000;
}
.course-type-ribbon-end {
	position: absolute;
	z-index: 100;
	left: 310px;
	top: 110px;
	width: 10px;
	height: 0px;
	border-top: 30px solid var(--mycolor);
	border-right: 40px solid transparent;
}
.course-type-large-number {
	color: var(--mycolor);
	line-height: 200px;
	font-family: "Bahnschrift", sans-serif;
	font-size: 250px;
	position: absolute;
	z-index: 1;
	top: var(--fromtop);
	left: var(--fromleft);
}
.course-type-sub-title {
	position: absolute;
	top: 40px;
	left: 50px;
	font-size: 16px;
	color: gray;
}
.course-type-circle-content {
	position: absolute;
	text-align: center;
	line-height: 17px;
	font-size: 16px;
	width: 150px;
	top: 95px;
	left: 25px;
}
@media only screen and (max-width: 600px) {
	.course-type-inner-box {
		position: relative;
		top: 0;
		left: 0;
		height: 230px;
	}
	.course-type-outer-box {
		height: 970px;
	}	
}


/* Program Quicklinks*/
.quicklink-box {
	width: 300px;
	background-color: #a30e22;
	padding: 5px 0 15px;
	border-radius: 25px;
	float: right;
	margin: 0 15px 10px;
	text-align: center;
}
.quicklink-title {
	margin: 0px;
	padding: 5px 5px 10px;
	color: #ffc423;
}
.quicklink-button {
	padding: 10px 5px;
	border-width: 2px 0 0 0;
	border-color: #ffc423;
	border-style: solid;
}
.quicklink-GE-button {
	padding: 5px 5px;
	border-width: 1px 2px 0 2px;
	border-color: #ffc423 #a30e22;
	border-style: double solid;
	background-color: #fff;
	color: #a30e22;
}
.quicklink-box a:last-child .quicklink-button {
	border-bottom-width: 2px;
}
.quicklink-box a:link, .quicklink-box a:visited {
	color: #fff !important;
	text-decoration: none !important;
}
.quicklink-box a:hover, .quicklink-box a:focus {
	color: #000 !important;
	text-decoration: none !important;
}
.quicklink-box a:hover .quicklink-button, .quicklink-box a:focus .quicklink-button{
	background-color: #ffc423;
}
/* CODe Flyer */
.CODeFlyer-Header {
	font-size: 3em;
	font-weight: bold;
	color: #fff;
	background-color: #a30e22;
	border-bottom: 5px solid #ffc423;
	text-align: center;
	padding-bottom: 5px;
}
.CODeFlyer-text {
	font-size: 1.35em;
	font-weight: bold;
	color: #000;
	text-align: center;
	position: relative;
}
.CODeFlyer-banner {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #ffc423;
	border-radius: 250px;
	position: absolute;
	top: 35%;
	left: 10%;
	padding: 20px;
	width: 800px;
	color: #a30e22;
	font-size: 1.3em;
	z-index: 50;
}
.CODeFlyer-greenbox {
	background-color: #a3ce36;
	border: 2px solid #000;
	border-radius: 25px;
	padding: 0 10px;
}
.CODeFlyer-text img {
	margin: 0;
	border-top: 6px solid #ffc423;
	border-bottom: 6px solid #ffc423;
}
.CODeFlyer-goldbox {
	font-size: 0.75em;
	background-color: #ffc423;
	width: 45%;
	border: 2px solid #000;
	border-radius: 25px;
}
.CODe-SessionTitle {
	font-size: 1.15em;
	color: #000;
}
.WE_blue {
	color: #000;
	background-color: #3ea9e0;
	font-size: 2em;
	padding: 0 30px 0 10px;
}
.WE_green {
	color: #000;
	background-color: #a3ce36;
	font-size: 1.75em;
	padding: 0 10px;
	width: 425px;
	padding: 0 0 10px 10px;
	position: relative;
}
.WE_green:after {
	content: "";
	position: absolute;
	left: 435px;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 42px solid transparent;
	border-bottom: 42px solid transparent;
	border-left: 50px solid #a3ce36;
}
.WE_orange {
	width: 250px;
	background-color: #ffc423;
	border: #cc0000 2px solid;
	text-align: center;
	font-size: 1.75em;
}
.home-button {
	position: relative;
	margin-left: 0;
}
.home-button:hover, .home-button:focus, .mycod-home-button:hover, .mycod-home-button:focus {
	opacity: .5;
}
.button-text {
	position: absolute;
	left: -9999px;
}
.board-button {
	width: 198px;
	background-color: #a30e22;
	text-align: center;
	padding-top: 10px;
	height: 70px;
	line-height: 30px;
	font-family: mytext, verdana;
	font-size: 20px;
	margin: 5px 0px;
}
.board-button a:link, .board-button a:visited {
	color: #fff !important;
	text-decoration: none;
}
.faculty-box {
	padding: 10px 7px;
	font: bold 0.95em Verdana;
	color: #000;
	width: 170px;
	margin: 5px 5px;
	float: left;
}
.faculty-box p {
	padding: 5px;
	margin: 0;
}
.faculty-box p:nth-child(2n) {
	background-color: #f7e192;
}
#customlist {
	list-style: none;
	counter-reset: itemcounter;
}
#customlist > li:before {
	content: "Step "counter(itemcounter) ": ";
	counter-increment: itemcounter;
}
.reginfo {
	list-style-type: none;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.regmonth {
	width: 100px;
	float: left;
	font-weight: bold;
}
.regday {
	width: 40px;
	float: left;
	font-weight: bold;
}
.image-responsive-max-200 {
	width: 100% !important;
	height: auto !important;
	max-width: 200px !important;
}
.image-responsive-max-300 {
	width: 100% !important;
	height: auto !important;
	max-width: 300px !important;
}
.image-responsive-max-400 {
	width: 100% !important;
	height: auto !important;
	max-width: 400px !important;
}
.image-responsive-max-500 {
	width: 100% !important;
	height: auto !important;
	max-width: 500px !important;
}
.image-responsive-max-600 {
	width: 100% !important;
	height: auto !important;
	max-width: 600px !important;
}
@media only screen and (max-width: 500px) {
	.image-responsive-max-500 {
		width: 100% !important;
		height: auto !important;
		max-width: 300px !important;
	}
	.ldp .slick-dots {
		display: none !important;
	}
	.ldp.slick .slick-caption {
		position: relative !important;
	}
}
/* icon buttons for new menu*/
.icon-GettingStarted a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f554";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 25px;
	left: 10px;
	opacity: 0;
	-webkit-transition: left 1s, opacity 0.1s;
	-o-transition: left 1s, opacity 0.1s;
	transition: left 1s, opacity 0.1s;
}
.icon-GettingStarted a:hover.icon::before, .icon-GettingStarted a:focus.icon::before {
	left: 50px;
	opacity: 1;
	-webkit-transition: left 1s, opacity 0.1s;
	-o-transition: left 1s, opacity 0.1s;
	transition: left 1s, opacity 0.1s;
}
.icon-Pledge a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f2b5";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 40px;
	left: 13px;
	opacity: 0;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-Pledge a:hover.icon::before, .icon-Pledge a:focus.icon::before {
	top: 25px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-search a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 40px;
	left: 20px;
	opacity: 0;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-search a:hover.icon::before, .icon-search a:focus.icon::before {
	top: 25px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-pathways a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f6ec";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 25px;
	left: 10px;
	opacity: 0;
	-webkit-transition: left 1s, opacity 0.1s;
	-o-transition: left 1s, opacity 0.1s;
	transition: left 1s, opacity 0.1s;
}
.icon-pathways a:hover.icon::before, .icon-pathways a:focus.icon::before {
	left: 45px;
	opacity: 1;
	-webkit-transition: left 1s, opacity 0.1s;
	-o-transition: left 1s, opacity 0.1s;
	transition: left 1s, opacity 0.1s;
}
.icon-trustees a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f086";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 40px;
	left: 13px;
	opacity: 0;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-trustees a:hover.icon::before, .icon-trustees a:focus.icon::before {
	top: 25px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-masterplan a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f279";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 40px;
	left: 13px;
	opacity: 0;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-masterplan a:hover.icon::before, .icon-masterplan a:focus.icon::before {
	top: 25px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-mycod a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f2f6";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 40px;
	left: 20px;
	opacity: 0;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-mycod a:hover.icon::before, .icon-mycod a:focus.icon::before {
	top: 25px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-graduation a.icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f19d";
	font-weight: 300;
	font-size: 2.5em !important;
	position: absolute;
	top: 40px;
	left: 13px;
	opacity: 0;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.icon-graduation a:hover.icon::before, .icon-graduation a:focus.icon::before {
	top: 25px;
	opacity: 1;
	-webkit-transition: top 1s, opacity 0.1s;
	-o-transition: top 1s, opacity 0.1s;
	transition: top 1s, opacity 0.1s;
}
.red-button {
	background-color: #a30e22;
}
.red-button a:link, .red-button a:visited {
	color: #fff !important;
	text-decoration: none;
}
.gold-button {
	background-color: #ffc423;
}
.gold-button a:link, .gold-button a:visited {
	color: #a30e22 !important;
	text-decoration: none;
}
.blue-button {
	background-color: #175575;
}
.blue-button a:link, .blue-button a:visited {
	color: #fff !important;
	text-decoration: none;
}
.green-button {
	background-color: #a3ce36;
}
.green-button a:link, .green-button a:visited {
	color: #000 !important;
	text-decoration: none;
}
a.icon .icon-text {
	opacity: 1;
	-webkit-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;
}
a:hover.icon .icon-text, a:focus.icon .icon-text {
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;
}
.buttons {
	float: left;
	margin: 5px;
	position: relative;
	width: 86px;
	text-align: center;
	padding-top: 10px;
	height: 70px;
	line-height: 30px;
	font-family: mytext, verdana;
	font-size: 20px;
}
.smaller-text {
	font-size: 15px;
}
.pace-program {
	margin: 5px;
	width: 160px;
	height: 110px;
}
.pace-program-card {
	margin: 20px auto;
}
.pace-no-mobile {
	display: none;
}
.pace-not-active {
	pointer-events: none;
}
.line-item {
	width: 650px;
	border-bottom: #a30e22 thin solid;
	padding: 5px 0;
}
.fee-item {
	height: 30px;
	width: 400px;
	display: inline-block;
}
.fee-price {
	height: 30px;
	width: 200px;
	float: right;
	display: inline-block;
	text-align: right;
}
.geTitle {
	font: bold 1.95em verdana;
	margin: 5px 0px;
	padding: 10px;
	border-radius: 0px 15px 15px 0px;
	border: 2px solid #a30e22;
	width: 550px;
	text-align: center;
	color: #a30e22;
}
.geHeader {
	font: bold 1.35em verdana;
	margin: 5px 0px 0px;
	padding: 7px;
	border-radius: 0px 15px 0px 0px;
	width: 500px;
	color: #fff;
	background-color: #a30e22;
}
.geBody {
	padding: 5px 0px 5px 12px;
	border-radius: 0px 0px 15px;
	border: 1px solid #a30e22;
	width: 500px;
	margin: 0px;
}
span.geStamp {
	border-bottom: 1px solid black;
	padding-bottom: 2px;
}
.labheader {
	background-color: #a30e22;
	color: #fff;
}
.labhours td, .labhours th {
	width: 10%;
	text-align: center;
	vertical-align: top;
	font-size: smaller;
}
.labhours tr:nth-child(2n) {
	background-color: #ffc423;
}
.index-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: small;
}
.index-list li {
	display: inline-block;
}
.index-list li:not(:last-child):after {
	content: " | ";
}
a.section-return-to-top:link, a.section-return-to-top:visited {
	float: right;
	padding-right: 10px;
	font-size: small;
	line-height: 25px;
	color: #fff !important;
}
.section-title {
	color: #fff;
	background-color: #a30e22;
	padding-left: 7px;
	border-radius: 0 25px 25px 0;
	margin-bottom: 2px;
}
.definition-group .definition-content:nth-child(2n) {
	background-color: #a8d8f1;
}
.definition-content {
	padding: 7px;
	border-radius: 10px;
	text-align: justify;
	letter-spacing: 0.05em;
}
.definition-content h3 {
	margin: 0;
}
.definition-content p {
	margin: 5px 15px 0;
}
.list-coloring li:nth-child(2n) {
	background-color: #3ea9e0;
}
.list-coloring p {
	width: 300px;
	display: inline-block;
	padding-left: 10px;
}
.FAQ-Question::before {
	content: "Q)";
	margin-right: 10px;
	float: left;
}
.FAQ-Question-Text {
	margin-left: 35px;
}
.FAQ-Answer::before {
	content: "A)";
	margin-right: 10px;
	float: left;
	font-weight: bold;
	font-style: italic;
}
.FAQ-Answer-Text {
	font-style: italic;
	margin-left: 30px;
}
/** According Bootstrap 4 Cards **/

.accordion .card-header button[aria-expanded="true"]::after {
    content: "-";
    float:  right;
    font-weight: bold;
    color: #000;
	position: absolute;
	top: 7px;
	right: 6px;
}

.accordion .card-header button.collapsed::after {
    content: "+";
    float:  right;
    font-weight: bold;
    color: #fff;
	position: absolute;
	top: 7px;
	right: 6px;
}

.accordion .card-header button.collapsed:hover::after, .accordion .card-header button.collapsed:focus::after {
    color: #000;
}

.accordion .card {
    margin-bottom: 5px;
    border: none;
}

.accordion .card .card-header {
	background-color: #a30e22;
	border: none !important;
	border-radius: 7px;
	padding: 0;
	margin: 0 0 0 10px;
}

.accordion .card-header h2.mb-0, .card-header h3.mb-0, .card-header h4.mb-0 {
    margin: 0;
}

.accordion .card-header button {
    padding: 7px 20px 7px 15px;
    margin: 0 !important;
    color: #fff;
	border: 1px solid black;
	width: -webkit-fill-available;
	width: 100%;
	text-align: -webkit-left;
	text-align: left;
	text-decoration: none;
}

.accordion .card-header button ul {
    font-size: 12px;
    color: #fff;
}

.accordion .card-header button:hover, .accordion .card-header button:focus, .accordion .card-header button[aria-expanded="true"] {
    background-color: #ffc423;
    color: #000;
    text-decoration: none;
    border-radius: 7px;
    box-shadow: none;
}

.accordion .card-header button:hover ul, .accordion .card-header button:focus ul, .accordion .card-header button[aria-expanded="true"] ul {
	color: #000;
}

.body-sub-text {
	font-size: .75em;
	display: block;
	margin-left: 20px;
}
/** Accordion Bootstrap 5 Items **/

.accordion-pathway .accordion-header button[aria-expanded="true"]::after {
    	content: "Close Pathway -";
   		float:  right;
    	font-weight: bold;
		position: absolute;
		top: 7px;
		right: 6px;
	}

.accordion-pathway .accordion-header button.collapsed::after {
    	content: "View Programs +";
    	float:  right;
    	font-weight: bold;
    	color: #000;
		position: absolute;
		top: 7px;
		right: 6px;
	}

@media screen and (min-width: 480px) {
	.accordion-pathway .accordion-header button[aria-expanded="true"]::after {
    	content: "-";
   	}

	.accordion-pathway .accordion-header button.collapsed::after {
    	content: "+";
	}
}

.accordion-pathway .accordion-header button.collapsed:hover::after, .accordion-pathway .accordion-header button.collapsed:focus::after {
    color: #000;
}

.accordion-pathway .accordion-item {
    border: none;
	margin: 0 0 0 10px;
	background-color: ghostwhite;
}

.accordion-pathway .accordion-item .accordion-header {
	background-color: #fff;
	border-top: 2px solid #a30e22 !important;
	border-bottom: 2px solid #a30e22 !important;
	padding: 0;
	margin: -2px 0 0 0;
	border-radius: 0;
}

.accordion-pathway .accordion-header {
    margin: 0;
}

.accordion-pathway .accordion-header button {
    padding: 7px 15px;
    margin: 0 !important;
    color: #000;
	font-weight: bold;
	width: -webkit-fill-available;
	text-align: -webkit-left;
	text-decoration: none;
	border-radius: 0;
}

.accordion-pathway .accordion-header button ul {
    font-size: 12px;
    color: #A30E22;
}

.accordion-pathway .accordion-header button:hover, .accordion-pathway .accordion-header button:focus, .accordion-pathway .accordion-header button[aria-expanded="true"] {
    background-color: #ffc423;
    color: #000;
    text-decoration: none;
    box-shadow: none;
}

.accordion-pathway .accordion-header button:hover ul, .accordion-pathway .accordion-header button:focus ul, .accordion-pathway .accordion-header button[aria-expanded="true"] ul {
	color: #000;
}

.accordion-pathway .cod-column-pathway:last-child {
	border-bottom: 0;
}

/** Bootstrap 5 Accordion **/

.accordion .accordion-item .accordion-button {
	background-color: #a30e22;
	color: #fff;
	border: 1px solid black;
}

.accordion .accordion-item .accordion-button:focus, .accordion .accordion-item .accordion-button:hover {
	background-color: #ffc423;
	color: #000;
	box-shadow: none;
}

/** Pathways Accordion **/

.accordion-pathway .card-header button[aria-expanded="true"]::after {
    content: "Close Pathway -";
    float:  right;
    font-weight: bold;
	position: absolute;
	top: 7px;
	right: 6px;
}

.accordion-pathway .card-header button.collapsed::after {
    content: "View Programs +";
    float:  right;
    font-weight: bold;
    color: #000;
	position: absolute;
	top: 7px;
	right: 6px;
}

.accordion-pathway .card-header button.collapsed:hover::after, .accordion-pathway .card-header button.collapsed:focus::after {
    color: #000;
}

.accordion-pathway .card {
    border: none;
	margin: 0 0 0 10px;
	background-color: ghostwhite;
}

.accordion-pathway .card .card-header {
	background-color: #fff;
	border-top: 2px solid #a30e22 !important;
	border-bottom: 2px solid #a30e22 !important;
	padding: 0;
	margin: -2px 0 0 0;
	border-radius: 0;
}

.accordion-pathway .card-header h2.mb-0, .card-header h3.mb-0, .card-header h4.mb-0 {
    margin: 0;
}

.accordion-pathway .card-header button {
    padding: 7px 15px;
    margin: 0 !important;
    color: #000;
	font-weight: bold;
	width: -webkit-fill-available;
	text-align: -webkit-left;
	text-decoration: none;
	border-radius: 0;
}

.accordion-pathway .card-header button ul {
    font-size: 12px;
    color: #A30E22;
}

.accordion-pathway .card-header button:hover, .accordion-pathway .card-header button:focus, .accordion-pathway .card-header button[aria-expanded="true"] {
    background-color: #ffc423;
    color: #000;
    text-decoration: none;
    box-shadow: none;
}

.accordion-pathway .card-header button:hover ul, .accordion-pathway .card-header button:focus ul, .accordion-pathway .card-header button[aria-expanded="true"] ul {
	color: #000;
}

.accordion-pathway .cod-column-pathway:last-child {
	border-bottom: 0;
}

/** Responsive Columns **/

.cod-column-container {
	padding: 1rem;
	display: grid;
	grid-gap: 0.625rem;
}

.cod-column-pathway {
	border-bottom: 1px solid black;
}

.cod-two-columns {
	grid-template-columns: repeat(auto-fit, minmax(250px, 2fr));
}

.cod-three-columns {
	grid-template-columns: repeat(auto-fit, minmax(200px, 2fr));
}

.cod-four-columns {
	grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));
}

/** COD DL Accordion **/
.accordion-list {
	position: relative;
	font-size: 1.1em;
}
.accordion-list dt {
	position: relative;
	margin-bottom: 5px;
}
.accordion-list-2 {
	position: relative;
	font-size: 1.1em;
}
.accordion-list-2 dt {
	position: relative;
	margin-bottom: 5px;
	font-size: 1.15em !important;
	color: #fff;
	margin: 0px;
	font-weight: normal !important;
}
span.accordion-question:after {
	position: absolute;
	content: "+";
	float: right;
	right: 5px;
	top: 7px;
}
span.active:after {
	content: '\2500';
}
.accordion-list dt h3, .accordion-list dt h2 {
	font-size: 1.15em !important;
	color: #fff;
	margin: 0px;
	display: inline;
	font-weight: normal !important;
}
span.accordion-question {
	padding: 10px 25px 10px 15px;
	border: #000 1px solid;
	border-radius: 7px;
	background-color: #A30E22;
	color: #fff !important;
	width: 100%;
	display: block;
}
.accordion-answer {
	padding: 0px 25px;
	font-size: .95em;
}
span.accordion-question.active, .accordion-question:hover, .accordion-question:focus {
	background-color: #ffc423 !important;
	color: #000 !important;
	cursor: pointer;
}
.communication-list {
	border-width: medium thick thick;
	border-style: none solid solid;
	border-color: rgb(163, 14, 34);
	border-radius: 0px 0px 10px 10px;
	overflow: hidden;
	margin-top: 0px;
}
.communication-list ul {
	list-style: none;
	padding-left: 0;
}
/* Clubs layout */
.clubcard {
	font: bold 0.95em Verdana;
	color: #000;
	border: #175575 solid 4px;
	border-radius: 15px;
	margin: 5px 5px;
	overflow: hidden;
}
.clubtitle {
	background-color: #ffc423;
	color: #000;
	border-radius: 7px 7px 0 0;
	margin: 0px 0px 5px;
	padding: 5px;
}
.clubheads {
	display: inline-block;
	margin: 1px 0px;
}
.clubcontent {
	font-size: 0.75em;
	padding-left: 7px;
}

/* Discount and Benefit layout */
.item-title {
	border: #a30e22 solid thin;
	padding:10px;
	margin: 0px;
}
.item-layout {
	width: auto;
	height: 100px;
	overflow: hidden;
	padding-top: 5px;
	display: table;
}
.item-image {
	width: 20%;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.item-content {
	width: 80%;
	height: 60px;
	vertical-align: top;
	display: table-cell;
}

/* Team Cards */
.user-columns {
	display: flex;
}
.user-card {
	width: 200px;
	height: 270px;
	border: 3px #a30e22 solid;
	border-radius: 25px;
	overflow: hidden;
	margin: 5px auto;
}
.user-card-text {
	margin: 0px;
	text-align: center;
	font-size: .75em;
}
h3.user-card-text {
	font-size: 1.1em !important;
}
.user-image {
	width: 200px;
}
/* Training Calendar */
.month {
	width: 100%;
	margin: 10px auto;
}
.month-title {
	background-color: #a30e22;
	color: #ffc423;
	text-align: center;
	margin-bottom: 0px;
}
.month-grid {
	margin: 0 auto;		  
}
.month-grid td {
	height: 80px;
}
.month-week-title {
	background-color: #ffc423;
	color: #000;
	text-align: center;
	width: 130px;
	margin: 2px;
}
.day-cell {
	min-height: 50px;
	border: lightgrey solid 1px;
	vertical-align: top;
}
.day-number {
	text-align: left;
	margin: 0;
}
.day-content {
	font-size: .85em;
	padding: 0 5px;
	text-align: center;
}
@media only screen and (max-width: 400px) {
	.month-grid td {
		width: 300px;
		display: block;
		margin: auto;
	}
	.month-week-title {
		height: fit-content !important;
	}
	.hide-cell-mobile {
		display: none;
	}
	.day-cell {
		border: none;
		height: fit-content !important;
	}
} 
@media only screen and (min-width: 401px) {
	.hide-cell-desktop {
		display: none;
	}
}
/* Student Life buttons */

.notice-section {
	text-align: center;
	border-bottom: thin solid #a30e22;
	margin: 20px 0;
}
.box-corner {
	width: 170px;
	height: 40px;
	background-color: #a30e22;
	position: relative;
}
.box-corner:after {
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	left: 170px;
	top: 0px;
	border-left: 60px solid #a30e22;
	border-top: 40px solid transparent;
	border-bottom: 0px solid transparent;
}
.box-corner2 {
	width: 170px;
	height: 40px;
	background-color: #a30e22;
	position: absolute;
	left: 80px;
}
.box-corner2:before {
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	left: -60px;
	bottom: 0px;
	border-right: 60px solid #a30e22;
	border-bottom: 40px solid transparent;
	border-top: 0px solid transparent;
}
.small-column {
	padding: 20px;
	position: relative;
}
.large-column {
	padding: 20px;
	display: inline;
}
.yellow-letters {
	text-transform: uppercase;
	color: #ffc423;
	font-weight: bold;
}
.white-letters {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
.letters-justify {
	text-align: justify;
}
.button-box {
	width: 220px;
	height: 140px;
	padding-left: 10px;
	font-size: 25px;
	background-color: #a30e22;
}
.stu-life-button:hover .box-corner,
.stu-life-button:focus .box-corner,
.stu-life-button:hover .box-corner2,
.stu-life-button:focus .box-corner2,
.stu-life-button:hover .button-box,
.stu-life-button:focus .button-box {
	background-color: #000;
}
.two-column, .three-column, .four-column {
	display: flex;
	margin-bottom: 20px;
}
.notice-section:last-child {
	border-bottom: none;
}
#timesheet:before {
	content: var(--right-tri);
	color: black;
	transition: content 2s;
}
.link-sheet:before {
	content: var(--right-tri);
	color: black;
	transition: content 2s;
}
.active-sheet:before {
	content: var(--down-tri) !important;
	color: black;
	transition: content 2s;	
}
/* Datatable Changes */
table.dataTable>tbody>tr.child span.dtr-title {
	display: block !important;
}

/* Round buttons for play or download */
.playbutton:link, .playbutton:visited {
	position: relative;
	background-image: url(/_web-items/images/campus/play.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
.playbutton:hover, .playbutton:focus {
	background-image: url(/_web-items/images/campus/play-active.png);
	text-decoration: none !important;
}
.downloadbutton:link, .downloadbutton:visited {
	position: relative;
	background-image: url(/_web-items/images/campus/download.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
.downloadbutton:hover, .downloadbutton:focus {
	background-image: url(/_web-items/images/campus/download-active.png);
	text-decoration: none !important;
}
.minutesbutton:link, .minutesbutton:visited {
	position: relative;
	background-image: url(/_web-items/images/campus/minutes-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
.minutesbutton:hover, .minutesbutton:focus {
	background-image: url(/_web-items/images/campus/minutes-active.png);
	text-decoration: none !important;
}
.agendabutton:link, .agendabutton:visited {
	position: relative;
	background-image: url(/_web-items/images/campus/agenda-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
.agendabutton:hover, .agendabutton:focus {
	background-image: url(/_web-items/images/campus/agenda-active.png);
	text-decoration: none !important;
}
/* Zoom Room Items */
.virtual-center-box {
	width: 900px;
	margin: 20px auto;
}
.zoomrooms {
	width: 90%;
	display: inline-block;
	FONT: .95em Verdana;
	COLOR: #000;
	border: #a30e22 solid thick;
	border-radius: 15px;
	MARGIN: 1%;
	padding-bottom: 0;
	overflow: hidden;
}
.zoomrooms h3 {
	margin: 2px 5px;
}
.zoomrooms-content {
	padding: 5px 10px;
	text-align: center;
}
.zoomrooms-title {
	margin: 0px 0px 10px 0px !important;
	PADDING: 5px 10px;
	COLOR: #a30e22;
	background-color: #ffc423;
	border-radius: 10px 10px 0 0;
}
.slider-box {
	width: fit-content;
    margin: 5px auto;
    text-align: center;
    position: relative;
    display: block;
    box-sizing: border-box;
}
.slider-button {
	color: #ffc423;
    background-color: #a30e22;
    padding: 15px 20px;
    border: none;
    font-size: 1rem;
    float: left;
    cursor: pointer;
    transition: .6s;
	margin-bottom: 10px;
}
.slider-left {
	border-radius: 10px 0px 0px 10px;
    border-right: solid black 1px;
    border-bottom: none;
}
.slider-right {
	border-radius: 0px 10px 10px 0px;
}
.slider-circle {
	width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    line-height: 18px;
    border-radius: 25px;
    left: 50%;
    transform: translateY(70%) translateX(50%);
    top: 0;
    z-index: 25;
    background-color: #fff;
    color: #000 !important;
    font-size: smaller;
    padding: 1px;
}
.slider-left:hover, .slider-left:focus {
	box-shadow: inset -12em 0 0 0 #ffc423;
    color: #000;
}
.slider-right:hover, .slider-right:focus {
	box-shadow: inset 12em 0 0 0 #ffc423;
    color: #000;
}
@media screen and (max-width: 680px) {
	.zoomrooms {
		padding-bottom: 10px;
	}
	.slider-button {
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	.slider-right {
		border-radius: 0px 0px 10px 10px;
	}
	.slider-left {
		border-radius: 10px 10px 0px 0px;
		border-right: none;
		border-bottom: solid black 1px;
	}
	.slider-circle {
		transform: translateY(200%) translateX(-50%);
	}
	.slider-left:hover, .slider-left:focus {
		box-shadow: inset -21em 0 0 0 #ffc423;
}
.slider-right:hover, .slider-right:focus {
		box-shadow: inset 21em 0 0 0 #ffc423;
}
}
/* Zoomrooms style end */

.virtual-center-group {
	width: 720px;
	margin: auto;
	background-color: #faeed4;
	padding: 5px 20px 20px;
	border-radius: 25px;
}
.virtual-center-columns {
	display: flex;
	justify-content: space-around;
}

#ctl00_PlaceHolderSearchArea_g_06619f37_9d02_447f_8d64_157258ba5b1d_S8AF30516_InputKeywords {
	width: 170px !important;
	margin-right: -2px;
}
#cod_ContentDiv {
	left: 0px;
	top: 0px;
	overflow-x: hidden;
}
#blue-nav {
	width: 100%;
}
#left-inner {
	margin-top: 10px;
}
.box-card img {
	margin: 0px 0px 10px 0px;
	width: 197px;
	height: 82px;
}
.red-font {
	color: #a30e22;
}
.w-100 {
	width: 100% !important;
}
.py-4 {
	padding: 1.5rem !important;
}
.d-none {
	display: none !important;
}
.spacer {
	height: 6px;
}
#cell_codWebPart2 {
	width: 100%;
}
.decoration-style-1 {
	text-decoration: none solid rgb(0, 85, 141);
}
.decoration-style-2 {
	text-decoration: none solid rgb(0, 114, 188);
}
.decoration-style-3 {
	text-decoration: none solid #000000;
}
.decoration-style-4 {
	text-decoration: none solid rgb(56, 91, 131);
}
.cover-style-2 {
	margin: 0in 0in 0pt;
}
.cntDiv-s {
	left: 0px;
	top: 0px;
}
.display-none-class, .display-hide {
	display: none;
}
.display-show {
	display: block;
}
.display-inline-class {
	display: inline;
}
.display-in-block-class {
	display: inline-block;
}
.cod-pagination li {
	padding: 1px 10px;
}
.cod-pagination li:nth-child(2n) {
	background-color: #f0f0f0;
}
#page-info {
	display: inline-block;
	margin: 0 10px;
}
.width-50-per {
	width: 50%;
}
.list-style--type-none {
	list-style-type: none;
}
.list-style-none {
	list-style: none;
}
.text-style-2 {
	font-size: 10pt;
	letter-spacing: 0.05em;
	background-color: transparent;
}
.text-style-3 {
	font-size: 10pt;
	background-color: transparent;
	letter-spacing: 0.666667px;
}
.text-style-4 {
	font-size: 10pt;
	letter-spacing: 0.05em;
	background-color: transparent;
}
.text-style-5 {
	background-color: transparent;
	font-size: 13.3333px;
	letter-spacing: 0.666667px;
}
.text-style-6 {
	letter-spacing: 0.05em;
	background-color: transparent;
}
.text-style-7 {
	font-size: 0.82em;
}
.img-style-4 {
	margin: 5px;
	width: 90vw;
	height: auto;
}
.text-style-8 {
	margin: 25px 10px 10px;
	width: 188px;
	height: 83px;
	float: left;
}
.text-style-9 {
	margin: 10px;
	width: 188px;
	height: 83px;
	float: left;
}
.text-style-11, .text-style-10 {
	margin: 10px auto;
	width: 640px;
}
.text-style-12 {
	margin: 5px;
	width: 686px;
	height: 189px;
}
.text-style-13 {
	margin: auto;
	width: 620px;
}
.padding-top-30 {
	padding-top: 30px;
}
.margin-bootom--20 {
	margin-bottom: -20px;
}
.display-table-cell {
	display: table-cell;
}
.red-banner {
	width: 185px;
	height: 70px;
	text-align: center;
	margin: 8px auto !important;
}
.overflow-hidden-class {
	overflow: hidden;
}
.style-class-1 {
	font-family: calibri, sans-serif;
	font-size: 12pt;
}
.style-class-3 {
	font-family: calibri, sans-serif;
}
.services-item {
	padding: 3px 15px;
	border-right-color: black;
	border-right-width: thin;
	border-right-style: solid;
}
.services-item-last {
	padding: 3px 15px;
}
.red-btn-style-1 {
	width: 45%;
	float: left;
}
.red-btn-style-2 {
	width: 50%;
	float: right;
}
.float-right-class {
	float: right;
}
.font-size-1em {
	font-size: 1em;
}
.text-align-left-class {
	text-align: left;
}
.text-align-center, div#div-2, div#div-3, div#div-4, div#div-3, div.content#div-6, div#div-5 {
	text-align: center;
}
.text-align-justify {
	text-align: justify;
}
.text-style-1 {
	letter-spacing: 0.666667px;
}
.financial-aid-video {
	width: 80%;
	margin: auto;
}
.video-responsive {
	overflow:hidden;
	padding:56.25% 0 0;
	position:relative;
	width: 80%;
	margin: 0 auto;
}
.video-responsive iframe {
	left:0;
	top:0;
	height:80%;
	width:100%;
	position:absolute;
}
.img-style-4 {
	margin: 5px;
	width: 230px;
	height: 186px;
}
.res-cover {
	margin: auto;
	width: 200px;
}
.letter-spacing-05 {
	letter-spacing: 0.05em;
}
.full-width-class {
	width: 100%;
}
a:hover img.invert, a:focus img.invert {
	filter: hue-rotate(180deg);
}
img#img-1 {
	border: 0px solid;
}
img#img-2 {
	margin: 0px 5px;
}
.margin-0 {
	margin: 0;
}
.margin-auto {
	margin: auto;
}
.banner-style-1 {
	background: linear-gradient(to right, rgb(163, 14, 34) 0%, rgb(163, 14, 34) 90%, rgba(163, 14, 34, 0) 100%);
	width: 675px;
}
.banner-style-2 {
	left: 5px;
	top: 67px;
	width: 300px;
	color: #ffca38;
	font-size: 0.24em;
	position: absolute;
}
.banner-style-3 {
	left: 320px;
	top: 67px;
	width: 275px;
	font-size: 0.24em;
	position: absolute;
}
.banner-style-4 {
	background: linear-gradient(to right, rgb(163, 14, 34) 0%, rgb(163, 14, 34) 90%, rgba(163, 14, 34, 0) 100%);
	width: 675px;
	"

}
.banner-style-5 {
	left: 5px;
	top: 67px;
	width: 600px;
	color: #ffca38;
	font-size: 0.32em;
	position: absolute;
}
.super-class {
	font-size: 0.5em;
	vertical-align: super;
}
.width-200 {
	width: 200px;
}
.width-400 {
	width: 400px;
}
.two-buttons span {
	display: inline-block;
}
h2.cod-element-H2 banner-notice-white#h2-1 {
	font: bold 1.2em / normal verdana;
	font-size-adjust: none;
	font-stretch: normal;
}
div.clearfix#div-1 {
	margin: auto;
	width: 680px;
	overflow: hidden;
}
h3.cod-element-H3 banner-notice-red#h3-1 {
	border-radius: 3px 3px 0px 0px;
}
img#img-3 {
	border-radius: 15px;
}
h3.cod-element-H3 banner-notice-red#h3-2 {
	border-radius: 3px 3px 0px 0px;
}
img#img-4 {
	border-radius: 15px;
}
h3.cod-element-H3 banner-notice-red#h3-3 {
	border-radius: 3px 3px 0px 0px;
}
img#img-5 {
	border-radius: 15px;
}
h2.cod-element-H2 banner-notice-white#h2-2 {
	font: bold 1.2em / normal verdana;
	font-size-adjust: none;
	font-stretch: normal;
}
div.catalog-box2#div-5 {
	width: 291px;
	height: 391px;
}
h3.cod-element-H3 banner-notice-red#h3-4 {
	border-radius: 3px 3px 0px 0px;
}
.margin-top-6 {
	margin: 6px 0px;
}
img#img-6 {
	border-radius: 15px;
	margin-top: 10px;
}
p#p-1 {
	padding-top: 10px;
}
div.clearfix mobile2-up#div-1 {
	margin: auto;
	width: 680px;
	overflow: hidden;
}
div.catalog-box#div-2 {
	width: 310px;
	height: 255px;
}
h2.cod-element-H2 banner-notice-red#h2-1 {
	border-radius: 4px 4px 0px 0px;
}
p.cod-element-P#p-1 {
	padding: 5px;
}
h3.cod-element-H3 banner-notice-red#h3-1 {
	border-radius: 0px 0px 14px 14px;
	text-align: center;
	margin-top: -5px;
}
div.catalog-box#div-4 {
	width: 310px;
	height: 255px;
}
h2.cod-element-H2 banner-notice-red#h2-2 {
	border-radius: 3px 3px 0px 0px;
}
p.cod-element-P#p-2 {
	padding: 5px;
}
h3.cod-element-H3 banner-notice-red#h3-2 {
	border-radius: 0px 0px 14px 14px;
	margin-top: 58px;
}
img.ms-rtePosition-1#img-1 {
	margin: 5px;
	width: 104px;
	height: 104px;
}
img.ms-rtePosition-2#img-2 {
	margin: 5px;
	width: 202px;
	height: 99px;
}
img.ms-rtePosition-1#img-3 {
	margin: 5px;
}
img.ms-rtePosition-2#img-4 {
	margin: 0px 5px;
}
img.ms-rtePosition-1#img-5 {
	margin: 5px;
	width: 141px;
	height: 143px;
}
h2.cod-element-H2#h2-3 {
	color: rgb(204, 51, 0);
}
img.ms-rtePosition-2#img-6 {
	margin: 0px 15px;
	width: 200px;
	height: 200px;
}
img.ms-rtePosition-2#img-7 {
	margin: 5px;
	width: 280px;
	height: 79px;
}
h2.cod-element-H2#h2-4 {
	color: rgb(204, 51, 0);
}
img.ms-rtePosition-1#img-8 {
	margin: 0px 5px;
	width: 320px;
	height: 160px;
}
img.ms-rtePosition-1#img-9 {
	margin: 5px 15px 5px 5px;
	width: 128px;
	height: 118px;
}
img.ms-rtePosition-2#img-10 {
	margin: 5px 15px;
}
img.ms-rtePosition-1#img-11 {
	margin: 5px 15px 5px 5px;
}
img.ms-rtePosition-2#img-12 {
	margin: 5px;
	width: 254px;
	height: 49px;
}
img.ms-rtePosition-1#img-13 {
	margin: 5px 15px 65px 5px;
	width: 270px;
	height: 69px;
}
img.ms-rtePosition-2#img-14 {
	margin: 5px 15px 25px;
	width: 224px;
	height: 47px;
}
img.ms-rtePosition-1#img-15 {
	margin: 5px 10px 35px 5px;
	width: 243px;
	height: 90px;
}
img.ms-rtePosition-2#img-16 {
	margin: 5px;
	width: 390px;
	height: 62px;
}
.no-border {
	border: none;
}
span#span-1 {
	background: #ffca38;
	padding: 10px 0px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}
.width-170 {
	width: 170px;
}
#search-forms-mobile input:focus, #searchBox input:focus {
	border: none;
	outline: none;
}
.search-entry {
	width: 100%;
}
.searchQuery {
	border-width: 0 !important;
	height: 24px;
	line-height: 20px;
	float: left;
	min-width: 164px;
	font-style: italic;
	color: #476382 !important;
}
#cancelSearch, #search-forms-mobile {
	z-index: 9;
}
#search-forms-mobile {
	width: 90%;
	margin: 0px auto;
}
#search-forms-mobile .searchQuery {
	background: none;
	border-bottom: 1px solid white !important;
	z-index: 9999;
	color: #ffffff !important;
	width: calc(100% - 40px);
	margin-right: 10px;
	outline: 0px !important;
}
#search-forms-mobile .searchQuery::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(255, 255, 255, 0.50);
	opacity: 1;
	/* Firefox */
	font-size: 16px;
	font-weight: normal;
}
#search-forms-mobile .searchQuery:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.50);
	font-size: 16px;
	font-weight: normal;
}
#search-forms-mobile .searchQuery::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(255, 255, 255, 0.50);
	font-size: 16px;
	font-weight: normal;
}
.sbmt-frm {
	color: #ffffff !important;
	padding: 0px;
	font-size: 0px;
	border: 0px;
	outline: none !important;
}
#search-forms-mobile .sbmt-frm {
	z-index: 9;
	font-size: 0px;
	outline: none;
}
#search-forms-mobile .sbmt-frm .fa-search {
	font-size: 30px;
}
.font-weight-normal {
	font-weight: normal !important;
}
.exhibition-cont h4 {
	font-size: 13.333px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}
table.no-border-table, .no-border-table thead, .no-border-table tbody, .no-border-table tfoot, .no-border-table tr, .no-border-table th, .no-border-table td, #topZone table, #topZone thead, #topZone tbody, #topZone tfoot, #topZone tr, #topZone th, #topZone td {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: inherit;
	border-spacing: 0;
	border-color: inherit;
	vertical-align: inherit;
	text-align: left;
	font-weight: inherit;
	-webkit-border-horizontal-spacing: 0;
	-webkit-border-vertical-spacing: 0;
}
#topZone th, #topZone td {
	display: inline;
}
@media only screen and (min-width: 769px) {
	.hide-not-mobile {
		display: none !important;
	}
}
@media only screen and (min-width: 400px) {
	.hide-hr-desktop {
		display: none !important;
	}
}
@media only screen and (max-width: 768px) {
	.hide-on-mobile {
		display: none !important;
	}
	.cod-table-font {
		font-size: smaller;
	}
	.mycod-icons {
		display: flex;
		justify-content: space-around;
		margin: 10px 0;
	}
	.goog-te-combo {
		width: 80px;
		font-weight: bold;
		float: right;
	}
	.spacer {
		display: none;
	}
	.blueBand {
		/*display: inline-block !important;
		text-align: center !important;
		width: 100% !important;
		background: white !important;*/
		display: none;
	}
	.blueBand p {
		display: inline-block;
		float: left;
		background-color: #175575;
		font-size: 0px;
		margin: 0px auto;
		padding: 15px 0px !important;
		width: 50%;
		border-top: 2px solid #ffffff;
	}
	.blueBand p a {
		font-size: 13px;
	}
	.list-text a {
		font-size: 13px;
		color: #A30F22;
	}
	.list-text li p {
		margin-bottom: 5px;
	}
	/* #cod_ContentDiv {
	top: -8px;
} */
}
#cod_ContentDiv {
	padding-bottom: 0px;
}
@media only screen and (max-width: 468px) {
	#translatorBox {
		/* top: 45px !important; */
		right: 3px !important;
	}
}
@media only screen and (max-width: 500px) {
	.catalog-box {
		width: 210px;
		margin: 10px auto;
	}
	.catatlog-image {
		width: 50%;
	}
}