/*validated*/
 
body{
	/*background-color:black;*/
	max-width:99.9%;
	/*min-height:1500px;*/
}
h1, h2{
	color:darkblue;
	font-weight: bolder;
}
html{
	max-width:100%;
}
p{
	font-size: large;
	font-weight:bold;
	margin-left: 2%;
	margin-right: 2%;
}
table{
	width:99%;
}
/*classes*/
.chartStyle{
	width: 900px; 
	height: 400px; 
	padding-top:10%; 
	margin:auto;
}
.headerA{
	color:darkgreen;
	cursor:pointer;
	font-weight:bolder;
	font-size: x-large;
	/*text-decoration: underline;*/
}
.headerA:hover{
	color: orangered;
	text-decoration: underline;
}
.button{
	background-color:maroon;
	display: table-cell;
	color:white;
	font-weight:bolder;
	font-size:x-large;
	padding-right:20px;
	padding-left:20px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: white;
	border-style: solid;
	text-align: center;
	cursor:pointer;
	white-space: nowrap;
}
.button:hover{
	background-color:white;
	color:maroon;
}
.formButton{
	border-radius: 1em;
}
.buttonSubsections{
	background-color: white;
	float: right;
	margin-right: 	1%;
	/*margin-top: 2.7%;*/
	width: 	55.5%;
	min-height: 100px;
	z-index:100;
	position:relative;
	display: none;
	border-color: black;
	border-style: solid;
	color: maroon;
}
.buttonSubsectionLeft{
	/*background-color: pink;*/
	text-align: left;
	height:150px;
	width:20%;
	float:left;
	padding-right: 2%;
}
.buttonSubsectionRight{
	/*background-color: blue;*/
	vertical-align: top;
	text-align: left;
	height:150px;
	width:70%;
	float:right;
	padding-right: 2%;
}
.buttonOuterContainer{
	min-width:100%;
	background-color:black;
	position:absolute;
	height: 2.125%; 
	min-height: 38.16px;
}
.buttons{
	background-color: white;
	display: inline-table;
	float:right;
	margin-right: 1%;
	width: 55.5%;
}
.columnImg{
	width: 75%;
	min-width:485px;
	min-height:350px;
	height: 75%;
	border-color: black;
	border-width: 2px;
	border-style: solid;
	border-radius: 5%;
}
.eventTable{
	width:90%;
	border-color: black;
	border-width: 2px;
	border-style: solid;
}
.wrapper{
	height: 250px;
}
.footer{
	
	width: 100%; 
	margin:auto;
	background-color: #241d0a;
	color: white;
	position:relative;
	bottom: 0;
}
.header{
	width: 100%;
}
.headerContainer{
	padding-top:3%;
	text-align: center;
	min-height: 175px;
	width:100%;
	background-color: white;
	background-image: url("../imgs/icons/lighthouse_logo.png");
	background-repeat: no-repeat;
	background-size: 16% 95%;
}
.leftMiddleContainer{
	width: 49.5%;
	float: left;
}
.logo{
	width:15%;
	height:15%;
}
.middleContainer{
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 5%;
	width: 96%;
	
	display:inline-block;
	min-height: 550px;
}
.outerContainer{
	width: 	100%;
	/*min-height: 1800px;*/
	position: relative;
	background-color: white;
}
.profileImg{
	height: 80%;
	width: 80%;
	max-width: 100px;
	max-height: 100px;
	border-color: black;
	border-width: 2px;
	border-style: solid;
	border-radius: 5%;
}
.rightMiddleContainer{
	width: 49.5%;
	float:right;
}
.smaller{
	font-weight:bolder; 
	font-size: x-large;
}
.spiritualInsightsImageCell{
	text-align: center;
	width: 20%;
}
.spiritualInsightsTextCell{
	text-align: top;
	vertical-align: top;
	
}

.subsectionImage{
			width:150px;
			height: 150px;
}
.title{
	font-size:5em;
	color:maroon;
	font-weight:bolder;
	
}
/*end of validated*/


.extendedBody{
	height: 100%;
}
summary{
	color: white;
	font-weight: bolder;
	font-size:larger;
	text-shadow:  2px 2px black;
	cursor: pointer;
}
.missionSummary{
	color:darkblue;
	text-shadow:  none;
}
details{
	color:white;
	font-size: large;
}
.articlesSummary{
	color: maroon;
	font-weight: bolder;
	font-size:larger; 
	cursor: pointer;
	text-shadow:  0px 0px black;
}
.articlesDetails{
	color: black;
	font-size: large;
}
.linkStyle{
	cursor:pointer;
	color:white;
}


#churchDate{
	color:white;
	font-weight: bolder;
	font-size:large;
	float: right;
	margin-right: 4%;
	margin-top: .25%;
}

		
.labels{
	font-weight: bolder;
	color: white;
}

#new_mem{
	border-color: white;
}

/*
.outerContainer:after{
	width: 99.9%;
	height: 1200px;
	background-color: #241d0a;
	position: relative;
}*/
.innerContainer{
	/*
	background-image: url("../imgs/Lighthouse_Of_Praise.jpg");
	background-repeat: repeat-y;
	background-size: 100% 100%;
	background-color: #241d0a;
	*/
	height:	99.9%;
	width: 99.5%;
	margin: auto; 
}
.readingPane{
	display: none;
	background-color: #241d0a;
	width: 73%;
	height: 20%;
	float: left;
	top: 20%;
	position: absolute;
	border-radius: 20px;
	opacity: 60%;
	z-index:4;
}
.readingMaterial{
	
	
	float: left;
	padding-left: 2%;
	padding-top: 200px;
	padding-bottom: 200px;
	width: 60%;
	overflow: auto;
	text-align:center;
	/*z-index: 2;*/
}
.gmap_canvas{
	
	overflow:hidden;
	background:none!important;
	width:300px;
}
.mapouter{
	position:relative;
	text-align:right;
/*	height:500px;*/
	width:600px;
}
.addContainer{
	height: 100%;
	width: 25%;
	float: right;
	margin-right:2px;
}
.addSpace{
	width: 100%;
	height: 25%;
	background-color: 241d0a;
	border-color: black;
	border-style: solid;
}
.slogan{
	color:darkblue;
	font-style: italic; 
	margin-left: 2%;
	margin-bottom: 2%;
	font-weight:bolder;
	font-size:xx-large;
}
.facebookPlugin{
	position: relative;
	margin:auto;
}
.linkContainer{
	width: 49%;
	float:left;
}
.addressContainer{
	float: right;
	width: 400px;
}
.buttonContainer{
	padding-left: 2%;
	width: 100%;
}
.tableContent{
	width: 100%;
}
.tableDescription{
	vertical-align: top;
	padding-left: 5%;
    margin-top: 2%;
	text-align: left;
	font-size: larger;
	
}
.tableImages{
	width:250px; height:350px; float:left;
}
.tableTitle{
	color: DarkBlue;
	font-weight: bolder;
	font-size:2.125em;
	text-shadow:  1px 1px black;
	padding-top:3%;
	padding-bottom:3%;
}
.mobileButtonContainer{
	display: none;
}
.slideShowOuterContainer{
	text-align: center;
	float: left;
	height: 200px;
	width: 74.5%;
	margin:auto; 
	position: absolute;
	background-color:black;
	overflow: hidden;
}
.mobileSlideShowOuterContainer{
	display:none;
}
.slideShowImage{
	height: 200px;
	cursor:pointer;
	border-color: black;
	border-style: solid;
}
.bigImageContainer{
	text-align: center;
	cursor:pointer;
	width: 75%;
	height: 600px;
	/*z-index: 2000;*/
	margin: auto;
	margin-top: 205px;
	position: absolute;
	display:none;
}
.bigImage{
	width: 500px;
	height: 600px;
	/*z-index: 2000;*/
	border-radius: 2em;
	border-color: black;
	border-style: solid;
}
.imageContainer{
	position: absolute;
	width: 20%;
	height: 400px;
	display:none;
}
.randomImage{
	position: relative;
	width: 400px;
	height: 500px;
	cursor: pointer;
	/*opacity: 0.80;*/
	border-radius: 2em;
	border-color: black;
	border-style: solid;
	display:none;
}
.churchImg{
	width: 80%;
	max-width: 700px;
}
.centerHome{
	padding-top: 5%;
	width: 50%;
	max-width: 700px;
	
}
.homeDetails{
	width:100%;
}
.homeDetailsSummary{
	text-shadow:  2px 2px black;
}
/*tabbed pane styles*/
.outerTabbedContainer{
	width: 97%;
	float: left;
	
}
.outerTabContainer{
	margin-top: 2%;
	min-width:98%;
	background-color: #241d0a;
	
}
.outerTabLinks{
	 
	margin-left: 3%;
	width:40%;
	max-width:150 px;
	background-color: #241d0a;
	display:inline-table;
	
}

.tabLink{
	max-width:150 px;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	display:table-cell;
	color:white;
	font-weight: bolder;
	font-size: 1.7em;
	cursor: pointer;
	border-color: #241d0a;
	background-color: #241d0a;
	text-align:center;
}
 .tabLinkLink{
 }
.tabContent{
	padding-left:2%;
	display:none;
}
.mobileTableContent{
	display:none;
}
.supportLabels{
	text-align:left;
	font-weight:bolder;
	font-size: 1.25em;
	color: white;
}
.formDetails{
	width:100%;
	height: 60%;
	min-height: 300px;
}
.formWidth{
	min-width: 350px;
	width:65%;
	margin: auto;
	/*border-radius: 1em;*/
	border-color: black;
	border-style: groove;
	position:relative;
	background-color: #241d0a;
}
.formInputWidth{
	width:98%;
	font-weight:bolder;
	font-size: .9em;
}
.formCombo{
	width:100%;
}
.thumbnail{
	height: 100px;
	width: 100px;
	cursor:pointer;
	 
}
.outreachPhoto{
	width:350px; 
	height:350px;	
	cursor:pointer;
	border-radius: 2em;
	border-color: black;
	border-style: solid;
}
.outreachContainer{
	float:left;
	margin-left:5%;
	max-width: 49.9%;
	display: inline;
}
.outreachText{
	color:black;
	font-weight:bold;
	float:right;
	margin-right:5%;
	max-width: 49.9%;
	display: inline;
}
.outreachThumbnails{
	 
	margin-right:auto;
	margin-left:auto;
	margin-top: 2%;
	 
	text-align:center;
}
.missionContainer{
	margin-top:5%;
	display: inline-block;
}
.checkbox{
	text-align: center;	
}
.outerIframe{
	width: 100%;
	text-align: right;
}
.titherFrame{
	width:400px; 
	height: 450px; 
	margin:auto;
	position:relative;
}
.popupStyle{
   margin: auto;
   display: block;
   z-index: 1000;
   position: absolute;
   width: 450px;
   left: 0;
   right: 0;
   top: 2%;
   background-color: white;
   border-color: black;
   border-width: medium;
   border-style: groove;
}
.popupTextStyle{
	    width: 300px;
		overflow-x: auto;
		max-width: 300px;
}
.popupTitle{
	font-weight:bolder;
}
.closePopup{
  font-size: xx-large;
  font-weight: bolder;
  cursor: pointer;
}
.branding, .branding_link{
	color:white;
	font-weight: bolder;
	font-style: oblique;
	font-size: small;
	font-family: sans-serif;
}
.branding_link{
	cursor: pointer;
	text-decoration: none;
}
.branding_container{
	width: 100%;
	text-align: center;
	background-color:#241d0a;
}
.width_display_adjustment{
	width:99%; 
	display:inline-block;
}
.buyButtonContainer{
	width: 300px;
	margin: auto;
}
.paymentContainer{
	display: block;
	margin: auto;
}