/*font-family:'Raleway',sans-serif;*/
/*font-family:'Raleway',sans-serif;*/

/*Top Section */

html{
    font-size: 100%;        
}
body{
    background-color: #343434;
    font-size: 1rem; /* 1 rem = 16px which is default font size for most browsers */
    font-family: 'Raleway', sans-serif; 

}


#pagewrapper{
    margin-left:auto;
    margin-right:auto;
    width:960px;
    background-color:#fff;
	padding-bottom: .5px;	
	
}
.center{
    margin:0 auto;
    text-align:center;
}

.centerwithmargins{
    text-align:center;
    margin:0 auto;
    margin-left:13%; 
	margin-right:13%;"	
}

.centerwithmargins2{
    text-align:center;
    margin:0 auto;
    margin-left:23%; 
	margin-right:23%;" 
/*	margin-left:30px; 
	margin-right:30px; 
*/	
	margin-bottom:10px;"

	
}

 
.centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
} 

.header{
    margin:0;
    padding: 0;
    background-color:red;
}

/* Logo */
.logocontainer {
    background-color:lightblue;
    margin-left:-20px;
}
.logocontainer p {
    display:inline-block;
    margin:0px;
    width:60%;
    background-color:lightblue;
    vertical-align:middle;
}

.logocontainer img {
    display:inline-block;
    vertical-align:middle;
	background-color:lightblue;
}

.xxlogoimgx {
    width:80px;
    height:60px;
    margin:0px 0px 0px 0px;
}

.logoimg {
    width:100px;
    height:65px;
    margin:0px 0px 0px 0px;
}

.logotitle {
/*    font-family: 'Rouge Script', cursive;  */
    text-align:left;
	background-color:lightblue;
	font-size:105%;
	font-weight: bold;
}

/* Heading */
.sitetitle{
    font-family: 'Raleway', sans-serif;
    margin-top: 0px;
    margin-bottom:12px;
    text-align:center;
}

.sitesubtitle { 
   background-color: rebeccapurple; /* #dedede; */
   border-bottom:1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
   border-radius: 5px;
   box-shadow: 3px 3px 3px #ccc;
   color: #fff;
   font-size: 1.1em;
   margin: 12px;
   margin-top: 10px;
   padding: 0.3m 1em;
   text-shadow: #9FBEB9 1px 1px 1px;
   text-transform: uppercase;      
   text-align: center;    
}


/*Content Section */

#info {
    float:left;
    margin:0;
    width:100%;
}

.personcolContainer {
/*	height:100%; */
	background-color: lightblue;
}
.personcol {
    float:left;
	width:100%;
/*    width:80%; */ /*330px; */   
/*    height: 540px; */
/*	height:100%; */
    border-radius:8px; 
/*	padding:10px; */
	word-wrap: break-word;
	overflow-wrap:break-word; 
}

.personcol h2{
    text-align: center;
    margin-bottom:8px;
    color:black;
}

.personcol h3{
    text-align: center;
    margin-top: 10px;
    margin-bottom:10px;
/*    line-height:30%; */
    font-size: 20px;
}

.personcol h4{
    text-align: center;
/*    line-height:2%; */
    font-weight:300; 
    font-size: 15px;

}
.personcol h5{
    text-align: center;
/*    line-height:2%; */
    font-weight:300; 
    font-size: 13px;

}

.personcol h6{
    text-align: center;
/*    line-height:1%; */
    font-weight:300; 
    font-size: 12px;
	margin-top:5px;
    font-style:italic;

}

.personcol img {
	margin: 10px 20px 0px 20px;
    width: 90%;
    max-height:310px;
	
}


.viddiv {
    float:left;
    width:95%; /*500px; */   
/*    height: 530px; */
    border-radius:8px; 
    padding:0px 0px 10px 10px; */

}

.viddiv h2{
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin-bottom:8px;
    color:black;
}

.viddiv h3{
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin-top:2px;
}

.viddiv h4{
    font-family: 'Raleway', sans-serif;
    text-align: left;
    color:black;
    margin-top:10px;
	font-weight: normal; /*bold;*/
}

.viddiv h5{
    font-family: 'Raleway', sans-serif;
    text-align: left;
    color:black;
    margin-top:10px;
	font-weight: 300;
}


.viddiv p {
    font-family: 'Raleway', sans-serif;
    font-size:15px;
    width:100%;    
    color:black;
}
.viddiv video {
	margin-top:-50px;
}
.video_button  { 
   background-color:cadetblue; /* #DA820A; */
   border: none;
   border-radius: 4px;
   box-shadow: 2px 2px 2px #333;
   cursor: pointer;
   color: white;   /*margin: 12px; */
   padding: 8px;
   text-shadow: 1px 1px 0px #CCC;
   width:120px; /*110px; */	
   text-align: center;
   margin-right:auto;
	margin-left: auto;
	display:block;
}


.viddiv a:link{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
    text-align:center;
}

.viddiv a:visited{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
}
.viddiv a:hover{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
    font-weight:bold;
}

.viddiv a:active{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
    font-weight:bold;
}
.viddiv a:focus{
    text-decoration:none;
    color:blue;
}
.locationcolContacts {
	height:350px;
}

.locationcol {
    float:left;
    border-radius:8px;
/*    height: 100%;*/ /*670px; */
    width:100%;
/*	width:350px;   
    padding:0px 10px 10px 10px;
*/	
}
.locationcol h2{
    color:black;
    text-align: center;
}
.locationcol h3 {
/*    line-height:30%; */
    font-size: 20px;
    text-align: center;
}



.locationcol h4 {
/*    line-height:2%; */
    font-weight:300; 
    font-size: 15px;
	text-align: center;
}

.locationcol p {
    font-family: 'Raleway', sans-serif;
    font-size:14px;
/*    line-height:30%; */
}

.locationcol img {
	margin: 10px 20px 0px 20px;
    width: 90%;
    max-height:400px;
}


.locationcol iframe {
	width:90%;
	max-height: 28%; /*245px; */
	margin-left:20px;
    background-color:gray;
    border-radius:8px;  
	
}

.servicescol {
    float:left;
    width: 100%; /*550px; */   
    /*height: 100%; */ /*660px; */
    border-radius:8px;
	margin:0px 10px 10px 10px;
/*	padding:10px; */
}

.servicescol img {
  width: 90%; /*500px; */
  height:230px;
/*  vertical-align:middle; 
  margin:0px 10px 20px 0px;	*/
  margin: 10px 20px 0px 20px;
	
}

.servicescol h2{
    color:black;
    text-align: center;
    margin-bottom:8px;
}

.servicescol h3 {
/*    line-height:30%; */
    font-size: 20px;
    text-align: center;
	
}

.servicescol h4 {
/*    line-height:2%; */
    font-weight:300; 
    font-size: 15px;
}

.servicescol p {
    font-family: 'Raleway', sans-serif;
    font-size:14px;
/*    line-height:30%; */
}

.servicescolkeyphrase {
	float:left;
	font-weight: bold;
	width: 240px; /* 260px; */
	font-size:16px;
/*    line-height:140%; */
}
.servicescolkeyphrasedesc {
	float:left;
	width: 220px;
	font-size:16px;
	word-wrap: break-word;
/*    line-height:140%; */

}

.locationcol2 {
    float:left;
    border-radius:2px;
    /*height: 100%; */ /*370px; */
    width:100%;
/*	width:350px;   
    padding:0px 10px 10px 10px;
*/	
}
.locationcol2 h2{
    color:black;
    text-align: center;
}
.locationcol2 h3 {
/*    line-height:30%; */
    font-size: 20px;
    text-align: center;
}



.locationcol2 h4 {
/*    line-height:2%; */
    font-weight:300; 
    font-size: 15px;
	text-align: center;
}

.locationcol2 p {
    font-size:14px;
/*    line-height:30%; */
	margin-left:10px;
}

.locationcol2 img {
	margin: 10px 20px 0px 20px;
    width: 90%;
    max-height:400px;
}

.mapcolContacts {
    float:left;
/*    border-radius:8px; */
    height: 80%; /*370px; */
    width:100%;
/*	width:350px;   
    padding:0px 10px 10px 10px;
*/	
}
.mapcolContacts h2{
    color:black;
    text-align: center;
}
.mapcolContacts h3 {
/*    line-height:30%; */
    font-size: 20px;
    text-align: center;
}


.mapcolContacts iframe {
	width:92%;
	max-height:290px;
	margin-left:20px;
    background-color:gray;
   /* border-radius:8px; */ 
	
}

.mapPantry {
    float:left;
/*    border-radius:8px; */
    /*height: 80%;*/ /*370px; */
    width:100%;
/*	width:350px;   
    padding:0px 10px 10px 10px;
*/	
}
.mapPantry h2{
    color:black;
    text-align: center;
}
.mapPantry h3 {
/*    line-height:30%; */
    font-size: 20px;
    text-align: center;
}


.mapPantry iframe {
	width:95%;
	height:500px;
	/*max-height:390px;*/
	margin-left:50px;
    background-color:gray;
   /* border-radius:8px; */ 
	
}

.pantryOrderMsg {
	margin-left:50px;
}


#info3, #info4, #info5 {
    width:80%;   
	display:block;
	margin-left:auto;
	margin-right:auto;
}


#info3 h3{
    text-align: left;
    color:darkblue;
 }
#info3 h4{
    text-align: left;
    font-weight:100;    
}

#info3 p {
    width:90%;
	font-size:100%;
	text-align: left;
}
#info3 ul {
    width:70%;
}

#info3 img {
	max-width:800px;
	max-height: 300px;
}

#info4 h3{
    text-align: center;
    color:darkblue;
}


#info5 h3{
    text-align: center;
    color:darkblue;
 }

#info5 p {
    width:90%;
	font-size:100%;
	margin-left:10px;
}

#info5 img {
	max-width:800px;
	max-height: 300px;
	margin-bottom:10px;
}

#info6 {
    width:100%;   
	display:block;
	margin-left:auto;
	margin-right:auto;
}


#info6 h3{
    text-align: center;
    color:black;
 }

#info6 h4{
    text-align: left;
    font-weight:bold;
	line-height:80%;
	margin-left:100px;
}
#info6 p {
    width:90%;
	font-size:100%;
	text-align: left;
	margin-left:100px;
}

.imgpagetop, .imgpagebottom {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	width: 90%;
	max-height: 350px;
}



/***********************************************/


#info2 {
    float:left;
    margin:-20px 20px 20px 20px;
    width:100%;   
}

#info2 h3{
    font-family: 'Raleway', sans-serif;
    text-align: left;
    color:darkblue;
    text-decoration: underline;
}
#info2 h4{
    font-family: 'Raleway', sans-serif;
    text-align: left;
    font-weight:100;    
}

#info2 p {
    width:90%;
}
#info2 ul {
    width:90%;
}

.imgdiv {
  width:290px;
}
.imgdiv img {
  max-height:200px;
}
.imgLabel {
  text-align:left;
  margin-top:20px;
}



.imgMapHomeLarge {
    float:left;
    width:500px;   
    height: 300px;
    background-color:gray;
    border-radius:8px;  
    margin:10px 10px 20px 10px;
    padding:10px;
}

.imgMapContacts {
    float:left;
    width:480px;   
    height: 282px;
    background-color:lightblue;
    border-radius:8px;  
    margin:0px 10px 10px 10px;
    padding:0px 10px 0px 10px;
}
/*
.mapdiv {
    float:left;
    width:600px;   
    height: 510px;
    background-color:gray;
    border-radius:8px;  
    margin:20px 10px 10px 10px;
    padding:10px;
}
*/
.imgSermon {
  width:100px;
  height:100px;
  vertical-align:middle;
}



/*
.videocontainer {
  position: relative;
  padding-top: 56.26%;
 

 }
  
 .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00;
 }

*/





iframex {
    margin:0,auto;
}

.locationcol {
    float:left;
    border-radius:8px;
    /*height: 100%; */ /*670px; */
    width:100%;
/*	width:350px;   
    padding:0px 10px 10px 10px;
*/	
}
.ourleadershipcol {
    float:left;
    width:100%; 
	/*height:100%;*/ /*430px; */
    border-radius:8px; 
/*    height: 540px; 
	padding:10px; 
	margin-left: 20px;
*/	
}

.ourleadershipcol h2{
    text-align: center;
    color:black;
    margin-bottom:8px;
}

.ourleadershipcol h3{
    text-align: center;
    margin-top: 10px;
    margin-bottom:10px;
/*    line-height:30%; */
    font-size: 20px;
}

.ourleadershipcol h4{
    text-align: left;
/*    line-height:2%; */
    font-weight:300; 
    font-size: 15px;

}
.ourleadershipcol h5{
    text-align: left;
/*    line-height:2%; */
    font-weight:300; 
    font-size: 13px;

}

.ourleadershipcol h6{
    text-align: left;
 /*   line-height:1%; */
    font-weight:300; 
    font-size: 12px;
    font-style:italic;

}

.ourleadershipcol1 img {
	max-width: 210px
    max-height: 200px; 
}
.ourleadershipcol img {
	margin: 10px 20px 0px 20px;
    width: 90%;
    height:300px;
	
}

.imgourleadershipcolpersonnel-a {
  margin-left: 55px;
  width:275px; /*350 */
  height:250px;
 
}

.imgourleadershipcolpersonnel {
  margin-left:55px;	
  width:275px;
  height:250px;
 
}

.ourleadershipcol2 {
    float:left;
    width:90%;  
/*	height:100%;*/ /*430px; */
/*    height: 540px; */
    border-radius:8px; 
/*	padding:10px; */
	margin-left:10px;
}

.ourleadershipcol2 h1{
    font-family: 'Raleway', sans-serif;
}
.ourleadershipcol2 h2{
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin-bottom:8px;
    color:black;
}
.ourleadershipcol2 h3{
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin-top: 10px;
    margin-bottom:10px;
 /*   line-height:30%; */
    font-size: 20px;
 /*   text-decoration: underline; */
}


.ourleadershipcol2 p {
	font-size:18px;
/*	height:250px; */
	margin-left:20px;
}


.colkeyphrase {
	float:left;
	font-weight: bold;
	width:270px;
	font-size:16px;
/*    line-height:140%; */
	margin-bottom: 10px;
}
.colkeyphrasedesc {
	float:left;
	width:420px;
	font-size:16px;
	word-wrap: break-word;
 /*   line-height:140%; */
	margin-bottom: 10px;

}


.mapdiv {
    float:left;
    width:540px;   
    height: 410px;
    background-color:gray;
    border-radius:8px;  
    margin:20px 10px 10px 10px;
    padding:10px;
}


.leftcol {
    float:left;
    margin:20px 20px 20px 25px;
    width:30%;   
    /*height: 100%; *//*300px;*/ /*380px; */
    background-color:lightblue;
/*    padding:10px; */
    border-radius:8px;  
}

.midcol {
    float:left;
    margin:20px 20px 20px 0px;
    width:30%;   
    /*height: 100%; /*300px; */
    background-color:lightblue;
    border-radius:8px;  
}
.midcol_blank {
    float:left;
    margin:10px 10px 10px 10px;
    width:280px;   
    /*height: 100%; */ /*300px; */
    background-color:#fff;
    padding:10px;
    border-radius:8px; 
}

.midcol_blank h1 {
    font-weight:bold;
    text-align:center;
    margin-top:150px;
}

.rightcol {
    float:left;
    margin:20px 10px 20px 0px;
    width:30%;   
    /*height: 100%; */ /*300px; */
    background-color:lightblue;
    border-radius:8px;  
}

.infogallery {
    float:left;
    margin:0;
    width:96%; 
	background-color:white;
	margin:10px 20px 0px 20px;
    
}

.infogallery h2{
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.infogallery h3{
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.infogallery p {
    text-align:center;
}

.infogallery img {
    margin:0px 10px -3px 10px;
	width:260px;
	height:190px;
    max-width: 280px; 
    max-height: 190px; 
}
.infogallery img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.infogallery img:hover {
    opacity: .80;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 
.infogallerydetails {
	display:block;
    margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
    width:64%;   
    /*height: 100%; */ /*590px; */
    background-color:lightblue;
    border-radius:8px;  
 }


.infogallerydetails1 {
	margin-top:-20px;
    margin-left:160px;
	margin-right:40px;
    width:600px;   
    height: 590px;
    background-color:lightgray;
    border-radius:8px;  
}

.infogallerydetails img {
    margin:0px 20px 5px 20px;
    max-width: 93.5%;/*580px; */ 
    max-height: 350px; 
}
.infogallerydetails h1{
    font-family: 'Raleway', sans-serif;
    text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 0px;
}
.infogallerydetails h4{
    font-family: 'Raleway', sans-serif;
    text-align: center;
	padding-top:0px;
	padding-bottom:20px;
	margin-bottom: 0px;
}

.infogallerydetails ul {
	padding-bottom: 0px;

}


img {
    width:100%;
    margin:0px;
    padding:0px;
}

p {
    font-family: 'Raleway', sans-serif;
    font-size:15px;
<!--    width:200px;-->    
}

a:link{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
    text-align:center;
}

a:visited{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
}
a:hover{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
    font-weight:bold;
}

a:active{
    text-decoration:none;
    color:blue;
    font-family: 'Julius Sans One', sans-serif;
    font-weight:bold;
}
a:focus{
    text-decoration:none;
    color:blue;
}

.mymoney {
  color:darkgreen;
  font-weight: bold;
}

.imgaboutchristiansymbols {
	max-width: 540px;
	max-height: 250px;
    padding-top:0px; 
	margin: 20px 50px 30px 200px;	
}

/* tooltip not implemented yet */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px; 
    background-color: cadetblue;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
	margin: 10px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}



/* Section Divider */

.clear {
    clear:both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width:0;
    height:0;
}
@media screen and (min-width: 1000px) {

#tabs {
	width:100%;
}
#tabs ul {
	width:98%;
}
#tabs ul {
	width:90%;
}	
}
@media screen and (max-width: 1500px) {


}

@media screen and (max-width: 1000px) {
	
.video_button  { 
   width:220px;	
   font-size: 10px;
}	
#info6 h4{
	margin-left:50px;
	font-size:10px;
}
#info6 p {
	margin-left:50px;
	font-size:10px;
}


}


