html{width: 100%;height: 100%;}
body{color: #444444;width: 1000px;height: 100%;font-family: Arial;margin: 0px;background-color:#68a6c5;background-image:url(images2/background.gif);background-repeat: repeat-x;background-position: top left;}
a {color: #A8822F;text-decoration: none;}
a:hover {color: #836425;}
a img {border: 0;}
a.left_nav{color: #AB8D3D;}
a.left_nav:hover{color: #8B6D1D;}
a.left_nav:visited{color: #AB8D3D;}
a.left_nav:visited:hover{color: #8B6D1D;}
span.left_nav_title{display: none;}

a.nav2{font-size: 1em;color: #AB8D3D;margin-left: 5px;}
a.nav2:hover{color: #8B6D1D;}
a.nav2:visited{color: #AB8D3D;}
a.nav2:visited:hover{color: #8B6D1D;}
span.nav2_title{color: #002266;font-size: 1em;font-weight: bold;}



#header {
	background-image: url(images2/header.gif);
	background-position: left top;
	height: 182px;
	width: 990px;
}
#headerNav {
	width: 140px;
	position: relative;
	left: 26px;
	top: 30px;
	font-size: 14px;
	padding-left: 46px;
	padding-top: 5px;
}
#headerNav #google_search {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#banner {
	height:98px;
	left:262px;
	position:absolute;
	top:44px;
	width:495px;
}
#logo {
	height:131px;
	left:783px;
	position:absolute;
	top:38px;
	width:136px;
}

.head {
	font-size: 16px;
	color: #1F3C6F;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1F3C6F;
	padding-bottom: 7px;
	margin-right: auto;
	margin-top: 20px;
}

.main_frame {width:100%;height: 100%;padding: 0px;}
.sidebar {
	width: 215px;
	float: left;
	padding-left: 16px;
	/*text-align: right;*/
}
/*div.sidebar {padding-top: 18px;
	background-image:url(images/left_frame_background.png);
	background-repeat: no-repeat;
	background-position: top right;
}*/
.quicklinks {
	font-size: .95em;
	margin-bottom: 10px;
	margin-left: 25px;
	width: 160px;
}
.quicklinks .nav2_links {
	color: #1F3C6F;
	
}
.center_frame {
	padding-top: 170px;
	background-image: url(images/top_logo.png);
	background-repeat: no-repeat;
	float: left;
}
div.content_area {
	margin-left: 1.5em;
	padding-bottom: 51px;
	font-size: 80%;
	width: 714px;
	float: left;
	/*height: 94.5%;*/
	background: url(images2/main_bottom3.gif) no-repeat bottom left;
}

* html div.content_area  {  /* ie  hack */
	padding-bottom: 41px;
}

.content {
	font-size: .9em;
	padding: 15px 18px;
	background: url(images2/main_bg.gif) #d3e1eb repeat-x top left;
}
.content p {
	margin: 0;
	padding: 0 0 1em;
}
.content ul {
	margin-top: 0px;
	padding-left: 15px;
	list-style-position: inside;
}

#infobar ul {
	list-style:none;
}

.nobull ul{
	padding-left: 15px;
}

p.nobull {
	padding: 0;
	padding-left: 15px;
}

/*** Content Styles ***/
.intro {
	text-align: justify;
	line-height: 1.5em;
}
.title_img {
	padding: 20px 0 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0 0 5px;
}
p.nobull {
	list-style: none;
	padding-left: 1em;
	margin: 0;
}
.tagline {
	font: italic 1.2em "Times New Roman",Times,serif;
	color: #7FA2B0;
	text-align: center;
}
.bookTitle {
	font-style: italic;
}
.indent {
	padding-left:1em;
}
.staff_title {
	color:#3C7777;
	font-style:italic;
}
.verse {
	font-size:10px;
}
.purpose {
	color:#1F3C6F;
	font-family:"Times New Roman",Times,serif;
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
	margin:0px;
	text-align:center;
}
.photo_left {
	clear:left;
	float:left;
	padding-bottom:10px;
	padding-right:15px;
	padding-top:0px;
	vertical-align:text-top;
}
.photo_right {
	float:right;
	padding-bottom:10px;
	padding-left:15px;
	padding-top:0px;
	vertical-align:text-top;
}


/**** Boxed Content Styles ****/
.mainbox {
	clear:none;
	float:right;
	font-size:11px;
	margin-bottom:15px;
	margin-left:25px;
	margin-top:40px;
	width:293px;
	color: #000;
}
.mainbox img {
	margin: 0px auto 5px auto;
}
.mainbox .frame_outer {
	background-color: #D9E9ED;
	padding: 3px;
}
.mainbox .frame_inner {
	padding: 3px;
	border: 1px solid #FFFFFF;
}
.mainbox .title {
	font-size: 16px;
	font-weight: bold;
}
.mainbox .worship {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 7px;
}
.mainbox .worship h1 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #1F3C6F;
	/*color: #1F3C6F;*/
	font-weight: bold;
	margin: 0 0 .3em;
	padding: 0 0 .3em;
}

.bigbox {
	float:right;
	font-size:1em;
	margin-left:25px;
	margin-top:63px;
	width:338px;
}
.bigbox .bigbox_head {
	clear:none;
	color:#1F3C6F;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}
.bigbox .top {
	background-color:#C9E1E8;
	padding:3px 10px 2px;
}
.bigbox td {
	vertical-align: top;
}
.bigbox .info {
	bottom:0px;
	clear:none;
	float:right;
	font-size:10px;
	font-weight:bold;
	letter-spacing:normal;
	line-height:16px;
	text-align:right;
}

.info a{
	font-size:10px;
}
.bigbox .border {
	border:1px solid #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding:6px;
}
.bigbox .nonNews {
	background-color:#E4F1F4;
	padding:20px 10px 8px;
}
.bigbox .news {
	background-color:#E4F1F4;
	padding:5px 10px;
}
.bigbox .news h1 a {
	border-bottom:1px dotted #666666;
}
.bigbox .news p {
	font-size:.8em;
	line-height:normal;
	margin-bottom:10px;
	margin-top:3px;
}
.bigbox .mid {
	background-color:#C9E1E8;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.bigbox .bot {
	background-image:url(images/bigbox_bottom.gif);
	height:21px;
}
/***************************/

.left_block {
	width: 217px;
}
.left_block_top {
	margin-top: 10px;
	height: 7px;
	background-image: url(images2/boxtop.gif);
	background-repeat: no-repeat;
}

* html .left_block_top {  /* ie hack */
	margin-bottom: -12px;
}

.left_block_center
{
	text-align: left;
	font-size: 80%;
	padding: 5px 15px;
	margin:0;
	background-image: url(images2/boxback.gif);
	background-repeat: repeat-y;
}
.left_block_bottom {
	margin-top:-10px; /* ie 7 hack */
	height: 19px;
	background-image: url(images2/boxbottom.gif);
	background-repeat: no-repeat;
	}
	
* html .left_block_bottom {  /* ie hack */
	
}

div.right_block{float:right; background-image: url(images2/news_bg.png);width: 304px;height: 258px; padding:0px 23px 48px 23px;	}
div.right_block_content{overflow: auto;height: 205px;}

.right_side_area{margin-left: 25px;width:340px;float: right;}
.right_side_area_top{text-transform:uppercase;font-weight: bold;font-size: 1.5em;color: #003366;padding: 2px;height:49px;background-image: url(images2/right_side_top.png);padding: 0px 14px;letter-spacing: 1px;}
.right_side_area_middle{padding: 6px 24px 6px 24px;background-image: url(images2/right_side_middle.png);}
.right_side_area_bottom{height:42px;background-image: url(images2/right_side_bottom.png);}

div.section_title{color: #2b4175;}
div.left_link_list{margin-left: 14px;}

.secondary_title {
	padding-top: 20px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	letter-spacing: 1px;
	font-size: 16px;
	text-transform: uppercase;
}

h1 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #1F3C6F;
	display: block;
	padding-bottom: 2px;
	padding-top: 4px;
}
h2 {
	font-size: 11px;
	text-transform: capitalize;
	font-weight: bold;
	color: #1F3C6F;
	padding-bottom: 0px;
	padding-top: 3px;
}
h3 {
	font-size: 10px;
	text-transform: capitalize;
	font-weight: bold;
	color: #1F3C6F;
}

h4 {
	padding-bottom: 0px;
}

h5{color: #7FA2B0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin: 0px;
}

h6 {
	font-size: 14px;
	font-weight: bold;
	color: #1F3C6F;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 4px;
	padding-top: 4px;
}

.staff_box {
	clear:both;
	padding-bottom:5px;
	padding-top:5px;
}
.staff_box h2 {
	border-left:1px solid #666666;
	padding-left:10px;
	text-transform:capitalize !important;
	margin: 0;
}
.staff_box .staff_pic {
	float:right;
	padding-right:12px;
	padding-top:3px;
	text-align:left;
	width:140px;
}
.staff_box .staff_pic img {
	background-color:#FFFFFF;
	padding:1px;
}
.staff_info {
	clear:none;
	float:left;
	margin-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	width:450px;
}
.staff_info p {
	border-bottom:1px dotted #CCCCCC;
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	padding-left:10px;
	padding-right:10px;
}

#footer {
	clear:both;
	color:#A8822F;
	font-size:10px;
	font-weight:bold;
	margin-top:20px;
	padding-top:50px;
	padding-right:35px;
	text-align:center;
}
#footer p {
	margin:0px;
	text-align:center;
}

.clearfix {
	clear: both;
}

.dt{ table-layout: fixed;width: 100%;}
.dttitle{ color: #001155; font-weight: bold;padding: 3px;letter-spacing: 1px;font-size: 115%;border: #001155 1px solid;border-width: 0px 0px 1px 0px; }
.dtcolhead{background-color: #666666; font-weight: bold; color: #FFFFFF;padding: 3px;}
.dtcolhead_sort{background-color: #666666; font-weight: bold; color: #FFFFFF;padding: 3px;cursor: pointer;}
.dt_sort_asc{background-color: #AA0000;}
.dt_sort_desc{background-color: #0000AA;}
.dtrow{background-color: #EEEEEE;}
.dtrow1{background-color: #F5F5F5;}
.dtcol{padding: 3px;}
.dtfoot{background-color: #DDDDDD;padding: 3px;}
.dt_nodata{font-size: 120%; font-weight: bold; text-align: center; padding: 10px;}
.ics_page_arrow{ cursor: pointer; }

.cpDiv {
}


.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.ics_dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.ics_dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.ics_dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.ics_dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.ics_dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.ics_dpTD {
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.ics_dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.ics_dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.ics_dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.ics_dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.ics_dpTodayButtonTD {
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.ics_dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.ics_dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.ics_dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.ics_dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.ics_dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

.ics_dpCalImage{
	background-image:url(images/calendar.png);
	background-repeat: no-repeat;
	background-position: top right;
	cursor:pointer;	
}

.ics_cpPaletteImage{
	background-image:url(images/color.png);
	background-repeat: no-repeat;
	background-position: top right;
	cursor:pointer;	
}

.ics_cpContainer{
	width: 184px;
	height: 105px;
	background-color: #EEEEEE;
	border: #DDDDDD 1px solid;
}
.ics_cpBgArea{
	position: relative;
	top: 0px;
	left: 0px;
	width: 180px; 
	height: 101px;
	margin: 2px;
	background-image:url(images/hv180x101.png);
}
.ics_cpFgArea{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px; 
	height: 101px;
	margin: 2px;
 	cursor: crosshair;
}

.ics_cpContainer{border: 1px solid black;background-color: #EEEEEE;position:relative;height:286px;width:531px}
#ics_cpGradientImg{height:256px;display:block;width:256px;}
#ics_cpGradientBox{position:absolute;cursor:crosshair;top:15px;left:15px;width:256px;height:256px}
#ics_cpHueBarDiv{position:absolute;left:310px;width:35px;top:15px;cursor:crosshair;}
#ics_cpCircle{position:absolute;height:11px;width:11px}
#ics_cpI1{position:absolute;height:256px;width:19px;left:8px;}
#ics_cpGradientImg{height:256px;display:block;width:256px;}
#ics_cpD1{position:absolute;left:370px;width:145px;top:15px;height:256px;}
#ics_cpD2{position:absolute;border: 1px solid black;height:50px;width:145px;top:0px;left:0px;}
#ics_cpD3{border: 1px solid black;}
#ics_cpQuickColor{position:absolute;height:50px;width:73px;top:0px;left:0px}
#ics_cpStaticColor{position:absolute;height:50px;width:72px;top:0px;left:73px;}
#ics_cpT1{position:absolute;top:55px}
#ics_cpArrows{position:absolute;height:9px;width:35px;left:0px;}
#ics_cpT2{text-align:right}
input.ics_cp{width:63px}
.ics_login_form table input {width: 100px !important;}

.khc_news_title{font-weight: bold; color:#003366;text-transform: uppercase;}