@import url("/shared/hover.css");
:root{
	--primary-font: 'trajan-pro-3', serif;

}



body{min-width:1120px; height: 100%; overflow-x:visible !important;}
.container_14 {
	margin-left: auto;
	margin-right: auto;
	width: 1058px;
	position: relative;
	overflow: hidden;
}
.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.pull_1,.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_12,.push_13,.push_14,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_14 .grid_1{width:60px}.container_14 .grid_2{width:140px}.container_14 .grid_3{width:220px}.container_14 .grid_4{width:300px}.container_14 .grid_5{width:580px}
.container_14 .grid_6 {
	width: 536px;
	margin-left: 72px;
	z-index: 9;
}
.container_14 .grid_7{width:540px}
.container_14 .grid_8 {
    width: 420px;
    bottom: -10px;
}
.container_14 .grid_9{width:700px}.container_14 .grid_10{width:780px}.container_14 .grid_11{width:860px}.container_14 .grid_12{width:940px}.container_14 .grid_13{width:1020px}.container_14 .grid_14{width:1100px}.container_14 .prefix_1{padding-left:80px}.container_14 .prefix_2{padding-left:160px}.container_14 .prefix_3{padding-left:240px}.container_14 .prefix_4{padding-left:320px}.container_14 .prefix_5{padding-left:400px}.container_14 .prefix_6{padding-left:480px}.container_14 .prefix_7{padding-left:560px}.container_14 .prefix_8{padding-left:640px}.container_14 .prefix_9{padding-left:720px}.container_14 .prefix_10{padding-left:800px}.container_14 .prefix_11{padding-left:880px}.container_14 .prefix_12{padding-left:960px}.container_14 .prefix_13{padding-left:1040px}.container_14 .suffix_1{padding-right:80px}.container_14 .suffix_2{padding-right:160px}.container_14 .suffix_3{padding-right:240px}.container_14 .suffix_4{padding-right:320px}.container_14 .suffix_5{padding-right:400px}.container_14 .suffix_6{padding-right:480px}.container_14 .suffix_7{padding-right:560px}.container_14 .suffix_8{padding-right:640px}.container_14 .suffix_9{padding-right:720px}.container_14 .suffix_10{padding-right:800px}.container_14 .suffix_11{padding-right:880px}.container_14 .suffix_12{padding-right:960px}.container_14 .suffix_13{padding-right:1040px}.container_14 .push_1{left:80px}.container_14 .push_2{left:160px}.container_14 .push_3{left:240px}.container_14 .push_4{left:320px}.container_14 .push_5{left:400px}.container_14 .push_6{left:480px}.container_14 .push_7{left:560px}.container_14 .push_8{left:640px}.container_14 .push_9{left:720px}.container_14 .push_10{left:800px}.container_14 .push_11{left:880px}.container_14 .push_12{left:960px}.container_14 .push_13{left:1040px}.container_14 .pull_1{left:-80px}.container_14 .pull_2{left:-160px}.container_14 .pull_3{left:-240px}.container_14 .pull_4{left:-320px}.container_14 .pull_5{left:-400px}.container_14 .pull_6{left:-480px}.container_14 .pull_7{left:-560px}.container_14 .pull_8{left:-640px}.container_14 .pull_9{left:-720px}.container_14 .pull_10{left:-800px}.container_14 .pull_11{left:-880px}.container_14 .pull_12{left:-960px}.container_14 .pull_13{left:-1040px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}

@font-face {
font-family: 'Zapfino';
font-style: normal;
font-weight: normal;
src: local('Zapfino'), url('/shared/fonts/Zapfino.woff') format('woff');
}

/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'trajan-pro-3', serif}
body { height: 100%; text-align: center; margin: 0; padding: 0; font-size: 13px; line-height: 1.231; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
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; }
.img-responsive {display: block;max-width: 100%;height: auto;}
.img-rounded { border-radius: 6px;}
.img-thumbnail { padding: 4px;line-height: 1.42857143;background-color: #ffffff;border: 1px solid #dddddd; border-radius: 4px;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; display: inline-block;max-width: 100%;height: auto;}
.img-circle { border-radius: 50%;}
.text-orange {color: #df632a;}
.ease {-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.easeFast {-moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
  
/* Font styles */
body,
#nav_items_0 li:hover ul li a, 
#nav_items_0 li.over ul li a,
#address {/*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif; color: #282a2e; }
#pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a {/*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif; color: #282a2e;}

/* Site Styles */
#wrapper, #wrapper-index { position: relative; margin: 0 auto; width: 100%; min-width: 1120px; height: 100%; min-height: 100%; height: auto!important; text-align: left; overflow: hidden;}
#wrapper {background: url('/pics/inside_page_water_mark.jpg') center bottom no-repeat;}

.inside { width: 1120px; margin: 0 auto; }
#wrapper .content { position: relative; margin: 0 auto; }
#wrapper .content .inside { width: 1080px; padding: 0 20px 20px 20px; line-height: 1.5; }
#wrapper .content .inside,#wrapper .content .inside .neutral, #wrapper .content .inside table {/*font-family: 'Raleway', sans-serif !important;*/ font-family: 'trajan-pro-3', serif !important; color: #63666a !important; font-size: 17px !important; font-weight: 500 !important;}
.content { width: 1120px; text-align: left; margin: 0 auto; padding: 0;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px;}
#wrapper-index .content, #wrapper-index .content .inside {width: 100% !important;}
.pageTitle { width: auto; display: block; padding:36px 0 0; margin-bottom: 30px; font-size: 34px; color: #282a2e; position: relative; background: url('/pics/page_title_bg.png') bottom left repeat-x; font-family: 'trajan-pro-3', serif; }
#inside-photo {left: -20px; position: relative; top: -55px; margin-bottom: -52px; min-height: 350px;}

#wrapper tbody.light td, #wrapper thead.dark th { font-family: 'trajan-pro-3', serif !important; font-size: 17px !important; font-weight: 500 !important; }
#wrapper tbody.light { color: #63666a !important; }

.orangeRow a#minder-hp { color:#fff; }

/* Top */
#top-bar { position: relative; border-top: 20px solid #DF632A; border-bottom: 2px dotted #DF632A; z-index: 99999; }
#tabs {
	position: relative;
	margin: 11px 7px 11px 0;
	border-left: 2px dotted #DF632A;
	border-right: 2px dotted #DF632A;
	float: left;
	padding: 0 10px;
	width: 230px;
	bottom: -1px;
	display: flex;
	justify-content: flex-start;
}
.float-right { position: relative; float: right;}
#search { position: relative; float: left; margin: 0 0 0 32px;}
#search form { margin: 0; }
#search #search-field { width: 63px; height: 16px; border: 0; padding: 2px; background: none; font-size: 13px; color: #63666a; background: #fff;  font-weight: 500; }
#search #search-img { vertical-align: top; margin-top: 5px; }
.ie6 #search #search-img, .ie7 #search #search-img { margin-top: 1px; }
#googleTranslate { opacity:0; filter: alpha(opacity = 0); width:99px!important; height: 10px; }
#preGoogle {
    position: relative;
    height: 10px!important;
    display: block;
    overflow: hidden;
background: url('/pics/translate.png') no-repeat top left/contain;
    border: 0;
    margin: 6px 0 6px;
    float: left;
    bottom: 1px;
}

/* Links */
#links {
    display: flex;
    height: 51px;
}
#jesters-btn {
    height: 30px;
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    top: 10px;
    left: 22px;
    z-index: 0;
    background: white;
    margin-block: auto;
    align-items: center;
    font-size: 19px;
	color: #7c7e82;
}
#jesters-btn:hover {
    cursor: pointer;
}
.hamburger-btn {
    display: flex;
    flex-direction: column;
    height: 30px;
    width: 30px;
    justify-content: space-evenly;
    color: #434548;
    margin-right: .3em;
}
.hamburger-btn span {
    border-bottom: 2px solid #434548;
    width: 100%;
    display: block;
    border-radius: 3px;
}
#links ul {
    padding: 0;
    margin: 0;
    display: none;
    left: 0px;
    position: relative;
    list-style: none;
    bottom: 5px;
	background: #fff;
}
#jesters-btn:hover + ul,
#jesters-btn:focus + ul,
#links ul:hover,
#links ul:focus{
    display: flex;
}
#jesters-btn:hover + a,
#jesters-btn:focus + a,
#links ul:hover + a,
#links ul:focus + a{
	left: 0;
}
#links li {position: relative; padding: 0; margin: 0 7px 0 0; float: left; list-style: none;}
#links a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 19px;
    padding: 14px 0px 14px 8px;
    /* background: url('/pics/links_bullet.gif') center left no-repeat; */
    color: #434548;
	color: #7c7e82;
}
#links > a {
    left: 110px;
    top: -5px;
}
#links .hvr-sweep-to-top:before {background: #000 !important;}
#links a:hover, #links a:focus, #links a:active { font-size: 19px; padding-top: 12px; padding-bottom: 12px; }

/* Social Media */
#social-media-buttons {position: relative; float: left;}
#social-media-buttons ul {padding: 0; margin: 0;}
#social-media-buttons li {position: relative;/* padding: 0 0 0 25px; */margin: 0; float: left; list-style: none;}
#social-media-buttons a {position: relative; display: inline-block; text-decoration: none; background-image: url('/pics/social-media-buttons.png'); height: 14px; min-width: 45px; padding: 15px 0px; background-size: 130px;}
#facebook a {
    width: 45px;
    background-position: 61px 15px;
    background: url(/pics/fb_icon.png) no-repeat center/65%;
} 
#twitter a {width: 16px; background-position: -32px 15px;}
#instagram a {
    width: 14px;
    background-position: -94px 15px;
    background: url(/pics/insta-icon.png) no-repeat center/52%;
}

/* Header */
#header {
    position: relative;
    z-index: 9999;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 56%, rgba(255,255,255,0) 100%);
    padding-bottom: 3rem;
}
#header-wrapper {
    background: #ff5a00;
/*border-bottom: 3px double black;*/
}
#header-name {
	position: relative;
	right: -145px;
	display: block;
	width: 917px;
	height: 91px;
	background: url(/pics/school_name.png) no-repeat center/contain;
}
.header-logo-wrapper { position: relative; width: 1100px; margin: 0 auto;}
.header-logo {
	position: absolute;
	width: 200px;
	aspect-ratio: 10/14;
	/* top: 30px; */
	/* left: 500px; */
	left: -11px;
	top: 5px;
	background: url(/pics/header_logo.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 9;
}

/* Navigation menu */
#menu-full #summary #title {color: #434548;}
#menu-holder { 
	width: 100%; 
	height: 53px; 
	background: url('/pics/menu_bg.png') repeat; 
	position: relative; 
	border-top: 20px solid #df632a; 
	border-bottom: 2px solid #df632a; 
	background: none; 
	border: none;
}   
#menu-full #summary #description { color: #63666a;}
#menu {width: 1100px; height: 60px; z-index: 10px; margin: 0 auto; position: relative;}
#menu-full {top: 55px !important;}
#menu h2 { width: 0; height: 0; }
#nav_items_0 { list-style: none; margin: 0; padding: 0; float: right; right: 50%; position: relative; z-index: 9999; }
#nav_items_0 li {
	list-style: none;
	display: inline;
	float: left;
	left: 59%;
	position: relative;
	z-index: 9999;
	padding: 0;
}

#nav_items_0 li a {
    white-space: nowrap;
    width: 0;
    height: 18px;
    display: block;
    text-align: center;
    padding: 15px 6px 19px;
    font-size: 16px;
    text-decoration: none;
    color: #282a2e;
    font-family: 'trajan-pro-3', serif;
    border-bottom: 2px solid transparent;
}
#nav_items_0 > li a { width: auto; white-space: normal; }
#nav_items_0 li:hover a, #nav_items_0 li.over a { color: #282a2e; background: #fff; border-bottom: 2px solid #69b3e7; }

/* Navigation Menu UPDATED */
#top-bar{
	border: none;
}
#tabs{
	border:none;
}

/* Drop down items */
#nav_items_0 ul, 
#nav_items_0 li:hover ul ul, #nav_items_0 li.over ul ul, 
#nav_items_0 li:hover ul ul ul, #nav_items_0 li.over ul ul ul,
#nav_items_0 li:hover ul ul ul ul, #nav_items_0 li.over ul ul ul ul { position: absolute; right: auto; left: -9999em; top: -9999em; z-index: 9999; width: 184px; margin: 0; padding: 0; font-size: 12px;}
#nav_items_0 ul li { margin: 0; left: auto; }
#nav_items_0 li:hover ul, #nav_items_0 li.over ul { left: auto; top: auto; background: none; }

#nav_items_0 ul li:hover ul, #nav_items_0 ul li.over ul,
#nav_items_0 ul ul li:hover ul, #nav_items_0 ul ul li.over ul,
#nav_items_0 ul ul ul li:hover ul, #nav_items_0 ul ul ul li.over ul { position: absolute; top: 0; left: 100%; }
 
/* Drop down items colors and formatting */
#nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a { line-height: 16pt; text-align: left; text-decoration: none; padding: 16px 11px; height: auto; width: 176px;font-size: 16px; letter-spacing: normal; white-space: normal; text-transform: none; text-shadow: none; font-variant: normal; /*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif;}

#nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a,
#nav_items_0 li ul li:hover ul a, #nav_items_0 li ul li.over ul a,
#nav_items_0 li ul li ul li:hover ul a, #nav_items_0 li ul li ul li.over ul a,
#nav_items_0 li ul li ul li ul li:hover ul a, #nav_items_0 li ul li ul li ul li.over ul a { color: #282a2e; background: #fff; border: 0;  border-left: 2px solid transparent;}

#nav_items_0 li ul li a:hover, 
#nav_items_0 li ul li:hover a, #nav_items_0 li ul li.over a,
#nav_items_0 li ul li:hover ul a:hover, #nav_items_0 li ul li.over ul a:hover,
#nav_items_0 li ul li ul li:hover a, #nav_items_0 li ul li ul li.over a,
#nav_items_0 li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li.over ul a:hover,
#nav_items_0 li ul li ul li ul li:hover a, #nav_items_0 li ul li ul li ul li.over a,
#nav_items_0 li ul li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:hover { color: #282a2e; background: #f5f4f6; border: 0; border-left: 2px solid #77b9e8; }

nav#menu ul li span.nav_icon { display: none; }

#nav_items_0 li a bdi:after, #nav_items_0 li a li a bdi:after, #nav_items_0 li a li a li a bdi:after{ content: " \2192";}

/* Image shuffles */
#index-top {background: #000;margin-top: -6rem;}
#slideshow { width: 1100px; margin: 0 auto; height: 815px; position: relative; margin-top: -55px;  padding: 0; margin-bottom: -55px; margin-bottom: 1px;}
@-moz-document url-prefix() { 
	#slideshow {padding-top: 0; top: -55px; }
}

/* Button Group */
.button-group {  margin: 0 auto; text-align: center; background-color: rgba(0, 0, 0, 0.1); padding: 10px 0 5px; border-radius: 4px;}
.button-group a {    border: none; border-radius: 2px;  display: inline-block; height: 36px;line-height: 36px; padding: 0 16px; text-transform: uppercase;vertical-align: middle; -webkit-tap-highlight-color: transparent; font-size: 14px; outline: 0; text-decoration: none; color: #fff !important; background-color: #df632a; text-align: center; letter-spacing: .5px; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out; cursor: pointer; margin-bottom: 5px; }
.button-group a:hover,.button-group a:focus, .button-group a:active { background-color: #000;}

/* Sections */
.row {padding: 50px 0; position: relative;}

/* Homepage Section Headers */
.row h2 {position: relative; padding: 0; margin: 0; font-weight: 400; font-family: 'trajan-pro-3', serif;  color: #282a2e; }
.row h2 a {position: relative; display: block; font-family: 'trajan-pro-3', serif; color: #282a2e; }

/* Homepage Sections Containers */
.container {position: relative; margin-top: 0; padding: 10px 0; background: #fff;}

/* Mission */
#mission {text-align: center; }
#mission-cut-out {position: absolute; background: url('/pics/mission_bg.png') center top no-repeat; width: 45px; height: 15px; top: -15px; left: 50%; margin-left: -23px; z-index: 999;}
#mission-cut-out-before {  top: -15px; left: 0; z-index: 999;position: absolute; width: 48.9%; height: 14px; background: #fff;}
#mission-cut-out-after {  top: -15px; right: 0; z-index: 999;position: absolute; width: 48.9%; height: 14px; background: #fff;}
#mission h2 {
    font-size: 30px;
    background: url('/pics/section_header.png') center center no-repeat;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: #434548;
    line-height: 2;
    font-family: 'Zapfino', cursive;
}
#mission p {
    /* font-family: 'Raleway', sans-serif; */
    font-family: var(--primary-font);
    font-size: 22px;
    color: #63666a;
    line-height: 2.2rem;
    padding: 20px;
    margin: 10px;
width:90%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #mission-cut-out, #mission-cut-out-before, #mission-cut-out-after {display: none;}
}

/* About */
#about {background: url('/pics/about_bg.jpg') #f6f4ef;background-size: cover;}
#about h2 {color: #282a2e; font-size: 34px; line-height: 2.5rem; background: url('/pics/about_section_header.png') bottom left no-repeat; padding-bottom: 17px; letter-spacing: 1px;}
#about p {
    font-weight: 500;
    font-size: 16px;
    color: #282a2e;
    line-height: 1.8rem;
    text-wrap: nowrap;
}
#about a {position: relative; display: inline-block; text-transform: uppercase; letter-spacing: .5px; font-size: 15px; font-weight: 600; text-decoration: none; background: url('/pics/about_more.png') center right no-repeat; padding-right: 22px;}

/* Stats */
.stats-item {position: relative; width: 50%; float: left; min-height: 100px; padding-top: 15px; }
.stats-item .item {font-family: 'Dancing Script', cursive; font-size: 34px; line-height: 56px;}
.stats-item span {position: relative; display: block; /*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif; font-weight: 500; text-transform: uppercase; font-size: 14px; line-height: 22px;}

/* News */
#news {background: url('/pics/wall-texture.jpg') center repeat; padding-bottom: 40px;}
#news .bx-viewport {height: auto !important; }
#news h2 {display: block;text-align: center; line-height: 1; margin-bottom: 24px;}
#news h2 a {
    position: relative;
    display: block;
    font-size: 34px;
    letter-spacing: 1px;
    font-family: 'Zapfino', cursive;
}
#news .homepage-news {padding-bottom: 0 !important;  }
#news .news-thumb {background-color: #63666a; height: 240px;}
#news li {border: 0; border-bottom: 2px solid #df632a;}
#news .news-wrap {padding: 20px;}
#news .news-title a { /*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif; font-weight: 600; font-size: 21px; line-height: 1.6rem; color: #434548;}
#news .news-text {font-size: 19px;  /*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif; color: #fff; line-height: 1.3rem;text-align:center;}
#news .news-showAll {display: block;  margin-top: 40px;}
#news .news-showAll a { text-decoration: none; text-align: center; border: 2px solid #df632a; text-decoration: none; padding: 13px 30px; font-size: 15px; text-transform: uppercase; font-weight: bold;}
#news .bx-wrapper .bx-next {background: url('/pics/news_right_arrow.png') no-repeat; width: 33px !important; height: 60px !important; right: -63px !important; cursor: pointer;}
#news .bx-wrapper .bx-next:hover,#news .bx-wrapper .bx-next:active,#news .bx-wrapper .bx-next:focus {background-position: -33px 0px;}
#news .bx-wrapper .bx-prev {background: url('/pics/news_left_arrow.png') no-repeat; width: 33px !important; height: 60px !important; left: -63px !important; cursor: pointer;}
#news .bx-wrapper .bx-prev:hover,#news .bx-wrapper .bx-prev:active,#news .bx-wrapper .bx-prev:focus {background-position: -33px 0px;}

/* UPDATED NEWS */
#news li{
/*border: 1px solid black;*/
}



#news li:nth-child(2n+1)::before {
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(81, 82, 81) 100%);
}

#news li:nth-child(2n+1):hover .news-wrap {
background: rgba(81, 82, 81, 0.7);
}

#news .news-thumb{
	background-color: #fff;
	height: 338px;
}
#news .news-odd .news-thumb{
	/*background-color: #dadbdc;*/
}
#news li:hover .news-wrap {
    background: #ffffff8a;
    height: 100%;
    /* box-shadow: 0px -9px 5px 0px #ffffff8a; */
    background: #ff7a2cc4;
    color: #fff;
}
#news li:hover .news-wrap .news-text{
	position: absolute;
	bottom: 0;
/*background:#ff7014;*/
}
#news .news-wrap {
    position: absolute;
    margin: 0;
    padding: 10px;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
	transition: all .5s ease;
}
.news-wrap .news-title,
.news-wrap .news-title a{
	display:block;
	height: 100%;
	color: #fff !important;
	text-align:center;
	margin: 0 0 25px !important;
}
#news li:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,112,20,1) 70%);
    z-index: 0;
}

/* Events */
#events-wrapper { position: absolute; min-height: 100px;width: 50%; background: url('/pics/SJ-Magazine-Homepage.png') no-repeat;right: 0; top: 0; background-size: contain;}
#events-accent {position: absolute; bottom: 0; background: url('/pics/events_accent.png') no-repeat; width: 47px; height: 60px; top:0px;     left: 50%; margin-left: -23.5px;}
#events.row {background: url('/pics/events_border.gif') bottom repeat-x #f4f3f5;padding: 40px 0 50px; padding-bottom: 0;}
#events h2 a {font-size: 30px; text-decoration: none; background: url('/pics/about_section_header.png') bottom left no-repeat; padding-bottom: 17px; margin-bottom: 20px;letter-spacing: 1px;font-family: 'Zapfino', cursive; line-height: 2;}
#events #hp-events .v3 .dayInfoWrap { padding: 0; width: 60px; height: 71px;border-radius: 0; background: url('/pics/events_shield.png') no-repeat transparent;}
#events .dayeventwrap {min-height: 72px;}
#events #hp-events .v3 span.month {font-size: 12px; font-weight: bold; text-transform: uppercase; padding-top: 8px;}
#events #hp-events .v3 span.day {font-family: 'trajan-pro-3', serif; font-size: 34px; line-height: 1.2;}
#events #hp-events .v3 ul {padding-left: 80px;}
#events #hp-events ul li.event div {font-size: 17px; color: #434548;}
#events #hp-events ul li.event div a {font-size: 18px; font-weight: 600; text-decoration: none;}
#events #hp-events .hpeventlinks {margin-top: 10px; marign-left: 0;}
#events #hp-events .hpeventlinks div {float: left; margin-top: 0 !important; margin-right: 40px;}
#events #hp-events .hpeventlinks div a {font-size: 15px; text-transform: uppercase; font-weight: 600; text-decoration: none; letter-spacing: .5px; background: url('/pics/about_more.png') right center no-repeat; padding-right: 22px;}
@-moz-document url-prefix() { 
	#events .dayeventwrap {margin-bottom: 20px;}
}

/* College */
#college .bx-wrapper .bx-next {background: url('/pics/college_right_arrow.png') no-repeat; width: 33px !important; height: 60px !important; right: -63px !important;}
#college .bx-wrapper .bx-next:hover,#college .bx-wrapper .bx-next:active,#college .bx-wrapper .bx-next:focus {background-position: -33px 0px; cursor: pointer;}
#college .bx-wrapper .bx-prev {background: url('/pics/college_left_arrow.png') no-repeat; width: 33px !important; height: 60px !important; left: -63px !important;}
#college .bx-wrapper .bx-prev:hover,#college .bx-wrapper .bx-prev:active,#college .bx-wrapper .bx-prev:focus {background-position: -33px 0px; cursor: pointer;}
#college .news-wrap {display: none;}
#college li {border: 0;}
#college .news-thumb {background: #fff;}
#college .bx-wrapper .bx-controls-direction a {margin-top: -29px !important;}
#college h2 {display: block; text-align: center;line-height: 1;margin-bottom: 50px;}
#college h2 a {
    position: relative;
    display: block;
    font-size: 30px;
    letter-spacing: 1px;
    color: #434548;
    font-family: cursive;
    font-family: 'Zapfino';
    line-height: 2;
}

/* Alumnae */
#alumnae {background:url('/pics/alumnae_bg.jpg') center center; background-size: cover; padding-bottom: 50px;}

/* Spotlight */
#spotlight9192wrapper {margin-bottom: 10px; position: relative;float:right;}
#spotlight9192wrapper h2 {background: none; margin-bottom: 0;}
#spotlight9192wrapper h2 a {  height: auto; width: auto;  position: relative; text-decoration: none; padding: 0;  margin: 0;  font-weight: 400; font-family: 'trajan-pro-3', serif;  color: #282a2e; letter-spacing: 1px; font-size: 34px; background: url(/pics/section_header2.png) center center no-repeat; margin-bottom: 25px; text-align: center;}
#spotlight9192wrapper #spotlight9192 {position: relative; margin: 0 auto; text-align: center; padding: 0 0 1px; background: none;}
#spotlight9192wrapper #spotlight9192 a {text-decoration: none;}
#spotlight9192wrapper div#spotlight9192 div.imgWrapper {overflow: hidden; width: 248px; height: 248px; border: 1px solid #fff; padding: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin: 0;}
#spotlight9192wrapper #spotlight9192 a {text-decoration: none; position: relative; display: inline-block; margin-left: 30px;}  
#spotlight9192wrapper #spotlight9192 a:first-child {margin-left: 0 !important;}  
#spotlight9192wrapper div#spotlight9192 div.imgWrapper img {width: 248px !important; height: 248px;}
#spotlight9192wrapper div#spotlight9192 h3 {margin: 10px auto; font-size: 18px; font-weight: 600; width: 248px; text-align: center;}
#spotlight9192wrapper div#spotlight9192 h3 span {display: block; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #63666a; margin-top: 4px;}

/* Motto */
#motto { min-height: 250px; background: url('/pics/motto_bg.jpg') center center #000; background-size: cover; padding: 0; min-height: 50px;}
#motto-wrapper {padding: 35px 0 43px;}
#motto p { font-family: 'Zapfino'; color: #fff; font-size: 28px; padding: 0; margin: 0 0 20px; text-align: right; line-height: 1.5}
#motto p:last-child {margin-bottom: 0;}
#motto #line-1 {margin-right: 100px;}
#motto #line-2 {margin-right: 80px;}

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

/* Other homepage section extras */
.dark {background-color: #df632a !important; color: #fff !important;}
.light {background-color: #fff !important; }
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;}
#wrapper .darkBorderBottom, #wrapper  thead.dark th { border-bottom: 0 !important;}
#wrapper .dark td { padding: 8px 12px !important; font-size: 16px; font-weight: 600; /*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif;}
#wrapper .dark td b {font-weight: 500;}
#wrapper .light td { padding: 8px 12px !important; font-size: 14px !important;}
#wrapper .light td  a {text-decoration: none;}
#wrapper tr.light:hover td { background: #f5f5f5 !important;}
#wrapper .light td:hover a {text-decoration: underline;}
#wrapper .content .inside .neutral {border: 1px solid #eee !important;}
.lightBorderBottom, tbody.light td {border-bottom: 1px solid #eee !important;}
#wrapper .content .inside .neutral tr:last-child td {border-bottom:  0 !important;}

/* Card */
.card-wrapper { margin-top: -20px; width: 100%;}
.card-holder {display: inline-block; width: 100%;}
.card .card-thumb {overflow: hidden; height: 174px; background: #fff;}
.card img {max-width: 100%;}
.card {width: 248px; height: 174px; background: #000; float: left; margin: 20px 10px 0; position: relative; cursor: pointer; overflow: hidden !important; color: #fff; border: 1px solid #000;}
.card-description {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;background-color: rgba(0, 0, 0, 0.8); padding: 10px 0; color: #fff;}
.card-description:hover { background-color: rgba(255, 255, 255, 0.8); bottom: 6px;color: #000;}
.card-description a {position: relative; display: block;  text-decoration: none; color: #fff; font-weight: 600; }
.card-description:hover a { color: #000 ;  }

/* Side Image */
img.sub {border: 0;}
#wrapper img.sub {margin-left: 20px;}

/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; background: #fff; margin-left: 20px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-bottom: 2px solid #69b3e7;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 0 0!important; margin: 0 auto!important; width: 250px;  height: auto!important;  }
#pageNav ul li { padding: 0 0 0!important; margin: 0 0 0!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b {  min-height: 20px;text-decoration: none; padding: 8px 24px; margin: 0; display: block; font-size: 18px; text-align: left; position: relative; z-index: 0; /*font-family: 'Raleway', sans-serif;*/ font-family: 'trajan-pro-3', serif; line-height: 1.5}
#pageNav ul li b,#pageNav ul li a:hover { background: url('/pics/pagenav_hover.png') left center no-repeat #f4f3f5; color: #282a2e; font-weight: 600;}
#pageNav ul li a { text-decoration: none; color: #282a2e; background: #fff; font-weight: 600;}

/* Footer */
#footer { width: 100%; position: relative; bottom: 0; text-align: left; background: #fff; border-top: 2px solid #df632a; }
#footer .container_14 .grid_6 {background: #fff;}
#footer-name {position: relative; display: block; background: url('/pics/footer_name.jpg') no-repeat; width: 400px; height: 100px; margin: 35px auto 25px; }
#footer-wrapper { position: absolute; min-height: 410px; width: 60%; background: url('/pics/footer_bg.jpg') no-repeat; right: 0; top: 0; background-size: cover;}
#address {font-size: 16px; color: #63666a; padding: 0 0 20px; margin: 0; text-align: center; background: url('/pics/address_sep.gif') bottom left no-repeat; width: 100%;}
#footer-links {position: relative; display: inline-block; width: 100%; margin-bottom: 17px; }
#footer-links ul { list-style: none;  margin: 0; padding: 0;  float: right; right: 50%; position: relative; z-index: 9999;}
#footer-links li { list-style: none; display: inline; float: left; left: 50%; position: relative;  z-index: 9999; padding: 0;}
#footer-links li  a {position: relative; display: block; padding: 20px 9px; text-decoration: none; font-size: 15px; color: #282a2e; font-weight: 600; background: #fff;}
#footer-links li  a:hover, #footer-links li  a:focus, #footer-links li  a:active {color: #fff !important;}
#footer-links li .hvr-rectangle-out:before {background: #000;}
#bottom-bar {background: #63666a; min-height: 40px; }
#footer-logo {margin-bottom: 29px; display: inline-block;}
#footer-logo a {position: relative; display: block;}
#footer-logo ul {position: relative; display: block; padding: 0; margin: 0;}
#footer-logo li {position: relative; display: block; padding: 0; margin: 0; float: left; list-style: none;}
#logo-1 a {width: 81px; height: 80px; background: url('/pics/dept_ed.jpg') no-repeat; margin-left: 33px;}
#logo-2 a {width: 193px; height: 80px; background: url('/pics/st_joseph.jpg') no-repeat; margin-left: 40px;}
#edunet { position: relative; background: url('/pics/edunet.png'); margin: 10px auto; width: 185px; height: 21px; color: #fff }



div#qp-1094.HPQuickPoll{
	width:500px;
	float:left;
}
.HPQuickPoll h2 {
    width: 271px;       /* header width  */
	font-size:34px;
	background: url(/pics/section_header2.png) center center no-repeat !important;
    /* default background image is /pics/pics/quick_poll_header.png  */
}
.quickpoll{
	font-size:16px;
}
.HPQuickPoll ul {
	list-style-type:none;
	margin-left:0; padding-left:0;
}
.bar { height:10px!important; background-color:#DF6329!important;}  
.HPQuickPoll .bar-color {
    background-color: #10296B;   /* results bar color */
	height: 10px;
}
input#vote{
	margin-right:438px;
}


/* Alma Matter Audio */

#alma audio {width: 400px; position: relative; top:130px; left:64px;}
#alma {float:left;}
#hp-testimonials {float:left; clear:right; width:50%;}
#jester-spotlight {float:left; clear:right; width:50%;}
section#alma h2 a , section#jester-spotlight h2 a{
height: auto;
/*width: 530px;*/
position: relative;
text-decoration: none;
padding: 0;
margin: 0;
font-weight: 400;
font-family: 'trajan-pro-3', serif;
color: #fff;
letter-spacing: 1px;
font-size: 34px;
/*background: url(/pics/section_header2.png) center center no-repeat;*/
margin-bottom: 25px;
text-align: center;
}
section#jester-spotlight2 h2 a {
    height: auto;
    /* width: 530px; */
    position: relative;
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-family: 'trajan-pro-3', serif;
    color: #fff;
    /* letter-spacing: 1px; */
    font-size: 30px;
    /* background: url(/pics/section_header2.png) center center no-repeat; */
    margin-bottom: 25px;
    text-align: center;
    font-family: 'Zapfino', cursive;
    line-height: 2;
}


.alert-box {position:absolute; top:100px !important; margin-top:0 !important;}

#hp-testimonials {width: 47%; float: left;}
#hp-testimonials h2, #hp-testimonials h2 a { position: relative; display: block;  font-size: 34px; letter-spacing: 1px; color:#fff; text-align:center; }
#hp-testimonial-row {background-color:#df632a;  }
#hp-testimonial-row table#news1wrapper {background-color:#ffede5;}
#hp-testimonials td#l {display:none; }
#hp-testimonials td#r{background: url(/pics/about_section_header.png) bottom left no-repeat;/* background: url(/pics/orange_section_sep.png) bottom left no-repeat;*/}
#hp-testimonials #showAll-1 td#r {border-bottom:none; padding-top:20px;}
#hp-testimonials a[role="heading"] {position: relative; font-weight:bold; font-size: 18px; text-decoration:none;}
#hp-testimonials a[role="heading"]:hover, #hp-testimonials a[role="heading"]:focus {text-decoration:underline;}
#hp-testimonials table {font-family: 'trajan-pro-3', serif;font-weight: 500; font-size: 18px; color: #282a2e; line-height: 1.8rem;}

.pdfEmbed { width:800px; height:1100px; margin:0 auto; }

#alert-box {position:absolute !important; top:185px !important; margin-top:0 !important; width:600px;}
#alert-box-overlay { z-index:999999 !important; }




div#events-page.cal0::before {
    content: "In the event of unforeseen circumstances, calendar is subject to change.";
    display: block;
    padding-bottom: 20px;
}









.popdown {
  position: relative;
  display: inline-block;
}

.popdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 10px 16px;
  z-index: 10000;
}

#top-bar > div.container_14 > div.grid_6 > div.popdown > div > ul { 
    list-style: none;
	padding:0;
}

#top-bar > div.container_14 > div.grid_6 > div.popdown > div > ul li a {
	text-decoration: none;
	font-size: 15px;
	color: #7c7e82;
}

#top-bar > div.container_14 > div.grid_6 > div.popdown > div > ul li { 
	padding: 5px 0;
}

.popdown:hover .popdown-content {
  display: block;
}

#top-bar > div.container_14 > div.grid_6 > div.popdown > div > ul li a:hover { 
	background-color: #f47021;
	color: #FFF;
}

#top-bar > div.container_14 {
    overflow: unset;
    height: 90px;
	height: 55px;
}

.hidden{display:none;}
#search-form {
	background: white;
	z-index: 9;
	border: 1px solid gray;
	border-radius: 4px;
	height: 24px;
	position: relative;
	top: -2px;
	margin-right: .5rem;
}
#view-search {
	border: none;
	background: none;
	cursor: pointer;
	position: relative;
	top: -2px;
	margin-right: .5rem;
}
#view-search img {
	width: 14px;
}


/* Inside Athletic Pages */

#athletic-sports {display: flex; justify-content: center; column-gap: 10px; position: relative;}
#athletic-sports-group {display: flex; flex-flow: row wrap; justify-content: center; column-gap: 45px; row-gap: 15px;  margin: 20px 0 20px 0;}

.button-link { 
border: none;
border-radius: 2px;
padding: 0 16px;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
font-size: 16px;
outline: 0;
text-decoration: none;
text-align: center;
letter-spacing: .5px;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
cursor: pointer;
margin-bottom: 5px;
width: 160px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background-color: #FF5A00;
}

.button-link.instagram-ico {background-image: url("/pics/athletics-instagram-btn.png")!important; text-align: left; font-size: 14px!important;}

div.button-link a {color: #fff; text-decoration: none;}
img.athletics-logo {position: absolute; right: 325px; top: -20px; z-index: 99;}

/* Homepage SJHS Magazine Button (to the right of Upcoming Events) */
a#magazine-btn {background-image:url("/pics/invisible-hyperlink-sj-magazine.png"); display:block; height:600px; width:640px; text-indent:-9999px; z-index: 9999; position: absolute; right:-90px; top:-30px;}
#events .container_14 {width: 1238px!important; min-height: 560px;}