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

body {
	margin:0; padding:10px 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #363636;
	background-color: #50b3cf;
	}

p, li, dt, dd, address, blockquote, textarea, input, legend, th, td, button {font:normal 1.3em/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 15px;}

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 .8em 0; padding:0; font-size:2.5em; font-weight:normal; line-height:1.1; letter-spacing:.05em;}
h2 			{font-size:1.8em; font-weight:normal; line-height:1.1;}
h3 			{font-size:1.5em; font-weight:bold; line-height:1.1;}
h4, h5, h6 	{font-size:1.4em; font-weight:bold; line-height:1.1;}

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

.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;}

#wrapper 			{position:relative; margin:0 auto; width:960px;}

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

#header 	{position:relative; margin:0; height:142px; background:#fff url(/images/site/bg_sprite.gif) no-repeat 0 0; z-index:1000;}

#logo		{float:left; margin:0; padding:0;}
#logo a		{display:block; width:310px; height:115px; text-indent:-9999em;}

#hdrlinks			{position:absolute; top:10px; right:24px; font-size:1.1em; font-weight:bold; letter-spacing:1px;}
#hdrlinks span		{margin:0 5px;}

#nav				{position:absolute; left:0; bottom:0; margin:0; padding:0; /*width:960px;*/ list-style:none; background:#003659 url(/images/site/bg_sprite.gif) no-repeat left -115px;}
#nav li				{position:relative; float:left; display:inline; font-size:1.2em; letter-spacing:.05em;}
#nav li a			{display:block; margin:0; padding:0 26px; font-size:12px; line-height:26px; text-decoration:none; color:#e6e6e6;}
#nav li a:hover,
#nav li a.current	{color:#d2a325;}

#nav li ul			{display:none; position:absolute; top:26px; left:0; padding-bottom:8px; width:170px; background-color:#003659; z-index:10;}
#nav li:hover ul,
#nav li.over ul		{display:block; height:auto; text-decoration:none;}
#nav li ul li		{display:block; margin:0; width:170px; font-size:.9em;}
#nav li ul li a		{display:block; margin:0; padding:5px 18px; line-height:1.3;}

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

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

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

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

#content 		{position:relative; margin-bottom:10px; padding:0; min-height:400px; height:auto!important; height:400px; background:#fff url(/images/site/bg_sprite_repeat_y.gif) repeat-y -960px 0;}

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

#home #content		{background-position:0 0;}
#home #main			{float:left; display:inline; margin:0 0 0 40px; padding:20px 0; width:580px;}
#home #sidebar		{float:right; display:inline; background:none;}

#home-intro h1		{margin:0 0 5px 0; font-size:2.4em; color:#fff;}

#home-newsevents		{position:relative; left:-40px; padding:10px 0 10px 60px; background:url(/images/site/bg_sprite.gif) no-repeat -640px -150px;}
#home-newsevents h2		{font-size:1.8em; font-weight:bold; color:#fff;}
#home-newsevents h3		{margin:0; font-size:1.4em; font-weight:bold; color:#000;}
#home-newsevents h3 a	{color:#000;}

#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:20px 0; background-color:#fff;}
#home-give-image	{margin:0; padding:0;}
#home-give-text		{margin:0 0 15px 0; padding:0 20px;}
#home-give-sponsors		{margin:0; padding:0 20px; font-size:1.4em; text-align:right;}

#home-buttons					{margin:0; padding:30px 0 22px; list-style:none;}
#home-buttons li				{margin-bottom:8px; height:37px; overflow:hidden; font-size:1.7em; letter-spacing:1px; background-image:url(/images/site/bg_sprite.gif); background-repeat:no-repeat;}
#home-buttons li a				{display:block; padding-top:7px; height:30px; text-decoration:none;}
#home-buttons li a:hover		{color:#fff!important;}
.home-buttons-large				{background-position:30px -150px;}
.home-buttons-small				{background-position:104px -187px;}
.home-buttons-large a			{padding-left:65px; color:#823904;}
.home-buttons-small	a			{padding-left:120px; color:#0c4278;}
.home-buttons-large a span,
.home-buttons-small a span		{font-weight:bold; color:#fff; text-transform:uppercase;}


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

#main				{float:right; display:inline; margin-right:40px; padding:20px 0 100px; width:570px;}

#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;}

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

#sidebar			{float:left; display:inline; width:310px; background-color:#f3b454;}

#sidebar-image			{margin-bottom:20px;}
#sidebar-title			{margin:0 0 10px 40px; padding:0; font-size:1.9em; font-weight:bold; color:#fff;}
#sidebar-title-social	{margin:0 0 10px 40px; padding:0; font-size:1.7em; font-weight:bold; color:#fff;}

#nav-sub					{margin:0 20px 20px 60px; padding:0;}
#nav-sub a					{color:#00264f; text-decoration:none;}
#nav-sub a:hover			{text-decoration:underline;}
#nav-sub .here a			{font-weight:bold;}
#nav-sub ul					{margin:0 0 0 15px; list-style:none;}
#nav-sub ul li a			{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(/images/site/bg_sprite.gif) no-repeat 0 -270px;}
#sidebar-social .twitter	{float:left; display:blcok; width:35px; height:23px; text-indent:-9999em; background:url(/images/site/bg_sprite.gif) 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(/images/site/bg_sprite.gif); background-repeat:no-repeat;}
#login-board		{background-position: -320px -320px;}
#login-staff		{background-position: -460px -320px;}

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

.entry				{margin-bottom:15px; border-bottom:1px solid #ccc;}
.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(/images/site/bg_sprite.gif) no-repeat -320px -250px;}
.getpdf		{display:block; width:88px; height:31px; background:url(/images/site/bg_sprite.gif) no-repeat 0 -320px;}

/*-------------------------------------
	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(/images/site/bg_file.gif) no-repeat left center; line-height:1.5;}
.file.docx,
.file.doc		{background-image:url(/images/site/bg_file_doc.gif);}
.fild.xlsx
.file.xls		{background-image:url(/images/site/bg_file_xls.gif);}
.file.pdf		{background-image:url(/images/site/bg_file_pdf.gif);}
.file.txt		{background-image:url(/images/site/bg_file_txt.gif);}
.file.gif,
.file.jpg,
.file.png		{background-image:url(/images/site/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(/images/site/bg_dropshadow.gif) no-repeat right bottom;}
.dropshadow2 		{background:url(/images/site/bg_dropshadow_bl.gif) left bottom no-repeat;}
.dropshadow3 		{padding:0 4px 5px 0; background:url(/images/site/bg_dropshadow_tr.gif) right top no-repeat;}
.dropshadow3 img	{display:block; border:1px solid #e2e2e2;}

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

#footer			{text-align:center; letter-spacing:.1em;}
#footer p		{font-size:1.05em;}
#footer,
#footer a		{color:#e8f5f9;}

#footer-slogan					{margin:0 35px 15px; color:#111141;}
#footer-slogan #heart			{float:left; display:block; width:20px; height:16px; background:url(/images/site/bg_sprite.gif) no-repeat 0 -250px;}
#footer-slogan #unitedway		{float:right; display:block; width:39px; height:16px; background:url(/images/site/bg_sprite.gif) no-repeat 0 -230px;}


#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(/images/site/bg_sprite.gif) no-repeat 0 -270px;}
#footer-social .twitter		{float:left; display:blcok; width:30px; height:23px; text-indent:-9999em; background:url(/images/site/bg_sprite.gif) no-repeat 0 -295px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	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;}

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

@media print {

}

@media handheld {

}