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

div.spacer100{height: 100px;}
body{font-family:Verdana, Geneva, sans-serif; background: #274947;}
.underline{text-decoration: underline;}
.picleft{float: left; padding: 35px 10px 10px 0px;}
.picright{float: right; padding: 35px 0px 10px 10px;}
div.centerwide{width: 960px; margin: 0 auto;}
div.center{width: 860px; margin: 0 auto;}
#header{background: url(../images/header_bg.jpg) repeat-x; height: 161px;}
	#headercontent{position: relative;}
		#khpclogo{position: relative; top: 3px; left: -5px;}
			#khpclogo h1.noshow{position: relative; top: -1000px;}
			#khpclogo p{width: 448px; height: 98px;}
			#khpclogo p a{}
		#search{width: 262px; height: 60px; position: absolute; right: 5px; top: 0px; background: url(../images/search_bg.png) no-repeat;}
			#searchcontent{position: absolute; top: 10px; right: 20px;}
			#searchbox{background: #eee; border: none;}
			.search button.btn {width: 60px; height: 40px; cursor: pointer; text-indent: -9999px; background: url(../images/search_btn.jpg) no-repeat center right; border: none;}
		#calendar{width: 260px; position: absolute; right: 5px; top: 70px;}
	#navigation{position: relative; top: 15px; z-index: 1000;}
#mainbanner{background: url(../images/banner_bg.jpg) center repeat-x; height: 271px;}
#insidebanner{background: url(../images/banner_thin_bg.jpg) center repeat-x; height: 90px; position: relative;}
	#mainhero, #insidetitle{position: relative; z-index: 1;}
		#insidebanner h1.pagetitle{position: absolute; top: 50px; right: 20px; font-size: 26px; font-weight: normal; color: #DE682B; text-align: right;}
		#infohero{position: relative; top: 6px; width: 320px; height: 258px; background: url(../images/info_bg.png) no-repeat; padding: 20px 20px 20px 30px;}
			#herocontent{width: 275px;}
			#infohero #herocontent h2.infotitle{color: #dabb2d; padding: 3px 0px 8px 0px; font-size: 16px;}
			#infohero #herocontent p.infotext{font-size: 14px; color: white; padding-bottom: 5px; line-height: 20px; }
			#infohero #herocontent p.visitorbtn{position: absolute; bottom: 65px; }
		#imagerotate{position: absolute; top: -1px; right: 0px; width: 440px; height: 265px; background: url(../images/rotate_bg.png) no-repeat; }
			#rotator{position: relative; width: 430px; height: 255px; top: 20px; left: 15px;}
				#rotator ul li{float: left; position:absolute; list-style: none;}
					#rotator ul li img{border:1px solid #ccc;}
						#rotator ul li.show{z-index: 500;}
#mainbody, #insidebody{background: url(../images/main_bg.jpg) repeat-x #467f7e; min-height: 529px;}
	#maintext, #insidetext{color: white; padding-top: 50px; line-height: 25px;}
		#maintextright{width: 440px; float: right;}
			#maintextright h2.maintexttitle, #maintextleft h2.maintexttitle, h2.maintexttitle{padding-bottom: 20px; font-size: 20px; color: #E0D22D;}
			#maintextright p.maintextp, #maintextleft p.maintextp{font-size: 14px; padding-bottom: 20px;}
			h2.sidebartitle{font-weight: normal; padding-bottom: 20px; font-size: 18px; color: #E0D22D;}
			#insidemaintext a{color: #E0D22D;}
		#maintextleft{width: 320px;}
			#khpcmission{background: #274948; -moz-border-radius: 15px; border-radius: 15px; padding: 10px;}
			#khpcmission h2{padding-bottom: 15px; font-size: 18px; color: #E0D22D;}
			#khpcmission p{font-size: 15px; color: #ccc; font-style: italic; line-height: 28px;}
			p.khpcmission{font-size: 20px; color: #ccc; font-style: italic; line-height: 40px;}
		div.frontbox{background: #407472; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; margin: 20px 0px;}
		div.frontboxtop{background: #407472; -moz-border-radius: 15px; border-radius: 15px; padding: 10px; margin-bottom: 20px;}
			h3.frontboxtitle{padding-bottom: 8px; font-size: 16px; color: #E0D22D;}
			p.frontboxtext{font-size: 13px; color: #ccc; line-height: 22px;}
	#mainpagediv{height: 50px; background: url(../images/main_div.png) center no-repeat; clear: both; padding-top: 50px;}
	#actionboxes{min-height: 200px; position: relative;}
		#actionbox1{}
		#actionbox2{position: absolute; left: 300px; top: 0px;}
		#actionbox3{position: absolute; right: 0px; top: 0px;}
			#action1top{width: 262px; height: 51px; background: url(../images/box1_bg.png) no-repeat;}
			#action2top{width: 262px; height: 51px; background: url(../images/box2_bg.png) no-repeat;}
			#action3top{width: 262px; height: 51px; background: url(../images/box3_bg.png) no-repeat;}
				h3.actiontitle{ font-size: 21px; color: white; font-weight: normal; padding: 12px; text-shadow: #000 2px 2px 1px;}
				p.actiontext{padding: 10px; font-size: 12px; line-height: 22px; color: black;}
			div.actionmid{width: 262px; background: url(../images/actionbox_bg.png) repeat-y;}
			div.actionbottom{width: 262px; height: 15px; background: url(../images/actionbox_bottom.png) no-repeat;}
				ul#connecticons{position: relative; left: 15px; top: 0px;}
					ul#connecticons li{display: inline; padding-right: 10px;}
#footer{height: 61px; background: url(../images/footer_bg.jpg) repeat-x #274947;}
	#footercontent{color: white;}
		#footercontent p.address{text-align: center; font-size: 14px; padding-top: 10px; }
			#footercontent p.address a{color:#FF0;}
		#footercontent p.copyright{text-align: center; font-size: 11px; padding-top: 15px; }
/*--------------------------INSIDE-------------------------------------------*/
#insidemaintext{position: relative; left: 250px; width: 630px; padding-bottom: 50px;}
    #insidemaintext p{font-size: 14px; padding-bottom: 30px;}
#sidebar{background: url(../images/sidebar_bg.png) right repeat-y; width: 220px; position: absolute;}
	#sidebar p{font-size: 14px;}
	div.sidebartext{width: 200px;}
p.missionverse{text-align: center; width: 400px; margin: 0 auto;}
.strong{color: #333;}
p.moreinfo{font-weight: bold; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
p.moreinfotext{padding-top: 10px;}
ul#adventlist{ font-size: 12px; font-weight: bold;padding-left: 10px;}
ul#adventlist li{padding-bottom: 10px; list-style-type: disc;}
#staffblock{padding: 30px 0px 10px 0px; border-bottom: 1px solid white;}
	#staffblock h3{color: #E0D22D;}
div.stafftop{margin-top: -30px;}
/*------------------------WEDNESDAY--------------------------------------------*/
h3.wednesdaytag{position: relative; top: -20px; color: #E0D22D; font-style: italic;}
#wednesdaymessage{border: 1px dashed; margin-bottom: 30px; padding: 10px 10px 0px 10px; text-align: center; font-weight: bold;}
#wednesdayschedule{}
	div.wednesdayblock{border-bottom: 1px solid; padding-bottom: -20px; margin-bottom: 30px;}
		h3.wednesdaydate{text-decoration: underline;}
		h4.wednesdaytopic{position: relative; left: 130px; top: -25px; width: 500px;}
		p.wednesdayspeaker{position: relative; left: 130px; top: -25px;}
		p.wednesdaytext{position: relative; top: -35px;}
#wednesdayyouthmusic{border: 1px dashed; padding: 20px; margin-bottom: 30px;}
	h4.youthmusictitle{text-align: center; padding-bottom: 14px;}
	#wednesdayyouthmusic dl{}
		#wednesdayyouthmusic dl dt{font-weight: bold; float: left; padding-right: 40px;}
		#wednesdayyouthmusic dl dd{}
#wednesdaydinner{}
	#wednesdaydinner p{}
	h3.wednesdaymenu{text-decoration: underline; padding-bottom: 10px;}
	#wednesdaydinner ul{}
	#wednesdaydinner ul li{}
/*---------------------TRANSFORMATION----------------------------------------------*/
ul#tranformationlist{position: relative; left: 40px;}
	ul#tranformationlist li{list-style-type:disc; font-weight: bold;}
#tranformationbox{border: 1px solid; padding: 10px; margin-top: 20px;}
</style>