@charset "utf-8";
/* CSS Document */

/*---------------UNIVERSAL STYLES------------------*/
.section_holder {height:auto; margin:0; padding:0; width:100%;}
body {background-color:#222322; color:#EAE3D6; font-family:Arial,Helvetica,sans-serif; font-size:13px; height:100%; line-height:22px; width:100%;}
.display_none {display:none;}
ol, ul {list-style:none outside none;}
.clear {clear:both; height:0; margin:0; padding:0;}
p{margin-bottom: 20px; overflow: hidden; padding:0px;}

/*---------------HOME PAGE------------------------*/
#homeHeaderBg {background-image:url("../images/large_background_header2.jpg"); background-position:45% top; background-repeat:repeat-x; height: 460px;}
	.clouds1 {background-image:url("../images/clouds1.gif"); background-position:80% 90px; background-repeat:repeat-x; height:100%; margin:0; padding:0; width:100%;}
		.clouds2 {background-image:url("../images/clouds3.gif"); background-position:20% 170px; background-repeat:repeat-x; height:100%; margin:0; padding:0; width:100%;}
			.wrap {height:auto; margin:0 auto; padding:0; width:960px;}
				#homeHeader {float:left; height:460px; margin:0; padding:0; width:960px;}
					#homeHeader_left {float:left; height:460px; margin:0; padding:0; width:395px;}
						h1 {float:left; height:84px; line-height:normal; margin:0; padding:0; width:351px;}
							.mainLogo:link, .mainLogo:visited, .mainLogo:hover, .mainLogo:active {background-image:url("../images/kyg_logo.png");
background-position:left top; background-repeat:no-repeat; cursor:pointer; display:block; height:59px; width:351px; position: relative; top: 33px; left: 48px;}
							a:link, a:visited, a:active {color:#DF5E5E; font-weight:bold; text-decoration:none;}
						#heroImg {background-image:url("../images/kyg_youthcouncil.png"); clear:both; height:376px; width:436px;}
					#homeHeader_right {float:right; height:460px; margin:0; padding:0; width:500px;}
						#navigation {background-image:url("../images/navigation_background.png"); background-position:left top; background-repeat:no-repeat; float:left; height:100px; margin:0; padding:0; width:500px;}
							.nagivation_list {display:inline; float:right; height:40px; list-style-type:none; margin:40px 10px 0 0; padding:0;}
								.navigation_item, .navigation_item_last {display:inline; float:left; height:40px; margin:0; padding-bottom:0; padding-top:0; text-align:center;}
								.navigation_item_last{border-right: none;}
									.navigation_option:link, .navigation_option:visited, .navigation_option:active {color:#51A0BF; display:block; float:left; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; height:40px; line-height:40px; margin:0; padding:0; text-decoration:none; width:95px;}
									.navigation_option:hover {color: #DF5E5E;}
						#upcoming_events {background-image:url("../images/upcoming_events.png"); background-position:left top; background-repeat:no-repeat; height:378px; margin:0; padding:0; width:500px; clear:both; position: relative;}
							#olderevents{width:215px; height: 215px; overflow: hidden; position: absolute; top: 140px; left: 30px;}
							#youngerevents{width:215px; height: 215px; overflow: hidden; position: absolute; top: 140px; right: 25px; text-align:right;}
								h4.eventTitle{font-size: 20px; color: #FF8001; padding-bottom: 8px; }
								p.eventDate{font-weight: bold; font-size: 15px; line-height: 14px; color: #72B9FF;}
								p.eventDetail{font-size: 12px; line-height: 18px; margin-bottom: 0px;}
#homeMiddle{background-image:url("../images/homeMiddBoxes_bg.gif"); background-repeat:repeat-y; float:left; height:auto; margin:0 0 20px; padding:0; width:960px;}
	#homeMiddleTop{background-color:#645045; background-image:url("../images/homeMiddBoxes.gif"); background-position:left top; background-repeat:no-repeat; float:left; height:61px; margin:0; padding:0; width:960px;}
	#homeMiddleMid{float:left; height:auto; margin:0; padding:0; width:960px;}
		.homeMiddleMidContent{color:#544037; display:inline; float:left; height:auto; margin:0 0 0 20px; padding:7px 20px; width:253px;}
			.homeMiddleMidContent p.boxtitle{font-weight: bold; font-size: 18px; color: #FF8020; margin-bottom: 10px;}
			.homeMiddleMidContent p.boxtitle2{font-weight: bold; font-size: 18px; color: #72B9FF; margin-bottom: 10px;}
			.midImgWrap{float:right; height:120px; margin:0; padding:0; width:120px;}
			.homeMiddleMidContent p{float: none;}
	#homeMiddleBottom{background-color:#645045; background-image:url("../images/homeMiddBoxes.gif"); background-position:left bottom; background-repeat:no-repeat; float:left; height:60px; margin:0; padding:0; width:960px;}
	.homeMiddleButton:link, .homeMiddleButton:visited, .homeMiddleButton:active {color:#493A34; display:block; float:right; font-family:Arial,Helvetica,sans-serif; font-weight:bold; height:25px; line-height:25px; width:90px;}
#home_mainbody {float:left; height:auto; margin:0; padding:0; width:960px;}
	.home_mainbody_left {float:left; width:650px;}
		h2.kyg{margin-bottom: 20px;}
		h3.updatetitle{text-transform: uppercase; font-size: 18px; color: #0563E3; padding-bottom: 10px;}
		p.updatetext{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc;}
	.home_mainbody_right {background-image:url("../images/column-div.png"); background-repeat:repeat-y; float:right; margin:0; padding:0 0 0 30px; width:260px;}
#footer_bg{background-color:#424442; background-image:url("../images/footergradient.gif"); background-position:center top; background-repeat:repeat-x;}
	#footer_image {background-image:url("../images/footer_image.jpg"); background-position:center top; background-repeat:no-repeat; height:150px; margin:0; padding:0; width:100%;}
		#footer_content {float:left; height:auto; margin:0; padding:0 0 20px; width:960px;}
			.footer_250 {float:left; height:auto; margin:0 40px 0 0; padding:0; width:250px;}
			.footer_380 {float:right; height:auto; margin:0; padding:0; width:380px;}
#footer_bottom{background-color:#424442; background-position:center top; background-repeat:no-repeat; height: 250px;}
	#footer_bottom_content {float:left; height:70px; margin:20px 0 0; padding:0; width:960px; position: relative;}
		#twitter{position: relative; top: -30px;}
			#twittertop{height: 75px; background:url(../images/twitterbox_top.jpg) no-repeat #424442;}
			#twittermid{background:url(../images/twitterbox_mid.jpg) repeat-y #424442; min-height: 50px;}
				ul#twitter_update_list{width: 550px; padding-left: 40px; font-size: 22px; color: #888;}
					ul#twitter_update_list li a.posted{font-size: 10px;}
			#twitterbottom{height: 20px; background:url(../images/twitterbox_bottom.jpg) no-repeat #424442;}
		#footer_copyright {color:#FCF6E8; text-align: center; line-height:20px; margin:0; padding:0; width:960px; background-color: #424442;}
		#footer_social {position: absolute; right: -90px; top: 20px; height:40px; margin:0; padding:0; width:300px; background-color: #424442;}
			#sociallinks {color:#EAE3D6; display:inline; float:left; font-family:Arial,Helvetica,sans-serif; font-size:13px; height:20px; list-style-type:none; margin:10px 0 0; padding:0; width:300px;}
				li.socialicon{padding-right: 10px;}
					img.social_icon{padding-right: 10px;}
/*---------------------------INSIDE PAGES---------------------------------------*/
#insideHeaderBg {background-image:url("../images/small_background_header2.jpg"); background-position:45% top; background-repeat:repeat-x; height: 223px;}
	#insideHeader {float:left; height:250px; margin:0; padding:0; width:960px;}
		#insideHeader_left {float:left; height:250px; margin:0; padding:0; width:395px;}
		#insideHeader_right {float:right; height:250px; margin:0; padding:0; width:500px;}
			.insideLogo:link, .insideLogo:visited, .insideLogo:hover, .insideLogo:active {background-image:url("../images/kyg_logo.png");
background-position:left top; background-repeat:no-repeat; cursor:pointer; display:block; height:59px; width:351px; position: relative; top: 33px; left: 0px;}
#sidecontact{ -moz-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: none repeat scroll 0 0 #F5F5F5; padding: 20px 20px 10px 20px;; width: 205px; color:#424442; margin-bottom: 30px;}
p.davidcontact{margin-bottom: 15px; text-align: center; font-size: 20px;}
#ministryfocus{width: 400px; position: relative; left: 40px; margin: 50px 0px; padding: 20px; background: #333;}
	#ministryfocus h3.ministrytitle{font-size: 16px; color: #D8D534;}
	#ministryfocus p.ministrytext{margin-bottom: 40px;}
#calendar_mainbody{float:left; height:auto; margin:0; padding:0; width:960px;}
span.morephotoslink{position: relative; left: 20px; bottom: 10px; font-size: 20px; border-top: 2px dashed grey; padding-top: 10px;}
