/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");

/* General */
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.231;
	background: url('/pics/body-bg.jpg') repeat;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

.DB_mask {
	z-index: 99999 !important;
}

.DB_dialog {
	z-index: 99999 !important;
}

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
}

a,
a:active,
a:visited {
	color: #033b73;
}

a:hover,
a:active {
	outline: 0;
	color: #fb3038;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

/* Normalization of fonts */
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

@font-face {
	font-family: 'Manrope-SemiBold';
	src: url('/shared/fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Manrope-SemiBold.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Manrope-SemiBold.otf') format('opentype'),
		url('/shared/fonts/Manrope-SemiBold.ttf') format('truetype');
	/* Safari, Android, iOS */
}

@font-face {
	font-family: 'Manrope-ExtraBold';
	src: url('/shared/fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Manrope-ExtraBold.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Manrope-ExtraBold.otf') format('opentype'),
		url('/shared/fonts/Manrope-ExtraBold.ttf') format('truetype');
	/* Safari, Android, iOS */
}

@font-face {
	font-family: 'Manrope-Medium';
	src: url('/shared/fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Manrope-Medium.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Manrope-Medium.otf') format('opentype'),
		url('/shared/fonts/Manrope-Medium.ttf') format('truetype');
	/* Safari, Android, iOS */
}

@font-face {
	font-family: 'Manrope-Regular';
	src: url('/shared/fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Manrope-Regular.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Manrope-Regular.otf') format('opentype'),
		url('/shared/fonts/Manrope-Regular.ttf') format('truetype');
	/* Safari, Android, iOS */
}

@font-face {
	font-family: 'Manrope-Bold';
	src: url('/shared/fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Manrope-Bold.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Manrope-Bold.otf') format('opentype'),
		url('/shared/fonts/Manrope-Bold.ttf') format('truetype');
	/* Safari, Android, iOS */
}

@font-face {
	font-family: 'Manrope-Light';
	src: url('/shared/fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/shared/fonts/Manrope-Light.woff') format('woff'),
		/* Pretty Modern Browsers */
		url('/shared/fonts/Manrope-Light.otf') format('opentype'),
		url('/shared/fonts/Manrope-Light.ttf') format('truetype');
	/* Safari, Android, iOS */
}

/* PARAMETERS */
/* HEIGHT OF THE MIDDLE SECTION WHERE SCHOOL'S NAME IS LOCATED WILL BE AUTO-ADJUSTED */
:root {
    --en-website-width: 1100px;
}
@media only screen and (max-width: 768px) {
 :root {
   touch-action: pan-x pan-y;
   overflow-x: hidden !important;
 }
 html.has-spotlight-overflow body {
   overflow-x: hidden !important;
 }
}

/************** Rows WRapper **********/
/* Rows WRapper */
#row-wrapper,
.rows {
 position: relative;
 width: 100%;
}
#index-wrapper {
	background: url('/pics/main_bg.png') repeat;
}
.row-inner {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
}
@media screen and (max-width: 1120px) {
 .row-inner {
     padding-left: 25px !important;
     padding-right: 25px !important;
 }
}
@media screen and (max-width: 767px) {
 .row-inner {
     padding-left: 15px !important;
     padding-right: 15px !important;
 }
}
/******************** END Wraper CSS********/

/********** Index Top Video Banner**********/
#index-top {
	background: #000;
	position: relative;
	max-height: 430px;
	height: clamp(300px, 55.98vw, 430px);
}
#index-top::after {
	content: "";
	background: url('/pics/rotating-image-bottom-shadow.png') repeat-x center top;
	width: 100%;
	height: 170px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.en-widescreen-video video {
	max-height: 430px;
	height: clamp(300px, 55.98vw, 430px);
}
.en-widescreen-video .en-video-controls {
	right: unset !important;
    z-index: 10;
    left: 10px !important;
}
.en-widescreen-video button {
	background-color: #0040ae !important;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}
.en-widescreen-video button:hover,
.en-widescreen-video button:focus {
	background-color: #475773 !important;
	color: #fff;
}
/********** Index Top Video Banner **********/

/****** First Row Section :- SideLink Section ******/
#first-row {
	background-color: #fff;
}
#first-row-inner {
	max-width: 100%;
}
.quicklinks {
	position: fixed;
	right: 0;
	top: 200px;
}
.quicklinks ul {
	padding: 0;
	margin: 0;
}
.quicklinks ul li {
	list-style-type: none;
	margin-bottom: 10px;
	display: flex;
}
.quicklinks ul li:last-child {
	margin-bottom: 0;
}
.quicklinks ul li a {
	display: flex;
	text-decoration: none;
	font-family: 'Manrope-SemiBold';
	font-size: 18px;
	color: #0040ae !important;
	line-height: 22px;
	text-transform: uppercase;
	width: 160px;
	min-height: 70px;
	background: #ffffff;
	box-sizing: border-box;
	align-items: center;
	padding: 5px 18px 6px;
	letter-spacing: 1.1px;
	transition: all .5s ease;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);
	font-weight: 500;
}
.quicklinks ul li a:hover,
.quicklinks ul li a:focus {
	padding-left: 13px;
	transform: unset !important;
}
.quicklinks ul li:first-child a:hover,
.quicklinks ul li:first-child a:focus {
	background: #0040ae;
	color: #fff !important;
}
.quicklinks ul li a.financial-transparency {
	background: url('/pics/financial-transparency.jpg') no-repeat center center #fff;
}
.quicklinks ul li a.financial-transparency:hover,
.quicklinks ul li a.financial-transparency:focus {
	opacity: .8;
}
.quicklinks ul li a.literacy-transparency {
	background: url('/pics/LiteracyTranspIcon-01_w125.png') no-repeat center center #fff;
	min-height: 135px;
}
.quicklinks ul li a.literacy-transparency:hover,
.quicklinks ul li a.financial-transparency:focus {
	opacity: .8;
}
.en-sidelinks-module a:not(a:hover)::before,.en-sidelinks-module a:hover::after {
	display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.en-sidelinks-module.quicklinks {
		gap: 0px;
		z-index: 999999999 !important;
		top: 387px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1441px) {
	.quicklinks {
		position: absolute;
		right: 0;
		top: -210px !important;
	}
}
@media screen and (max-width: 768px) {
	.quicklinks {
		position: unset;
		padding: 30px 0 50px;
	}
	.quicklinks ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 769px) {
	.en-sidelinks-module a {
		width: 160px !important;
	}
}
/****** First Row Section :- SideLink Section ******/

/****** Second Row Section :- School Section ******/
#second-row {
	background: url('/pics/first-row-bg.jpg') repeat #000;
	z-index: 0;
}
#second-row #second-row-inner {
	padding-bottom: 4px;
	box-sizing: border-box;
	z-index: -1;
}
#second-row #second-row-inner ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 25px;
	position: relative;
	top: -36px;
}
#second-row #second-row-inner ul li {
	list-style-type: none;
	display: inline-block;
	position: relative;
}
#second-row #second-row-inner ul li:after {
	content: "";
	background: #707275;
	width: 346px;
	height: 4px;
	position: absolute;
	bottom: 2px;
	left: 2px;
}
#second-row #second-row-inner ul li:nth-child(2):after {
	background: #940a27;
}
#second-row #second-row-inner ul li:last-child:after {
	background: #0040ae;
}
#second-row #second-row-inner ul li:hover:after,
#second-row #second-row-inner ul li:focus:after {
	display: none;
}
#second-row #second-row-inner ul li:last-child {
	margin-right: 0;
}
#second-row #second-row-inner ul li a {
	width: 350px;
	height: 216px;
	display: block;
	position: relative;
}
#second-row #second-row-inner ul li a:before {
	content: "";
	background: #940a27;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 7px;
	margin: 0 auto;
	z-index: 9;
}
#second-row #second-row-inner ul li:nth-child(2) a:before {
	background: #2eabeb;
}
#second-row #second-row-inner ul li:last-child a:before {
	background: #0040ae;
}
#second-row #second-row-inner ul li:last-child a:hover:before,
#second-row #second-row-inner ul li:last-child a:focus:before {
	background: #940a27;
}
#second-row #second-row-inner ul li a:after {
	content: "";
	background: url('/pics/school-button-bottom-shadow.png') repeat-x center top;
	width: 346px;
	height: 100px;
	position: absolute;
	bottom: 2px;
	left: 2px;
}
#second-row #second-row-inner ul li a:hover:after,
#second-row #second-row-inner ul li a:focus:after {
	background: url('/pics/school-button-hover-overlay.png') no-repeat center top;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
}
#second-row #second-row-inner ul li a span {
	font-family: 'Manrope-ExtraBold';
	font-size: clamp(18px, 3.125vw, 24px);
	color: #ffffff !important;
	line-height: clamp(19px, 3.25vw, 25px);;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	z-index: 1;
	position: absolute;
	bottom: 17px;
	left: 0;
	right: 0;
	letter-spacing: 1.45px;
	transition: all .5s ease;
}
#second-row #second-row-inner ul li a:hover span,
#second-row #second-row-inner ul li a:focus span {
	margin-bottom: 99px;
}
#second-row #second-row-inner ul li a.lakewood {
	background: url('/pics/New-America-School-lakewood.png') no-repeat center top;
}
#second-row #second-row-inner ul li a.lowry {
	background: url('/pics/New-America-School-Lowry.png') no-repeat center top;
}
#second-row #second-row-inner ul li a.thornton {
	background: url('/pics/New-America-School-THORNTON.png') no-repeat center top;
}
#second-row #second-row-inner ul li a p {
	margin: 0;
	font-family: 'Overpass', sans-serif;
	font-size: 16px;
	color: #ffffff !important;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	position: absolute;
	bottom: 27px;
	left: 4px;
	right: 0;
	z-index: 9;
	opacity: 0;
	transition: all .5s ease;
}
#second-row #second-row-inner ul li a:hover p,
#second-row #second-row-inner ul li a:focus p {
	opacity: 1;
}
@media screen and (max-width: 450px) {
	#second-row #second-row-inner ul li a {
		width: clamp(280px, 77.77vw, 350px);
	}
	#second-row #second-row-inner ul li::after {
		width: 100%;
		left: 0;
	}
	#second-row #second-row-inner ul li a::after { 
		width: 100%;
		left: 0;
	}
}
/****** Second Row Section :- School Section ******/

/****** Third Row Section :- News & Event Section ******/
#third-row {
	background: #ffffff;
}
#third-row #third-row-inner {
	padding-bottom: 68.8px;
	box-sizing: border-box;
	padding-top: 37px;
	display: grid;
	grid-template-columns: 785px 275px;
	justify-content: start;
	align-items: flex-start;
	gap: 40px;
}
/*News Module*/
#hp-news {
	position: relative;
	width: 785px;
	max-width: 785px;
	margin: 0px auto 0;
}
.news-box h2 {
	margin-left: -1px;
}
.news-main-title{
	font-family: 'Manrope-Regular';
	font-size: clamp(25px, 2.72vw, 30px);
	color: #050f20 !important;
	font-weight: 400;
	line-height: clamp(25px, 2.72vw, 30px);
	text-transform: uppercase;
	display: inline-block !important;
	letter-spacing: .55px;
	margin-bottom: 13px !important;
	text-decoration: none;
}
#hp-news>div.en-news-slider {
	--min-card-gap: 25px;
	--image-width: 245px;
	--image-height: 200px;
	--line-height: 1.35;
	--font-size: 19px;
	--max-lines-subject: 2;
	--max-lines-summary: 4;
	font-family: inherit;
	color: #000000;
}
#hp-news h2.en-news-section-title {
  display: none;
}
#hp-news div.en-card-slider-inner-container {
  column-gap: 0px !important;
  margin: 10px auto 0 auto !important;
}
#hp-news div.en-card-slider-inner-container>a {
  border: none !important;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
}
div.en-news-slider div.en-card-slider-inner-container>a>.en-news-slider-image-container {
	z-index: 1;
	background: #fafafa !important;
	/* box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2); */
	position: relative;
}
div.en-news-slider div.en-card-slider-inner-container>a>.en-news-slider-image-container::after {
	content: "";
	background: #0040ae;
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: -9px;
	left: 9.5px;
	border-radius: 50%;
}
#hp-news div.en-card-slider-inner-container>a>.en-news-slider-image-container img,
#hp-news div.en-card-slider-inner-container>a>.en-news-slider-image-container img {
	box-sizing: border-box;
}
#hp-news div.en-card-slider-inner-container>a>h3.en-news-slider-title {
	font-family: 'Overpass', sans-serif;
	font-weight: 600;
	text-align: left;
	color: #0040ae;
	justify-content: flex-start !important;
	margin: 25px 0 0 !important;
	transition: letter-spacing .5s ease;
	letter-spacing: 0;
	font-size: clamp(16px, 1.63vw, 18px) !important;
	line-height: clamp(21px, 2.vw, 24px) !important;
	z-index: 1;
	padding: 0 0 !important;
	display: -webkit-box;
	-webkit-line-clamp: var(--max-lines-subject);
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: clamp(45px, 4.27vw, 47px);
}
#hp-news div.en-card-slider-inner-container>a:hover>h3.en-news-slider-title,
#hp-news div.en-card-slider-inner-container>a:focus>h3.en-news-slider-title {
	letter-spacing: .2px;
}
#hp-news div.en-card-slider-inner-container>a>div.en-news-slider-summary {
	z-index: 1;
	padding: 0;
	font-family: 'Overpass', sans-serif;
	font-weight: 400;
	text-align: left;
	color: #232426;
	font-size: clamp(14px, 1.45vw, 16px) !important;
	line-height: clamp(17px, 2vw, 22px) !important;
	letter-spacing: 0px;
	margin: 5px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: var(--max-lines-summary);
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: clamp(86, 8.09vw, 89px);
}
div.en-news-slider>div.en-news-slider-footer {
	position: absolute;
    bottom: -32px;
    width: 280px;
    max-width: 280px;
    left: 1px;
    margin: 0 auto;
    right: 0;
    display: block !important;
}
#hp-news div.en-news-show-all {
	border: 0;
	padding: 0;
	position: absolute;
	right: -2px;
	top: 18px;
	left: 0;
	margin: 0 0 0 auto;
}
#hp-news div.en-news-show-all {
	white-space: nowrap;
	position: absolute;
	top: 10px;
	right: 0;
	width: 130px;
	height: 20px;
	border: none !important;
	padding: 0px;
	left: 0;
	margin: 0 auto;
}
#hp-news div.en-news-show-all a {
	line-height: 20px;
	text-align: center;
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: letter-spacing .5s ease;
	font-family: 'Overpass', sans-serif;
	font-size: 14px;
	color: #0040ae !important;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .8px;
}
#hp-news div.en-news-show-all a::after {
    content: "News";
    margin: 0 0 0 4px;
}
#hp-news div.en-news-show-all a:hover,
#hp-news div.en-news-show-all a:focus {
	letter-spacing: 1px;
}
#hp-news div.en-news-slider-buttons {
	position: absolute;
	width: 268px;
	max-width: 268px;
	transform: unset;
	top: 2px;
	right: 0;
}
div.en-news-slider>div.en-card-slider-inner-container>a>.en-news-slider-image-container {
	background: #002248 !important;
	border: none;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
#hp-news div.en-news-slider-buttons button {
	position: absolute;
	cursor: pointer;
	border: 0;
}
#hp-news div.en-news-slider-buttons button.en-news-prev {
	text-indent: -9999px;
	width: 24px;
	height: 36px;
	background: url('/pics/leftArrow.png');
	left: 1px;
	background-position: 0;
	padding: 0;
}
#hp-news div.en-news-slider-buttons button.en-news-next {
	text-indent: -9999px;
	width: 24px;
	height: 36px;
	background: url('/pics/rightArrow.png');
	right: 16px;
	background-position: 0;
	padding: 0;
}
#hp-news div.en-news-slider-buttons button.en-news-prev:hover {
	background-position: -23.5px 0;
	left: 0.5px;
}
#hp-news div.en-news-slider-buttons button.en-news-next:hover {
	background-position: -23.5px 0;
	right: 16.5px;
}
#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
	background-position: -48px 0px;
	left: 1px;
}
#hp-news div.en-news-slider-buttons button.en-news-next:focus {
	background-position: -48px 0px;
	right: 16px;
}
#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
	opacity: 0; cursor: auto;
}
@media only screen and (max-width: 991px) {
	#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary {
		font-size: 16px !important;
        line-height: 21px !important;
        height: 83px;
	}
	#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
		font-size: 17px !important;
		line-height: 22px !important;
	}	
}
/*News Module*/

/* Events */
.events-main-title {
	font-family: 'Manrope-Regular';
	font-size: clamp(25px, 2.72vw, 30px);
	color: #050f20 !important;
	font-weight: 400;
	line-height: clamp(25px, 2.72vw, 30px);
	text-transform: uppercase;
	display: inline-block !important;
	letter-spacing: .55px;
	margin-bottom: 21px !important;
	margin-top: -1px !important;
	text-decoration: none;
}
.events-box #hp-events .v3 .dayInfoWrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	border: 1px solid #000000;
	border-radius: 0;
	padding: 0;
}
.events-box #hp-events .v3 span.month {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	font-family: 'Manrope-Bold';
	font-size: 15px;
	color: #4e5a70;
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: .5px;
	padding-right: 1px;
}
.events-box #hp-events .v3 span.day {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	font-family: 'Zilla Slab', serif;
	font-size: 32px;
	color: #4e5a70;
	font-weight: 400;
	line-height: 35px;
}
.events-box #hp-events .v3 ul {
	padding-left: 80px;
	position: relative;
	top: -3px;
	margin-bottom: 20px;
}
.events-box #hp-events ul li.event div {
	font-family: 'Overpass', sans-serif;
	font-size: 16px;
	color: #232426;
	font-weight: 400;
	line-height: 22px;
}
.events-box #hp-events ul li.event div a {
	font-family: 'Overpass', sans-serif;
	font-size: 18px;
	color: #0040ae !important;
	font-weight: 600;
	line-height: 22px;
	text-decoration: none;
	transition: all .5s ease;
}
.events-box #hp-events ul li.event div a:hover,
.events-box #hp-events ul li.event div a:focus {
	letter-spacing: .2px;
}
.events-box .location span:first-child,
.events-box .time span:first-child {
	display: none !important;
}
.events-box #hp-events .hpeventlinks {
	margin-left: 0 !important;
	margin-top: 30px !important;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 0;
}
.events-box #hp-events .hpeventlinks div a {
	font-family: 'Overpass', sans-serif;
	font-size: 14px;
	color: #0040ae !important;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	letter-spacing: .8px;
	position: relative;
	transition: all .5s ease;
	padding-right: 13px;
}
.events-box #hp-events .hpeventlinks div a:hover,
.events-box #hp-events .hpeventlinks div a:focus {
	letter-spacing: 1px;
}
.events-box #hp-events .hpeventlinks div:first-child {
	width: 151px;
}
.events-box #hp-events .hpeventlinks div:last-child {
	margin-top: 0 !important;
	width: 100px;
	margin-right: 17px;
}
.events-box #hp-events .hpeventlinks div a:after {
	content: "";
	background: url('/pics/events-show-all-arrow.png') no-repeat center top;
	width: 7px;
	height: 11px;
	position: absolute;
	right: 0;
	bottom: 3px;
}
@media screen and (max-width: 1161px) {
	#third-row #third-row-inner {
		grid-template-columns: 625px 275px;
		justify-content: center;
	}
	#hp-news {
		width: 625px;
		max-width: 625px;
	}
}
@media screen and (max-width: 991px) {
	#third-row #third-row-inner {
		grid-template-columns: auto auto;
		justify-content: center;
		gap: 100px 0;
	}
	.news-box {
		grid-row: 1;
		grid-column: 1/3;
	}
	.events-box {
		width: 275px;
		margin: 0 auto;
		display: block;
		grid-row: 2;
		grid-column: 1/3;
	}
	.news-main-title br,
	.events-main-title br {
		display: none;
	}
	.news-box h2,
	.events-box h2 {
		margin-left: 0;
		text-align: center;
	}
}
@media screen and (max-width: 650px) {
	#hp-news {
		width: 280px;
		max-width: 280px;
	}
	div.en-news-slider > div.en-news-slider-footer {
		width: 280px;
		max-width: 280px;
	}
	#hp-news div.en-news-slider-buttons {
		width: 280px;
		max-width: 280px;
		top: 5px;
	}
}
/****** Third Row Section :- News & Event Section ******/

/****** Fourth Row Section :- Video Links Section ******/
#fourth-row {
	background: url('/pics/third-row-bg.jpg') no-repeat center bottom #0040ae;
}
#fourth-row #fourth-row-inner {
	padding-bottom: 46.5px;
	box-sizing: border-box;
	padding-top: 20px;
	display: flex;
	flex-wrap:wrap;
}
.disVids {
    width: 100%;
    position: relative;
    display: flex;
}
.disVids ul {
	padding: 0 !important;
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.disVids ul li a {
  display: block;
  width: 100%;
  min-width: 200px;
  height: 137px;
  transition: transform 0.5s;
}
.disVids ul li a:hover {
	transform: scale(1.1);
}
.disVids ul li a img {
	width:100%;
    max-width:205px;
}
.disVids ul li:first-child {
    margin: 80px 0 0 0;
}
.disVids ul li:nth-child(3){
    margin: 80px 0 0 0;
}
.disVids ul li:nth-child(5){
    margin: 0;
}
.mission-box {
	width: 100%;
	position: relative;
}
.video-box {
	width: 590px;
	position: relative;
}
/*Mission*/
.mission-box h2 {
	font-family: 'Manrope-Light';
	font-size: clamp(22px, 5vw, 40px);
	color: #ffffff;
	text-transform: uppercase;
	line-height: clamp(37px, 5.18vw, 57px);
	letter-spacing: -.23px;
	text-align:center;
}
.mission-box h2 span {
	font-family: 'Manrope-ExtraBold';
	display: inline-block;
}
.mission-box p {
	margin: 0;
	font-family: 'Zilla Slab', serif;
	font-size: clamp(20px, 2.18vw, 24px);
	color: #ffffff;
	font-weight: 400;
	line-height: clamp(22px, 2.72vw, 30px);
	letter-spacing: -.05px;
}
.mission-box a {
	display: block;
	text-decoration: none;
	position: relative;
	font-family: 'Overpass', sans-serif;
	font-size: 14px;
	color: #edf0f5 !important;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .5s ease;
	display: inline-block;
	margin-top: 23px;
	letter-spacing: .85px;
}
.mission-box a:after {
	content: "";
	background: url('/pics/mission-learn-more-arrow.png') no-repeat center top;
	width: 7px;
	height: 11px;
	position: absolute;
	right: -13px;
	top: 3px;
}
.mission-box a:hover,
.mission-box a:focus {
	letter-spacing: 1.1px;
}
/* Featured Video */
.HPVideo {
	position: relative;
}
.HPVideo>h2 {
	display: none !important;
}
.HPVideo .videowrapper {
	position: relative;
	margin-top: -1px;
}
.HPVideo .videowrapper:after {
	content: "";
	width: 590px;
	height: 340px;
	border: 1px solid #000000;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: -10px;
}
.HPVideo .videowrapper .video_player {
	position: relative;
	z-index: 9;
}
.HPVideo p {
	padding: 0;
	margin: 0;
	display: none !important;
}
@media screen and (min-width: 992px) and (max-width: 1161px) {
	#fourth-row #fourth-row-inner {
		grid-template-columns: 460px auto;
		justify-content: start;
		gap: 0 30px;
	}
	.HPVideo .videowrapper .video_player video {
		background-color: #000;
		width: 100% !important;
	}
	.HPVideo .videowrapper .video_player {
		position: relative;
		z-index: 1;
		width: calc(100% - 20px) !important;
	}
	.HPVideo .videowrapper::after { 
		width: 100%;
	}
	.video-box {
		width: 100%;
	}
}
@media screen and (max-width: 991px) {
	#fourth-row #fourth-row-inner {
		grid-template-columns: auto auto;
		justify-content: center;
		gap: 30px 0;
	}
	.mission-box {
		grid-row: 1;
		grid-column: 1/3;
		width: 100%;
		text-align: center;
	}
	.video-box {
		grid-row: 2;
		grid-column: 1/3;
		margin: 0 auto;
	}
    .disVids ul li, .disVids ul li:nth-child(3), .disVids ul li:first-child {
		margin:0;
	}
}
@media screen and (max-width: 640px) {
	.HPVideo .videowrapper .video_player video {
		background-color: #000;
		width: 100% !important;
		height: clamp(220px, 50vw, 320px) !important;
	}
	.HPVideo .videowrapper .video_player {
		position: relative;
		z-index: 1;
		width: calc(100% - 20px) !important;
		height: clamp(220px, 50vw, 320px) !important;
	}
	.HPVideo .videowrapper::after { 
		width: 100%;
		height: calc(100% + 20px);
	}
	.video-box {
		width: 100%;
	}
	.mission-box {
		width: clamp(280px, 71.87vw, 460px);
		text-align: center;
		margin: 0 auto;	
	}
    .disVids ul li, .disVids ul li:nth-child(3), .disVids ul li:first-child {
		margin:0;
	}
}
/****** Fourth Row Section :- Video Links Section ******/

/****** Fifth Row Section :- Static Image Section ******/
#fifth-row {
	background: url('/pics/fourth-row-bg.jpg') no-repeat center center;
	height: 180px;
	background-size: cover;
}
/****** Fifth Row Section :- Static Image Section ******/

/****** Sixth Row Section :- Links & Album & Spotlight Section ******/
#sixth-row {
	background: url('/pics/fifth-row-bg.jpg') no-repeat center top, url('/pics/fifth-row-bg02.jpg') repeat-y center top, linear-gradient(to right, #475773 0%, #475773 46.87%, #f3f3f3 46.87%, #f3f3f3 100%);
	background: url('/pics/fifth-row-bg.jpg') no-repeat center top, url('/pics/fifth-row-bg02.jpg') repeat-y center top, -ms-linear-gradient(to right, #475773 0%, #475773 46.87%, #f3f3f3 46.87%, #f3f3f3 100%);
	-moz-background: url('/pics/fifth-row-bg.jpg') no-repeat center top, url('/pics/fifth-row-bg02.jpg') repeat-y center top, -ms-linear-gradient(to right, #475773 0%, #475773 46.87%, #f3f3f3 46.87%, #f3f3f3 100%);
	-webkit-background: url('/pics/fifth-row-bg.jpg') no-repeat center top, url('/pics/fifth-row-bg02.jpg') repeat-y center top, -ms-linear-gradient(to right, #475773 0%, #475773 46.87%, #f3f3f3 46.87%, #f3f3f3 100%);
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr='#475773', endColorStr='#f3f3f3');
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr='#475773', endColorStr='#f3f3f3');
}
#sixth-row #sixth-row-inner {
	padding-bottom: 30px;
	box-sizing: border-box;
	padding-top: 38px;
	display: grid;
	grid-template-columns: 354px 350px 350px;
	gap: 0 23px;
}
.links-box {
	width: 350px;
	position: relative;
	background: #475673;
	grid-column: 1/2;
}
.spotlight-box {
	width: 350px;
	position: relative;
}
.album-box {
	width: 350px;
	position: relative;
}
/*Important Links*/
.links-main-title {
	font-family: 'Manrope-Regular';
	font-size: clamp(25px, 2.72vw, 30px);
	color: #fff !important;
	font-weight: 400;
	line-height: clamp(25px, 2.72vw, 30px);
	text-transform: uppercase;
	display: inline-block !important;
	letter-spacing: .55px;
	margin-top: -1px !important;
	text-decoration: none;
}
.links-box .container {
	left: -4px;
	position: relative;
	margin-top: 0;
	padding: 10px 0;
}
.HPLinks #r a {
	font-family: 'Overpass', sans-serif;
	font-size: 18px;
	color: #ffffff !important;
	font-weight: 600;
	line-height: 21px;
	text-decoration: none;
	transition: all .5s ease;
}
.HPLinks #r a:hover,
.HPLinks #r a:focus {
	letter-spacing: .2px;
}
#showAll-hplinks #r a {
	font-family: 'Overpass', sans-serif;
	font-size: 14px;
	color: #ffffff !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .7px;
	transition: all .5s ease;
	display: inline-block !important;
	position: relative;
	left: -27px;
	margin-top: 27px !important;
}
#showAll-hplinks #r a:hover,
#showAll-hplinks #r a:focus {
	letter-spacing: .9px;
}
#showAll-hplinks #r a:after {
	content: "";
	background: url('/pics/links-show-all-arrow.png') no-repeat center top;
	width: 7px;
	height: 11px;
	position: absolute;
	right: -13px;
	top: 5px;
}
/* Spotlight */
#spotlight11038wrapper {
	position: relative;
}
#spotlight11038wrapper h2 a {
	width: auto;
	text-decoration: none;
	margin: 0;
	font-family: 'Manrope-Regular';
	font-size: clamp(25px, 2.72vw, 30px);
	color: #050f20 !important;
	font-weight: 400;
	line-height: clamp(25px, 2.72vw, 30px);
	text-transform: uppercase;
	display: inline-block !important;
	letter-spacing: .55px;
	margin-bottom: 23px !important;
	margin-top: -1px !important;
}
#spotlight11038wrapper #spotlight11038 {
	position: relative;
	margin: 0;
}
#spotlight11038wrapper #spotlight11038 a {
	text-decoration: none;
	background: #000;
}
#spotlight11038wrapper div#spotlight11038 div.imgWrapper {
	overflow: hidden;
	padding: 0;
	border: 0;
	height: 320px;
	position: relative;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
}
#spotlight11038wrapper div#spotlight11038 div.imgWrapper:after {
	content: "";
	background: url('/pics/school-button-bottom-shadow.png') repeat-x center top;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#spotlight11038wrapper div#spotlight11038 h3 {
	font-family: 'Overpass', sans-serif;
	font-size: clamp(17px, 1.72vw, 20px);
	color: #ffffff;
	font-weight: 600;
	line-height: 23px;
	padding: 0 5px;
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-sizing: border-box;
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Featured Photo Album */
.album-box .HPFeaturedAlbums {
	position: relative;
}
.album-box .HPFeaturedAlbums h2 {
	width: auto;
	text-decoration: none;
	margin: 0;
	display: block;
	padding-top: 0;
	height: auto;
	overflow: visible;
	font-family: 'Manrope-Regular';
	font-size: clamp(25px, 2.72vw, 30px);
	color: #050f20 !important;
	font-weight: 400;
	line-height: clamp(25px, 2.72vw, 30px);
	text-transform: uppercase;
	display: inline-block !important;
	letter-spacing: .55px;
	margin-bottom: 23px !important;
	margin-top: -1px !important;
}
.album-box .HPFeaturedAlbums .featuredAlbums {
	position: relative;
	margin-top: 0;
}
.album-box .HPFeaturedAlbums ul {
	margin-top: 0;
}
.album-box .HPFeaturedAlbums ul li {
	padding: 0;
	border: 0;
	position: relative;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
	background: #000;
}
.album-box .HPFeaturedAlbums ul li:after {
	content: "";
	background: url('/pics/school-button-bottom-shadow.png') repeat-x center top;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.album-box .HPFeaturedAlbums ul li h3 {
	background: none;
	text-shadow: none;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	box-sizing: border-box;
	top: auto;
	padding: 0 5px;
	z-index: 1;
	height: 23px;
}
.album-box .HPFeaturedAlbums ul li h3 span {
	font-family: 'Overpass', sans-serif;
	font-size: clamp(17px, 1.72vw, 20px);
	color: #ffffff;
	font-weight: 600;
	line-height: 23px;
	padding: 0;
	height: auto;
	text-align: center;
	padding-right: 2px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media screen and (min-width: 992px) and (max-width: 1161px) {
	#sixth-row #sixth-row-inner {
		grid-template-columns: clamp(260px, 30.51vw, 354px) clamp(260px, 30.17vw, 350px) clamp(260px, 30.17vw, 350px);
	}
	.spotlight-box,
	.album-box {
		width: clamp(260px, 30.17vw, 350px);
	}
	.links-box {
		width: 260px;
	}
	div#spotlight11038 div.imgWrapper img {
		width: clamp(260px, 30.17vw, 350px) !important;
		height: clamp(240px, 27.58vw, 320px) !important;
	}
	#spotlight11038wrapper div#spotlight11038 div.imgWrapper {
		height: clamp(240px, 27.58vw, 320px);
		width: clamp(260px, 30.17vw, 350px);
	}
	.album-box .HPFeaturedAlbums ul li {
		height: clamp(240px, 27.58vw, 320px) !important;
		width: clamp(260px, 30.17vw, 350px) !important;
	}
	.album-box .HPFeaturedAlbums ul li img {
		height: clamp(240px, 27.58vw, 320px) !important;
		width: clamp(260px, 30.17vw, 350px) !important;
	}
}
@media screen and (max-width: 991px) {
	#sixth-row {
		background: #475773;
	}	
	#sixth-row #sixth-row-inner {
		display: flex;
		gap: 40px 9px;
		justify-content: center;
		align-items: start;
		flex-wrap: wrap;
	}
	.links-main-title br,
	#spotlight11038wrapper h2 a br,
	.album-box .HPFeaturedAlbums h2 br {
		display: none;
	}
	#spotlight11038wrapper h2 a,
	.album-box .HPFeaturedAlbums h2 {
		color: #fff !important;
	}
}
@media screen and (max-width: 768px) {
	#sixth-row #sixth-row-inner {
	  gap: 40px 0;
	  width: 350px;
	  padding-top: 0;
	}
	.links-box h2,
	#spotlight11038wrapper h2,
	.album-box .HPFeaturedAlbums {
		text-align: center;
	}
	#showAll-hplinks #r a {
		left: 0;
		margin: 27px auto 0 !important;
		width: 77px;
		display: block !important;
	}
}
@media screen and (max-width: 400px) {
	#sixth-row #sixth-row-inner {
		width: clamp(280px, 87.5vw, 350px);
	}
	.spotlight-box,
	.album-box {
		width: clamp(280px, 87.5vw, 350px);
	}
	div#spotlight11038 div.imgWrapper img {
		width: clamp(280px, 87.5vw, 350px) !important;
		height: clamp(260px, 80vw, 320px) !important;
	}
	#spotlight11038wrapper div#spotlight11038 div.imgWrapper {
		height: clamp(260px, 80vw, 320px);
		width: clamp(280px, 87.5vw, 350px);
	}
	.album-box .HPFeaturedAlbums ul li {
		height: clamp(260px, 80vw, 320px) !important;
		width: clamp(280px, 87.5vw, 350px) !important;
	}
	.album-box .HPFeaturedAlbums ul li img {
		height: clamp(260px, 80vw, 320px) !important;
		width: clamp(280px, 87.5vw, 350px) !important;
	}
}
/****** Sixth Row Section :- Links & Album & Spotlight Section ******/

/****** Seventh Row Section :- NAS Section ******/
#seventh-row {
	background: #0040ae;
}
#seventh-row #seventh-row-inner {
	padding-bottom: 35.5px;
	box-sizing: border-box;
	padding-top: 50px;
	display: grid;
	grid-template-columns: 430px 620px;
	gap: 0 50px;
}
#seventh-row #seventh-row-inner .text-box {
	width: 430px;
	position: relative;
	grid-column: 1/2;
}
#seventh-row #seventh-row-inner .number-box {
	width: 620px;
	position: relative;
	margin-top: -10px;
}
#seventh-row #seventh-row-inner .text-box h2 {
	font-family: 'Manrope-Light';
	font-size: clamp(35px, 4.74vw, 55px);;
	color: #ffffff;
	text-transform: uppercase;
	line-height: clamp(37px, 4.91vw, 57px);
	letter-spacing: -.13px;
	margin-bottom: 29px;
}
#seventh-row #seventh-row-inner .text-box h2 span {
	font-family: 'Manrope-ExtraBold';
	display: inline-block;
}
#seventh-row #seventh-row-inner .text-box ul {
	padding: 0;
	margin: 0;
}
#seventh-row #seventh-row-inner .text-box ul li {
	list-style-type: none;
	font-family: 'Zilla Slab', serif;
	font-size: clamp(20px, 2.06vw, 24px);
	color: #ffffff;
	font-weight: 400;
	line-height: clamp(24px, 2.58vw, 30px);
	position: relative;
	padding-left: 16px;
	margin-bottom: 10px;
	letter-spacing: -.05px;
}
#seventh-row #seventh-row-inner .text-box ul li:before {
	content: "";
	background: url('/pics/white-arrow.png') no-repeat center top;
	width: 9px;
	height: 14px;
	position: absolute;
	left: -1px;
	top: 8px;
}
#seventh-row #seventh-row-inner .number-box ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
	gap: 20px;
}
#seventh-row #seventh-row-inner .number-box li {
	list-style-type: none;
	display: inline-block;
	box-sizing: border-box;
	width: clamp(250px, 25.86vw, 300px);
	min-height: 140px;
	border: 1px solid #000000;
	padding: 7px 5px 7px 23px;
}
#seventh-row #seventh-row-inner .number-box li:nth-child(even) {
	margin-right: 0;
}
#seventh-row #seventh-row-inner .number-box li:first-child p {
	margin: 14px 2px 5px;
	letter-spacing: 1px;
}
#seventh-row #seventh-row-inner .number-box li:nth-child(2) p {
	margin: -5px 0 0 2px;
	letter-spacing: 1.1px;
}
#seventh-row #seventh-row-inner .number-box li:nth-child(3) p {
	margin: 14px 0 0 2px;
	letter-spacing: 1.1px;
}
#seventh-row #seventh-row-inner .number-box li:last-child p {
	margin: 14px 0 0 2px;
	letter-spacing: 1.1px;
}

#seventh-row #seventh-row-inner .number-box li h2 {
	font-family: 'Zilla Slab', serif;
	font-size: clamp(40px, 5.17vw, 60px);
	color: #ffffff;
	font-weight: 400;
	line-height: clamp(37px, 4.91vw, 57px);
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#seventh-row #seventh-row-inner .number-box li h2 sup {
	font-size: 35px;
	top: -20px;
}
#seventh-row #seventh-row-inner .number-box li p {
	margin: 0;
	display: block;
	font-family: 'Manrope-Bold';
	font-size: clamp(15px, 1.55vw, 18px);
	color: #ffffff;
	line-height: 20px;
	text-transform: uppercase;
}
@media screen and (min-width: 992px) and (max-width: 1161px) {
	#seventh-row #seventh-row-inner {
		grid-template-columns: clamp(360px, 37.06vw, 430px) auto;
		gap: 0 clamp(10px, 2.58vw, 30px);
	}
	#seventh-row #seventh-row-inner .text-box {
		width: clamp(360px, 37.06vw, 430px);
	}
	#seventh-row #seventh-row-inner .number-box {
		width: 100%;
	}	
}
@media screen and (max-width: 991px) {
	#seventh-row #seventh-row-inner {
		padding-bottom: 0;
		padding-top: 0;
		display: grid;
		grid-template-columns: auto;
		gap: 50px 0;
		justify-content: center;
	}
	#seventh-row #seventh-row-inner .number-box {
		margin-top: 0;
	}
	#seventh-row #seventh-row-inner .text-box {
		margin: 0 auto;
	}
	#seventh-row #seventh-row-inner .text-box h2 {
		text-align: center;
	}
	#seventh-row #seventh-row-inner .number-box li {
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
	}
}
@media screen and (max-width: 650px) {
	#seventh-row #seventh-row-inner .number-box {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
	#seventh-row #seventh-row-inner .text-box {
		width: clamp(280px, 95.55vw, 430px);
	}
}
/****** Seventh Row Section :- NAS Section ******/

/********* Css for Inner ************/

/* Site Styles */
#wrapper,
#index-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    text-align: left;
}

.inside {
	width: 100%;
	margin: 0 auto;
}

#wrapper .content {
	position: relative;
    margin: 0 auto;
    background: none;
    padding: 0px !important;
    box-sizing: border-box;
}

#wrapper {
	background: #fff;
}

#wrapper .content .inside,
#wrapper .neutral,
#wrapper table {
	font-family: 'Overpass', sans-serif;
	font-size: 17px;
	color: #232426;
	font-weight: 400;
	line-height: 24px;
}

#wrapper .content .inside {
	width: 100%;
    max-width: 1100px;
    padding: 48px 0px 285px;
}

.content {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

.content .inside {
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.pageTitle {
	width: auto;
	display: block;
	margin-bottom: 39px;
	position: relative;
	font-family: 'Manrope-Regular';
	font-size: 34px;
	color: #050f20;
	font-weight: 400;
	line-height: 36px;
	text-transform: uppercase;
	padding-left: 279px;
	letter-spacing: .7px;
	z-index: 1;
}

#wrapper .content .inside a:hover,
#wrapper .content .inside a:focus {
	font-weight: 600;
	color: #0040ae;
	text-decoration: none;
}

#wrapper #footer {
	position: absolute;
	bottom: 0;
}

#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt {
	padding-bottom: 2px !important;
}


/* Email List */
#email {
	position: relative;
	display: block;
	margin-bottom: 10px;
	background: green;
	height: 30px;
}

#email span {
	color: #fff;
	font-weight: bold;
}

/* Homepage Section Table Includes */
#index-wrapper .content table {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Other homepage section extras */
.dark {
	background-color: #0040ae !important;
	color: #fff !important;
	font-family: 'Overpass', sans-serif !important;
	font-size: 17px !important;
}

.light {
	background-color: #fdfafa !important;
	font-family: 'Overpass', sans-serif !important;
	font-weight: 400 !important;
	font-size: 17px !important;
	color: #555556 !important;
}

.dark a,
.dark a:visited,
.dark a:link,
.dark a:hover,
.dark a:active {
	color: #fff !important;
}

#index-wrapper .container table {
	color: #000;
}

#index-wrapper .container table a {
	color: #033b73;
	text-decoration: none;
}

#index-wrapper .container table #l {
	padding: 5px 16px 0 0;
}

/* Put Display None if you want to hide bullet */
#index-wrapper .container table #r {
	border-bottom: 0;
	padding: 10px 0 7px 0;
}

#index-wrapper .container table #r b a {
	display: block;
	margin-top: 5px;
	text-decoration: none;
}

.autoCalendarLinks td,
#showAll-0,
#showAll-hpbbmessages #r,
#showAll-hplinks #r,
#showAll-0 #r {
	border-bottom: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 2px !important;
}

#index-wrapper .content table tr:first-child td,
.autoCalendarLinks,
#showAll-0,
#showAll-hplinks #r,
#showAll-0 #r {
	border-left: 0 !important;
}

#index-wrapper .content table tr:last-child td {
	border-bottom: 0 !important;
}


/* Quick Poll */
.HPQuickpoll h2 {
	display: none;
}

.HPQuickPoll .bar-color {
	background-color: #003270;
}

/* results bar color */
.HPQuickPoll .results,
.HPQuickPoll .choices,
.HPQuickPoll .results_only {
	margin: 0 auto;
	width: 70%;
}

/* Side Image */
img.sub {
	border: 0;
}

#wrapper img.sub {
	margin-left: 20px;
}

/* Page navigation */
#pageNav {
	border: 0;
	font-size: 14px;
	position: relative;
	background: url('/pics/pagenav-bg.jpg') no-repeat right bottom #0040ae;
	margin-left: 20px;
}

#pageNav ul,
#pageNav ul li {
	list-style: none;
	line-height: 16px;
}

#pageNav ul {
	padding: 8px 0 66px !important;
	margin: 0 auto !important;
	width: 300px;
	height: auto !important;
}

#pageNav ul li {
	padding: 0 !important;
	margin: 0 !important;
	zoom: 1;
	/* important for IE6 */
}

#pageNav td img {
	display: none;
}

#pageNav ul li a,
#pageNav ul li b {
	min-height: 42px;
	text-decoration: none;
	padding: 9px 15px 7px 19px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	z-index: 0;
	font-family: 'Zilla Slab', serif;
	font-size: 19px;
	color: #ffffff;
	font-weight: 400;
	line-height: 22px;
	transition: all .5s ease;
	box-sizing: border-box;
}

#pageNav ul li b,
#pageNav ul li a:hover,
#pageNav ul li a:focus {
	background: #475773;
	color: #ffffff !important;
	font-weight: 400;
	letter-spacing: .2px;
}
@media screen and (max-width: 1160px) {
	.pageTitle {
		padding-left: 0;
	}
}
@media screen and (max-width: 1160px) {
	#wrapper .content .inside {
	  padding: 48px 20px 285px;
box-sizing: border-box;
	}
}
/********* Css for Inner ************/

/********* Css Extra for Inner Match With Live Site ************/
.rotating-image-inside {
	margin-bottom: 30px;
}
#wrapper .en-hp-module-item.en-hp-module-news-item a {
	transition: letter-spacing .5s ease;
	font-family: 'Overpass', sans-serif;
	font-size: 18px;
	color: #0040ae !important;
	font-weight: 600;
	line-height: 23px;
	text-decoration: none;
}
#wrapper .en-hp-module-item.en-hp-module-news-item a:hover, #wrapper .en-hp-module-item.en-hp-module-news-item a:focus {
	letter-spacing: .2px;
}
#wrapper img.sub {
	margin-right: 15px !important;
}
#wrapper .row.en-acc-readable-item {
	display: flex;
	padding: 0 0 15px;
}
#wrapper .news-show-all a {
	transition: letter-spacing .5s ease;
	font-family: 'Overpass', sans-serif;
	font-size: 14px;
	color: #0040ae !important;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	letter-spacing: .8px;
}
#wrapper #links-and-events-inside {
	margin-top: 40px;
}
#wrapper .events-box #hp-events .hpeventlinks {
	justify-content: start;
}
#wrapper .events-box #hp-events .hpeventlinks div a::after {
	bottom: 7px;  
}
#wrapper #pageContentWrapper #hp-events .dayeventwrap {
	background: no-repeat;
	margin-bottom: 10px;
}
#wrapper .events-box #hp-events .v3 ul {
	padding-left: 80px !important;
	padding-top: 0 !important;
}	
#wrapper #pageAsideWrapper #pageNav {
	width: 300px;
}
#wrapper #pageContentWrapper #hp-events .dayeventwrap .dayInfoWrap {
	padding: 0 !important;
	background: #fff !important;
}
@media only screen and (max-width: 1160px) {
	#wrapper .nivoSlider {
		width: 100% !important;
	}
}
@media screen and (max-width: 991px) {
	#wrapper .events-box {
		margin: 0 auto 0 0;
	}
	#docs-internal-guid-2f5753b6-7fff-2699-fc47-e65404d0f8bc a + span,
	#docs-internal-guid-9c00948f-7fff-8eaf-3d72-0131411d7f96 a + span {
		display: none !important;
	}
	#docs-internal-guid-2f5753b6-7fff-2699-fc47-e65404d0f8bc p,
	#docs-internal-guid-9c00948f-7fff-8eaf-3d72-0131411d7f96 p {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px 20px;
	}
}	
@media screen and (max-width: 1160px) {
	#wrapper .mainrow .prev {
		padding: 0;
		margin: 0;
	}
	#wrapper .mainrow .row1 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media only screen and (max-width: 700px) {
	#wrapper #persons-page-public ul li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#wrapper #persons-page-public ul li p {
		margin-left: 0;
	}
	.classes-signup-page1 table tbody tr.classes-signup-page {
		display: flex;
		justify-content: start;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}
	.classes-signup-page1 table.darkBox tbody tr.classes-signup-page {
		display: unset;
		gap: 0;
	}
	.classes-signup-page1 table tbody tr.classes-signup-page td {
		text-align: center;
	}
	.classes-signup-page1 table.darkBox tbody tr.classes-signup-page td.dark {
		display: flex;
		justify-content: center;
	}
}	
@media only screen and (max-width: 840px) {	
	.MsoNormalTable .staff-home {
		display: flex;
		flex-direction: column;
	}
	.MsoNormalTable .staff-home td {
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 340px) {		
	.MsoNormalTable .staff-home td {
		padding: 10px !important;
	}
}
@media only screen and (max-width: 768px) {	
	#wrapper .pagecol {
		width: 100%;
	}
}
@media only screen and (max-width: 360px) {
	.classes-signup-page1 table.darkBox tbody tr.classes-signup-page {
	  display: block;
	  width: clamp(270px, 83.33vw, 300px);
	}
	.classes-signup-page1 table .light input[type="submit"] {
		width: 110px !important;
		margin-bottom: 5px;
	}
	.classes-signup-page1 table {
		width: clamp(270px, 83.33vw, 300px);
	}
}
@media (min-width: 320px) {
	#wrapper .news-img img {
		height: 100px !important;
		width: auto !important;
	}
}
/********* Css Extra for Inner Match With Live Site ************/
/********* Css Extra for Inner ************/

/* change border color to match headline color, set border color to 1.5 or 2px width */
.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge {
	color: #292929 !important;
  }
  h1.VIpgJd-yAWNEb-r4nke.VIpgJd-yAWNEb-mrxPge {
	  color: #3e3e3e !important;
  }
  .DatePickerNT div.arrow {
	  color: #595959 !important;
  }
  #events-page #events.v1 .event span.location {
	  color: #57595a !important;
  }

/* inner video page  */  
  #controls3 .button3demboss.search{
	  position: relative;
  }
  @media (max-width: 1160px) {
    .top_title{
        line-height: 1;
    }
}

@media (max-width: 1415px) and (min-width: 1060px) {
    #controls3 .button3demboss.search{
      top: 1px;
    }
}
@media (max-width: 1059px) {
    #controls3 .button3demboss.search{
      top: 2px;
    }
}
@media (max-width: 1000px) {
    #video-feature-area #big-video #big-video-info #hd-link,
    #video-feature-area #big-video #big-video-info #sd-link{
        font-size: 8pt;

    }
}



/* Staff page*/
#wrapper .content .inside #staff-search-comp{
	justify-content: end !important;
}
#staff.staffR1 .staff-categoryStaffMember dl{
	max-width: 260px !important;
}
body #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt {
	padding-bottom: 1px;
}
@media (max-width: 1080px){
	#staff.staffR1.staff-horizontal .staff-categoryStaffMembers{
		flex-wrap: wrap !important;
	}
	
}
@media (max-width: 1000px) {
	#staff.staffR1 .staff-categoryStaffMember dl{
		max-width: 220px !important;
	}
}
@media (max-width: 991px) {
	#staff.staffR1 .staff-categoryStaffMember {
		max-width: 300px;
	}
	
}
@media (max-width: 768px){
	#staff.staffR1 div.staff-header h1{
		line-height: 1.1 !important;
		font-size: clamp(14px, 2.083vw, 16px) !important; 
	}
	#pageInnerText{
		font-size: clamp(15px, 2.213vw, 17px) !important;
	}
	.video_player video {
		width: 100% !important;
	}
}
@media (max-width: 420px) {
	#staff.staffR1 .staff-categoryStaffMember {
		max-width: 270px;
	}
	.staff-categoryStaffMembers .staff-categoryStaffMember dd{
		max-width: 200px;
	}
}



/* page wrapper*/
@media (max-width: 700px){
    #wrapper #pageInnerText{
        border-radius: 5px !important;
    }
	body #staff.staffR1 #staff-search input {
		width: calc(100% - 5%) !important;
	}

}

/***** AlbumNav *****/
#albumsWrapper #albumNavToggle:hover,
#albumsWrapper #albumNavToggle:focus{
    font-weight: unset;
}
#albumNavToggle span {
	background-image: url(/pics/dropdown_white.png) !important;
	padding-left: 9px !important;
	padding-right: 2px !important;
	outline: none;
}
@media only screen and (max-width: 700px){
    #albumNavToggle {
        background-color: transparent;
        background-position: right top;
        background-repeat: no-repeat;
        color: #333333;
        cursor: pointer;
        display: inline-block;
        font-family: Arial, serif;
        font-size: 10pt;
        height: 26px;
        max-width: 290px;
        padding: 0 17px 0 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        background-image: url(/pics/dropdown_white.png);
        font-weight: normal;
        outline: 0 none;
        padding-right: 28px !important;
        vertical-align: middle;
        z-index: 0 !important;
        outline: none;
    }
}
@media only screen and (max-width: 450px){
    #albumsWrapper.narrow #albums {
        width: 90% !important;
    }
}

/******* Smartphone Banner *******/
#mobileapp-smart-banner .en-smartAppBanner-content {
    width: 100% !important;
}

/***** Css For mobile album z-index ****/
.disable-overflow header{
    z-index: var(--en-z-index-max);
}
.translated-ltr header.enh1 nav.en-nav,
.translated-rtl header.enh1 nav.en-nav { 
 	margin-top:40px;
}
/*********** Header Translate *********/
@media only screen and (max-width: 768px) {
	.translated-rtl header.enh1 nav.en-mobnav-show,
	.translated-ltr header.enh1 nav.en-mobnav-show {
	height: calc(100% - 40px);
	margin-top: 40px;
	}
}
@media only screen and (max-width: 900px) {
    .skiptranslate {
      z-index: var(--en-z-index-max) !important;
    }
}  


/* popup */
/**** image centre for DB dialog box ****/

.DB_mask {
	z-index: 99999999999999 !important;
  }
  .DB_dialog {
	z-index: 999999999999999 !important;
  }
  .DB_dialog {
	position: fixed !important;
	width: auto !important;
	height: auto !important;
	max-height: 90vh;
	padding-left: 0px !important;
	background-color: transparent !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	left: 50% !important;
  }
  
  .DB_dialog #PV_imageDiv img:first-child {
	padding: 0px 3px 5px 8px !important;
  }
  
  .DB_dialog #PV_imageDiv img:last-child {
	/* width: auto !important; */
	height: auto !important;
	max-height: 90vh;
	max-width: 90vw;
	padding: 5px !important;
  }
  
  .DB_dialog #PV_imageDiv img:nth-child(2) {
	/* width: auto !important; */
	height: auto !important;
	max-height: 80vh;
	max-width: 90vw;
	padding: 5px !important;
  }
  @media screen and (max-height: 414px) and (max-width: 991px) {
	.DB_dialog {
	  position: fixed !important;
	  width: auto !important;
	  height: auto !important;
	  max-height: 90vh;
	  padding-left: 0px !important;
	  background-color: transparent !important;
	  top: 50% !important;
	  transform: translate(-50%, -50%) !important;
	  left: 50% !important;
	}
	.DB_dialog #PV_imageDiv img:last-child {
	  width: auto !important;
	  height: auto !important;
	  max-height: 80vh;
	  max-width: 90vw;
	  padding: 5px !important;
	}
  }

/**** Alert box css *****/

body .alert-box{
	max-height: 80% !important;
 	transform: translate(-50%, -50%) !important;
  	overflow-y: scroll !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	max-width: 600px !important;
	width: auto !important;
}
body .alert-box .alert-box-body img{
  width: 100% !important;
}
.alert-box a.close{
	color: #353535 !important;
}
.alert-box{
	color: #353535 !important;
}
html body .alert-box{
	width: calc(100% - 5%) !important;
}

@media (max-width: 768px) {
	html body .alert-box{
		width: calc(100% - 10%) !important;
	}
	html body .alert-box span
	{
		font-size: clamp(20px, 3.645vw, 25px) !important;
		line-height: 1.2;
	}
}
@media only screen and (max-device-width: 480px) {
	html body #alert-holder .alert-box{
		width: calc(100% - 5%) !important;
	}
}

/**bell schedule */
.bell-schedule .bell-title a {
	text-decoration: none !important;
}
.bell-schedule .bell-title{
	font-size: 16px !important;
}

@media (max-width: 576px) {
	.bell-schedule {
		padding: 0 !important;
	}
}
.en-inner-pages-links-module-linkUrl a {
	font-weight: normal !important;
	text-decoration: underline !important;
}

body .en-inner-pages-links-module-linkDesc {
	margin-top: 0px;
}


@media only screen and (max-device-width: 450px) {
	#wrapper #pageContentWrapper a{
		word-break: break-all;
	}
}


/* page nav*/
@media (max-width: 700px) {
	.en-modal-body #pageNav tbody, .en-modal-body #pageNav tbody tr, .en-modal-body #pageNav tbody tr ul {
	  width: 100%;
	  display: block;
	}
}

#pageContentWrapper .en-inner-pages-links-module-linkUrl a{
	font-weight: 300 !important;
} 
@media only screen and (min-width: 1161px) {
	#wrapper .top-video-info {
		padding: 10px 0 0.4em 0.16em;
	}
}
@media only screen and (min-width: 701px) and (max-width: 730px) {
	#wrapper .content .inside, #wrapper .neutral, #wrapper table {
		font-size: 15px;
	}
}
/********* Css Extra for Inner END************/


/************ Table Responsive **********/
@media (max-width: 700px) {
    div table.en-editable-table colgroup {
        display: none;
    }
    .en-responsive-table-td {
        display: flex !important; 
        align-items: stretch !important;
        box-sizing: border-box;
    }
    .en-responsive-table-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    table.en-responsive-table tr.en-responsive-table-tr {
        height: auto!important;
    }
    table.en-responsive-table :is(.en-responsive-table-content,.en-responsive-table-header) {
        border-bottom: none;
        border-right: none;
    }
}

/************ Table Responsive END **********/

/******* Page CSS ******/
@media (max-width: 1160px) {
	#wrapper div[en-page-rec-id="416632"] blockquote{
		margin: 0 !important;
	}
}
@media (max-width: 700px) {
	
  #NON_STAFF_MULTI_PAGE_W_ASIDE #pageContentWrapper tr td {
    display: revert !important;
    width: auto !important;
  }

} 


/**** Staff page Button *****/
#pageContentWrapper .contactStaffMember #contactStaff button{
	background-color: #0f37bb !important;
	color: #fff !important;
}
#pageContentWrapper .contactStaffMember #contactStaff button:hover,
#pageContentWrapper .contactStaffMember #contactStaff button:focus{
	background-color: #0c1c4d !important;
	color: #fff !important;
}

@media (max-width: 700px) {
	#wrapper img.sub{
		margin-left:0;
	}
}


/******* Event page Inner ********/
@media only screen and (max-width: 650px) {
	#events-page #events.v1 .event .info {
		width: 45%;
	}
	#events-page #events.v1 .event .time { 
		width: 35% !important;
		white-space: normal;
	}
}
@media only screen and (max-width: 650px) {
	.input-value.col-md-80.col-sm-100 {
		/* text-wrap: wrap; */
		word-break: break-word;
	}
	.light.form-row {
		flex-wrap: wrap;
	}
}



@media only screen and (max-width: 1100px) {
	.single-video #video-feature-area #big-video{
		width: 100% !important;
	}
	.single-video #video-feature-area #video_player{
		width: 100% !important;
	}
	#wrapper .content .inside {
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 850px) {
	.tablenew1 table[role="presentation"] tr{
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 15px;
		width: 100%;
		text-align: center;
		align-items: center;
	}
	.tablenew1 table[role="presentation"] tr tr{
		display: table;
	}
	.tablenew1 table[role="presentation"] tbody tr td b br{
		display: none;
	}
	.tablenew1 table[role="presentation"] tbody tr td{
		padding-right: 0 !important;
    	width: 100%;
	}
	.tablenew1 table.darkBox{
		width: 300px;
		margin: 0 auto;
		padding: 5px;
		background: #fdfafa;
	}
	.tablenew1 table[role="presentation"] table #usernameRow td,
	.tablenew1 table[role="presentation"] table #passwordRow td{
		width: auto !important;
	}
}
@media only screen and (max-width: 440px) {
	.tablenew1 table[role="presentation"] table .light input[type="button"],
	.tablenew1 table[role="presentation"] table .light input[type="submit"]{
		width: 150px;
	}
}
@media only screen and (max-width: 440px) {
	table .light input[type="submit"]{
		width: 150px !important;
		margin-bottom: 5px;
	}
}
@media only screen and (max-width: 360px) {
	#pageAsideWrapper.pageAsideLeftWrapper img.sub {
		margin-left: 0 !important;
		width: 280px !important;
	}
}
@media only screen and (max-width: 991px) {
	.tablenew1 table tr {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.tablenew1 table tr td a {
		height: auto;
		display: block;
	}
	.tablenew1 #pageContentWrapper table tr td a img {
		width: 200px !important;
		height: 100px !important;
		object-fit: unset !important;
		object-position: unset !important;
	}
}
@media only screen and (max-width: 768px) {
	.tablenew2 .en-public-login-table tbody tr {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
	}
	.tablenew2 .en-public-login-table tbody tr td:nth-child(2){
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	.tablenew2 #signInHeaderRow {
		display: table;
		width: 100%;
	}
	.tablenew2 #usernameRow ,.tablenew2 #passwordRow{
		justify-content: start;
		align-items: center;
		flex-direction: row;
	}
	.tablenew2 .en-login-page-create-acct{
		margin-left: 0;
		width: 70%;
	}
	#create-account-btn {
		margin-top: 10px;
	}
	div.en-editable-block-wrapper figure.img-left {
		float: unset !important;
		margin: 0 auto 10px !important;
	}
}
@media only screen and (max-width: 440px) {
	.tablenew2 .en-login-page-create-acct{
		width: calc(100% - 20px)
	}
}


/**** Video page ****/
#sd-link{
	margin-left: 10px;
}
.button3demboss.search.button3demboss-search {
	width: 63px !important;
}
@media only screen and (max-width: 768px) {
	#big-video .top_title{
		font-size: clamp(18px, 2.994vw, 23px) !important;
	}
	#big-video-info a#hd-link {
		word-break: unset !important;
	}
}


@media only screen and (max-width: 700px) {
	body #pageWrapperTable tr td, body #staff .staff-categoryStaffMembers {
		height: auto !important;
	}	
	body #pageContentWrapper tr td {
		display: revert;
	}
}