@import url('/assets/css/reset.css');

*,
*::before,
*::after {
  box-sizing: content-box;  
}

/*html {
  background-color: #50b3cf;
  background-color: #14c3fa;
}*/

body {
  margin:0; padding:0;
  font: normal 1.4em/1.6 Arial, Helvetica, sans-serif;
  color: #363636;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

/*
p, li, dt, dd, address, blockquote, textarea, input, legend, th, td, button {font:normal 13px/1.4 Arial, Helvetica, sans-serif;}
li p, p li, li input, li textarea, li button, li li {font-size:1em;}
*/
p, ul, ol, h2, h3, h4, h5, form, blockquote, address {margin:0 0 20px;}

ul, ol 		{margin-left:2em;}
ul 			{list-style:square;}
ol 			{list-style:decimal;}

a			{text-decoration:none; outline:none; color:#026bae;}
a:hover		{text-decoration:underline;}

img, a img 			{display:inline; border:none;}
.img-right 			{float:right; max-width:250px; margin:0 0 1.5em 2em;}
.img-left 			{float:left; max-width:250px; margin:0 2em 1.5em 0;}

acronym 	{cursor:help;}

blockquote 	{font:italic 1.4em Georgia, "Times New Roman", Times, serif;}

h1 			{margin:0 0 20px; padding:0; font-size:3em; font-weight:normal; color: #003659; line-height:1.3; letter-spacing:-.25px; -webkit-font-smoothing: antialiased;}
h2 			{margin: 20px 0 8px; font-size:1.8em; font-weight:normal; line-height:1.3;}
h3 			{margin: 20px 0 8px; font-size:1.5em; font-weight:bold; line-height:1.3;}
h4, h5, h6 	{font-size:1.1em; font-weight:bold; line-height:1.3;}
h4 			{font-size: 1.3em;}
h5 			{font-size: 1.1em;}
h6 			{font-size: 1.1em; text-transform: uppercase;}

.hiddenFields, .hidden 	{display: none;}
.required, .error 		{color: #f60;}

/*
#wrapper 			{position:relative; margin:0 auto; max-width:1100px; min-width:700px}
*/

.wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  min-width: 700px;
}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* IE < 8 */
}

.clear				{clear: both;}
.clearer 			{clear:both; visibility:hidden; height:0; line-height:0; overflow:hidden;}
.clearafter:after 	{content:""; display:block; height:100%; clear:both; visibility:hidden;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#header 	{position:relative; margin:0; background-color: #fff; z-index:1000;}

.header-top {
  padding: 0 20px;
  background-color: #fff;
}

.header-nav {
  padding: 0 20px;
  background-color: #07456b; /* #003659 */
}

#logo	{
  float: left;
  margin: 0;
  padding: 0;
}

#logo a,
#logo img {
  display: block;
  width: 168px;
  height: 80px;
}

#logo a {
  margin-top: 15px;
  margin-bottom: 15px;
}

.header__links {
  display: flex;
  position: absolute; top:44px; right:0; font-size: 14px; letter-spacing:.5px;
}

.header__links-social {
  display: flex;
  align-items: center;
  margin-right: 16px;
  transition: transform .15s ease-in-out;
}

.header__links-social:hover {
  transform: scale(1.2);
}

.header__links-phone {
  display: flex;
  align-items: center;
  border-left: 1px solid #ddd;
  padding-left: 16px;
  font-size: 20px;
}

.header__links-phone img {
  margin-right: 8px;
}

.header__links-phone a {
  color: #19b5e6;
  text-decoration: none;
}

#nav				{margin: 0 0 0 -18px; padding:0; list-style:none; }
#nav li				{position:relative; float:left; display:inline; font-size:1.2em;}
#nav li a			{display:block; margin:0; padding:8px 18px; font-weight: 600; font-size:15px; line-height:26px; text-decoration:none; color:#e6e6e6;}
#nav li a:hover,
#nav li a.is-active	{color:#90d8f6;}

#nav li ul			{display:none; position:absolute; top:42px; left:-32px; padding:2px 0 10px; width:220px; background-color:#07456b; z-index:10; border-radius: 0 0 4px 4px;}
#nav li:hover ul,
#nav li.over ul		{display:block; height:auto; text-decoration:none;}
#nav li ul li		{display:block; margin:0; width:100%;}
#nav li ul li a		{display:block; margin:0; padding:6px 18px; line-height:1.3; font-weight: normal;}

#nav li:hover a			{color:#90d8f6;}
#nav li ul li a			{color:#e6e6e6!important;}
#nav li ul li a:hover	{color:#90d8f6!important;}

#nav ul ul				{display:none!important;}

#nav-community		{position:absolute; right:0; bottom:8px; width:175px; z-index:20;}
#nav-community a	{display:block; width:175px; height:26px; line-height:26px; text-indent:-9999em; background:url(/assets/img/bg_nav_community.gif) no-repeat 0 center;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------------------------------------------------------------------------------*/

#content 		{position:relative; padding: 20px 24px; min-height: 60vh; background:#fff;}
#content .wrap {
  min-height: 60vh;
}

.layout-home #content .wrap {
  background-color: #fff;
  background-position: 790px 0;
}

.layout-full #content .wrap {
  padding: 20px 0 30px;
  background-color: #fff;
  background-image: none;
}

/*-------------------------------------
	HOME
---------------------------------------*/

.home-wrap {
  display: flex;
}

#home #main			{display:block; margin:0 30px 0 0; padding:20px 0; }
#home #sidebar		{flex-shrink: 0; display:block; width: 310px; background:#07456b; /*#111043*/ border-radius: 5px 5px 0 0;}

#home-intro h1		{margin:0 0 5px 0; font-size:2.4em; color:#003659;}
#home-intro p {
  font-size: 1.6rem;
}

#home-newsevents		{position:relative; padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd;}
#home-newsevents h2		{margin-top: 0; margin-bottom: 24px; font-size:1.6em; font-weight:bold; color:#003659;}
#home-newsevents h3		{margin:0 0 5px; font-size:1.4sem; font-weight:bold; color:#000;}
#home-newsevents h3 a	{color: #026bae; text-decoration: underline;}
#home-newsevents h3 a:hover { text-decoration: none;}
#home-newsevents p		{margin-bottom:2px;}
.home-newsevent-entry 	{
  margin-bottom: 24px;
  border-left: 4px solid rgba(144, 216, 246, .5);
  padding-left: 16px;
}

#home-images		{}
#home-images img	{width:280px; height:205px; border:1px solid #8d8d8d;}
#home-images-left	{margin-right:6px;}
#home-images-left,
#home-images-right	{position:relative; float:left; display:inline; width:282px; height:207px; overflow:hidden;}

#home-give {
  padding: 0;
  margin: 8px;
  border-radius: 5px;
  overflow: hidden;
  background-color:#fff;
}
#home-give-image	{margin:0; padding:0;}
#home-give-image a {
  display: block;
  height: 250px;
  overflow: hidden;
}
#home-give-image img {
  display: block;
  width: 100%;
  height: auto;
}
#home-give-text		{margin:15px 0 0 0; padding:0 20px;}
#home-give-sponsors		{margin:15px 0 0 0; padding:0 20px; font-size:1.4em; text-align:right;}
#home-give-sponsors + #home-give-sponsors { margin: 0 0 15px; }

#home-buttons					{margin:0; padding:30px 0 22px; list-style:none; -webkit-font-smoothing:antialiased;}
#home-buttons li				{margin-bottom:10px; overflow:hidden; font-size:1.7em; letter-spacing:1px;}
#home-buttons li a {
  display: block;
  text-decoration: none;
  color: #07456b;
  background: #14c3fa;
  margin: 0 30px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 4px;
}
#home-buttons li a:hover {
  color: #fff !important;
}
.home-buttons-large				{background-position:30px -150px;}
.home-buttons-small				{background-position:74px -187px;}
.home-buttons-large a			{}
.home-buttons-small	a			{margin-left: 70px !important; }
.home-buttons-large a span,
.home-buttons-small a span		{font-weight:bold; color:#fff; text-transform:uppercase;}


/*-------------------------------------
	MAIN
---------------------------------------*/

#main				{margin-left:330px; padding:20px 0 30px;}

#breadcrumbs		{position:relative; left:-20px; margin:0 0 20px 0; width:475px; font-size:1.1em;}

#sharethis			{float:right; font-size:1.1em;}

h1#parent-title		{font-size:2em; font-weight:normal;}
h1#title			{font-size:1.6em; color:#1f8aa8;}

#igive-banner		{position:absolute; bottom:0; margin:0 0 0 -40px; padding:10px 0; width:650px; text-align:center; border-top:1px solid #ccc; background-color:#f2f2f2;}

#main li 			{margin: 5px 0;}

.figure-right		{float:right; margin:0 0 40px 40px; width:42%;}
.figure-left		{float:left; margin:0 40px 40px 0; width:42%;}

figure.align-right 	{float: right; margin: 0 0 15px 25px;}
figure.align-left 	{float: left; margin: 0 25px 15px 0;}
figure.third 		{width: 33.33333333%;}
figure.fourth 		{width: 25%}
figure.half 		{width: 50%;}
figure img 			{display:block; margin-bottom:5px; width:100%; height:auto;}
figcaption 			{font-size:.85em; color:#777; }
figcaption p 		{margin: 0;}

/*-------------------------------------
	SIDEBAR
---------------------------------------*/

#sidebar			{flex-shrink: 0; width: 310px; background-color: rgba(144, 216, 246, .4);}

#sidebar-image			{margin-bottom:20px; background-color: #fff;}
#sidebar-image img      { display: block; border-radius: 4px 4px 0 0; overflow: hidden; border-bottom: 1px solid #fff; }
#sidebar-title			{margin:0 0 10px 20px; padding:0; font-size:1.4em; font-weight:bold; color:#fff;}
#sidebar-title-social	{margin:0 0 10px 20px; padding:0; font-size:1.7em; font-weight:bold; color:#fff;}

#nav-sub					{margin:0 20px 20px 40px; padding:0;}
#nav-sub a					{display:block; padding: 5px 0; font-size: 15px; color:#00264f; line-height: 1.2; text-decoration:none;}
#nav-sub a:hover			{text-decoration:underline;}
#nav-sub .here a,
#nav-sub .is-active 		{font-weight:bold;}
#nav-sub ul					{margin:2px 0 2px 20px; list-style-type: circle;}
#nav-sub ul li a			{padding:2px 0; font-size: 14px; font-style:italic!important;}
#nav-sub .here ul li a		{font-weight:normal!important;}

#sidebar-social				{padding:0 40px 40px;}
#sidebar-social .facebook	{float:left; display:block; width:35px; height:23px; text-indent:-9999em; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -270px;}
#sidebar-social .twitter	{float:left; display:blcok; width:35px; height:23px; text-indent:-9999em; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -295px;}

/*-------------------------------------
	ABOUT
---------------------------------------*/

#login-button		{float:right; margin:-60px 0 0;}
#login-button a		{display:block; width:117px; height:22px; text-indent:-9999em; background-image:url(/assets/img/bg_sprite.gif?v=2014-06-26); background-repeat:no-repeat;}
#login-board		{background-position: -320px -320px;}
#login-staff		{background-position: -460px -320px;}

/*-------------------------------------
	NEWS AND EVENTS AND EMPLOYMENT
---------------------------------------*/

.entry				{margin-bottom:20px; border-bottom:1px solid #eee;}
.entry h3			{margin:0 0 2px 0;}
.entry p			{}
.entry p.dateline	{margin:0;}

.dateline			{font-size:1.2em; color:#666;}

.entry-img			{}
.entry-img img		{padding:2px; border:1px solid #ccc; background-color:#f2f2f2;}
.entry-img p		{margin:0; padding:5px; font-size:1.1em; color:#666; background-color:#f2f2f2;}

#entry-gallery		{margin:0 -20px 0 -10px; padding:0; list-style:none; clear:both;}
#entry-gallery li	{float:left; display:inline; margin:10px;}
#entry-gallery li a	{float:left; width:126px; height:126px; text-align:center; vertical-align:middle;}
#entry-gallery li img	{padding:2px; border:1px solid #ccc;}

#job-listings		{padding-top:1.5em; border-top:1px solid #ccc;}
#job-listings h3	{margin-bottom:10px;}

.pdf		{display:block; padding-left:40px; line-height:32px; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat -320px -250px;}
.getpdf		{display:block; width:88px; height:31px; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -320px;}

/*-------------------------------------
	NEWSLETTERS
---------------------------------------*/

.newsletters {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.newsletters__item {
  flex-basis: 20%
}

.newsletters__card {
  padding: 4px;
  text-align: center;
}

.newsletters__card-link {
  display: block;
  padding: 12px;
}

.newsletters__card-image {
  display: block;
  margin-bottom: 8px;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  background: #fff;
}

.newsletters__card-title {
  margin-bottom: 0;
}

.newsletters__card-summary {
  margin-top: 4px;
  margin-bottom: 0;
}

/*-------------------------------------
	SPONSORS
---------------------------------------*/

#sponsors			{float:right; display:inline; margin:0 0 15px 20px; padding:10px; width:210px; background-color:#fbe5c6;}
#sponsors h4		{margin:0 0 10px 0; padding:6px; color:#fff; background-color:#f3b454;}
#sponsors ul		{}
#sponsors ul li		{font-size:1.2em;}

#sponsors-gallery			{margin:0 -20px 0 -10px; padding:0; list-style:none; clear:both;}
#sponsors-gallery li		{float:left; display:inline; width:120px; height:120px; margin:10px; text-align:center;}
#sponsors-gallery li a		{display:block;}
#sponsors-gallery li img	{}

/*-------------------------------------
	BOARD MEMBERS
---------------------------------------*/

#board-members				{}
#board-members div			{float:left; display:inline; width:190px;}
#board-members div.first	{float:none; display:block; width:auto;}
#board-members h3			{margin:0 0 .3em; font-size:1.2em;}
#board-members ul			{margin-left:0; list-style:none;}

/*-------------------------------------
	SOCIAL ICONS
---------------------------------------*/

.facebook		{float:left; display:inline;}
.twitter		{float:left; display:inline;}

/*-------------------------------------
	CALENDAR
---------------------------------------*/

#content.calendar		{padding:20px; background-image:none;}

#jMonthCalendar { position:relative; height:auto!important; }
.MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #ddd; clear:both; padding:6px 20px; }
.MonthlyCalendar .MonthNavPrev,
.MonthlyCalendar .MonthNavNext,
.MonthlyCalendar .TodayLink { position:absolute; top:10px; font-size:15px; font-weight:bold; }
.MonthlyCalendar .MonthNavPrev { left:20px; }
.MonthlyCalendar .MonthNavNext { right:20px; }
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev { width:10%; float:right; }
.MonthlyCalendar .MonthName { font-size:20px; font-weight:bold; text-align:center; }

.MonthlyCalendar { height:100%; width:100%; border:solid 1px #ddd; border-collapse:collapse; }
.MonthlyCalendar #CalendarHead { width:100%; background:#F7F7F7 none repeat scroll 0 0; }
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; padding:3px 0; font-weight:bold; color:#003659; text-align:center; text-transform:uppercase; background-color:#A9DFFF; }

.MonthlyCalendar #CalendarBody { }
.DateBox { vertical-align:top; border:solid 1px #ddd; }
.DateLabel { height:16px; width:100%; background:#f1f1f1 none repeat scroll 0 0; text-align:right; }
.DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; }

#CalendarBody .Inactive, #CalendarBody .Weekend { background:#fafafa none repeat scroll 0 0; }
.Today { background-color:#fbeec3; }

#jMonthCalendar .Event {display:block; margin:2px; padding:4px; font-size:11px; line-height:1.2; background-color:#c2e4ee; border:1px solid #9fd5e5; -moz-border-radius:4px;}
.Event a { display:block; text-decoration:none; color:#000; }
.Event a:hover { text-decoration:underline; }

/*-------------------------------------
	DASHBOARD
---------------------------------------*/

.file			{display:block; padding-left:22px; background:url(/assets/img/bg_file.gif) no-repeat left center; line-height:1.5;}
.file.docx,
.file.doc		{background-image:url(/assets/img/bg_file_doc.gif);}
.fild.xlsx
.file.xls		{background-image:url(/assets/img/bg_file_xls.gif);}
.file.pdf		{background-image:url(/assets/img/bg_file_pdf.gif);}
.file.txt		{background-image:url(/assets/img/bg_file_txt.gif);}
.file.gif,
.file.jpg,
.file.png		{background-image:url(/assets/img/bg_file_img.gif);}

/*-------------------------------------
	FORMS
---------------------------------------*/

form 			{margin: 0; padding: 0;}
form ol,
form ul 		{margin: 0; padding: 0; list-style: none;}
form button 	{cursor:pointer;}

form .hiddenFields		{display:none;}

#newsletter-signup				{position:relative; float:right; display:inline; top:32px; right:23px; width:265px; height:62px;}
#newsletter-signup fieldset		{border:none;}
#newsletter-signup legend		{margin:0; padding:19px 0 0 13px; font-size:11px; text-transform:lowercase; letter-spacing:.05em;}
#newsletter-signup label		{position:absolute; top:20px; left:12px; font-size:11px; font-weight:bold; text-transform:lowercase; cursor:pointer;}
#newsletter-signup input		{position:absolute; top:38px; left:17px; margin:0; padding:0; width:189px; font-size:12px; color:#555; border:none; background:none;}
#newsletter-signup button		{position:absolute; top:36px; right:8px; margin:0; padding:0; width:43px; height:19px; text-indent:-9999em; cursor:pointer; border:none; background:none;}

#contact-form 					{margin-bottom:15px; padding:30px 0 30px 30px; border:1px solid #e1e1e1; background:#f7f7f7;}
#contact-form li 				{float:left; display:inline; margin:0 0 1em 0; width:50%;}
#contact-form li label 			{display:block; font-wieght:bold 1.2em/1.2; text-transform:uppercase; color:#999; cursor:pointer;}
#contact-form li label span 	{color:#c30;}
#contact-form li input 			{width:85%; padding:4px 0;}
#contact-form li.full 			{width:100%;}
#contact-form li.full input		{clear:left; width:92%;}
#contact-form li.full textarea	{clear:left; width:93%; height:175px;}
#contact-form button 			{margin:20px 0 0 72px; padding:10px 25px; border:none; background-color:#ed1c24; font-weight:bold; color:#f2f2f2; text-transform:uppercase;}

/*-------------------------------------
	DROP SHADOW
---------------------------------------*/

.dropshadow1,
.dropshadow2,
.dropshadow3		{display:inline-table; /* \*/display:block;/**/}
.dropshadow1		{float:left; background:url(/assets/img/bg_dropshadow.gif) no-repeat right bottom;}
.dropshadow2 		{background:url(/assets/img/bg_dropshadow_bl.gif) left bottom no-repeat;}
.dropshadow3 		{padding:0 4px 5px 0; background:url(/assets/img/bg_dropshadow_tr.gif) right top no-repeat;}
.dropshadow3 img	{display:block; border:1px solid #e2e2e2;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#footer			{padding:20px 24px; font-size:1.2rem; text-align:center; letter-spacing:.1em; border-top: 1px solid #dddf; /*#14c3fa*/}
/*#footer,
#footer a		{color:#e8f5f9;}*/

.footer__message {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
}

#footer #heart			{float:left; display:block; width:20px; height:16px; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -250px;}
#footer #unitedway		{float:right; display:block; width:39px; height:16px; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -230px;}

#footer-slogan					{margin:0 20px; color:#111141;}

#footer-social				{margin:0 auto 1.5em; width:60px;}
#footer-social .facebook	{float:left; display:block; width:30px; height:23px; text-indent:-9999em; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -270px;}
#footer-social .twitter		{float:left; display:blcok; width:30px; height:23px; text-indent:-9999em; background:url(/assets/img/bg_sprite.gif?v=2014-06-26) no-repeat 0 -295px;}

.footer__copyright {
  margin-bottom: 0;
}

.footer__nav {
  margin: 20px auto;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.footer__nav a {
  padding: 0 4px;
}

.footer__links {
  display: flex;
  justify-content: center;
  display: none;
}

.footer__links-social {
  display: flex;
  align-items: center;
  margin: 0 8px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
	LIGHTBOX
-----------------------------------------------------------------------------------------------------------------------------------------*/

#jquery-overlay			{position:absolute; top:0; left:0; z-index:2000; width:100%; height:500px;}
#jquery-lightbox		{position:absolute; top:0; left:0; width:100%; z-index:2001; text-align:center; line-height:0;}
#jquery-lightbox a img	{border:none;}

#lightbox-container-image-box	{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image		{padding:10px;}

#lightbox-loading		{position:absolute; top:40%; left:0%; width:100%; height:25%; text-align:center; line-height:0;}

#lightbox-nav									{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2002;}
#lightbox-container-image-box > #lightbox-nav	{left:0;}
#lightbox-nav a									{outline:none;}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext		{display:block; width:49%; height:100%; zoom:1;}
#lightbox-nav-btnPrev 		{float:left; left:0;}
#lightbox-nav-btnNext		{float:right; right:0;}

#lightbox-container-image-data-box							{margin:0 auto; padding:0 10px 0; width:100%; overflow:auto; font:10px Verdana,Helvetica,sans-serif; line-height:1.4em; background-color: #fff;}
#lightbox-container-image-data 								{padding:0 10px; color:#666;}
#lightbox-container-image-data #lightbox-image-details		{float:left; width:70%; text-align:left;}
#lightbox-image-details-caption								{font-weight:bold;}
#lightbox-image-details-currentNumber						{display:block; clear:left; padding-bottom:1.0em;}
#lightbox-secNav-btnClose									{float:right; padding-bottom:0.7em; width:66px;}

#overlay { position: absolute; top: 50px; left: 50%; margin-left: -300px; width: 600px; z-index: 9999; background: #fff; border-radius: 6px; box-shadow: 0 0 8px rgba(0,0,0,.75); }
#overlay-content { padding: 15px; }
#overlay .close { position: absolute; top: -15px; right: -15px; display: block; width: 30px; height: 30px; font: bold 17px/30px Arial; text-align: center; cursor: pointer; background: url(/assets/img/btn-close.png) no-repeat center center; }
#overlay-mask {  }

/*---------------------------------------------------------------------------------------------------------------------------------------
	PRINT AND HANDHELD
-----------------------------------------------------------------------------------------------------------------------------------------*/

@media print {

}

@media handheld {

}