@charset "utf-8";

/* GENERAL STYLES
-------------------------------------------------------------------- */

* {margin:0; padding:0;}

html {background:url(../img/bg-html.gif) left top repeat-x #7f2a00;}
body {background:url(../img/bg-body.jpg) top center no-repeat; margin-bottom:47px;}

p, label, input, textarea, dl {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3e3e3e;}
h3, h4 {font-family:Arial, Helvetica, sans-serif;}
p {line-height:17px;}
b {font-size:12px; line-height:16px; color:#434343;}
span {font-weight:bold; color:#8a8989; line-height:16px;}

a {outline:none; border:0; color:#c35c00; text-decoration:none;}
a:hover {text-decoration:underline;}

h2 {display:block; text-indent:-9999px; height:21px; padding-bottom:10px; line-height:1em;}
h3 {font-size:12px; line-height:16px; color:#434343;}
h4 {font-size:11px; color:#8a8989; line-height:16px;}

/* LAYOUT STYLES
-------------------------------------------------------------------- */

#wrap {width:968px; margin:auto; overflow:visible; display:block; overflow:auto;}

	#topSegment {float:left; width:940px; padding:24px 0 17px 28px;}
		#topSegment h1 a {float:left; display:block; width:277px; height:59px; text-indent:-9999px; background:url(../img/logo.png) left top no-repeat;}
		
	#contentHolder {float:left; width:960px; background:url(../img/content-bgr.png) top center no-repeat; padding:10px 4px 0 4px;}
		#topContent {float:left; position:relative; width:960px; background:url(../img/content-top-bgr.gif) left top repeat-x; height:168px;}
		
			ul#nav {float:left; width:600px; padding:15px 0 0 14px; position:relative;}
				ul#nav li {float:left; height:19px; list-style-type:none;}
					ul#nav li a {float:left; display:block; height:19px; text-indent:-9999px; background-position:center 0; background-repeat:no-repeat; padding:0 12px 0 11px;}
					
						ul#nav li a.navIntro {background-image:url(../img/nav-intro.png); width:47px;}
						ul#nav li a.navNews {background-image:url(../img/nav-news.png); width:46px;}
						ul#nav li a.navUnite {background-image:url(../img/nav-unite.png); width:46px;}
						ul#nav li a.navStaff {background-image:url(../img/nav-staff.png); width:48px;}
						ul#nav li a.navCommunity {background-image:url(../img/nav-community.png); width:93px;}
						ul#nav li a.navAbout {background-image:url(../img/nav-about.png); width:65px;}
						ul#nav li a.navYouth {background-image:url(../img/nav-youth.png); width:54px;}
						
						ul#nav li a:hover, ul#nav li a.activeNav {background-position:center -21px;}
						
							ul#nav li ul {position:absolute; top:53px; left:0; width:960px; padding:0; display:none;}
								ul#nav li ul li {width:960px; height:115px; display:block; text-indent:-9999px; padding:0;}
									ul#nav li ul li.introTxt {background:url(../img/intro-txt.jpg) 0 0 no-repeat;}
									ul#nav li ul li.newsTxt {background:url(../img/news-txt.jpg) 0 0 no-repeat;}
									ul#nav li ul li.uniteTxt {background:url(../img/unite-txt.jpg) 0 0 no-repeat;}
									ul#nav li ul li.staffTxt {background:url(../img/staff-txt.jpg) 0 0 no-repeat;}
									ul#nav li ul li.communityTxt {background:url(../img/com-txt.jpg) 0 0 no-repeat;}
									ul#nav li ul li.aboutTxt {background:url(../img/about-txt.jpg) 0 0 no-repeat;}
									ul#nav li ul li.youthTxt {background:url(../img/youth-txt.jpg) 0 0 no-repeat;}
									
									ul#nav li ul.activeTxt {display:block;}
									
					a.blogIcon {float:right; margin:14px 23px 0 0; display:block; width:59px; height:21px; line-height:21px; background:url(../img/blog-icon.gif) 0 0 no-repeat; text-indent:-9999px;}
					* html a.blogIcon {margin:14px 12px 0 0;}
						a.blogIcon:hover {background-position:0 -21px;}
									
		#workCard {float:left; width:960px; background:url(../img/work-bgr.gif) left top repeat-x;}
		
		#mainContentHolder {float:left; width:960px; background:url(../img/main-content-top-bgr.gif) left top repeat-x #eaeaea;}
			#mainContent {float:left; width:960px; background:url(../img/main-content-bottom-bgr.gif) left bottom repeat-x;}
				#colmnHolder {float:left; width:913px; padding:21px 23px 12px 24px; background:url(../img/main-content-separators.gif) center top repeat-y;}
				#newscolmnHolder {
	float:left;
	width:913px;
	background:url(../img/news-content-separators.gif) center top repeat-y;
	padding-top: 21px;
	padding-right: 23px;
	padding-bottom: 12px;
	padding-left: 32px;
}
				
					.leftColumn {float:left; width:210px;}
						/*.leftColumn h2 {background:url(../img/title-blog.png) left top no-repeat; width:40px;} - /*When blog is activated*/
						.leftColumn h2 {background:url(../img/title-social.png) left top no-repeat; width:58px;}
						
						
						
						#blogPostHolder {float:left; width:210px; padding-top:2px;}
							.blogPost {float:left; width:210px; padding-bottom:15px;}
							
						#socialHolder {float:left; width:210px; padding-top:2px;}
							
							.socialHolder {float:left; width:210px; height:287px;}
							#social_div {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
								#social_div ul#twitter_update_list {list-style-type:none;}
									#social_div ul#social_update_list li {padding:0 0 13px 0; display:block; clear:both;}
										#social_div ul#social_update_list li span {float:left; width:210px; font-weight:normal; display:block; padding-bottom:13px; color:#3e3e3e; clear:both;}
											#social_div ul#social_update_list li span a {font-size:11px; font-weight:normal;}
										#social_div ul#social_update_list li h4 {float:left;}
										#twitter_div ul#social_update_list li a.arrowLink {float:left; width:15px; height:13px; display:block; background:url(../img/twitt-arrow.gif) 5px 4px no-repeat; text-indent:-9999px; clear:right;}
							#social-link {float:left; width:209px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 0 0 1px;}
								
					.mainColumn {float:left; width:445px; padding-left:24px;}
						.mainColumn h2 {background:url(../img/title-updates.png) left top no-repeat; width:274px;}
						.mainColumn h1 {background:url(../img/title-news.png) left top no-repeat; width:75px;}
				
					.newsColumn {float:left; width:656px; padding-left:24px;}
						.newsColumn h2 {background:url(../img/title-news.png) left top no-repeat; width:185px;}
						
					.unitedColumn {float:left; width:656px; padding-left:24px;}
						.unitedColumn h2 {background:url(../img/title-united.png) left top no-repeat; width:289px;}
						
					.boardColumn {
	float:left;
	width:625px;
	padding-left:10px;
}
						.boardColumn h2 {background:url(../img/title-boards.png) left top no-repeat; width:289px;}	
						
					.staffColumn {float:left; width:656px; padding-left:24px;}
						.staffColumn h2 {background:url(../img/title-staff.png) left top no-repeat; width:289px;}

					.prayColumn {float:left; width:656px; padding-left:24px;}
						.prayColumn h2 {background:url(../img/pray.png) left top no-repeat; width:289px;}
						
					.devColumn {float:left; width:656px; padding-left:24px;}
						.devColumn h2 {background:url(../img/title-dev.png) left top no-repeat; width:289px;}
						
					.featColumn {float:left; width:656px; padding-left:24px;}
						.featColumn h2 {background:url(../img/featart.png) left top no-repeat; width:289px;}
						
						#updatesHolder {float:left; width:445px; overflow:hidden; padding-top:1px;}
							.updatePost {float:left; width:445px; height:89px;}
								.updatePost img {float:left; width:159px; margin-top:2px;}
								.updatePost h3 {float:right; line-height:14px; width:276px;}
								.updatePost h4 {float:right; line-height:14px; width:276px;}
								.updatePost p {float:right; width:276px; padding-top:4px; line-height:16px;}
								
					 	#newsHolder {float:left; width:600px; overflow:hidden; padding-top:1px;}
							.newsPost {float:left; width:600px;}
								.newsPost h3 {float:left; line-height:14px; width:276px;}
								.newsPost h4 {float:left; line-height:14px; width:276px;}
								.newsPost p {float:left; width:600px; padding-top:4px; line-height:16px;}
								
					
					
						
					.rightColumn {float:right; width:211px;}
						.rightColumn h2 {background:url(../img/title-newsletter.png) left top no-repeat; width:105px;}
						.rightColumn p {float:left; width:211px;}
						.rightColumn fieldset {float:left; width:211px; border:0; padding-top:14px;}
							.rightColumn label {float:left; width:211px; font-weight:bold; color:#434343; padding-bottom:4px;}
							.rightColumn fieldset input {float:left; width:199px; height:22px; padding:7px 6px 0 6px; border:0; background:url(../img/newsletter-input-bgr.gif) 0 0 no-repeat;}
								.rightColumn fieldset input:focus {background:url(../img/newsletter-input-bgr.gif) 0 -29px no-repeat; outline:none;}
								.rightColumn fieldset input.selected {background:url(../img/newsletter-input-bgr.gif) 0 -29px no-repeat;}
							.rightColumn fieldset button {float:left; width:211px; height:30px; border:0; background:url(../img/newsletter-button-bgr.gif) 0 0 no-repeat; text-indent:-9999px; cursor:pointer;}
								.rightColumn fieldset button:hover {background:url(../img/newsletter-button-bgr.gif) 0 -30px no-repeat;}
								.rightColumn fieldset button.hoverButton {background:url(../img/newsletter-button-bgr.gif) 0 -30px no-repeat;}
								
								.rightColumn fieldset p {float:left; display:block; height:16px; line-height:16px; width:211px; color:#a0a0a0; padding:18px 0 0 0;}
									.rightColumn fieldset p img {float:left; width:16px; padding-right:8px;}
									.rightColumn fieldset p i {float:left; width:187px; line-height:16px; font-style:normal;}

			#contactHolder {float:left; width:912px; padding:23px 24px 0 24px; height:168px; background:url(../img/contact-bgr.gif) left top repeat-x #e4e4e4;}
			
				.contactDetails {float:left; width:441px;}
					
					.contactTalkToUs {float:left; width:210px;}
						.contactTalkToUs h2 {background:url(../img/title-contact.png) left top no-repeat; width:210px; padding-bottom:0;}
						.contactTalkToUs h3 {padding:10px 0 0 0; line-height:15px; padding-left:1px;}
						.contactTalkToUs p {padding:0 0 8px 1px; line-height:16px;}
						
					.contectInnerDetails {float:left; width:210px; padding:30px 0 0 21px;}
						.contectInnerDetails h3 {padding-left:3px;}
						.contectInnerDetails p {padding-left:3px;}
						.contectInnerDetails dl {float:left; width:210px; font-size:11px; padding:4px 0;}
							.contectInnerDetails dt {float:left; width:37px; padding:0 0 0 27px; line-height:20px; font-weight:bold;}
								.contectInnerDetails dt.emailContact {background:url(../img/icon-contact1.gif) 0 0 no-repeat;}
								.contectInnerDetails dt.phoneContact {background:url(../img/icon-contact2.gif) 0 0 no-repeat;}
								.contectInnerDetails dt.skypeContact {background:url(../img/icon-contact3.gif) 0 0 no-repeat;}
							.contectInnerDetails dd {float:left; width:140px; padding-left:5px; line-height:20px;}
							
					
				.contactForm {float:right; width:442px; padding:1px 0 0 14px; background:url(../img/contact-separator-new.gif) 0 49px no-repeat;}
					.contactForm fieldset {float:left; border:0; padding:15px 0 0 0;}
					.contactForm fieldset.leftContactBox {width:211px; padding-right:19px;}
					.contactForm fieldset.rightContactBox {width:212px; position:relative;}
						.contactForm fieldset label {float:left; width:211px; font-weight:bold; line-height:14px; padding:16px 0 3px 0;}
						.contactForm fieldset input {float:left; width:199px; height:23px; line-height:1em; padding:8px 6px 0 6px; border:0; background:url(../img/contact-input-bgr.gif) 0 0 no-repeat;}
							.contactForm fieldset input:focus {outline:none;}
							.contactForm fieldset input.selected {background-position:0 -32px;}
						.contactForm fieldset textarea {float:left; width:200px; line-height:18px; height:49px; padding:8px 6px; border:0; background:none; overflow:auto;}
							.contactForm fieldset textarea:focus {outline:none;}
							span.fakeTextarea {float:left; width:212px; height:65px; background:url(../img/textarea-bgr-new.gif) 0 0 no-repeat;}
								.fakeTextarea.textareaFocus {background-position:0 -65px;}
						.buttonSubmit, .buttonSubmitHovered {
	width:212px;
	height:29px;
	color:#333;
	font-weight:bold;
	padding:2px;
	background:url(../img/contact-button-bgr-new.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}
							
							.contactForm fieldset p {float:left; display:block; height:16px; line-height:16px; width:212px; color:#a0a0a0; padding:5px 0 0 0;}
								.contactForm fieldset p img {float:left; width:16px; padding-right:8px;}
								.contactForm fieldset p i {float:left; width:180px; line-height:16px; font-style:normal;}

						
		#footer {float:left; width:960px; background:url(../img/footer-bgr.png) center top no-repeat #e4e4e4; height:50px;}
			#footer p {float:left; width:960px; padding-top:21px; text-align:center; color:#8f8f8f;}


	#bottomPage {float:left; width:968px; height:11px; display:block; background:url(../img/bottom-bgr.png) left top no-repeat;}
em {
	color: #F00;
}