/* imports and fonts imports */
/*@import url("polls-pack.css");
 @font-face {
 font-family: 'cambriai';
 src: url("https://stbarnabashigh.com/fonts/cambriai.ttf");
}

@font-face {
 font-family: 'cambriai-regular';
 src: url("https://stbarnabashigh.com/fonts/ufonts_com_cambria.ttf");
}*/
/* General */
html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.231;
	min-width:1100px;
	background:#12471b;
}
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;
}
/* Font styles */
body, #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #address {
	font-family: 'Droid Sans', sans-serif;
}
#pageNav, #pageNav ul li a, #quicklinks a, #nav_items_0 li a, #motto {
	font-family: 'Droid Sans', sans-serif;
}
#wrapper .content .inside, #wrapper .neutral, #wrapper table {
	font-family: 'Droid Sans', sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	color:#212020;
}
.img-middle { display:block; margin-left:auto!important; margin-right:auto!important; }
#staff.staffR1 div.staff-noUsers, #staff.staffR1 div.staff-noUsers * {
	font-family: 'Droid Sans', sans-serif !important;
	font-size:16px;
	font-weight:400;
	line-height:20px;
}
#staff.staffR1 {
	font-family: 'Droid Sans', sans-serif !important;
	font-size:16px !important;
}
/* Site Styles */
#wrapper, #wrapper-index {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 1000px; /*height: 100%; min-height: 100%; */
	height: auto !important;
	text-align: left;
	background: url("header_bg.jpg") center top no-repeat, url("header_bg_repeat.jpg") repeat-x;
	-pie-background: url("header_bg.jpg") center top no-repeat, url("header_bg_repeat.jpg") repeat-x;
	behavior: url("pie-d7df50.htc");
}
.inside {
	width: 100%;
	margin: 0 auto;
}
#wrapper .content {
	position: relative;
	margin: 0 auto;
	background: #fff;
}
#wrapper .content .inside {
	line-height: 20px;
	margin-top: 4px;
	padding: 20px;
	width: 1010px;
}
.content {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0px 0;
}
.content .inside {
	position: relative;
	min-height: 400px;
	height: auto!important;
	height: 400px;
padding-bottom:;
}
.pageTitle {
	color: #12471b;
	display: block;
	font-family: 'Bitter', serif;
	font-size: 32px;
	font-weight: 400;
	height: 40px;
	line-height: 63px;
	margin-bottom: 30px;
	padding-left: 0px;
	text-transform:uppercase;
 text-shadow: 0.5px 0.5px 0.5px #fff -moz-text-shadow: 0.5px 0.5px 0.5px #fff;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
	position: relative;
	width: auto;
}
/* Top */
#top {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 0;
}
#top #inner {
	position: relative;
	width: 1020px;
	margin: 0 auto;
height:35px;
}
#tabs {
	width: 250px;
	height: 35px;
	padding: 0;
	position: absolute;
	top: 38px;
	right:10px;
}
#search {
	float: right;
	position: relative;
	top: 0px;
	left: -5px;
	cursor: pointer;
}
#search form {
	margin: 0;
}
#search #search-field {
	width: 0px;
	height: 0px;
	border: 3px solid rgba(212,212,212,0.3);
	padding: 0px;
	font-size: 12px;
	color: #6b6b6b;
	position: relative;
	left: 16px;
	top: 1px;
	background: #fff;
	border-right: 0px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;

}
#search #search-img {
	vertical-align: top;
	margin-top: 0px;
	/*left: 6.5px;*/
    position: relative;
}
.ie6 #search #search-img, .ie7 #search #search-img {
	margin-top: 1px;
}
#googleTranslate {
	opacity:0;
	filter: alpha(opacity = 0);
	width:97px!important;
	height: 34px;

}
#preGoogle {
	position: relative;	
	top: 0px;
	height: 34px !important;
	display: block;
	overflow: hidden;
	background: url("translate.png") no-repeat top left;
	border: 0;
	float: right;
}
#login {
	width:50px;
	height: 24px;
	color: #11441a;
	display: block;
	font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
	position: relative;
	top:-9px;
	left:159px;
	float:right;
	z-index: 500;
	text-shadow: 0.5px 0.5px 0.5px #fff;
-moz-text-shadow: 0.5px 0.5px 0.5px #fff;
-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
}
#login #click {
	width: 47px;
	height: 24px;
	padding-top: 3.5px;
	color: #293b49;
	text-align: center;
	display: block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	font-weight:bold;
}
#login #form {
	display: none;
	padding: 0 10px 10px;
	z-index: 9;
	position: absolute;
	background: #fff;
	margin-top:2px;
	left:-150px;
}
#student-vault-vertical {
	color:#293b49 !important;
}
#email-container, #password-container, #sign-in a {
	color: #293b49;
}
#student-vault-vertical #sign-in {
	margin-top: 10px;
}
/*Social media Header*/
#social {
	display: inline-block;
	float: left;
	height: 35px;
	left: 272px;
	position: relative;
	top: -1px;
	width: 120px;
}
#fb, #twit, #insta {
	background-color: #ffffff;
	background-image: url("fb.gif");
	background-position: 8px 5px;
	background-repeat: no-repeat;
	border: 5px solid #f2f2f2;
	border-radius: 50%;
	-pie-border-radius: 50%;
	display: block;
	height: 27px;
	margin-left: 0;
	outline: medium none;
	position: absolute;
	width: 27px;
	behavior: url("pie-d7df50.htc");
}
#twit {
	background-image: url("twit.gif");
	background-position: 6px 7px;
	margin-left: 40px;
}
#insta {
	background-image: url("insta.jpg");
	background-position: 6px 5px;
	margin-left: 81px;
}
#fb:hover, #twit:hover, #insta:hover {
	border: 5px solid #dbba35;
}
/* Header */
#header {
	position: relative;
	top: 0;
	z-index: 9999;
	width: 1020px;
	margin: 0 auto;
}
#header .inside {
	height: 167px;
	position: relative;
}
#wrapper #header .inside {
	height: 163px;
	position: relative;
}
#header .logo {
    width: 415px;
    height: 148px;
    background: url("logo.png") no-repeat center/contain;
    position: absolute;
    top: -33px;
    left: 0px;
    z-index: 200;
}
#motto {
	color: #12471b;
	font-family: 'cambriai';
	font-size: 30px;
	font-weight: 400;
	position: absolute;
	left: 477px;
	top: 38px;
}

#motto2 {
	color: #12471b;
	font-family: 'cambriai';
	font-size: 30px;
	font-weight: 400;
	position: absolute;
	left: 427px;
	top: 57px;
}

/* quicklinks */
#quicklink h2 {
	width: 0;
	height: 0;
}
#quicklink {
	display: block;
	float: right;
	height: 44px;
	padding-bottom: 0;
	position: relative;
	top: -20px;
	z-index: 800;
	left: -52px;
	letter-spacing: 0.1px;
}
#quicklink ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#quicklink li {
	list-style: none;
	display: inline;
	float: left;
	left: -11%;
	position: relative;
	padding: 0 3px 0 0;
	background: url("qlink_sep.png") no-repeat right 23px;
}
#quicklink a {
	color: #11441a;
	display: block;
	font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding-right:14px;
	padding-left:14px;
	padding-top:14px;
	padding-bottom:10px;
	position: relative;
	text-align: left;
	text-decoration: none;
	z-index: 0;
	text-shadow: 0.5px 0.5px 0.5px #fff;
-moz-text-shadow: 0.5px 0.5px 0.5px #fff;
-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
}
/*
#quicklink li.last {
	background: none !important;
	padding-right: 0px !important;
}
*/
#quicklink a:hover {
	color:#dbba36;
}
/* Navigation menu */

/*Accessibility Tab Focusing*/
#nav_items_0 li a:focus {  color: #1b1a1a; background: #dbba36; outline:3px solid #EFDF60!important; }
#nav_items_0 li.over ul li a:focus { background:#12461a!important; color:#ffffff; box-shadow: none; border: 0;margin-top: 0; outline:3px solid #EFDF60!important;}

#menu {
	width: 1008px;
	height: 50px;
	z-index: 10;
	margin: 0 auto;
	position: relative;
	top: 115px;
}
#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;
	top:-45px;
}
#nav_items_0 li {
	list-style: none;
	display: inline;
	float: left;
	left: 50%;
	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: 17px 3px 15px;
	font-size: 15px;
	letter-spacing: 0.3px;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-family: 'Droid Sans', sans-serif;
	text-transform: uppercase;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	-moz-text-shadow: 0.5px 0.5px 0.5px #000000;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #000000;
}
#nav_items_0 > li a {
	width: auto;
	white-space: normal;
}
#nav_items_0 li:hover a, #nav_items_0 li.over a {
	color: #1b1a1a;
	background: #dbba36;
}
#nav_items_0 li:hover a {
	height: 20px;
	position: relative;
	top: 0px;
	line-height: 19px;
}
/* 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 0 3px;
	left: auto;
}
#nav_items_0 li:hover ul, #nav_items_0 li.over ul {
	left: auto;
	top: auto;
	background: #DBBA35;
	width:220px;
}
#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: 5px 22px;
	height: auto;
	width: 176px;
	font-size: 15px;
	letter-spacing: normal;
	white-space: normal;
	text-transform: none;
	text-shadow: none;
	font-variant: normal;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
	background: #05b643 url("dropbg_sep.png") no-repeat 12px 14px !important;
}
#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: #252525;
	background: #dbba36 url("dropbg_sep.png") no-repeat 12px 14px !important;
}
#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: #ffffff;
	background: #12461a url("topnav_sep.png") no-repeat 12px 14px !important;
}
li.nav_items_0 {
	padding-right: 6px!important;
	background: url("topnav_sep.png") no-repeat right 26px;
	margin-left:6px;
}
li.nav_item_last {
	background-image:none !important;
	background-image:none\9 !important;
	padding-right:0px;
}
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";
}
/* Index properties */
#index-wrapper {
}
#index-top, #columns {
	width: 1008px;
	position: relative;
}
#index-top {
	margin: 0 auto 0;
	height: 626px;
}
#column-wrap {
	width: 100%;
	padding: 0px 0 0 0;
	margin: 0;
	position: relative;
}
#columns {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: #fff;
}
#left-column {
    float: left;
    width: 50.15%;
    background: linear-gradient(to bottom, #F0E162 0%, #DAB843 100%) repeat scroll 0 0;
	background: -ms-linear-gradient(bottom, #F0E162 0%, #DAB843 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F0E162 0%, #DAB843 100%) repeat scroll 0 0;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0E162', endColorstr='#DAB843', GradientType=0 ); /* IE6-9 */
	padding-bottom: 12px;
	padding-top: 13px;
}
#left-column .inner {
    display: inline-block;
    float: right;
    margin-left: 0;
    margin-right: 15px;
    position: relative;
    width: 498px;
}
#right-column {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding-bottom: 0.5px;
    width: 49.85%;
    padding-top: 13px;
}
#right-column .inner {
    display: inline-block;
    margin-left: 44px;
    margin-right: 2px;
    position: relative;
    width: 450px;
}
/* Image shuffles */
#slideshow {
	width: 1008px;
	height: 626px;
	float: left;
	display: inline-block;
}
#caption {	
	height: 56px;
	z-index: 200;
	position: absolute;
	top:38px; 
	left:425px;
	margin-top: 0px;
	width:320px;
	pointer-events:none;
}
#caption h2 {
	
	font-family: 'Droid Sans', sans-serif;
	color: #13461B;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
	
}
/*Mission */
#mission-wrap {
	height: 390px;
	background: url("row_wrap2.jpg") no-repeat center bottom;
}
#mission {
	height: 203px;
	margin: 0 auto;
	position: relative;
	width: 1008px;
}
#slogan {
	background: url("slogan.png") no-repeat;
	height: 238px;
	z-index: 200;
	position: absolute;
	width: 239px;
	top: -47px;
	left: -6px;
}
#mission h2 {
	color: #114219;
	display: block;
	font-family: 'Droid Sans', sans-serif;
	font-size: 32px;
	font-weight: 700;
	height: 35px;
	line-height: 26px;
	margin-left:256px;
	padding: 20px 0 0 0px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
}
#mission p {
	color: #2c2c2c;
	display: block;
	font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	font-weight: 400;
	margin-left: 258px;
	line-height: 25px;
	padding: 0px 0 0;
	position: absolute;
	text-align: left;
	top: 46px;
}
#mission a {
	border: 2px solid #e6cf46;
	bottom: 16px;
	color: #114319;
	font-family: 'Droid Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	margin-left: 255px;
	padding-left: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 83px;
	border-radius: 15px;
	-pie-border-radius: 20px;
	behavior: url("pie-d7df50.htc");
}
#mission a:hover {
	background: #12471b;
	color: #e6cf46;
}
/* Homepage Sections */
section {
	margin-bottom: 10px;
	position: relative;
}
/* Homepage Section Headers */
#wrapper-index .content section h2 {
}
#wrapper-index .content section h2 a {
	color: #12471b;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 32px;
	font-weight: 400;
	height: 48px;
	line-height: 24px;
	margin: 6px 0 0;
	padding-top: 4px;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-shadow: 0.5px 0.5px 0.5px #fff;
	text-transform: uppercase;
	width: auto;
	-moz-text-shadow: 0.5px 0.5px 0.5px #fff;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
}
#wrapper-index .content section#givingtuesday h2 {
	font-size: 20px;
	line-height: 20px;
}
#wrapper-index .content section#givingtuesday h2 span {
	font-size: 18px!important;
}
#wrapper-index .content section h2 a span {
	font-weight: 700;
}
#wrapper-index .content #left-column section h2 a {
	background: url("title_left.png") no-repeat scroll left bottom;
	padding-left:32px;
}
#wrapper-index .content #right-column section h2 a {
	background: url("title_right.png") no-repeat 1px bottom;
}
/* Homepage Sections Containers */
.container {
	position: relative;
	margin-top: 0;
	padding: 10px 0;
	font-family: 'Droid Sans', sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	color:#212020;
}
#news .container {
	margin-left: -1px;
	padding-top: 29px;
}
#events .container {
	padding-top: 34px;
	padding-left: 5px;
}
/* Events */
#events #hp-events .v3 .dayInfoWrap {
	background: url("date_bg.png") no-repeat scroll left top;
	border-radius: 0 !important;
	color: #363636;
	font-weight: 700;
	height: 72px;
	margin-left: 24px;
	margin-top: -12px;
	text-transform: uppercase;
	width: 94px;
}
#events #hp-events .v3 span.month {
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	left: -27px;
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 1px;
	position: relative;
	top: 10px;
}
#events #hp-events .v3 span.day {
	color: #144118;
	font-family: "Droid Sans", sans-serif;
	font-size: 32px;
	font-weight: 700;
	margin-top: 4px;
	padding-left: 22px;
}
#events #hp-events .v3 ul {
	padding-bottom: 5px;
	padding-left: 115px;
}
#hp-events ul li div label {
	font-weight:400 !important;
}
#events #hp-events ul li.event div {
	color: #1d1d1d;
	font-family: 'Droid Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height:18px;
}
#events #hp-events ul li.event div a {
	color: #1d1d1d;
	font-size: 15px;
	text-decoration: none;
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	position:relative;
	top: 1px;
}
#events #hp-events ul li.event div a:hover {
	color:#12471b;
}
#events #hp-events .hpeventlinks div a[target] {
	background: #ffffff none repeat scroll 0 0;
	border: 2px solid #104018;
	border-radius: 15px;
	-pie-border-radius: 15px;
	color: #134a1c;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	margin-left: 120px;
	margin-top: 30px;
	padding-left: 14px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	top: 15px;
	width: 104px;
	behavior: url("pie-d7df50.htc");
}
#events #hp-events .hpeventlinks div a[target]:hover {
	color: #fff;
	background:#11441a;
}
#events #hp-events .hpeventlinks div a {
	background: #ffffff none repeat scroll 0 0;
	border: 2px solid #104018;
	border-radius: 15px;
	color: #134a1c;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	margin-left: 24px;
	margin-top: -30px;
	padding-left: 14px;
	text-decoration: none;
	text-transform: uppercase;
	width: 69px;
	behavior: url("pie-d7df50.htc");
}
#events #hp-events .hpeventlinks div a:hover {
	color: #fff;
	background:#11441a;
}
#hp-events .v3 ul li {
	margin-left:15px !important;
}
#hp-events .v3 ul {
	position: relative;
	top: -1px;
}
#hp-events .hpeventlinks {
	margin-top: 35px;
}
/*Row wrap 1*/

#row-wrap1 {
	background: #12471b url("row_wrapbg.jpg") no-repeat center top;
	height:480px;
}
#row-wrap1 .inner {
	height: 480px;
	margin: 0 auto;
	padding-top: 14px;
	width: 1008px;
}
/* Featured Photo Album */
 .HPFeaturedAlbums {
	float: left;
	margin-bottom: 10px;
	position: relative;
	top: -11px;
	width: 338px;
}
.HPFeaturedAlbums h2 {
	background: #e6cf46 none repeat scroll 0 0 !important;
	color: #12471b;
	cursor: pointer;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 28px;
	font-weight: 700;
	height: 48px !important;
	left: -2px;
	letter-spacing: -0.6px;
	line-height: 30px;
	margin-top: 26px !important;
	padding-bottom: 0;
	padding-left: 6px !important;
	padding-right: 0;
	padding-top: 20px !important;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0.3px 0.3px 0.3px #fff;
	text-transform: uppercase;
	top: 17px;
	width: auto;
	-moz-text-shadow: 0.3px 0.3px 0.3px #fff;
	-webkit-text-shadow: 0.3px 0.3px 0.3px #fff;
}
.HPFeaturedAlbums h2 span{
	font-weight:400;
}

/* Class of 2020 */
#class2020 {width:339px; float:left; position: relative; top:-11px;}
#class2020 img {position: relative; top:7px; left:-2px;}
#class2020 h2 a {
	background: #d5a600 none repeat scroll 0 0 !important;
	color: #000000;
	cursor: pointer;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 28px;
	font-weight: 700;
	height: 48px !important;
	left: -2px;
	letter-spacing: -0.6px;
	line-height: 30px;
	margin-top: 26px !important;
	padding-bottom: 0;
	padding-left: 6px !important;
	padding-right: 0;
	padding-top: 20px !important;
	position: relative;
	text-align: center!important;
	text-decoration: none;
	text-shadow: 0.3px 0.3px 0.3px #fff;
	text-transform: uppercase;
	top: 17px;
	width: 464px;
	-moz-text-shadow: 0.3px 0.3px 0.3px #fff;
	-webkit-text-shadow: 0.3px 0.3px 0.3px #fff;
}
#class2020 h2 a span {font-weight:400!important;}

.HPFeaturedAlbums .featuredAlbums {
	display: inline;
	float: left;
	left: -2px;
	margin-top: 0;
	padding: 13px 0 0;
	position: relative;
}
.HPFeaturedAlbums ul {
	margin-top: 10px !important;
}
.HPFeaturedAlbums ul li {
	border:none !important;
	top:-7px;
	left:0px;
	float: left;
	margin-bottom: 30px;
	overflow:visible !important;
}
.ie8 .HPFeaturedAlbums ul li {
	margin-right: 14px;
}
.HPFeaturedAlbums ul li:last-child {
	margin-right:0px;
}
.HPFeaturedAlbums ul li h3 {
	background: #e6cf46 url("Album_titlebg.jpg") no-repeat scroll left top;
	height: 44px;
	left: 105px;
	position: absolute;
	text-shadow: none;
	top: 270px;
	width: 233px !important;
}
.HPFeaturedAlbums ul li h3 span {
	background: none repeat scroll 0 0;
	color: #232323 !important;
	font-family: "Droid Sans", sans-serif;
	font-size: 16px;
	font-weight: 700;
	height: 34px;
	line-height: 34px;
	padding-left: 28px;
	text-align: left !important;
	text-decoration: none;
	text-shadow: 0.2px 0.2px 0.2px #fff;
	-moz-text-shadow: 0.5px 0.5px 0.5px #fff;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
}
/* Featured Video */
#highlights {
	display: inline-block;
	float: left;
	margin-left: -4px;
	margin-right: 20px;
	position: relative;
	top: 37px;
	width:520px;
}
.HPVideo {
	margin-bottom: 10px;
	position: relative;
}
.HPVideo h2 a {
	text-align: center;
	background: #d5a600 none repeat scroll 0 0;
	color: #000000;
	cursor: pointer;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 32px;
	font-weight: 700;
	height: 68px !important;
	line-height: 70px;
	margin: 0;
	padding-bottom: 0;
	/*padding-left: 28px;*/
	padding-right: 0;
	position: relative;
	text-decoration: none;
	text-shadow: 0.3px 0.3px 0.3px #fff;
	text-transform: uppercase;
	top: -6px;
	width: 520px;
	-moz-text-shadow: 0.3px 0.3px 0.3px #fff;
	-webkit-text-shadow: 0.3px 0.3px 0.3px #fff;
}
.HPVideo h2 a span {
	font-weight:400;
	font-size:28px;
}
.HPVideo .videowrapper {
	position: relative;
	margin-top: -6px;
	padding: 0px 0 0px;
}
.video_player {
}
.HPVideo p {
	margin: 0;
	padding: 0 26px 0 0;
	position: absolute;
	right: 0;
	text-align: right !important;
	top: -42px;
	width: auto;
}
.HPVideo p a {
	background: none repeat scroll 0 0;
	color: #222222 !important;
	font-family: 'Droid Sans', sans-serif;
	font-size: 19px;
	font-weight: 700;
	height: 30px;
	letter-spacing: 0.3px;
	line-height: 20px;
	text-shadow: 0.5px 0.5px 0.5px #fff;
	text-decoration: none;
	text-shadow: none;
	-moz-text-shadow: 0.5px 0.5px 0.5px #fff;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
	display:none;
}
/*Row wrap 2*/

#row-wrap2 {
	background: url("row_wrap2_repeat.jpg") repeat-x center top;
	height:566px;
}
#row-wrap2bg {
	background: url("row_wrap2.jpg") no-repeat center top;
	height:566px;
}
#row-wrap2bg .inner {
	width:1008px;
	margin:0 auto;
	height:566px;
}
#row-wrap2bg .inner h2 {
	color: #45361f;
	font-family: "Droid Sans", sans-serif;
	font-size: 22px;
	font-weight: 700;
	left: -4px;
	padding-top: 51px;
	position: relative;
	text-align: center;
}
#row-wrap2bg .inner h3 {
	color: #114219;
	font-family: "Droid Sans", sans-serif;
	font-size: 45px;
	font-weight: 700;
	padding-left: 50px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
#row-wrap2bg .inner h3 span {
	color: #dbba36;
}
#proud-table {
	background: url("proud_table5_v5.jpg") no-repeat scroll center top;
	height: 344px;
	left: -6.5px;
	margin: 0 auto;
	position: relative;
	top: 25.5px;
	width: 1007px;
}
/* Homepage Section Table Includes */
#wrapper-index .content table {
	width: 100%;
	padding: 0;
	margin: 0;
}
/* Other homepage section extras */
.dark {
	background-color: #12471b !important;
	color: #fff !important;
	font-family: 'Droid Sans', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
	
}
.light {
	background-color: #fdfafa !important;
}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {
	color: #fff !important;
}
#wrapper-index .content table {
	color: #000;
}
#wrapper-index .content section table a {
	color: #2c2c2c;
	font-size:17px;
	text-decoration: none;
	font-weight: 700;
	font-family: 'Droid Sans', sans-serif;
}
#wrapper-index .content section table a:hover {
	color:#12471b;
}
#wrapper-index .content section table.HPNews a {
	color: #2c2c2c;
	font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
	position:relative;
}
#wrapper-index .content section table.HPNews a:hover {
	color:#12471b;
}
#wrapper-index .content section table.HPNews {
	color: #292929;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
#wrapper-index .content table.HPNews #l {
	padding-top: 8px;
	display:none;
} /* Put Display None if you want to hide bullet */
#wrapper-index .content table #r {
	/*background: url("https://stbarnabashigh.com/pics/news_divider.png") no-repeat left bottom !important;*/
	border-bottom:1px solid #dadada;
	padding: 7px 0 5px 0;
	background-position:bottom;
}
#wrapper-index .content table tr:nth-last-child(2) #r, #wrapper-index .content table tr:nth-last-child(1) #r {
 /*background: none repeat scroll 0 0 !important;*/
border-bottom:none;
}
#wrapper-index .content table.HPLinks #r {
	padding-left:6px !important;
}
#wrapper-index .content table.HPNews #r {
	padding: 10px 0 13px 0;
	line-height: 22px;
}
#wrapper-index .content table.HPLinks #r {
	background:none !important;
}
#wrapper-index .content table.HPLinks #l {
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 8px;
}
#wrapper-index .content table.HPLinks #r b a {
	background: url("https://stbarnabashigh.com/pics/show_colon.png") no-repeat scroll left center;
	color: #ba0c2f;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 11px;
	font-weight: 600;
	margin-left: 0;
	margin-top: 8px;
	padding-left: 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 70px;
}
#wrapper-index .content table.HPLinks #r b a:hover {
	color: #fff;
}
#wrapper-index .content table.HPNews #showAll-0 a {
	background: #ffffff none repeat scroll 0 0;
	border: 2px solid #e6cf46;
	border-radius: 15px;
	-pie-border-radius: 15px;
	color: #134a1c;
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	margin-left: 0px;
	margin-top: 15px;
	padding-left: 14px;
	text-decoration: none;
	text-transform: uppercase;
	width: 69px;
	behavior: url("pie-d7df50.htc");
}
#wrapper-index .content table.HPNews #showAll-0 a:hover {
	color: #fff;
	background:#11441a;
}
.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;
}
#wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r {
	border-left: 0!important;
}
#wrapper-index .content table tr:last-child td {
	border-bottom: 0!important;
}
/* Side Image */
img.sub {
	border:none;
}
#wrapper #pageAsideWrapper.pageAsideLeftWrapper img.sub {
	margin-left: 20px;
	width:293px;
}
/* Page navigation */
#pageNav {
	border: 0;
	font-size: 14px;
	position: relative;
	background: #104018 url("rays.png") no-repeat center top;
	margin-left: 20px;
	padding:8px;
}
#pageNav ul, #pageNav ul li {
	list-style: none;
	line-height: 16px;
}
#pageNav ul {
	background: url("inner_link_bg.png") no-repeat scroll right bottom;
	position: relative;
	padding: 20px 0!important;
	margin: 0 auto!important;
	width: 277px;
	height: auto!important;
	border:1px solid #b8a631;
}
#pageNav ul li {
	padding: 0 0 5px!important;
	margin: 0 0 5px!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: 5px 20px 5px 35px;
	margin: 0;
	display: block;
	font-size: 17px;
	text-align: left;
	position: relative;
	z-index: 0;
	font-weight:400;
	color:#ffffff;
	font-family: 'Bitter', serif;
	line-height:20px;
	background: url("sidenav_bullet.png") no-repeat scroll 18px 13px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	-moz-text-shadow: 0.5px 0.5px 0.5px #000000;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #000000;
}
#pageNav ul li b, #pageNav ul li a:hover {
	background: #e6cf46 url("sidenav_hover.png") no-repeat scroll 18px 13px;
	color: #1b1b1b;
	text-shadow: 0.5px 0.5px 0.5px #fff;
	-moz-text-shadow: 0.5px 0.5px 0.5px #fff;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #fff;
}
#pageNav ul li a {
	text-decoration: none;
	color: #ffffff;
}
/* Footer */
#footer {
	width: 100%;
	position: absolute;
	text-align: left;
	background: url("footer_bg.jpg") no-repeat center top, url("footer_bg_repeat.jpg") repeat-x center top;
	-pie-background: url("footer_bg.jpg") no-repeat center top, url("footer_bg_repeat.jpg") repeat-x center top;
	behavior: url("pie-d7df50.htc");
}
#footer .inside {
	height: 292px;
	margin-top: 0;
	position: relative;
	width:1008px;
	margin:0 auto;
}
#footer span {
	margin: 0 5px;
}
#logo {
	background: url("footer_logo.png") repeat scroll 0 0;
	height: 103px;
	left: -12px;
	position: absolute;
	top: 45px;
	width: 369px;
}
#address-left {
	color: #333333;
	cursor: pointer;
	font-family: 'cambriai', serif;
	font-size: 15px;
	font-weight: 700;
	height: 40px;
	left: 451px;
	line-height: 18px;
	padding-left: 41px;
	position: absolute;
	top: 42px;
	left:680px;
	width: 180px;
	z-index: 400;
}
#address-right {
	color: #333333;
	cursor: pointer;
	font-family: 'cambriai', serif;
	font-size: 15px;
	font-weight: 700;
	height: 40px;
	left: 460px;
	line-height: 18px;
	padding-left: 41px;
	position: absolute;
	top: 42px;
	left:870px;
	width: 180px;
	z-index: 400;
}
#address-left .icon {
	background: url("address_icon.png") no-repeat scroll 0 0;
	height: 37px;
	left: -4px;
	position: absolute;
	top: -2px;
	width: 38px;
}
#address-right .icon2 {
	background: url("phone_icon.png") no-repeat scroll 0 0;
	height: 37px;
	left: -4px;
	position: absolute;
	top: -2px;
	width: 38px;
}
/* Social Icons */
#social-icons {
/*background: url("social_bg.png") no-repeat scroll 0 0;*/
	float: right;
	height: 66px;
	left: -3px;
	position: relative;
	top: 90px;
	width: 329px;
	z-index: 300;
}
#social-icons h2 {
	color: #12471b;
	font-family: "cambriai-regular";
	font-size: 27px;
	font-weight: 700;
	letter-spacing: 0.3px;
	padding-left: 23px;
	position: relative;
	text-shadow: 0.2px 0.2px 0.2px #fff;
	top: 16px;
	-moz-text-shadow: 0.2px 0.2px 0.2px #fff;
	-webkit-text-shadow: 0.2px 0.2px 0.2px #fff;
}
#social-icons #fb, #social-icons #tweet, #social-icons #insta {
	background-color: transparent;
	background-image: url("fb.png");
	background-position: 14px 9px;
	background-repeat: no-repeat;
	border: 2px solid #12471b;
	border-radius: 50%;
	display: block;
	height: 41px;
	margin-left: 156px;
	outline: medium none;
	position: absolute;
	top: 11px;
	width: 41px;
	behavior: url("pie-d7df50.htc");
}
#social-icons #tweet {
	background-image: url("twit.png");
	background-position: 9px 12px;
	margin-left: 212px;
}
#social-icons #insta {
	background-image: url("insta.png");
	background-position: 9px 10px;
	margin-left: 266px;
}
#social-icons #fb:hover, #social-icons #tweet:hover, #social-icons #insta:hover {
	border: 2px solid #fff;
}
#accredited {
	border: 1px solid #dbba36;
	height: 60px;
	left: -4px;
	position: absolute;
	top: 183px;
	width: 1005px;
}
#accredited h2 {
	color: #dbba36;
	font-family: "Droid Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	left: 25px;
	position: absolute;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	text-transform: uppercase;
	top: 22px;
	width: 150px;
	-moz-text-shadow: 0.5px 0.5px 0.5px #000000;
	-webkit-text-shadow: 0.5px 0.5px 0.5px #000000;
}
#cess-logo {
	background: url("cessslogo.png") repeat scroll 0 0;
	height: 35px;
	left: 162px;
	position: absolute;
	top: 13px;
	width: 505px;
}
#suny-logo {
	background: url("suny_logo.png") repeat scroll 0 0;
	height: 46px;
	position: absolute;
	right: 13px;
	top: 8px;
	width: 306px;
}
#edunet {
	background: url("edu_logo.png") no-repeat scroll 0 0;
	height: 32px;
	left: 414px;
	position: absolute;
	top: 254px;
	width: 192px;
}

.N_F_S {font-size:20px!important;}
.N_F_I {margin-left:145px;}


#marquee1806 {color:#12451A !important; font-weight:800; font-size:16px;}

/*NEW QUICK LINKS */

#quicklink2 {width:1165px; display:block; height:70px; margin:0 auto; background-color:#12471B; position:relative; top:-13px;}
#quicklink2 ul li {display:inline-block; width:205px; border-right:2px solid #E6C541; height:67px; padding:0px 25px; text-align:center; float:left;}
#quicklink2 ul li#youth {border:none; width:129px;}
#quicklink2 ul li a {font-size:22px; color:#fff; text-decoration:none; font-family: "Droid Sans", sans-serif; text-transform:uppercase;}
#quicklink2 ul li a:hover {color:#E6C541;}
#quicklink2 ul li#youth a {display:block; width:96px; height:60px; background: url("youth_logo2.png") no-repeat; position:relative; top:2px; left:-13px;}
#quicklink2 ul li#youth a:hover {background: url("youth_logo2_hover.png") no-repeat;}
#quicklink2 ul li#today a .thisDate {font-size:13px;}
#quicklink2 ul {position:relative; top:9px;}
#quicklink2 ul li#enroll a, #quicklink2 ul li#schedule a, #quicklink2 ul li#donateNow a {position:relative; top:18px; left:23px;}
#quicklink2 ul li#schedule {background: url("schedule-a-tour.png") no-repeat 28px; padding: 0 45px 0 50px;}
#quicklink2 ul li#enroll {background: url("capand_diploma_icon.png") no-repeat 21px; padding: 0 18px 0 40px;}

#quicklink2 ul li#donateNow {background: url("Dollar-sign.png") no-repeat 28px; padding: 0 28px 0 18px;}

/*NEW QUICK LINKS END */

#mottoBanner {width:100%; height:55px; background:url("banner_bg.png") repeat-x #12471B; color:#fff; text-align:center; font-size:17px; line-height:55px; font-weight:normal;}


/* SPOTLIGHT */

#thisSpot1699 {margin:0 !important;}
#thisSpot1699 h2 a {font-size:22px !important; font-weight:800 !important;}

#thisSpot1699 div#spotlight1699 div.imgWrapper {padding:0 !important;}
#thisSpot1699 div#spotlight1699 a {text-decoration:none !important; position:relative; /*left:-125px;*/ float:left; clear:right; margin-right:15px;}
#thisSpot1699 div#spotlight1699 a h3 {
background: #e6cf46 url("Album_titlebg.jpg") no-repeat scroll left top;
color: #232323 !important;
font-family: "Droid Sans", sans-serif;
font-size: 16px;
font-weight: 700;
height: 34px;
line-height: 34px;
padding-left: 28px;
text-align: left !important;
text-decoration: none;
text-shadow: 0.2px 0.2px 0.2px #fff;
position:relative;
top:-8px;
right:0;
}
#thisSpot1699 #spotlight1699 {margin:20px 0 0 0 !important;}

/* SPOTLIGHT END */

#givingtuesday p, #givingtuesday ul li {font-family: 'Raleway', sans-serif; font-size:14px; line-height: 17px;}


#hmpgdonate1 { 
	height: 222px;
	width: 227px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	background: url("donatebuttongold17hv.png") no-repeat left top;
}
#hmpgdonate1:hover { 
	background: url("donatebuttongold17hv.png") no-repeat -227px 0;
}

#championsbox {
clear:both; 
width:100%;
padding:20px 0;
}
#championsbox #inner {
width:1008px; margin:0 auto;
}

#championsbox img {width:484px; margin:0 10px; float:left; clear:right;}



#index-page #edunet_webform li.form-item div.alert {font-weight:800 !important; color: #11441b !important;}

#notices-row {
    background: url("row_wrap2.jpg") no-repeat center bottom;
    padding: 0rem 0 1rem;
    margin-block: 1rem;
}
#notices-grid {
    width: 1007px;
    display: grid;
    grid-template-columns: 385px 304px 321px;
    grid-template-rows: auto;
    margin-inline: auto;
    background: white;
    
}
#notices-grid > * {
	position: relative;
    border: 1px solid #f6bc03;
    text-align: center;
    font-size: 1rem;
    vertical-align: middle;
    padding: 1rem;
    color: #104517;
}
.banner{
	grid-column: 1/4;
	grid-row: 1;
}
#notices-grid .left-box{
	grid-column: 1;
	grid-row: 2/5;
}
#notices-grid .left-box span {
    font-weight: bold;
    line-height: 4rem;
	font-size: 1.1rem;
}
#notices-grid .right-box {
    grid-column: 3;
    grid-row: 2/5;
    font-size: 1.65rem;
    line-height: 2;
}
.left-box:before, .right-box:before {
    content: "";
    width: 75px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 40%;
    z-index: 1;
    background: #f6bc03;
}
.left-box:after, .right-box:after {
    content: "";
    width: 75px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 40%;
    z-index: 1;
    background: #f6bc03;
}
.middle-box{grid-column: 2;}
#notices-grid .top {
    grid-row: 2;
    font-weight: bold;
    font-size: 1.15rem;
    padding-bottom: 2rem;
}
.middle-box.top:after {
    content: "1924";
    background: #f4bd00;
    border: 3px solid #003d00;
    border-radius: 50%;
    position: absolute;
    display: flex;
    bottom: -34px;
    left: 38%;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
#notices-grid .middle {
    grid-row: 3;
    padding-top: 3rem;
}
#notices-grid .bottom {
    grid-row: 4;
    font-size: .65rem;
}
#notices-grid .bottom span{font-weight: bold; font-size: 1rem;}