/*===============================================================================================================

Project:		GULF STREAM - Baptist Association
Version:		1.0
Last Changed:	02/08/2010
Author:			Daniel Rus

===============================================================================================================*/


/*===============================================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
4. FORMS
5. CONTENT ELEMENTS
	5.1 HOMEPAGE
	5.2 VOLUNTEERS
	5.3 FIND A CHURCH
	5.4 DONATE
	5.5 DOWNLOADS

===============================================================================================================*/






/* 1. GENERAL
===============================================================================================================*/

body { font: normal 0.81em Arial; color: #333333; margin: 0; background: #ebead5 url(../../general/bgMain.jpg) no-repeat top center; }
h1 { color: #884a2c; margin: 1em 0; font: bold 1.6em/1em Arial; background: url(../../general/titlesDefault.gif) repeat-x center; }
h2 { color: #39492d; margin: 2em 0 0.5em 0; padding: 0 0 0 0.36em; font: bold 1.4em/1.5em Arial; background-color: #eeeff0; border-bottom: 1px solid #e2e4e5; }
h3 { color: #999999; margin: 1.5em 0 0.5em 0; font: bold 1.2em/1.5em Arial; color: #38452c; }
h4 { color: #999999; margin: 1em 0 0.5em 0; font: bold 1.1em/1.5em Arial; color: #696969; }
h1 span { float: right; color: #333333; font-size: 0.64em; }
h1 em { background-color: #ffffff; padding-right: 8px; font-style: normal; }
h3 em { font-size: 0.81em; font-weight: normal; font-style: normal; }
p { margin: 1em 0; }
img { border: none; }
a { text-decoration: none; color: #4f6735; font-weight: bold; }
a:hover { background-color: #feefbb; }
ul.features { margin: 20px 0 20px 30px; padding: 0; list-style: none; }
ul.features li { padding-left: 20px; margin: 0.3em 0; background: url(../../general/arrowFeatures.gif) no-repeat 0 2px; }
ul.sub-features { margin: 10px 0 10px 30px; padding: 0; list-style: none; }
ul.sub-features li { padding-left: 14px; margin: 0.3em 0; background: url(../../general/arrowServices.gif) no-repeat 0 4px; }
ul.resume{margin: 0;text-align:left; list-style-type:none;	padding:5px 0px 10px; margin-left:10px;}
ul.resume li{font-size:1em; line-height:1.6em; margin: 0; color:#000; background:url(../../general/arrow_services.gif) left center no-repeat; padding:5px 0px 5px 15px;}
ul.cols { float: left; }
ul.donate{text-align:center; list-style-type:none; margin:0px; padding:0px; border:none;}
ul.donate li{ float:left; width:155px; padding-top:85px; border:none; background-color:#fff;}
.clearAll { clear: both; height: 1px; font-size: 1px; overflow: hidden; }
.clearFloat:after, #content:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.clearFloat, #content { display: inline-block; } /* Hides from IE Mac \*/ * html .clearFloat, * html #content { height: 1%;} .clearFloat, #content { display: block; } /* End Hack */







/* 2. LAYOUT
===============================================================================================================*/

#container { width: 982px; margin: 0 auto; background: url(../../general/bgContainer.gif) repeat-y; }


	/* 2.1 HEADER ------------------------------*/
	
	#header { height: 35px; background: url(../../general/bgHeader.jpg) no-repeat; position: relative; padding-top: 187px; }
	.logo { position: absolute; top: 25px; left: 30px; width: 180px; height: 150px; text-indent: -9999px; overflow: hidden; }
	.logo:hover { background: transparent; }
	
	
	/* 2.2 CONTENT -----------------------------*/
	
	#content { background: url(../../general/bgContent.gif) no-repeat bottom; min-height: 300px; height: auto !important; height: 300px; padding: 1px 11px 30px 11px; }

	
	
	/* 2.3 FOOTER ------------------------------*/
	
	#footer { height: 87px; padding-top: 7px; background: #ebead5 url(../../general/bgFooter.gif) no-repeat; font-size: 11px; }
	#footer h2 { margin: 0 0 8px 0; padding: 0; height: 22px; }
	#footer p { margin: 0; }
	.socialNetwork { float: left; width: 140px; padding: 0 20px; border-right: 1px solid #bfb9a3; }
	.socialNetwork ul { margin: 0; padding: 0; list-style: none; float: right; }
	.socialNetwork li { float: left; }
	.footerContact { float: left; width: 340px; padding: 0 20px; border-right: 1px solid #bfb9a3; }
	.copyright { padding: 20px 0; text-align: center; }
	.rights { float: left; width: 380px; padding: 0 20px; }





/* 3. NAVIGATORS
===============================================================================================================*/

	/* 3.1 MAIN NAVIGATOR ----------------------*/
	
	.navMain { width: 960px; height: 35px; padding: 0 11px; }
	.navMain ul { width: 960px; margin: 0; padding: 0; list-style: none; }
	.navMain li { float: left; }
	.navMain a, .navMain span { float: left; height: 35px; text-indent: -9999px; overflow: hidden; }
	.navMain-home { width: 46px; background: url(../../general/spriteNavMain.gif) no-repeat 0 0; }
	.navMain-act { width: 90px; background: url(../../general/spriteNavMain.gif) no-repeat -46px 0; }
	.navMain-donate { width: 129px; background: url(../../general/spriteNavMain.gif) no-repeat -136px 0; }
	.navMain-volunteer { width: 176px; background: url(../../general/spriteNavMain.gif) no-repeat -265px 0; }
	.navMain-search { width: 131px; background: url(../../general/spriteNavMain.gif) no-repeat -441px 0; }
	.navMain-news { width: 78px; background: url(../../general/spriteNavMain.gif) no-repeat -572px 0; }
	.navMain-partners { width: 94px; background: url(../../general/spriteNavMain.gif) no-repeat -650px 0; }
	.navMain-gsba { width: 130px; background: url(../../general/spriteNavMain.gif) no-repeat -744px 0; }
	.navMain-contact { width: 86px; background: url(../../general/spriteNavMain.gif) no-repeat -874px 0; }
	.navMain-home:hover { background: url(../../general/spriteNavMain.gif) no-repeat 0 -35px; }
	.navMain-act:hover { background: url(../../general/spriteNavMain.gif) no-repeat -46px -35px; }
	.navMain-donate:hover { background: url(../../general/spriteNavMain.gif) no-repeat -136px -35px; }
	.navMain-volunteer:hover { background: url(../../general/spriteNavMain.gif) no-repeat -265px -35px; }
	.navMain-search:hover { background: url(../../general/spriteNavMain.gif) no-repeat -441px -35px; }
	.navMain-news:hover { background: url(../../general/spriteNavMain.gif) no-repeat -572px -35px; }
	.navMain-partners:hover { background: url(../../general/spriteNavMain.gif) no-repeat -650px -35px; }
	.navMain-gsba:hover { background: url(../../general/spriteNavMain.gif) no-repeat -744px -35px; }
	.navMain-contact:hover { background: url(../../general/spriteNavMain.gif) no-repeat -874px -35px; }
	span.navMain-home { background: url(../../general/spriteNavMain.gif) no-repeat 0 -35px; }
	span.navMain-act { background: url(../../general/spriteNavMain.gif) no-repeat -46px -35px; }
	span.navMain-donate { background: url(../../general/spriteNavMain.gif) no-repeat -136px -35px; }
	span.navMain-volunteer { background: url(../../general/spriteNavMain.gif) no-repeat -265px -35px; }
	span.navMain-search { background: url(../../general/spriteNavMain.gif) no-repeat -441px -35px; }
	span.navMain-news { background: url(../../general/spriteNavMain.gif) no-repeat -572px -35px; }
	span.navMain-partners { background: url(../../general/spriteNavMain.gif) no-repeat -650px -35px; }
	span.navMain-gsba { background: url(../../general/spriteNavMain.gif) no-repeat -744px -35px; }
	span.navMain-contact { background: url(../../general/spriteNavMain.gif) no-repeat -874px -35px; }






/* 4. FORMS
===============================================================================================================*/

form { margin: 0; padding: 0; }
form label { float: left; width: 120px; font-weight: bold; color: #849443; }
form label span { float: right; padding: 4px 5px; background: url(../../general/labels.gif); text-align: right; }
form br { clear: left; }
fieldset { float: left; margin: 10px 0; padding: 0; border: 0; }
.userInfo { width: 350px; }
.userMessage { width: 420px; }
.formHolder { margin: 20px auto; width: 770px; }
.formField { float: left; width: 200px; padding: 3px 5px; margin: 0 0 4px 5px; border: 1px solid #92a053; font: normal 1em/1em Arial; }
.formSelect { float: left; width: 212px; padding: 3px 5px; margin: 0 0 4px 5px; border: 1px solid #92a053; font: normal 1em/1em Arial; }
.formTextarea { float: left; width: 270px; height: 100px; margin: 0 0 4px 5px; padding: 3px 5px; border: 1px solid #92a053; font: normal 1em/1em Arial; }
.formButtons { clear: both; padding: 1em 0; border-top: 1px dotted #cccccc; text-align: right; }
.formNote { float: left; padding: 4px 0 0 10px; font-size: 0.85em; color: #777777; }
.formNotes { padding: 1em 0 1em 125px; font-style: italic; }
.acceptPolicy { margin: 1em 0; font-weight: bold; font-style: italic; font-size: 1.2em; }
.acceptPolicy input { margin-right: 15px; }

span.error { color: red; }
input.error { border: 2px solid red; }
select.error { border: 2px solid red; }
div.error { color: red; }
div.action-container { position: relative; top: -45px; cursor: pointer; }






/* 5. CONTENT ELEMENTS
===============================================================================================================*/

	/* 5.1 HOMEPAGE ----------------------------*/
	
	.titleHomeNews { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 0; text-indent: -9999px; border: none; }
	.titleHomeGallery { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -40px; text-indent: -9999px; border: none; }
	.titleVideoNews { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -80px; text-indent: -9999px; border: none; }
	.titleVolunteer { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -240px; text-indent: -9999px; border: none; }
	.titleDownloads { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -280px; text-indent: -9999px; border: none; }
	.titleSocialNetwork { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -124px; text-indent: -9999px; border: none; }
	.titleFooterContact { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -164px; text-indent: -9999px; border: none; }
	.titleRights { margin: 0; height: 30px; background: url(../../general/spriteTitles.gif) no-repeat 0 -204px; text-indent: -9999px; border: none; }
	.helpHaiti { width: 960px; overflow: hidden; }
	.helpHaiti img { float: left; }
	.home-news { float: left; margin: 10px 0; width: 640px; }
	.home-news ul { margin: 0; padding: 0; list-style: none; }
	.home-news ul li { float: left; width: 300px; margin: 1px 0; padding: 10px; }
	.home-news ul li img { float: left; }
	.home-news ul li h3 { margin: 0 0 0 100px; font: bold 1.1em Arial; color: #5a7047; }
	.home-news ul li p { margin: 5px 0 0 100px; }
	.home-news-row-odd { background-color: #e0e0e0; }
	.home-news-row-even { background-color: #eeeeee; }
	.readMore { background: #38452c url(../../general/arrow.gif) no-repeat right center; padding: 1px 12px 1px 6px; color: #ffffff; font-size: 0.8em; }
	.readMore:hover { background: #547932 url(../../general/arrow.gif) no-repeat right center; }
	.home-donate { float: right; margin: 10px 0; width: 309px; padding-top: 10px; }
	.home-gallery { clear: both; float: left; width: 640px; }
	.home-galleryDetails { background-color: #e0e0e0; padding: 5px; margin: 5px 0; }
	.home-galleryDetails h3 { margin: 0 0 0.5em 0; }
	.home-galleryDetails p { margin: 0; }
	.slideshow { position: relative; height: 285px; background-color: #ffffff; }
	.slideshow-pic { position: absolute; top: 5px; width: 430px; height: 212px;}
	.slideshow-thumbs { float: right; width: 212px; }
	.slideshow-thumbs ul { margin: 0; padding: 0; list-style: none; }
	.slideshow-thumbs li { float: left; width: 100px; height: 50px; padding: 4px 0 0 5px; margin: 0; }
	.slideshow-thumbs a { float: left; width: 100px; height: 50px; background: #ffffff; }
	.slideshow-thumbs img { border: 1px solid #ffffff; }
	.slideshow-info { position: absolute; bottom: 5px; width: 640px;  background: #E0E0E0; color: #000000; }
	.slideshow-info h2 { margin: 0; padding: 0 0 5px 0; color: #000000; }
	.slideshow-info p { margin: 0; padding: 5px 0; }
	.home-video { float: right; width: 309px; }
	.home-videoDetails { background-color: #e0e0e0; padding: 5px; margin: 5px 0; }
	.home-videoDetails h3 { margin: 0; padding: 0; }
	.home-videoDetails h4 { margin: 0 0 1em 0; padding: 0; font: bold 0.9em/1em Arial; }
	.home-volunteer { float: left; margin: 10px 0; width: 640px; }
	.home-volunteer-worksheet { float: left; width: 305px; height: 73px; padding: 7px 0 0 10px; background: url(../../general/spriteVolunteer.jpg) no-repeat 0 0; color: #ffffff; }
	.home-volunteer-form { float: right; width: 305px; height: 73px; padding: 7px 0 0 10px; background: url(../../general/spriteVolunteer.jpg) no-repeat -325px 0; color: #ffffff; }
	.home-volunteer-worksheet img, .home-volunteer-form img { margin-top: 4px; }
	.home-downloads { float: right; margin: 10px 0; width: 309px; }
	.home-downloads ul { margin: 0; padding: 10px 10px 0 10px; list-style: none; height: 70px; background: url(../../general/bgDownloads.gif) repeat-x; }
	.home-downloads li.odd { display: block; margin: 0; padding: 3px 0 3px 20px; background: url(../../general/iconPdf.gif) no-repeat left center; }
	.home-downloads li.even { display: block; margin: 0; padding: 3px 0 3px 20px; background: url(../../general/iconVideo.gif) no-repeat left center; }
	.home-downloads a { text-decoration: underline; color: #738b16; }
	.home-downloads a:hover { background: none; color: #9cb441; }
	.home-downloads li.viewAll { background: none; text-align: right; }
	.viewAll .readMore { color: #ffffff; text-decoration: none; }
	.viewAll .readMore:hover { background: #547932 url(../../general/arrow.gif) no-repeat right center; color: #ffffff; }
	
	
	/* 5.2 VOLUNTEERS -------------------------*/
	
	.map { margin: 2em 0; text-align: center; }
	.map img { padding: 0 20px; }
	.mapGoogle { float: right; }
	.iconPdf{background: url(../../general/iconPdf.gif) no-repeat left; padding-left:22px; color:#3f6714;}
	
	
	/* 5.3 FIND A CHURCH ----------------------*/
	
	.css_right { float:right; }
	.legend { background-color: #e8ead4; border: 1px solid #d5d8b8; padding: 10px 20px; }
	.legend ul { margin: 0 30px; padding: 0; list-style: none; float: left; font-size: 0.8em; }
	
	
	/* 5.4 DONATE -----------------------------*/
	
	.donate { background-color: #f6f5e9; border: 1px solid #dcdfc2; padding: 20px; margin-top: 30px; }
	.donateBillingInfo { float: left; width: 350px; }
	.donateBillingOptions { float: right; width: 420px; }
	.donate label { text-align: right; font-size: 1.5em; width: auto; }
	.donate strong { padding-left: 10px; font-size: 1.2em; }
	.creditCards { margin: 2em 0; }
	.creditCards ul { margin: 0; padding: 0; list-style: none; }
	.creditCards li { float: left; width: 140px; text-align: center; }
	.iconBible{background: url(../../general/iconBible.gif) no-repeat top;}
	.iconCurrents{background: url(../../general/iconCurrents.gif) no-repeat top;}
	.iconTeam{background: url(../../general/iconTeam.gif) no-repeat top;}
	.iconToy{background: url(../../general/iconToy.gif) no-repeat top;}
	.iconPersonal{background: url(../../general/iconPersonal.gif) no-repeat top;}
	
	
	/* 5.5 NEWS -------------------------------*/
	
	.news-entry { margin: 10px 0; }
	.news-entry ul { margin: 0; padding: 0; list-style: none; }
	.news-entry ul li { margin: 1px 0; padding: 10px; width: 460px; float: left; }
	.news-entry ul li img { float: left; }
	.news-entry ul li h3 { margin: 0 0 0 100px; font: bold 1.1em Arial; color: #5a7047; }
	.news-entry ul li p { margin: 5px 0 0 100px; }
	.news-entry-row-odd { background-color: #e0e0e0; }
	.news-entry-row-even { background-color: #eeeeee; }
	.news-entry ul li:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
	.news-entry ul li { display: inline-block; } /* Hides from IE Mac \*/ * html .news-entry ul li { height: 1%;} .news-entry ul li { display: block; } /* End Hack */
	.back { background: url(../../general/back.gif) no-repeat left center; padding: 4px 5px 4px 28px; }
	
	
	/* 5.6 WHO IS GSBA ------------------------*/
	
	.address { margin: 1em 20px; border-bottom: 1px solid #eeeeee; }
	.address h2 { background: none; border: 0; font-size: 1.2em; color: #333333; height: auto; margin: 10px 0; padding: 0; }
	.member { float: left; width: 400px; padding: 20px; }
	.member h2 { background: none; border: 0; font-size: 1.2em; color: #333333; height: auto; margin: 5px 0; padding: 0; }
	.member p { margin: 10px 0; }
	.member img { float: left; padding: 3px; border: 1px solid #cccccc; margin-right: 15px; }
  
  
	/* 5.7 IMAGE GALLERY -----------------------*/

	div.navigation a.prev { background-image: url(themes/galleriffic/prevPageArrow.gif); }
	div.navigation a.next { background-image: url(themes/galleriffic/nextPageArrow.gif); }
	div.loader { background-image: url(themes/galleriffic/loader.gif); }
	
	
	/* 5.8 DOWNLOADS -----------------------*/	
	
	.pdfList li { display: block; margin: 0; padding: 3px 0 3px 20px; background: url(../../general/iconPdf.gif) no-repeat left center; }
	.videoList li { display: block; margin: 0; padding: 3px 0 3px 20px; background: url(../../general/iconVideo.gif) no-repeat left center; }