/* @override 
	http://wepc.org/css/1-4.css
	http://www.wepc.org/css/1-4.css
*/

/*--------------------------------------------------
Basic Style Sheet

version:		1.4
author:		brian zollinhofer
email:		brian.zollinhofer@gmail.com
website:		http://www.zollinhofer.com/
--------------------------------------------------*/

/* reset defaults for browser consistency */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
/* h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
} */
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* =layout
--------------------------------------------------*/
*	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
		
html {
	height: 100%;
}		
			
h1 {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}			

h3 {
	font-size: 14px;
	margin-bottom: 8px;
}

h4 {
	margin-bottom: -10px;
	margin-top: 20px;
}

		
body	{
		min-width: 800px;
		height: 100%;
		color: #000;
		font: 12px Arial, Helvetica, Serif;
		line-height: 15px;
		margin: 0 auto;
		background: url(../images/topbg.jpg) no-repeat;
		background-position: center top;
		behavior:url("../scripts/csshover.htc");
}

#map { margin-bottom: 8px;}		


 #wrapper	{
	position: relative;
	min-height: 100%;
	width: 800px;
	text-align: center;
	margin: 0 auto 0 auto;
	z-index: 5;

}



* html #wrapper {
	height: 100%;
}

#footer	{
		position: relative;
		height: 250px;
		min-width: 810px;
		margin: 0px auto 0px auto;
		margin-top: -250px;
		font-size: 10px;
		background: url(../images/bottom.jpg) center bottom no-repeat #fff;
		text-align: center;


}

#address {
		position: relative;
		top: -47px;
		margin: 0px auto;
		width: 800px;
		text-align: center;
		font: 10px Arial, Helvetica, Serif;
		z-index: 10;

	

}

ul {
		list-style-type: none;
		}

.datatable_header {
	background: #0369B1;
}

.divider {
	margin-top: 5px;
}

.clear {
		clear: both;
		}

.right {
	float: right;
	clear: right;
	padding: 5px 0px 5px 5px;
}

.left {
	clear: left;
	float: left;
	padding: 5px 5px 5px 0px;
}

.bottom {
	margin-bottom: -50px;
	}	

.indent {
	margin: 0px 0px 0px 25px;
}

div.hr {
  height: 2px;
  background-color: #AAAAAA;
}
div.hr hr {
  display: none;
}

/*This is for the logo to behave like a link */
#masthead a#brand {
	display: block;
	background: url(../images/newbrand.jpg) no-repeat 0 0px; 
	height: 100px; 
	width: 800px;
	text-indent: -5000px;
	margin: 23px auto 0px auto;
	} 
	
#masthead a#brand:hover	{
		background: url(../images/newbrand.jpg) no-repeat 0px -100px;
		border: 0px;
		text-decoration: none;
		}
		

#content{
		float: left;
		display: inline;
		margin: 0 0 0 0px;
		padding: 20px 5px 50px 10px;
		width: 450px;
		text-align: justify;

		}
		
#contentExtended, #contentExtendedFull{
		float: left;
		display: inline;
		margin: 0 0 0 0px;
		padding: 20px 10px 50px 10px;
		width: 750px;
		text-align: justify;

}		

#contentExtended p, #contentExtended h3{
	padding: 0 130px 0 120px;
}

#contentExtendedFull p {
	margin: 0 0 12px 0;
}

#content p, #tearoff-content p	{
		margin: 0 0 12px 0;
		}

#tearoff-content { 
		z-index: 10;
		text-align: left;
		margin: 0 0 0 0px;
		width: 760px;
		padding: 20px;
		border: 1px solid blue;
		}





#secondaryNav	{
		float: right;
		clear: right;
		display: inline;
		width: 300px;
		min-height: 200px;
		text-align: left;
		list-style: none;
		padding: 20px 5px 50px 5px;
		margin: 0 0 0px 0px;
		}

#imp_news p {
	margin: 0;
	}

#imp_news div.imp_news_title {
	margin-top: 12px;
	}





#mssHolderOutside {
	margin-left: 10px;
	margin-bottom: 10px;
	background: url("/images/ss/adult_sunday_school.jpg") no-repeat scroll 0 0 transparent;
	height: 238px;
	width: 238px;
}

#wepcslideshowcontainer {
    position: relative;
	height: 238px;
	width: 238px;
}

#wepcslideshow {
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(/images/ss/adult_sunday_school.jpg) no-repeat;
	height: 238px;
	width: 238px;
}

div.caption {
    position: absolute;
    margin-top: 0px;
    margin-left: 10px;
    width: 218px;
    text-align: center;
    left: 0px;
    bottom: 0px;
    padding: 5px 10px;
    background: black;
    color: white;
    font-family: sans-serif;
    display: none;
}

#mssHolder {

}
		
#secondaryNav ul li {
	margin-bottom: 5px;

}		
		
		
/* =links
--------------------------------------------------*/		
		
a{
		color: #0369B1;
		text-decoration: none;
		}

a:visited{
		color: #0369B1;
		text-decoration: none;
		}
		

a:hover, .button:hover{
		color: #0369B1;
		text-decoration: none;
		cursor: pointer;
		background: #B0E0E6;
		border: none;
			}
			
a:active {
		color: black;
		background: yellow;
		}

a.groundfloor:hover {
	background: white;
	}		

.updated {
		font-style: italic;
		font-size: 10px;
		color: #ccc;
		font-weight: normal;
		padding-left: 10px;
		}
		

/* =typography
--------------------------------------------------*/


/* :KLUDGE: this avoids having image replacement sections display a dotted outline */

a:focus	{
		-moz-outline-style: none;
		}