@charset "UTF-8";

/*****************************/
/**		Global 				**/
/*****************************/

html,body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: url(images/bg_brown.gif) repeat;
}

table.global {
  position: absolute;
  z-index: 10;
}

td.global_left,
td.global_right {
  width: 50%;
}

td.global_left_inside {
  background: url(images/global_left_inside_2.gif) repeat-y top right;
  width: 38px;
}

td.global_right_inside {
  background: url(images/global_right_inside_2.gif) repeat-y top left;
   width: 38px;
}

	td.global_left_inside img,
	td.global_right_inside img {
	  height: 100%;
	  width: 38px;
	}

td.global_body {
  width: 642px;
  background: #23505C;
  vertical-align: top;
}

div.swirlies {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  background: url(images/swirly_bg.gif) no-repeat center;
  width: 100%;
  height: 305px;
  
}

/* Body Layout */

td.header {
  height: 126px;
  background: url(images/header.gif) no-repeat bottom center;
}
	
	td.header img {
	  width: 642px;
	  height: 126px;
	}
	
	td.header img.birds {
	  position: relative;
	  top: 93px;
	  left: -42px;
	  z-index: 10;
	  width: 92px;
	  height: 60px;
	}
	
td.navbar {
  font-size: 12px;
  color: #B2B402;
  padding: 0;
}

td.body_top {
  height: 8px;
  background: url(images/body_top.gif) no-repeat bottom;
  padding: 3px 0;
}

	td.header img {
	  height: 8px;
	}

td.body {
  background: #687C85;
  height: 300px;
  vertical-align: top;
  padding: 0 7px;
}

td.body_bottom {
  height: 37px;
  background: url(images/body_bottom.gif) no-repeat top #637A83;
}

	td.body_button img {
	  height: 37px;
	}

td.footer {
  height: 45px;
  color: #2D4651;
  font-size: 9px;
  vertical-align: top;
  padding: 0 38px;
}


/* Flash Tabs */

td.header div.navtabs {
  position: absolute;
  left: 48%;
  top: -2px;
  z-index: 10px;
  height: 0px;
}


/* Top Navbar */

#navbar_container ul {
  margin: 7px 0;
  padding-left: 155px;
  background: #23505C;
  color: #B2B402;
  float: left;
  font-family: arial, helvetica, sans-serif;
}

#navbar_container ul li { 
  display: inline; 
}

#navbar_container ul li a {
  padding: 0.2em 1em;
  background: #23505C;
  color: #B2B402;
  text-decoration: none;
  float: left;
}

#navbar_container ul li a.inner {
  border-right: 1px solid #B2B402;
}

#navbar_container ul li a:hover {
  background-color: #687C85;
}


/* Footer */

#footernav_container {
  background: #637A83;
  width: 642px;
  text-align: center;
  padding: 8px 0;
}

#footernav_container ul {
  margin: 0 170px;
  padding: 0;
  color: #B2B402;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
}

	#footernav_container ul li { 
	  display: inline; 
	}
	
		#footernav_container ul li a {
		  padding: 0.2em 1em;
		  color: #B2B402;
		  text-decoration: none;
		  float: left;
		}
	
			#footernav_container ul li a.inner {
			  border-right: 1px solid #B2B402;
			}
	
			#footernav_container ul li a:hover {
			  background-color: #2D4651;
			}


/* Pods */

.pod {
  border: 3px solid #2D4651;
  background: #2D4651;
}

	.pod .caption {
	  font-size: 13px;
	  color: #B2B402;
	  padding: 5px 2px 0 2px;
	  height: 20px;
	}
	
	.pod img {
	  border: none;
	}
	

/* Blog Pods */

#blogs {
  
}

	#blogs .blogsTabGroup {
	  margin: 0px;
	  padding: 0px;
	  width: 165px;
	  border-top: 2px solid #B2B402;
	  border-right: 2px solid #B2B402;
	  border-left: 2px solid #B2B402;
	  height: 20px;
	  background: url(images/blog.gif) no-repeat 111px 4px #B2B402;
	}
	
	#blogs .blogsTab {
	  position: relative;
	  top: 1px;
	  float: left;
	  padding: 2px 7px 3px 7px;
	  margin: 0px;
	  color: #3E606F;
	  font-size: 11px;
	  list-style: none;
	  -moz-user-select: none;
	  -khtml-user-select: none;
	  cursor: pointer;
	  background: #B2B402;
	  outline: none;
	}
	
	#blogs li.innerTab {
	  border-right: solid 1px #3E606F;
	  border-left: solid 1px #3E606F;
	}
	
	#blogs .TabbedPanelsTabHover {
	  text-decoration: underline;
	}
	
	#blogs .TabbedPanelsTabSelected {
	  font-weight: bold;
	  color: #B2B402;
	  background: #3E606F;
	}
	
	#blogs .blogsTab a {
	  color: black;
	  text-decoration: none;
	}
	
	#blogs .blogsContentGroup {
	  clear: both;
	  border-right: 2px solid #B2B402;
	  border-left: 2px solid #B2B402;
	  border-bottom: 2px solid #B2B402;
	  background: #3E606F;
	  width: 165px;
	  height: 241px;
	}
	
	#blogs .blogsContent {
	  padding: 4px;
	  overflow: hidden;
	  height: 229px;
	  position: relative;
	}
	
	#blogs .TabbedPanelsContentVisible {
	}
	
		.blogsContent .entry {
		  padding: 5px;
		}
		
		.blogsContent .entry .date {
		  font-size: 13px;
		  color: #B2B402;
		}
		
		.blogsContent .entry .title {
		  font-size: 11px;
		  color: #677C85;
		}
		
			.blogsContent .entry .title a {
				color: #677C85;
				text-decoration: none;
			}
			
			.blogsContent .entry .title a:hover {
				text-decoration: underline;
			}
		
		.blogsContent .entry .desc {
		  font-size: 9px;
		  color: #2D4651;
		}
		
		.blogsContent a.visit {
		  display: block;
		  position: absolute;
		  bottom: 0;
		  width: 147px;
		  padding: 5px;
		  color: #3E606F;
		  font-size: 13px;
		  text-align: center;
		  text-decoration: none;
		  background: #B2B402;
		  outline: none;
		}
		
			.blogsContent a.visit:hover {
			  background: #2D4651;
			  color: #B2B402;
			}

/*****************************/
/**		Ministry Pages 		**/
/*****************************/

.text {
  white-space: normal;
  width: 443px;
  color: #C9CB94;
  padding: 10px 0 0 5px;
  font-size: 12px;
}

	.text ul {
	  padding: 0 35px 0 30px;
	}
	
		.text ul li {
		  padding: 4px 0;
		}
	
.titleBar {
  width: 443px;
  font-size: 12px;
  color: #B2B402;
  background: #2D4651;
  padding: 3px 0px 2px 5px;
  margin: 10px 0px 10px 5px;
}

	.titleBar a {
	  color: #B2B402;
	  text-decoration: none;
	}

.events {
  width: 443px;
  margin: 0 5px;
}

	.events .month {
	  font-size: 15px;
	  font-weight: bold;
	  color: #2D4651;
	  margin: 5px 0 0 0;
	  padding: 0;
	  line-height: 12px;
	  vertical-align: bottom;
	}
	
	.events table {
	  border: 1px solid #2D4651;
	  background: #3E606F;
	  margin: 0 0 5px 0;
	}
	
		.events .day {
		  color: #B2B402;
		  background: #2D4651;
		  width: 85px;
		  text-align: right;
		  padding: 5px 5px 3px 5px;
		  height: 23px;
		}
	
		.events .details {
		  padding: 5px 17px;
		  color: #2D4651;
		  font-size: 12px;
		  line-height: 16px;
		  vertical-align: top;
		}
		
			.events .details a {
			  color: #C9CB94;
			}
			
			.events .details a:hover {
			  color: #2D4651;
			  background: #C9CB94;
			  text-decoration: none;
			}
			
		.events .more {
		  vertical-align: top;
		  text-align: center; 
		  padding: 5px 0;
		}
			.events .more a {
			  color: #B2B402;
			  font-size: 11px;
			  text-decoration: none;
			}
			
			.events .more a:hover {
			  text-decoration: underline;
			}

/*****************************/
/**		Media Central 		**/
/*****************************/


/* Podcasts */

.podcasts {
  margin: 10px 0 0 0;
}
	
	.podcasts td.title {
	  padding: 0 0 3px 0;
	}
	
		.podcasts td.title div.title {
		  float: left;
		  width: 300px;
		  padding: 5px;
		  font-size: 11px;
		  color: #B2B402;
		  font-weight: bold;
		  text-align: right;
		  background: #2D4651;
		}
		
		.podcasts td.title a {
		  display: block;
		  float: left;
		  padding: 6px 5px 6px 10px;
		  font-size: 9px;
		  color: #2D4651;
		  text-decoration: none;
		}
		
		.podcasts td.title a:hover {
		  text-decoration: underline;
		}
	
	.podcasts .date,
	.podcasts .details,
	.podcasts .download {
	  background: #3E606F;
	  border-top: 2px solid #687C85;
	}
	
	.podcasts .date {
	  text-align: center;
	  vertical-align: top;
	  padding: 3px 0;
	  color: #C9CB94;
	  font-size: 11px;
	  width: 91px;
	}
	
		.podcasts .date img {
		  margin: 0 0 2px 0;
		}
	
	.podcasts .details {
	  vertical-align: top;
	  padding: 10px 0;
	  font-size: 12px;
	  color:  #2D4651;
	  line-height: 15px;
	}
	
		.podcasts .details span {
		  color: #C9CB94;
		}
		
			.podcasts .details span a {
			  color: #C9CB94;
			  text-decoration: none;
			}
			
			.podcasts .details span a:hover {
			  text-decoration: underline;
			}
			
	
	.podcasts .download {
	  padding: 20px 10px;
	  text-align: center;
	  vertical-align: top;	  	
	}
	
		.podcasts .download a {
		  font-size: 11px;
		  color: #B2B402;
		  font-weight: bold;
		  text-decoration: none;
		}
		
		.podcasts .download a:hover {
		  text-decoration: underline;
		}
	
	.podcasts .itunes {
	  text-align: right;
	  padding: 5px;
	}
		
		.podcasts .itunes a {
		  display: block;
		  float: right;
		  background: url(images/itunes.gif) no-repeat;
		  width: 199px;
		  height: 53px;
		}
		
		.podcasts .itunes a:hover {
		  background: url(images/itunes_on.gif) no-repeat;
		}

/* Downloads */

.downloads {
  margin: 10px 0 0 0;
}
	
	.downloads td.title {
	  padding: 0 0 3px 0;
	}
	
		.downloads td.title div.title {
		  float: left;
		  width: 300px;
		  padding: 5px;
		  font-size: 11px;
		  color: #B2B402;
		  font-weight: bold;
		  text-align: right;
		  background: #2D4651;
		}
		
		.downloads td.title a {
		  display: block;
		  float: left;
		  padding: 6px 5px 6px 10px;
		  font-size: 9px;
		  color: #2D4651;
		  text-decoration: none;
		}
		
		.downloads td.title a:hover {
		  text-decoration: underline;
		}
	
	.downloads .thumb,
	.downloads .details,
	.downloads .download {
	  background: #3E606F;
	  border-top: 2px solid #687C85;
	}
	
	.downloads .thumb {
	  text-align: center;
	  vertical-align: top;
	  padding: 5px 0;
	  color: #C9CB94;
	  font-size: 11px;
	  width: 144px;
	}
	
		.downloads .thumb img {
		  margin: 0 0 2px 0;
		  width: 144px;
		  height: 95px;
		}
	
	.downloads .details {
	  vertical-align: top;
	  padding: 10px;
	  font-size: 12px;
	  color:  #2D4651;
	  line-height: 15px;
	  width: 377px;
	}
	
		.downloads .details span {
		  color: #C9CB94;
		}
		
			.downloads .details span a {
			  color: #C9CB94;
			  text-decoration: none;
			}
			
			.downloads .details span a:hover {
			  text-decoration: underline;
			}
			
	
	.downloads .download {
	  padding: 45px 10px;
	  text-align: center;
	  vertical-align: top;	  	
	}
	
		.downloads .download a {
		  font-size: 11px;
		  color: #B2B402;
		  font-weight: bold;
		  text-decoration: none;
		}
		
		.downloads .download a:hover {
		  text-decoration: underline;
		}
	
	.downloads .itunes {
	  text-align: right;
	  padding: 5px;
	}
		
		.downloads .itunes a {
		  display: block;
		  float: right;
		  background: url(images/itunes.gif) no-repeat;
		  width: 199px;
		  height: 53px;
		}
		
		.downloads .itunes a:hover {
		  background: url(images/itunes_on.gif) no-repeat;
		}
		

/*****************************/
/**		Parents     		**/
/*****************************/

#parents .titleBar {
  width: 443px;
  font-size: 12px;
  color: #B2B402;
  background: #2D4651;
  text-align: left;
  position: relative;
}
		
	#parents .titleBar a {
	  display: block;
	  padding: 6px 5px 6px 10px;
	  font-size: 9px;
	  color: #C9CB94;
	  text-decoration: none;
	  position: absolute;
	  right: 0;
	  top: 0;
	}
		
	#parents .titleBar a:hover {
	  text-decoration: underline;
	}

#parents .venue {
  font-weight: bold;
  color: #B2B402;
}

#parents .text a {
  color: #B2B402;
}

#parents .shortcuts {
  clear: both; 
  padding: 10px 0 0 0;
  background: none;
  border: none;
  width: 169px;
}

	#parents .shortcuts .caption {
	  background: #B2B402;
	  border: 2px solid #B2B402;
	  margin: 0 0 5px 0;
	  height: 16px;
	  color: #3E606F;
	  padding: 3px 0 0 2px;
	  font-weight: bold;
	}
	
	#parents .shortcuts a {
	  display: block;
	  font-size: 12px;
	  color: #2D4651;
	  padding: 2px 4px;
	}

#parents .letters {

}

	#parents .letters td {
		padding: 20px 10px;
		color: #2D4651;
		width: 410px;
	}
	
		#parents .letters td div {
			padding: 0 0 0 10px;
			border-left: 1px solid #2D4651;
		}

#parents .resources {
	width: 445px;
}
	
	#parents .resources a {
		display: block;
		width: 435px;
		font-size: 12px;
		padding: 5px;
		text-decoration: none;
		background: #3E606F;
		margin: 0 0 5px 5px;
		border: 1px solid #2D4651;
	}
	
		#parents .resources a .title {
			color: #C4CB93;
		}
		
		#parents .resources a .desc {
			color: #687C85;
		}
	
	#parents .resources a:hover {
		background: #B2B402;
	}
	
		#parents .resources a:hover .title {
			color: #3E606F;
		}
		
	
/*****************************/
/**		Get Connected     	**/
/*****************************/

#connect .top {
  height: 190px;
}

	#connect .top .submenu {
	  width: 201px;
	  float: left;
	  background: #2D4651;
	  height: 194px;
	}
	
		#connect .top .submenu a {
		  display: block;
		  height: 22px;
		  color: #C9CB94;
		  font-weight: bold;
		  text-decoration: none;
		  text-align: center;
		  vertical-align: middle;
		  padding: 7px 0 3px 0;
		  font-size: 14px;
		  outline: none;
		}
		
		#connect .top .submenu a:hover,
		#connect .top .submenu a.current {
		  background: #3E606F;
		  color: #B2B402;
		}
		
	#connect .top .pod {
	  width: 416px;
	  margin: 0 0 0 5px;
	  float: left;
	}
 
#connect .text {
  width: 90%;
}

	#connect .text a {
	  display: block;
	  margin: 2px 0 0 15px;
	  padding: 2px 5px;
	  color: #B2B402;
	}
	
		#connect .text a:hover {
			background: #3E606F;
			color: #B2B402;
		}
		

/* EPIC */
#connect .epic {
  padding: 10px 20px;
  line-height: 16px;
}


/* The Journey */
#connect .journey {
  padding: 10px 20px;
}	
	
	#connect .journey .intro {
	  color: #2D4651;
	  font-size: 16px;
	  line-height: 24px;
	  border-top: 1px solid #C9CB94;
	  border-bottom: 1px solid #C9CB94;
	  padding: 5px 0 5px 30px;
	}
	
	#connect .journey h3 {
	  margin: 25px 0 10px 0;
	}


/* Purpose */
#connect .purpose {
  
}


/* Recreation & Events */
#connect .recevents {
  
}
		

/* Current Series */
#connect .currentseries {

}
	
	#connect .currentseries hr {
	  background: #C9CB94;
	}
	
	#connect .currentseries .topics {
	  margin: 10px 0;
	}
	
	#connect .currentseries .topics td {
	  vertical-align: top;
	  padding: 2px 8px;
	}
	
		#connect .currentseries .topics td a {
		  display: inline;
		  margin: 0;
		  padding: 0;
		  font-size: 10px;
		}


/* Services & Directions */
#connect .info {
  
}


/*****************************/
/**		Contact     		**/
/*****************************/

#contact div.thanks {
  background: #B2B402;
  padding: 3px 5px;
  font-weight: bold;
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #2D4651;
}


/*****************************/
/**		Highschool     		**/
/*****************************/

#highschool a.events {
  display: block;
  margin: 10px;
  width: 280px;
  font-size: 12px;
  color: #2D4651;
  padding: 3px 5px;
}

	#highschool a.events:hover {
	  background: #B2B402;
	}
	
	
/*****************************/
/**		Girls Ministry    	**/
/*****************************/

#girls a.events {
  display: block;
  margin: 10px;
  width: 280px;
  font-size: 12px;
  color: #2D4651;
  padding: 3px 5px;
}

	#girls a.events:hover {
	  background: #B2B402;
	}