

/* Code used with permission of Eric Murrell, Long Hollow Baptist Church. */


/* Main Stylesheet - Overall Page Layout and Navigation CSS */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* enables you to easily size text with ems */
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
	margin: 0;
	padding: 0;
}

#panel_main {
	/*
	position: relative;
	*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -22px auto;
}


.panel_footer {
	padding: 5px 0px 5px 0px;
	width: 100%;
	margin: 0px;
	height: 12px;
	background-color: #C5B27A;
	color: #0D0C0A;
	text-align: center;
}
.panel_footer a:link, .panel_footer a:visited, .panel_footer a:hover, .panel_footer a:active {
	text-decoration: underline;
	color: #0D0C0A;
}


/* ---------------------------------------------------------------------------------------------- */
/* LOGO																							  */
/* ---------------------------------------------------------------------------------------------- */

.logo_kpc {
	width: 900px;
	margin: 0 auto;
	border: none;
}

/* ---------------------------------------------------------------------------------------------- */
/* TOP DROP DOWN MENU - STRUCTURE																  */
/* ---------------------------------------------------------------------------------------------- */

#navigation-area {
	width: 900px;
	height: 68px;
	margin: 0 auto;
}

ul#main-navigation {
	height: 29px;
	margin: 0;
	padding-left: 6px;
}

#main-navigation li {
	margin: 0;
  	float: left;
  	display: block;
}

#main-navigation li strong {
	font-weight: 800;
}

#main-navigation li ul, #main-navigation li.unselected ul, #main-navigation li.selected ul { /* hides the sub menus */
  display: none;
}

#main-navigation li a { /* styles main nav options */
  display: block;
  padding: 7px 10px 8px 10px;
  text-decoration: none;
  font-size: 1.3em;
  line-height: 110%;
  text-transform: uppercase;
}

/* ---------------------------------------------------------------------------------------------- */
/* TOP DROP DOWN MENU - GRAPHICAL LOOK															  */
/* ---------------------------------------------------------------------------------------------- */

ul#main-navigation {
	background: url(../images/top_nav_bar.jpg) no-repeat;
}

#main-navigation li a { /* styles main nav options */
  color: #0D0C0A;
}

#main-navigation li.selected a { /* styles selected nav item */
  color: #0D0C0A;
  background: #FFCC33; 
}

#main-navigation li.unselected ul a:link, #main-navigation li.selected ul a:link { /* styles links within the sub-menus */
  color: #0D0C0A; /* color of second menu text (normal link) */
  background-color: #fff;
}

#main-navigation li.unselected ul a:visited, #main-navigation li.selected ul a:visited { /* styles links within the sub-menus */
  color: #0D0C0A; /* color of second menu text (visited link) */
  background-color: #fff;
}

#main-navigation li.unselected ul a:hover, #main-navigation li.selected ul a:hover { /* rollover effect for sub-menu links */
  color: #5D5C5A; /* color of second menu text (hover link) */
  background-color: #fff;
}

#main-navigation li.unselected ul a:active, #main-navigation li.selected ul a:active { /* styles links within the sub-menus */
  color: #0D0C0A;
  background-color: #fff;
}

#main-navigation li.unselected:hover ul, #main-navigation li.selected:hover ul, #main-navigation li.over ul { /* the actual sub menu that drops down */
  background-color: #fff;
}

#main-navigation li.unselected a:hover, #main-navigation li.unselected:hover a, #main-navigation li.selected a:hover, #main-navigation li.selected:hover a, #main-navigation li.over a { /* styles the hover for the main options */
  background: #FFCC33; /* background color of selected top menu item */
  color: #0D0C0A;
}

/* ---------------------------------------------------------------------------------------------- */
/* TOP DROP DOWN MENU - SECOND LEVEL 															  */
/* ---------------------------------------------------------------------------------------------- */

#main-navigation li.unselected ul, #main-navigation li.selected ul { /* positions the sub-menus below the main menus */
  position: absolute;
  top: 144px;
  height: 28px;
  padding-top: 9px;
}

#main-navigation li.unselected ul a, #main-navigation li.selected ul a { /* styles links within the sub-menus */
  float: left;
  padding: 3px 11px 3px 11px;
  font-size: 1.1em;
}

#main-navigation li.unselected ul a:hover, #main-navigation li.selected ul a:hover { /* rollover effect for sub-menu links */
}

#main-navigation li.unselected:hover ul, #main-navigation li.selected:hover ul, #main-navigation li.over ul { /* the actual sub menu that drops down */
  display: block; /* reveals the second menu */
  z-index: 5000;
}

#main-navigation li.unselected a:hover, #main-navigation li.unselected:hover a, #main-navigation li.selected a:hover, #main-navigation li.selected:hover a, #main-navigation li.over a { /* styles the hover for the main options */
}


/*
#ministries-menu {margin-left: -100px; width: 780px; padding-left: 20px;}
*/

/* ---------------------------------------------------------------------------------------------- */
/* HOME PAGE					 	 															  */
/* ---------------------------------------------------------------------------------------------- */

/* body for home page */
.home-page { 
	/*background: url(../images/contentpage_background.jpg) repeat-x; */
	background-color: #FFFFFF; 
	color: #3E659F;
}

.panel_home_body_top {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

.panel_home_body_middle {
	background-image: url(/images/home_wide_background_extend.jpg);
	padding: 0;
	margin: 10px 0px 10px 0px;
}

.panel_home_body_middle_content {
	width: 900px;
	background-image: url(/images/home_wide_background.jpg);
	margin: 0 auto;
	padding: 0;
}

.panel_home_body_bottom {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

.panel_home_heading {
  display: block;
  padding: 7px 10px 8px 10px;
  text-decoration: none;
  font-size: 1.6em;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  color: #0D0C0A
}

.panel_home_heading a:active, .panel_home_heading a:link, .panel_home_heading a:hover, .panel_home_heading a:visited {
 color: #0D0C0A;
 text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------- */
/* CONTENT PAGES 				 	 															  */
/* ---------------------------------------------------------------------------------------------- */

/* body for content pages */
.content-page { 
	background: url(../images/contentpage_background.jpg) repeat-x;
	background-color: #d6d5a9; /* ensure gradient continues on longer pages */
	color: #333333;
}

/* main content panel */
.panel_content_body {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 0px 0;
}

.panel_content_body_watermark {
	width: 900px;
	height: 51px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	background-image: url(/images/Mission-Statement_Trans.gif);
	background-repeat:no-repeat;
	background-position: center;
}


/* right hand content area */
.panel_content_area { 
	width: 655px;
	background-color: #fff;
	padding: 0 22px 0 22px;
	font-size: 1.3em;
	min-height: 400px;
}

.panel_content_area h1 {
	margin: 0;
	font-size: 2.0em;
	font-style: normal;
	color: #999966;
}

.panel_content_area h2 {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	font-style: normal;
	color: #cc9933
}

/* bottom of right hand content area */
.panel_content_area_bottom { 
	width: 699px;
	float: left;
	background: url(../images/content_page_bottom.gif) no-repeat;
	background-position: bottom;
	padding: 0 0 5px 0;
}

.panel_content_area a, .panel_content_area a:link, .panel_content_area a:visited, .panel_content_area a:hover, .panel_content_area a:active {
	color: #996600;
}

/* ---------------------------------------------------------------------------------------------- */
/* CONTENT PAGES - NAVIGATION MENU 		 	 													  */
/* ---------------------------------------------------------------------------------------------- */

.left_nav_top {
	background: url(../images/content_nav_top.gif) no-repeat;
	background-position: top;
	padding: 8px 0 0 0;
}

.left_nav_bottom {
	background: url(../images/content_nav_bottom.gif) no-repeat;
	background-position: bottom;
	padding: 0 0 8px 0;
}

.left_nav_center {
	background-color: #F9EDAD;
}

#left_nav h3 {
	color: #000000;
}

#left_nav h3 a:link {color: #000000;}
#left_nav h3 a:visited {color: #000000;}
#left_nav h3 a:hover {color: #000000;}
#left_nav h3 a:active {color: #000000;}

#left_nav ul {
	
}

#left_nav li {
	background: url(../images/content_nav_item_background.jpg) repeat-x;
}

.subselected strong {
}

#left_nav li.subselected {
	background: url(../images/content_nav_item_background_selected.jpg) repeat-x;
}

#left_nav li a:link {color: #336633;}
#left_nav li a:visited {color: #336633;}
#left_nav li a:hover {color: #000000;}
#left_nav li a:active {color: #000000;}

#left_nav li.subselected a:link {color: #336633;}
#left_nav li.subselected a:visited {color: #336633;}
#left_nav li.subselected a:hover {color: #336633;}
#left_nav li.subselected a:active {color: #336633;}

#left_nav {
	width: 181px;
	float: left;
	margin: 0 20px 0 0;
}

#left_nav h3 {
	font-size: 1.6em;
	text-align: center;
	font-weight: 600;
	margin: 0 0 8px 0;
}

#left_nav ul {
	
}

#left_nav li {
	list-style-type: none;
	height: 21px;
	width: 168px;
	color: #336633;
	font-size: 1.2em;
	padding: 6px 0 0 13px;
}

#left_nav li.subselected {
}

#left_nav li a:link {text-decoration: none; display: block; width: 168px; height: 21px;}
#left_nav li a:visited {text-decoration: none; display: block; width: 168px; height: 21px;}
#left_nav li a:hover {text-decoration: none; display: block; width: 161px; height: 21px; padding: 0 0 0 7px;}
#left_nav li a:active {text-decoration: none; display: block; width: 161px; height: 21px;}

#left_nav li.subselected a:link {text-decoration: none; display: block; width: 168px; height: 21px;}
#left_nav li.subselected a:visited {text-decoration: none; display: block; width: 168px; height: 21px;}
#left_nav li.subselected a:hover {text-decoration: none; display: block; width: 161px; height: 21px; padding: 0 0 0 7px;}
#left_nav li.subselected a:active {text-decoration: none; display: block; width: 161px; height: 21px;}

/* ---------------------------------------------------------------------------------------------- */
/* ALTERNATING GREY WHITE LINES FOR SERIES 
/* ---------------------------------------------------------------------------------------------- */

.series-table {
	width: 654px;
	padding: 0 0 20px 0;
	font-size: 1.2em;
}

.series-table tr.odd {
	background-color: #e7e7e7;
}

.series-table td.messagetitle {
	text-align: left;
	width: 525px;
	padding: 8px 8px 8px 12px;
}

.series-table td {
	width: 50px;
	text-align: left;
	padding: 8px 8px 8px 0px;
}

.series-table td strong {
	margin: 0 12px 0 0 ;
}

.series-table td a:link {text-align: right; font-weight: 700;}
.series-table td a:visited {text-align: right; font-weight: 700;}
.series-table td a:hover {text-align: right; font-weight: 700;}
.series-table td a:active {text-align: right; font-weight: 700;}

/* ---------------------------------------------------------------------------------------------- */
/* VARIOUS FILTERS AND CONTAINERS */
/* ---------------------------------------------------------------------------------------------- */

.filtered-results-container {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#subpage-content-area .news-item {
	width: 655px;
	padding: 15px 0 10px 0;
}

#subpage-content-area .news-item img {
	float: left;
	margin: 0 25px 0 0;
}

#subpage-content-area .news-item h3 {
	font-size: 1.8em;
	font-weight: 700;
}

#subpage-content-area .news-item h3 a:link {text-decoration: none;}
#subpage-content-area .news-item h3 a:visited {text-decoration: none;}
#subpage-content-area .news-item h3 a:hover {text-decoration: underline;}
#subpage-content-area .news-item h3 a:active {text-decoration: none;}

#subpage-content-area .news-item p {
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 120%;
}

h3.empty-message {
	padding: 15px 0 230px 0;
	margin: 0 80px 0 80px;
	text-align: center;
}

h3.delivered-message {
	padding: 15px 0 40px 0;
	margin: 0 80px 0 80px;
	text-align: center;
}

.paginate-links {
	text-align: center;
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
}

.confirmation-message {
	width: 180px;
	float: right;
	text-align: right;
	margin: 0 20px 0 0;
}

.rounded-box-top, .signup-box-top, .channel-event-box-top, .talk-box-top, .widget-box-top {
	width: 655px;
	background: url(../images/rounded_box_top.jpg) no-repeat;
	background-position: top;
	padding: 9px 0 0 0;
}
.channel-event-box-top {
	margin: 10px 0 10px 0;
}

.channel-event-box-top img.event {
	float: right;
	margin: 0 10px 0 10px;
}

.event-details {
	width: 450px;
	margin: 0 0 0 15px;
}

.event-details img {
	float: right;
	margin: 6px 0 0 0;
}

.rounded-box-bottom {
	width: 655px;
	background: url(../images/rounded_box_bottom.jpg) no-repeat;
	background-position: bottom;
	padding: 0 0 9px 0;
}

.rounded-box-middle {
	background-color: #f2f2f2;
}

