* {
	margin: 0;
	padding: 0;
	font-family:tahoma;
	color:#555;
}

a.button,input.action{
	padding:5px;
	cursor:pointer;
}


/*helpers*/

form.inline x.middleColumn{
	width:100px;
	float:left;
}
form.inline x label.left{
	width:100px;
	display:block;
	float:left;
}

form.inline x.field{
	clear:both;
}

.clear{
	clear:both;
}

ul,li{
	margin: 0;
	padding: 0;	
}

img{
	border:none;
}

body{
	background:#658381;
	font-size: 13px;
}

img.ui-icon{
	display:inline;
	height:14px;
	width:14px;
}

#Background{
	background:#658381 url('../images/backshad.jpg') repeat-y top center;
}

#Wrapper{
	margin: 0 auto;
	width:100%;
	background:url(../images/main.jpg) no-repeat top center;
}

#BgContainer{
	margin: 0 auto;
	width:866px;
}

#HeaderGap{
	height:30px;
}

#Header{
	padding:15px;
	padding-bottom:5px;
	position:relative;
}
	#Header .youthlink{
		position:absolute;
		top:-10px;
		right: 15px;
		background:#319D8A;
			border:2px solid white;
	}
		#Header .youthlink a{
			color:#fff;
			text-decoration:none;
			padding:5px;
			
			font-weight:bold;
		}
		#Header .youthlink:hover{
			background:#D9E8ff;
		}
		#Header .youthlink:hover a{
			color:#000;
		}
	#Header .memberlogin{
		position:absolute;
		bottom:60px;
		right:25px;
		text-align:right;
	}
	#Logo{
		float:left;
		width:396px;
	}
		
		#Logo a,#Logo img{
			text-decoration:none;
			border:0;
		}
		
		#Logo a{
			width:396px;
			height:88px;
			background:url('../images/logo_hover.jpg') no-repeat;
			display:block;
		}
		
		#Logo a:hover img{
			display:none;
		}

#TopNavigation{
	background:url('../images/navgradient.gif') repeat-x 0 -88px;
	clear:both;
	margin-top:5px;
	margin:0 8px;
	position:relative;
	padding-left:16px;
	height:44px;
	z-index:20;
}

	#TopNavigation ul{
		display:block;

	}
		#TopNavigation li{
			float:left;
			display:block;
			font-size:16px;
			text-align:center;
			margin-left:10px;
			position:relative;
		}
		#TopNavigation li .seperator{
			color:#079481;
		}
		
			#TopNavigation li a{
				margin-top:5px;
				display:block;
				width:100%;
				text-decoration:none;
				color:#191854;
				font-family:arial;
				border-right:1px solid #079481;
			}
			
			#TopNavigation li.last a{
				border:none;
			}
	
	/*#TopNavigation li a:hover,*/
	#TopNavigation li.current a,
	#TopNavigation li.section a{
		/*background:url('../images/menugreyline.gif') no-repeat 50% 22px;*/
	}
	
	#TopNavigation li a:hover{
		color: #60716E;
	}
	
	#TopNavigation li:hover{
		z-index:300;
	}
	
	#TopNavigation .dropdownmenu{
		display:none;
		position:absolute;
		top:0px;
		left:13px;
		width:120px;
		background:#fff;
		text-align:left;
		padding:5px;
		border:1px solid #555;
		z-index:100;
	}
		#TopNavigation .dropdownmenu ul{
			padding:0;
			margin:0;
		}
			#TopNavigation .dropdownmenu li{
				
				display:block;
				font-size: 12px;
				line-height:12px;
				font-weight:normal;
				margin: 2px 0;
				padding:2px 0;
				text-align:left;
			}
				#TopNavigation .dropdownmenu a{
					border:none;
					background:none;
					padding:0;
					margin:0;
				}

				#TopNavigation .dropdownmenu li a:hover{
					text-decoration:underline;
				}

			#TopNavigation li:hover .dropdownmenu{
				display:block;
				z-index:1000;
				
			}
/* rounded navigation corners */
	#TopNavigation .gcl,
	#TopNavigation .gcr{
		display:block;
		width:16px;
		height:44px;
		position:absolute;
		top:0;
		z-index:0;
	}
		#TopNavigation .gcl{
			background:url('../images/navgradient.gif') no-repeat 0 0;
			left:0;
		}
		#TopNavigation .gcr{
			background:url('../images/navgradient.gif') no-repeat 0 -44px;
			right:0;
		}

#Layout{
	min-height:500px;
	padding: 0 23px 20px 23px;
}

#SubNavigation{
	background:#D6D2D2 url('../images/subnavtop.jpg') top left no-repeat;
	margin-bottom:15px;
}

#SubNavigation div{
	background:transparent url('../images/subnavbot.jpg') bottom left no-repeat;
	padding:10px;
}

	#SubNavigation li{
		display:inline;
		font-size:13px;	
		margin-right:15px;
	}

	#SubNavigation li a{
		text-decoration:none;
		color:#005243;
	}
	
		#SubNavigation li.current a{
			font-weight:bold;
		}
		
#FooterBack{
	width:100%;
	background:#C9C5C5 url('../images/footergrad.gif') repeat-x top center;	
}

#Footer{
	width:826px;
	margin:0 auto;
	padding:20px;

	overflow:visible;
}
	
	#Footer a{
		color:#777;
		text-decoration:none;
	}

	#Footer a:hover{
		text-decoration:underline;
	}

	#FooterNavigation{
		margin-bottom:20px;
		width:50%;
		float:left;
	}
	
	#FooterNavigation li{
		color:#aaa;
		display:inline;
	}
	
	#Footer #Credits{
		text-align:right;
		clear:both;
	}
	
		#Credits, #Credits a{
			color:#aaa;
		}

#NewsletterForm *{
	padding:0;
	margin:0;
	font-weight:normal;
}

#NewsletterForm{
	width:100%;
	float:left;
	clear:both;
	margin-top:10px;
}

#NewsletterForm form{
	width:100%;
}

#NewsletterForm .Actions{
	width:100%;
	text-align:right;
	float:right;
}
	#NewsletterForm fieldset{
		border:none;
	}
	
	#NewsletterForm form label{
		margin-bottom:8px;
	}
	#NewsletterForm form label.left{
		float:left;
		clear:left;
		margin-right:5px;
	}
	#NewsletterForm form .middleColumn{

		float:right;
		clear:right;
		margin-bottom:5px;
	}
		#NewsletterForm input.text{
			width:200px;
			padding:2px;
		}


/** Blog **/

#Sidebar{
	width:200px;
	float:left;
}

#BlogContent{
	width:600px;
	float:right;	
}

#SideBar ul{
	margin-left:10px;
}

/** events **/

#EventsHolder .eventback{
	background: #D6D2D2 url(../images/subnavtop.jpg) no-repeat scroll left top;
	margin-bottom:15px;	
}

#EventsHolder .event{
	background: transparent url(../images/subnavbot.jpg) no-repeat scroll left bottom;
	padding: 10px;
}

#EventsHolder .event .bannerleft{
	float:left;
}

#EventsHolder .event .descriptionright{
	float:right;
	width:300px;
	background:#fff;
	padding:5px;
	overflow: hidden;
}

#MediaPlaylist .mediaitem.playing{
	font-weight:bold;
}


/** Churches / Pastors **/

.membername{
	text-transform:capitalize;
}

table.sortme thead tr .header {

	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.sortme thead tr .headerSortDown {
	background-image: url(../images/asc.gif);
}
table.sortme thead tr .headerSortUp {
	background-image: url(../images/desc.gif);
}


form .column2{
	float:left;
	margin-right:0;
	width:50%;
}
form .lastcolumn{
	
}

form div.hidden{
	display:none;
}


form div.optionset li{
	display:inline;
}

form div.optionset li label{
	float:none;
}

form div.optionset ul{
	margin:0;
}

/** Media page **/
body #MediaPlaylist{
	width:450px;
}