@charset "utf-8";

body		{ background-color:#7e9f75; color: #000; text-align: center; font-size: 77%; }

/* Links ***********************************************************************************************/
a			{ outline: none; color: #000; text-decoration: underline; }
a:link		{ color: #000; text-decoration: underline; }
a:visited	{ color: #000; text-decoration: underline; }
a:hover		{ color: #000; text-decoration: underline; }
a:active	{ color: #000; text-decoration: underline; }

/* Layout elements ************************************************************************************/
#wrapper	{ text-align: left; margin: 0 auto; width: 773px; }
	#header 	{ width: 778px; height: 175px; background: url(../images/header.jpg) no-repeat top center; position: relative; }
	#header.aboutOurOhana	{ background: url(../images/header_aboutourohana.jpg) no-repeat top center; }
	#header.humanitarianAwards	{ background: url(../images/header_humanitarianawards.jpg) no-repeat top center; }
	#header.scholarshipsAndOutreach	{ background: url(../images/header_scholarshipsandoutreach.jpg) no-repeat top center; }
	#header.donateNow	{ background: url(../images/header_donatenow.jpg) no-repeat top center; }
		#header #logo	{ position: absolute; top: 17px; left: 34px; text-indent: -3000px; }
		#header #logo a	{ width: 165px; height: 150px; display: block; }
		#header h1	{ text-indent: -3000px; position: absolute; top: 23px; left: 259px;}
		#header h2	{ text-indent: -3000px; position: absolute; top: 84px; left: 274px;}
	#mainContent{ float: left; width: 778px; background: url(../images/main_content_background.jpg) repeat-y top center; }
		#mainContentLeft 	{ float: left; width: 182px; margin-left: 22px; border: solid red 0px; display: inline; 
							  background: url(../images/nav_background.jpg) repeat-y top center; }
			ul#nav	{ }
			ul#nav li.current a	{ background-position: bottom center; }
			li#navHome a		{ display: block; width: 182px; height: 30px; text-indent: -3000px; background: url(../images/nav_home.jpg) no-repeat top center; }
			li#navHome a:hover	{ background-position: bottom center; }
			li#navAbout a		{ display: block; width: 182px; height: 30px; text-indent: -3000px; background: url(../images/nav_about.jpg) no-repeat top center; }
			li#navAbout a:hover	{ background-position: bottom center; }
			li#navScholarshipsAndOutreach a			{ display: block; width: 182px; height: 51px; text-indent: -3000px; background: url(../images/nav_scholarshipsandoutreach.jpg) no-repeat top center; }
			li#navScholarshipsAndOutreach a:hover	{ background-position: bottom center; }
			li#navHumanitarianAwards a		{ display: block; width: 182px; height: 50px; text-indent: -3000px; background: url(../images/nav_humanitarianawards.jpg) no-repeat top center; }
			li#navHumanitarianAwards a:hover{ background-position: bottom center; }
			li#navDonations a		{ display: block; width: 182px; height: 30px; text-indent: -3000px; background: url(../images/nav_donations.jpg) no-repeat top center; }
			li#navDonations a:hover	{ background-position: bottom center; }
			li#navCalendar a		{ display: block; width: 182px; height: 30px; text-indent: -3000px; background: url(../images/nav_calendar.jpg) no-repeat top center; }
			li#navCalendar a:hover	{ background-position: bottom center; }
			li#navGallery a			{ display: block; width: 182px; height: 30px; text-indent: -3000px; background: url(../images/nav_gallery.jpg) no-repeat top center; }
			li#navGallery a:hover	{ background-position: bottom center; }
			li#navContactUs a		{ display: block; width: 182px; height: 30px; text-indent: -3000px; background: url(../images/nav_contactus.jpg) no-repeat top center; }
			li#navContactUs a:hover	{ background-position: bottom center; }
			
			#donateNowBtn	{ margin-top: 20px; width: 182px; }
			#downloadNewsletterImg { background-color: #e1e0ce; padding: 10px 0 0 12px; }

		#mainContentRight	{ float: right; width: 520px; margin-right: 34px; border: solid red 0px; display: inline; }
			#mainContentRight a	{ color: #0033CC; text-decoration: none; }
			#mainContentRight a:hover	{ text-decoration: underline; }
			
			#mainContentColNarrow	{ float: left; width: 175px; }
			#mainContentColWide		{ float: left; width: 310px; margin-left: 20px; }

	#mainContentBottom	{ width: 778px; height: 54px; background: url(../images/footer_background.jpg) no-repeat top center; margin-bottom: 10px; }

	#footerLinks		{ width: 778px; margin-top: 0px; text-align: center; }
	#footerLinks a		{ }
	#footerLinks a:hover{ }
	#footerLegal		{ width: 778px; margin-bottom: 10px; text-align: center; font-style: italic; }
	#footerLegal a		{ text-decoration: none; }
	#footerLegal a:hover{ text-decoration: underline; }

	/*Title Tags*/
	#home h3	{ background:url(../images/title_welcome.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#about h3	{ background:url(../images/title_about.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#scholarshipsOutreach h3	{ background:url(../images/title_scholarshipsoutreach.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#humanitarianAwards h3	{ background:url(../images/title_humanitarianawards.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#donations h3	{ background:url(../images/title_donations.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#calendar h3	{ background:url(../images/title_calendar.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#gallery h3	{ background:url(../images/title_gallery.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#contactUs h3	{ background:url(../images/title_contactus.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#news h3	{ background:url(../images/title_news.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	#library h3	{ background:url(../images/title_library.jpg) no-repeat top left; height: 30px; text-indent: -3000px; }
	
	/*SubNavs*/
	ul#subNavAbout, ul#subNavScholarships
						{ float: left; width: 520px; }
	ul#subNavAbout li, ul#subNavScholarships li
						{ float: left; text-indent: -3000px; margin-left: 10px; display: inline; }
	ul#subNavAbout li#jonathan a		{ width: 100px; height: 30px; display: block; background:url(../images/subnav_about_jonathan.jpg) no-repeat top left; }
	ul#subNavAbout li#jonathan a:hover	{ background-position: bottom left; }
	ul#subNavAbout li#jtf a				{ width: 74px; height: 30px; display: block; background:url(../images/subnav_about_jtf.jpg) no-repeat top left; }
	ul#subNavAbout li#jtf a:hover		{ background-position: bottom left; }
	ul#subNavAbout li#ourOhana a		{ width: 181px; height: 30px; display: block; background:url(../images/subnav_about_ourohana.jpg) no-repeat top left; }
	ul#subNavAbout li#ourOhana a:hover	{ background-position: bottom left; }
	ul#subNavAbout li#theLogo a			{ width: 109px; height: 30px; display: block; background:url(../images/subnav_about_thelogo.jpg) no-repeat top left; }
	ul#subNavAbout li#theLogo a:hover	{ background-position: bottom left; }
	ul#subNavAbout li#jonathan a.current, ul#subNavAbout li#jtf a.current, ul#subNavAbout li#ourOhana a.current, ul#subNavAbout li#theLogo a.current
										{ background-position: bottom left; }
	ul#subNavScholarships li#recipients a			{ width: 107px; height: 30px; display: block; background:url(../images/subnav_scholarships_recipients.jpg) no-repeat top left; }
	ul#subNavScholarships li#recipients a:hover		{ background-position: bottom left; }
	ul#subNavScholarships li#statistics a			{ width: 107px; height: 30px; display: block; background:url(../images/subnav_scholarships_statistics.jpg) no-repeat top left; }
	ul#subNavScholarships li#statistics a:hover		{ background-position: bottom left; }
	ul#subNavScholarships li#criteria a				{ width: 96px; height: 30px; display: block; background:url(../images/subnav_scholarships_criteria.jpg) no-repeat top left; }
	ul#subNavScholarships li#criteria a:hover		{ background-position: bottom left; }
	ul#subNavScholarships li#outreachEvents a		{ width: 160px; height: 30px; display: block; background:url(../images/subnav_scholarships_outreachevents.jpg) no-repeat top left; }
	ul#subNavScholarships li#outreachEvents a:hover	{ background-position: bottom left; }
	ul#subNavScholarships li#recipients a.current, ul#subNavScholarships li#statistics a.current, ul#subNavScholarships li#criteria a.current, ul#subNavScholarships li#outreachEvents a.current
										{ background-position: bottom left; }

/*Home*/
h4#upcomingEvents	{ text-indent: -3000px; background: url(../images/upcoming_events.jpg) no-repeat top left; }
h4#upcomingEvents a	{ display: block; width: 175px; height: 40px;}
ul#upcomingEventsList	{ margin-left: 2px; margin-bottom: 10px;}
ul#upcomingEventsList li{ padding-left: 27px; margin-top: 5px; background: url(../images/bullet_shell.jpg) no-repeat top left; font-size: 93%; }

h4#featuredSponsor	{ text-indent: -3000px; background: url(../images/featured_sponsor.jpg) no-repeat top left; }
h4#featuredSponsor a	{ width: 175px; height: 40px; display: block; }
ul#featuredSponsor			{ float: left; width: 160px; border: solid red 0px; margin: 10px 5px 0 5px; }
ul#featuredSponsor li		{ clear: left; padding: 5px; font-size: 93%; }
ul#featuredSponsor li img	{ float: left; margin-right: 5px; margin-top: -5px;  margin-bottom: 10px;}

h4#latestNews		{ text-indent: -3000px; width: 175px; height: 40px; background: url(../images/latest_news.jpg) no-repeat top left; }
dl#latestNewsDataList	{ margin-left: 10px;}
dl#latestNewsDataList dt	{ font-weight: bold; margin-top: 10px;}
dl#latestNewsDataList dd	{}
dl#latestNewsDataList dd img{ margin: 10px 60px 5px 60px;}
dl#latestNewsDataList dd.homeCaption	{ font-style: italic; font-size: 93%; text-align: center; }

/*About Our Ohana*/
table#board	{ width: 500px; margin: 10px auto; }
table#board tr th	{ text-align: left; font-weight: bold; font-size: 108%; padding: 10px 5px; background-color: #cfcebd; }
table#board tr td	{ padding: 3px 5px; }
/*About Logo*/
#aboutLogo	{ margin-top: 10px; }

/*Scholarship Recipient*/
table#recipientsList	{ width: 400px; margin: 10px auto; }
table#recipientsList tr th	{ text-align: left; font-weight: bold; font-size: 108%; padding: 10px 5px; background-color: #cfcebd; }
table#recipientsList tr td	{ padding: 3px 5px; }

/*Scholarship Statistics*/
table#statisticsGridA		{ width: 400px; margin: 10px auto; }
table#statisticsGridA tr th	{ text-align: center; font-weight: bold; vertical-align: bottom; font-size: 108%; padding: 10px 5px; background-color: #cfcebd; }
table#statisticsGridA tr td	{ padding: 3px 5px; text-align: center; }
tr.lineTop td	{ border-top: solid black 1px; }
tr.total td		{ font-weight: bold; }

table#statisticsGridB		{ width: 400px; margin: 10px auto; }
table#statisticsGridB tr th	{ text-align: center; font-weight: bold; vertical-align: bottom; font-size: 108%; padding: 10px 5px; background-color: #cfcebd; }
table#statisticsGridB tr td	{ padding: 3px 5px; text-align: center; }

/*Donations*/
#donationsSponsors		{ float: left; width: 510px;}
#donationsSponsors h5	{ font-weight: bold; padding: 10px; text-align: center; text-indent: -3000px; margin: 25px 0 5px 0; clear: both; }
h5#foundationsCivic		{ background: url(../images/donations_foundations_civic.jpg) no-repeat top left; }
h5#businessServices 	{ background: url(../images/donations_business_services.jpg) no-repeat top left; }
h5#pacificIslander 		{ background: url(../images/donations_pacific_islander.jpg) no-repeat top left; }
h5#musicEntertainment 	{ background: url(../images/donations_music_entertainment.jpg) no-repeat top left; }
h5#media 				{ background: url(../images/donations_media.jpg) no-repeat top left; }

#donationsSponsors ul	{ float: left; width: 160px; border: solid red 0px; margin-right: 5px; }
#donationsSponsors ul li{ clear: left; padding: 5px; font-size: 93%; }
#donationsSponsors ul li.noLogo	{ padding: 5px 5px 5px 75px; height: 70px; }
#donationsSponsors ul li img { float: left; margin-right: 5px; margin-top: -5px;  margin-bottom: 10px;}

/*Humanitarian Awards*/
table#humanitarianAwardWinners	{ width: 450px; margin: 10px auto; }
table#humanitarianAwardWinners tr th	{ text-align: left; font-weight: bold; font-size: 108%; padding: 10px 5px; background-color: #cfcebd; }
table#humanitarianAwardWinners tr td	{ padding: 3px 5px; vertical-align: middle; }

/*Calendar*/
table#calendarOfEvents { width: 400px; margin: 10px auto; }
table#calendarOfEvents tr th	{ text-align: left; font-weight: bold; font-size: 108%; padding: 10px 5px; background-color: #cfcebd; }
table#calendarOfEvents tr td	{ padding: 3px 5px; }


/*Outreach Events*/
#outreachEventsListing { float: left; width: 500px; margin-bottom: 20px; }
#outreachEventsListing dl { float: left; width: 250px; text-align: center; margin-top: 10px; }
#outreachEventsListing dl dt { font-weight: bold; color:#003366; padding: 0 20px; }
#outreachEventsListing dl dd { padding: 0 20px; }
#outreachEventsListing dl dd img { margin: 10px 0;}

/*Gallery and Events*/
dl.outreachEvents, dl.galleryEvents					{ margin: 10px 20px 20px 20px;}
dl.outreachEvents dt, dl.galleryEvents dt			{ font-weight: bold; font-size: 116%; margin-top: 10px; border-top: solid #669966 1px; padding-top: 5px; }
dl.outreachEvents dd, dl.galleryEvents dd			{ }
dl.outreachEvents dd img, dl.galleryEvents dd img	{ margin: 3px 0; }


/*Library*/
#libraryNewsletters		{ float: left; width: 200px; text-align: center; padding: 0 25px; }
#libraryNewsletters h4	{ text-indent: -3000px; width: 175px; height: 40px; background: url(../images/jtf_newsletters.jpg) no-repeat top left; }
h4#jtfMarketing			{ margin-top: 20px; text-indent: -3000px; width: 175px; height: 40px; background: url(../images/jtf_marketing.jpg) no-repeat top left; }
#libraryCookbook		{ float: right; width: 200px; text-align: center; padding: 0 25px;}
#libraryCookbook h4		{ text-indent: -3000px; width: 175px; height: 40px; background: url(../images/jtf_cookbook.jpg) no-repeat top left; }

#libraryNewsletters ul, #libraryCookbook ul, #libraryMarketing ul { text-align: left; }

img.picture	{ border: solid #669966 1px; }
img.hrule { margin: 10px 0; }

/* Miscellaneous classes for reuse ********************************************************************/
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/* Content elements ***********************************************************************************/
h1		{  }
h2		{  }
h3		{  }
h4		{ font-weight: bold; color:#003366; }
h6		{  }
p		{ margin-bottom: 10px; }

strong	{ font-weight: bold; }
em		{ font-style: italic; }

hr { background: url(../images/hrule_bamboo.jpg) no-repeat center center; padding: 10px 0; border: 0px; height: 10px; }

dl	{  }
	dt	{  }
	dd	{  }

ol.list,ul.list	{ margin-left:2em; }
ol.list li		{ list-style: decimal outside; }
ul.list li 		{ list-style: disc outside; }