/*============================
* Includes
*===========================*/
@import url("reset.css");


/*============================
* Globals
*===========================*/
body	{ font-family: arial,Arial, Helvetica, sans-serif; font-size: 100%; }
a		{ color: #60b652; text-decoration: none; }
a:hover	{ text-decoration: underline; }
strong	{ font-weight: bold; }	

/*============================
* Structural & Fonts
*===========================*/
#top-background						{ width: 100%; background-color: #17151a; height: 144px; }

#top-bar							{ position: relative; width: 950px; background-color: #17151a; margin: auto; height: 144px; }
#top-bar h1							{ background: url(../images/logo.gif) no-repeat; text-indent:-999em; width: 296px; height: 166px; position: absolute; top: 0; left: 0; }
#top-bar h1 a						{ width: 296px; height: 166px; display: block; }
#top-bar img.tagline				{ position: absolute; top: 23px; right: 0; }
#top-bar img.home					{ position: absolute; left: 0; bottom: 14px; }

#content							{ width: 950px; margin: auto; }

#left-content						{ width: 615px; float: left; margin-right: 35px; margin-top: 50px; }
#left-content h2					{ font-size: 115%; color: #60b652; margin-bottom: 22px; }
#left-content p						{ font-size: 80%; color: #727272; line-height: 22px; margin-bottom: 22px; }

#left-content ul,
#left-content ol					{ font-size: 80%; color: #727272; line-height: 22px; margin-bottom: 25px; margin-left: 20px; }
#left-content li					{ background: url(../images/bullet.gif) no-repeat left top; background-position: 0 6px; padding-left: 16px;  }

#left-content img.page-image		{ border: 1px solid #d7dde8; padding: 8px; float: right; margin-left: 25px; margin-bottom: 15px; }
#right-content img.page-image		{ border: 1px solid #d7dde8; padding: 8px; display: block; margin-bottom: 15px; }

#right-content						{ width: 300px; float: left; margin-top: 26px; margin-bottom: 25px; }
#right-content h2					{ font-size: 115%; color: #ff8235; background: transparent url(../images/dots_hz.gif) repeat-x scroll bottom; padding-bottom: 7px; margin-bottom: 10px; }
#right-content p					{ font-size: 80%; color: #727272; line-height: 22px; margin-bottom: 22px; }

#right-content div.highlight-nav		{ margin-bottom: 25px; }
#right-content div.highlight-nav a		{ background: url(../images/highlight-arrows.gif) no-repeat right; background-position: 90% 50%; display: block; padding: 16px 13px 16px 13px; border: 1px solid #d7dde8; color: #727272; text-decoration: none; font-size: 75%; width: 117px; float: left; }
#right-content div.highlight-nav a:hover{ border: 1px solid #c2c2c2; color: #727272; }

#right-content div.highlight-nav a.left { margin-right: 10px; }

#right-content div#news 			{ margin-bottom: 25px; font-size: 75%; color: #727272; }
#right-content div#news div.date	{ background: url(../images/bullet.gif) no-repeat left; padding-left: 12px; width: 90px; display: block; float: left; }
#right-content div#news div.item	{ float: left; display: block; width: 196px; }
#right-content div#news div.set		{ padding-top: 7px; padding-bottom: 7px; display: block; }

#right-content div#events					{  }
#right-content div#events div.event-holder	{ clear: both; margin-bottom: 17px; }
#right-content div#events a.button			{ float: left; width: 50px; text-align: center; background: url(../images/bg_button.gif) repeat-x; border: 1px solid #7ac142; cursor: pointer; color: #ffffff; font-size: 60%; font-weight: bold; display: block; height: 13px; padding: 1px 0 0 0; }
#right-content div#events img				{ border: 1px solid #d7dde8; padding: 3px; float: left; margin-right: 14px; }
#right-content div#events p					{ font-size: 75%; color: #727272; float: left; margin-bottom: 8px; width: 215px; line-height: 14px; }
#right-content div#paypal					{ margin-top: -15px; margin-bottom: 25px; text-align: center; }

#contact-form 			{ margin-bottom: 25px; }

#news-events-listing			{ font-size: 75%; color: #727272; line-height: 16px; }
#news-events-listing div.holder	{ margin-bottom: 20px; }
#news-events-listing div.data	{ float: left; }
#news-events-listing img		{ border: 1px solid #d7dde8; padding: 3px; float: left; margin-right: 10px; }

#footer					{ background: transparent url(../images/dots_hz.gif) repeat-x top; clear: both; margin-bottom: 70px; width: 950px; padding-top: 12px; }
#footer div.left		{  }
#footer div.left img	{ float: left; border-right: 1px solid #d7dde8; margin-right: 15px; padding-right: 15px; }
#footer div.left p		{ float: left; font-size: 70%; color: #979797; margin-top: 8px; }
#footer div.right		{ float: right; color: #979797; }
#footer div.right p		{ font-size: 70%; }


/*============================
* Reuseable
*===========================*/
.photo-wide				{ background: url(../images/photo_holder_wide.gif) no-repeat; width: 615px; height: 205px; margin-bottom: 22px; }
.photo-wide	img			{ margin-top: 8px; margin-left: 8px; width: 596px; height: 186px; }
div#pdf_holder			{ margin-bottom: 25px; }
div#pdf_holder a.pdf	{ background: url(../images/icon_pdf.gif) no-repeat left; padding-left: 25px; font-size: 75%; }


/*============================
* Sub Navigation
*===========================*/
#right-content ul#subnav		{ margin-bottom: 25px; margin-top: -9px; }
#right-content ul#subnav li		{ background: url(../images/dots_hz.gif) repeat-x bottom; padding-bottom: 1px; }
#right-content ul#subnav li.end	{ background: none; }
#right-content ul#subnav a		{ background: url(../images/bullet.gif) no-repeat left; display: block; padding: 8px 8px 10px 16px; font-size: 75%; }
#right-content ul#subnav a:hover{  background-color: #f4f6fa; text-decoration: none; }

/*============================
* Navigation
*===========================*/
ul#navigation 			{ position: absolute; bottom: 0; right: 0; list-style-type:none; width:701px; }
ul#navigation a 		{ background:transparent url(../images/navigation.gif) repeat scroll 0% 0%; display: block; height: 44px; overflow: hidden; text-indent:-999em; }
ul#navigation li 		{ float: left; }

ul#navigation li#news						{ width: 54px; }
ul#navigation li#news a	 					{ background-position: 0px 0px; }
ul#navigation li#news a:hover 				{ background-position: 0px -44px; }
ul#navigation li#news a.current, 
ul#navigation li#news a.current:hover 		{ background-position: 0px -44px; }

ul#navigation li#aboutus					{ width: 93px; }
ul#navigation li#aboutus a	 				{ background-position: -54px 0px; }
ul#navigation li#aboutus a:hover 			{ background-position: -54px -44px; }
ul#navigation li#aboutus a.current,
ul#navigation li#aboutus a.current:hover 	{ background-position: -54px -44px; }

ul#navigation li#whatweneed					{ width: 134px; }
ul#navigation li#whatweneed a	 			{ background-position: -147px 0px; }
ul#navigation li#whatweneed a:hover 		{ background-position: -147px -44px; }
ul#navigation li#whatweneed a.current,
ul#navigation li#whatweneed a.current:hover { background-position: -147px -44px; }

ul#navigation li#waystogive					{ width: 120px; }
ul#navigation li#waystogive a	 			{ background-position: -281px 0px; }
ul#navigation li#waystogive a:hover 		{ background-position: -281px -44px; }
ul#navigation li#waystogive a.current,
ul#navigation li#waystogive a.current:hover { background-position: -281px -44px; }

ul#navigation li#ourdonors					{ width: 111px; }
ul#navigation li#ourdonors a	 			{ background-position: -401px 0px; }
ul#navigation li#ourdonors a:hover 			{ background-position: -401px -44px; }
ul#navigation li#ourdonors a.current,
ul#navigation li#ourdonors a.current:hover 	{ background-position: -401px -44px; }

ul#navigation li#financials					{ width: 99px; }
ul#navigation li#financials a	 			{ background-position: -512px 0px; }
ul#navigation li#financials a:hover 		{ background-position: -512px -44px; }
ul#navigation li#financials a.current,
ul#navigation li#financials a.current:hover { background-position: -512px -44px; }

ul#navigation li#contactus					{ width: 90px; }
ul#navigation li#contactus a	 			{ background-position: -611px 0px; }
ul#navigation li#contactus a:hover 			{ background-position: -611px -44px; }
ul#navigation li#contactus a.current,
ul#navigation li#contactus a.current:hover 	{ background-position: -611px -44px; }



/*============================
* Forms
*===========================*/
label										{ font-size: 75%; font-weight: bold; color: #727272; }
#contact-form fieldset						{ margin-bottom: 13px; float: left; width: 48%; }
#contact-form fieldset input,
#contact-form fieldset .select				{ font-size: 120%; color: #888888; height: 25px; margin-bottom: 20px; }
#contact-form textarea						{ width: 493px; height: 200px; clear: both; margin-bottom: 20px; color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 75%; }
#contact-form .submit						{ background: url(../images/admin/bg-input-submit.gif) repeat-x; border: 1px solid #7ac142; cursor: pointer; color: #ffffff; font-size: 60%; font-weight: bold; display: block; clear: both; }


/*============================
* Tables
*===========================*/
#left-content table {font-size: 75%; color: #8b95a8; line-height: 22px; margin-bottom: 25px; width: 100%;}
#left-content table td { width: 50%; }


/*============================
* Utility Classes
*===========================*/
.error					{ color: red; }
.clear					{ clear: both; }