			
			
			
			
			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="//www.w3.org/1999/xhtml">
<head>

	<style> 

		/* new responsive section */


		

		p, span {
    overflow-wrap: break-word;  /* Allows long unbroken URLs to wrap */
    white-space: normal;        /* Allows text to wrap naturally */
}

a {
   white-space: normal;        /* Prevents breaking at spaces or within words */
    overflow-wrap: normal;      /* Prevents wrapping of words within the URL */
    word-break: normal; 
}

		.nivo-slice[name="0"] {
		    display: none;
		}

		.nivo-box[name="0"] {
		    display: none;
		}


@media (max-width: 768px) {
		.slider_box {

			max-width: 100%;
		}

		#dream_accordion_responsive {
			  width: 100% !important;
			}

				.sliderCointainer {
			height: 130px !important;
			}

			#dream_accordion_responsive, #sliderWrapper {

				height:150px !important;
			}

			#sliderWrapper .scroll {
 
			  top: 130px !important;

				}

			}


		span[style*="font-size: xx-large"] {
		    line-height: 2.7rem !important;
		}
		span[style*="font-size: 10pt;"] {
    line-height: 16pt !important;
}

span[style*="font-size: 12pt;"] {
    line-height: 18pt !important;
}

span[style*="font-size: 14pt;"] {
    line-height: 20pt !important;
}

span[style*="font-size: 16pt;"] {
    line-height: 22pt !important;
}

span[style*="font-size: 18pt;"] {
    line-height: 24pt !important;
}

span[style*="font-size: 20pt;"] {
    line-height: 26pt !important;
}

span[style*="font-size: 22pt;"] {
    line-height: 28pt !important;
}

span[style*="font-size: 24pt;"] {
    line-height: 30pt !important;
}

span[style*="font-size: 26pt;"] {
    line-height: 32pt !important;
}

span[style*="font-size: 28pt;"] {
    line-height: 34pt !important;
}

span[style*="font-size: 30pt;"] {
    line-height: 36pt !important;
}

span[style*="font-size: 32pt;"] {
    line-height: 38pt !important;
}

span[style*="font-size: 34pt;"] {
    line-height: 40pt !important;
}

span[style*="font-size: 36pt;"] {
    line-height: 42pt !important;
}

span[style*="font-size: 10px;"] {
    line-height: 16px !important;
}

span[style*="font-size: 12px;"] {
    line-height: 18px !important;
}

span[style*="font-size: 14px;"] {
    line-height: 20px !important;
}

span[style*="font-size: 16px;"] {
    line-height: 22px !important;
}

span[style*="font-size: 18px;"] {
    line-height: 24px !important;
}

span[style*="font-size: 20px;"] {
    line-height: 26px !important;
}

span[style*="font-size: 22px;"] {
    line-height: 28px !important;
}

span[style*="font-size: 24px;"] {
    line-height: 30px !important;
}

span[style*="font-size: 26px;"] {
    line-height: 32px !important;
}

span[style*="font-size: 28px;"] {
    line-height: 34px !important;
}

span[style*="font-size: 30px;"] {
    line-height: 36px !important;
}

span[style*="font-size: 32px;"] {
    line-height: 38px !important;
}

span[style*="font-size: 34px;"] {
    line-height: 40px !important;
}

span[style*="font-size: 36px;"] {
    line-height: 42px !important;
}


		#widthmax {

			max-width:100% !important;
		}

	figure img[src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"] {
    display: none;
}


figure img[src="https://www.paypal.com/en_US/i/scr/pixel.gif"] {
    display: none;
}

.columns {

		max-width:100% !important;

	}


		table {
        max-width: 100% !important;

    }

    img {

    	max-width:100%;
    	height: auto !important;
    }

		@media (max-width: 768px) {
    /* Make tables take up 100% width */
    table {
        width: 100% !important;
        border-collapse: collapse; /* Optional: to remove spacing between table cells */
    }

    /* Make each td take up 100% width and stack vertically */
    table tr {
        display: block; /* Ensure that the tr behaves like a block element */
    }

    table tr td {
        display: block; /* Force tds to stack */
        width: 100% !important;
        box-sizing: border-box; /* Ensure padding and borders are included in the width calculation */
    }

    /* Ensure images within td have a max width of 100% */
    table tr td img {
        max-width: 100% !important;
        height: auto; /* Maintain the aspect ratio of the image */
        display: block; /* Optional: ensures that the image behaves like a block element */
    }
}



		figure {
  max-width: 100% !important;
}

		.columns {
  max-width: 100%;
}


table {
  max-width: 100%;
}

td {
  max-width: 100%;
}

	#toggle + label {
    font-size: 14px !important;

  }

  iframe {
  max-width: 100%;

	}
		 html, body {
            overflow-x: hidden; /* Prevent horizontal scrolling */
            width: 100%; /* Ensure the body takes full width */
            margin: 0; /* Remove default margin */
            padding: 0; /* Remove default padding */
        }


        h3, h3:not(small), h3 a span, h3 a {
				    font-size: 24px !important;
				}



		@media (max-width: 522px) {

			.prefooter h2 {
  font-size: 28px;

}

			.logo img {

				width:200px !important;

			}

			figure {
				  float: none !important;
				  text-align: center;
				  width: auto !important;
				  /* Add any other styles you want to apply */
				}


            img, iframe {
               	max-width: 100% !important;
                /*height: auto;*/
                /*margin-right: 2vw;*/
                float: none !important;
                box-sizing: border-box;
				display: inline-block;
            }
            .main_resize_bg img {
			    width: 100% !important;
			    padding: 4px;
			}


           
        }

         .responsive-container {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr; /* Four equal columns */
            gap: 10px;
            padding: 10px;
        }

        .map-section {
            grid-column: span 2; /* Span 2 columns */
            width:90%;
        }

        .responsive-container h1 {
            color: white !important;
        }

        .iframe-container {
            width: 100%;
            padding-top: 56.25%; /* 16:9 aspect ratio */
            position: relative;
        }

        .iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        .topMap {

        	max-height: 250px !important;
        }

@media (max-width: 991px) {

 	.prefooter .columns {
  padding: 20px;


 }

  @media (max-width: 768px) {

  	.prefooter img {
 	 	width: auto !important;
	}

  	#banner-example-1 {

  		display:none;
  	}

  	.center_small_box_thirds {

  		width: 100% !important;
  	}
            .responsive-container {
                grid-template-columns: 1fr; /* Single column on smaller screens */
            }

            .map-section {
                grid-column: span 1; /* Span 1 column */
            }

              /* Additional styling adjustments */
					    .responsive-container2 {
					        padding: 0 !important; /* Ensure no extra padding */
					        margin: 30px 0 0 36px !important;
					    }

					     .message {

            	overflow: scroll !important;
            }
        }




#selectnav1 {
    margin-bottom: 40px;
}


@media only screen and (max-width: 767px) {
    .center_small_box_half {
        width: 100% !important;
    }
    nav { 
    	padding-top:20px !important; }
}

img {
  max-width: 100%;
  height: auto;
}


        		/* end of new responsive section */
@media only screen and (max-width: 767px) {

	.main_resize_bg {
    	display: flex;
    	flex-direction: column; /* Ensure they stack on top of each other */
	}

    .right_side_big {
        order: 1;
        width:100% !important;
    }

    .left_side_big {
        order: 2;
        width:100% !important;
    }
}



@media only screen and (max-width: 767px) {
    .logo img {
        max-width: 100% !important;
    }
    #selectnav1 {
    	margin-bottom:10px !important;
    }

    .top_text {
  margin: 0 auto;
  padding: 10px 0;
  line-height: 1.2em;
  font-weight: normal;
  text-align: center;
  font-size: 18px;
  color: #444;
}



/* Base styling for the select element with ID #selectnav1 */
#selectnav1 {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none; /* Remove default arrow for Safari */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath fill='%23495057' d='M2 5L0 0h4L2 5z'/%3E%3C/svg%3E");    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 8px 10px;
}

/* Remove default styling for Safari and other browsers */
#selectnav1::-ms-expand {
    display: none;
}

#selectnav1:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Adjust appearance for disabled select elements */
#selectnav1:disabled, #selectnav1[disabled] {
    background-color: #e9ecef;
    opacity: 1;
}

/* For smaller screens or devices with Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #selectnav1 {
        appearance: none;
        -webkit-appearance: none;
    }
}

#selectnav1:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}


}

.mytwitHead img {
    max-width: 50px !important;
    height: auto; /* Maintain aspect ratio */
}

.votdResponsive img { 
    max-width: 25px !important;
    height: auto; /* Maintain aspect ratio */
}

        		/* end of new responsive section */


	</style>




<title>Lighthouse Baptist Church</title>


<script src="//www.ocs2.net/js/jquery.min.js"></script>


<!-- start slider scripts DC Showcase Slider CSS -->
<link rel="stylesheet" href="//www.ocs2.net/showcase.css?id=121714" />
<!-- DC Showcase Slider JS -->
<!-- requires jquery library -->
<script type="text/javascript" src="sliders/showcase/jquery.aw-showcase.js"></script>
<script type="text/javascript">
//Responsive js
//var j = jQuery.noConflict();
$(function(){
    
	$(document).ready(function() {
    var rwidth=$(this).width();
     if(rwidth >959)
	 {
        <!-- DC Showcase Slider Settings -->
		$("#showcase").awShowcase(
	    {
	    
	    
		content_width:			798, // width of slider
		content_height:			400, // height of slider
		fit_to_parent:			false,
		auto:					true, // auto play slider on load
		<!-- interval:				3000, // interval between slides (3000 = 3 seconds) -->
		 interval: 5000,		continuous:				true,
		loading:				true,
		tooltip_width:			200, // tooltip width
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					true, // show side left/right arrow buttons
		buttons:				true, // show pagination bullets below slider
		btn_numbers:			false, // make pagination bullets numbers instead (e.g. 1,2,3,4,5)
		keybord_keys:			true, // enable keyboard keys (left/right)
		mousetrace:				false, /* Trace x and y coordinates for the mouse */
		pauseonover:			true, // pause slide on hover
		stoponclick:			true,
		transition:				'vslide', /* hslide/vslide/fade */
		transition_delay:		300,
		transition_speed:		500,
		show_caption:			'onhover', /* onload/onhover/show */
		thumbnails:				true, // show thumbnails
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		0, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
		dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
		speed_change:			true, /* Set to true to prevent users from swithing more then one slide at once. */
		viewline:				false /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
	});
	    <!-- DC Showcase Slider Settings -->
    }
	
     });
  
});
</script>
<!-- slides END -->




<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index, follow" />
<!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">-->
<!-- before responsive <meta name="viewport" content="width=1100"/><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> -->

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <!--[if lt IE 9]>
  	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
<link href="//www.ocs2.net/css_style.css?id=051817b" rel="stylesheet" type="text/css" />
<style>

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 0;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}




/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slprev, .slnext,.text {font-size: 11px}
}
</style>
<style>


</style>
<link href="//www.ocs2.net/admin/css_2.0/css/custom_287.css?id=1781005391" rel="stylesheet" type="text/css" />

<!-- new responsive code -->
<style>
	 h3, h3:not(small), h3 a span, h3 a {
				    font-size: 24px !important;
				}


@media (max-width: 522px) {

			.prefooter h2 {
  font-size: 22px !important;

}

			.logo img {

				width:300px !important;

			}

			figure {
				  float: none !important;
				  text-align: center;
				  /* Add any other styles you want to apply */
				}

				 img {
               	max-width: 100% !important;
                height: auto; !important;
                /*margin-right: 2vw;*/
                float: none !important;
                box-sizing: border-box;
				display: inline-block;
            }

           iframe {
               	max-width: 100% !important;
                /*height: auto;*/
                /*margin-right: 2vw;*/
                float: none !important;
                box-sizing: border-box;
				display: inline-block;
            }
            .main_resize_bg img {
			    width: 100% !important;
			    height:auto !important;
			    padding: 4px;
			}

			figure img {
			    width: 100% !important;
			    height:auto !important;
			    padding: 4px;
			}


           
        }


</style>
<!-- end of new responsive code -->

<style>
#nav>li>a {
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    color: #545454 !important;
}
</style>
<link rel="stylesheet" href="//www.ocs2.net/modal.css">

<link href="//www.ocs2.net/css/respon.css" rel="stylesheet" type="text/css" />

<script src="js/scripts.js"></script>
<script src="modal.js"></script>
<script language="javascript">
        $(function(){
            $('form').jqTransform({imgPath:'form_beautify/img/'});
        });
</script> 
<!-- DC Form Beautify CSS -->
<link type="text/css" rel="stylesheet" href="//www.ocs2.net/dcodes/form_beautify/css/jqtransform.css" />
<!--ui_totop START -->
<link href="ui_totop/css/ui.totop.css" rel="stylesheet" />
<script src="ui_totop/js/jquery.ui.totop.js" charset="utf-8"></script>
<!-- ui_totop END -->
<!-- DC Twitter Starts -->
<link href="twitter_tweet/jquery.tweet.css" rel="stylesheet" />
<script src="twitter_tweet/jquery.tweet.js" charset="utf-8"></script>
<!-- DC Twitter End -->
<!-- DC jflickrfeed Starts -->
<link href="flickr/css/dc_jflickrfeed.css" type="text/css" rel="stylesheet" />
<script src="flickr/js/jflickrfeed.js"></script>
<!-- DC jflickrfeed: Colorbox Lightbox -->
<link href="flickr/js/colorbox/colorbox.css" rel="stylesheet" type="text/css" media="screen" />
<script src="flickr/js/colorbox/jquery.colorbox-min.js"></script>
<!-- DC jflickrfeed Ends -->

<!-- preloader Start -->
<link href="preloader/css/preloader.css" rel="stylesheet" />
<script src="preloader/js/jquery.preloader.js" charset="utf-8"></script>
<!-- preloader END -->
<!-- prettyPhoto Start -->
<link rel="stylesheet" type="text/css" href="prettyPhoto/css/prettyPhoto.css" />
<script type="text/javascript" src="prettyPhoto/js/jquery.prettyPhoto.js"></script>
<!-- prettyPhoto END -->
<!-- superfish -->
<link rel="stylesheet" media="screen" href="//www.ocs2.net/superfish/css/superfish.css" />

		<script src="//www.ocs2.net/superfish-new/js/hoverIntent.js"></script>
		<script src="//www.ocs2.net/superfish-new/js/superfish.js"></script>
		
				<script  src="js/selectnav.min.js"></script>

		
		<script>

		(function($){ //create closure so we can safely use $ as alias for jQuery

			$(document).ready(function(){

				// initialise plugin
				var mainmenu = $('#mainmenu').superfish({
					//add options here if required
				});

				// buttons to demonstrate Superfish's public methods
				$('.destroy').on('click', function(){
					example.superfish('destroy');
				});

				$('.init').on('click', function(){
					example.superfish();
				});

				$('.open').on('click', function(){
					example.children('li:first').superfish('show');
				});

				$('.close').on('click', function(){
					example.children('li:first').superfish('hide');
				});
			});

		})(jQuery);


		</script><!-- ENDS superfish -->
<!-- Config User Intarface Box Import START -->
<!--<script type="text/javascript" src="js/head_html_default_block.js"></script>-->

<!--<script type="text/javascript" src="js/head_html_block.js"></script> breaks chat-->


<!-- Config User Intarface Box Import END -->
<! -- custom css -->
<script type="text/javascript" src="//www.ocs2.net/dcodes/form_beautify/js/jquery.jqtransform.js"></script>
<!-- DC Form Beautify Settings -->


<link rel="stylesheet" href="//www.ocs2.net/dcodes/dc_inline_content.css" type="text/css" media="screen" />

<!-- DC Inline Content JS -->
<script type="text/javascript" src="//www.ocs2.net/dcodes/dc_tinyscrollbar.min.js"></script>
<script type="text/javascript" src="//www.ocs2.net/dcodes/dc_inline_content.js"></script>


 
 
 
 <style>
 
  .prefooter { background: url(images/body_bg.png);  padding:15px 0; margin:0 auto; } 
 
  
  .jqTransformSafari .jqTransformInputInner div input {

padding-top: 10px;
}

button.jqTransformButton span span {

line-height: 19px !important;

}
 </style>
 
 
  
 
  
 
 <link href='//www.ocs2.net/calendar_files/fullcalendar.css?id=070815' rel='stylesheet' />
<link href='//www.ocs2.net/calendar_files/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='//www.ocs2.net/calendar_files/lib/moment.min.js'></script>
<!--<script src='../lib/jquery.min.js'></script>-->
<script src='//www.ocs2.net/calendar_files/fullcalendar.min.js'></script>

<script>
$.ajaxSetup({ cache: false });
</script>


<SCRIPT language="JavaScript"> 
 
 function openwindow(id) 
 { 
 
$("#event_details").html("");
 window.open("#event","_self");
 
 $.ajax({


     type: "GET",
     url: 'event_ajax.php',
     data: "event_id=" + id,
     success: function(data) {
           // data is ur summary
          $('#event_details').hide().html(data).fadeIn();
          
          $('form').jqTransform({imgPath:'form_beautify/img/'});
          
          $.getScript( "//www.ocs2.net/share_test/assets/js/SuperSocialShare.js", function( data, textStatus, jqxhr ) {
 		 	// console.log( data ); // Data returned
  			// console.log( textStatus ); // Success
  			// console.log( jqxhr.status ); // 200
  			// console.log( "Load was performed." );
		  });
		  
		  $.getScript( "//www.ocs2.net/share_test/assets/js/general.js", function( data, textStatus, jqxhr ) {
 		 	// console.log( data ); // Data returned
  			// console.log( textStatus ); // Success
  			// console.log( jqxhr.status ); // 200
  			// console.log( "Load was performed." );
		  });
		  
		  		  $.getScript( "//addtocalendar.com/atc/1.5/atc.min.js", function( data, textStatus, jqxhr ) {
 		 	// console.log( data ); // Data returned
  			// console.log( textStatus ); // Success
  			// console.log( jqxhr.status ); // 200
  			// console.log( "Load was performed." );
		  });
		  
          
		  
		         
          
          
     }

   });


 } 
 
	
 </SCRIPT>
 
 <SCRIPT language="JavaScript"> 
 
 function closewindow(id) 
 { 
 window.open("#!","_self");
 
          $('#event_details').fadeOut();



 } 

 </SCRIPT>
 
 <script>

	$(document).ready(function() {
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			defaultDate: "2026-06-09",
			editable: false,
			eventLimit: true, // allow "more" link when too many events
			events: [
			
						
			
			]
		});
		
	});
			
			
				/*{
					title: 'All Day Event',
					start: '2015-02-01'
				},
				{
					title: 'Long Event',
					start: '2015-02-07',
					end: '2015-02-10'
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: '2015-02-09T16:00:00'
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: '2015-02-16T16:00:00'
				},
				{
					title: 'Conference',
					start: '2015-02-11',
					end: '2015-02-13'
				},
				{
					title: 'Meeting',
					start: '2015-02-12T10:30:00',
					end: '2015-02-12T12:30:00'
				},
				{
					title: 'Lunch',
					start: '2015-02-12T12:00:00'
				},
				{
					title: 'Meeting',
					start: '2015-02-12T14:30:00'
				},
				
				{
					title: 'Dinner',
					start: '2015-02-12T20:00:00'
				},
				{
					title: 'Birthday Party',
					
					url: '#Calendar Item Test 2', 

					start: '2015-02-13T07:00:00'
				},
				{
					title: 'Click for Popup',
					url: '#Calendar Item Test 1', 

					start: '2015-02-28'
				}
			]
		});
		
	}); */

</script>
<style>

	body {
		/*margin: 40px 10px;
		padding: 0;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 14px;*/
	} 

	#calendar {
		max-width: 900px;
		margin: 0 auto;
	}

</style>
 
 
 
  
 <link href="//ocs2.net/atc-style-blue.css?id=072215b" rel="stylesheet" type="text/css"> <!-- calendar -->

<link rel="stylesheet" href="//ocs2.net/share_test/assets/css/SuperSocialShare.css" type="text/css" />
        <!--[if IE 7]>
        	<link rel="stylesheet" type="text/css" href="assets/css/SuperSocialShare-ie7.css">
        <![endif]-->
        <!--<script src="assets/js/jquery.js" type="text/javascript"></script>-->
        <script src="//ocs2.net/share_test/assets/js/SuperSocialShare.js" type="text/javascript"></script>
        <script src="//ocs2.net/share_test/assets/js/general.js" type="text/javascript"></script>
        
      
 
<style>





.message {
background:#181818;
color:#FFF;
position: absolute;
top: -350px;

left: 0;
width: 100%;
height: 350px;
padding: 20px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
  
}

.message h1 {
  color:#FFF;
  padding: 0px 0px 10px 0px;
}

#toggle {
  position:absolute;
  appearance:none;
  cursor:pointer;
  left:-100%;
  top:-100%;
}

#toggle + label {
  position:absolute;
  cursor:pointer;
  padding:6px;
  /* background: #26ae90; */
width: 300px;
border-radius: 3px;
/* padding: 8px 10px; */
color: #FFF;
/* line-height:20px; */
font-size:12px;
text-align:center;
-webkit-font-smoothing: antialiased;
cursor: pointer;
 /* margin:20px 50px; */
  transition:all 500ms ease;
  line-height: 1.5em !important;
}


#toggle + label:after {

}

.container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  /* padding:5em 3em; */
}

#toggle:checked ~ .message {
  top: 0;
}

#toggle:checked ~ .container {
  margin-top: 350px;
}

#toggle:checked + label {
 /*  background:#dd6149; */
}

#toggle:checked + label:after {
  content:"Close"
}


@media (max-width: 768px) { 

	.center_small_box, .center_small_box_two_thirds {
 	 width: 100% !important;
		}

	#toggle:checked ~ .container {
	  /*margin-top: 350px;*/
	  /*margin-top: 550px;*/
	  margin-top: calc(100vh - 30px);
	}

	.message {

		height: calc(100vh - 30px);
		top: -100vh;

	}

}

.fb_iframe_widget {
   
    max-width: 100% !important;

}

.fb_iframe_widget iframe, span {
    max-width: 100% !important;
}

</style>  


<style>

/* center_small_box */

.small_box { width:23%; margin:0 2% 0 0; padding:0; float:left;  text-align:left;}

.small_box: hover { color:#db3131;}
.small_box h3 { font-size:18px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}
.small_box p { padding:8px 4px; }

.center_small_box { padding:2px; width:23%; }
.center_small_box h3 { font-size:14px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}

.center_small_box p { padding:8px 4px;}

.center_small_box h3 { font-size:18px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}

.center_full { padding:2px 2px 20px 2px; width:99%; }
.center_full p { padding:8px 4px; }
.center_full h3 { font-size:18px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}


.center_small_box_thirds { padding:1%; width:31%; }
.center_small_box_thirds p { padding:8px 4px;}
.center_small_box_thirds h3 { font-size:18px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}
.center_small_box_thirds h3 img { margin:-3px 10px 0 0; float:left;}


.center_small_box_half { padding:2px 2px 20px 2px; width:49%; }
.center_small_box_half p { padding:8px 4px; }
.center_small_box_half h3 { font-size:18px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}
.center_small_box_half h3 img { margin:-3px 10px 0 0; float:left;}


.center_small_box_two_thirds { padding:2px 2px 20px 2px; width:70%; }
.center_small_box_two_thirds p { padding:8px 4px; }
.center_small_box_two_thirds h3 { font-size:18px;  font-weight:bold; border-bottom:1px solid #d2d2d2; padding:0 0 16px 0; margin-bottom:10px;}
.center_small_box_two_thirds h3 img { margin:-3px 10px 0 0; float:left;}


.small_box h2 {  padding:2% 0; margin:0; font-weight:bold; }

.small_box h2 img { padding:2% 0;}

.small_box h2 span {  margin:5px; white-space:nowrap; overflow:hidden; }



.center_small_box h3 img { margin:-3px 10px 0 0; float:left;}

/* Portfolio pages */

.port4 { width:23%; float:left; margin:0 2% 0 0;}

.port4:nth-child(4n+1) { clear:left;}

.port3 { width:31%; float:left; margin:0 2% 0 0;}

.port3:nth-child(4n) { clear:left;}

.port2 { width:48%; float:left; margin:0 2% 0 0;}

.port2:nth-child(3n) { clear:left;}

.center_small_box.port1 { width:99%; margin:25px 0;}

h2.bach {
   background: url(images/h2_bg2.png) center repeat-x; 
   padding: 0px 0px 0px 0;
}




</style>





<style>

.background {
    background: url(//www.ocs2.net/images/background-nextgen2.png) top left repeat;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}

h2.title {
    
    font-size:30px !important; 
    font-weight: 300 !important;
    color: #c32a31 !important; 
    background: url(//www.ocs2.net/images/h2_bg4.png) center center no-repeat !important;
    padding-left: 0px !important;
    text-align: center !important;
    width: 100% !important;
    padding: 20px 0 !important;
}

.prefooter {
    background: #232323;
    padding: 15px 0;
    margin: 0 auto;
    color: #afafaf;
}

.main_resize {
    border-bottom: 0px solid #2e2e2e; 
    
    }
    
   


    
.prefooter2 {
    background: #171717;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    color: #afafaf;
    font-size: 11px;
}


.fb_iframe_widget {
  
  max-width: 100%;
}

.fb_iframe_widget span {
  
  max-width: 100%;
}

img[src*="//www.biblegateway.com/assets/images/audio/sound.gif"] {
    width: auto !important;
    height: auto !important; /* You can include this if you also want the height to adjust automatically */
}


</style>



       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
       	<script>
jQuery(function($){
   $("#phone").mask("(999) 999-9999");
  
});
jQuery(function($){
   $("#workphone").mask("(999) 999-9999");
  
});
jQuery(function($){
   $("#homephone").mask("(999) 999-9999");
  
  
  
});


jQuery(function($){
   $("#dob").mask("99/99/9999");
  
});


</script>
       				<script src="//www.ocs2.net/admin/dob.js" type="text/javascript"></script>

       
              
       <style>
       span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin-top: 0px !important; 
}

       </style>
       
               
       <style>
</style>

<!--- NEW MENU SECTION -- >

<!-- DC Large dropdown Menu CSS -->
<link type="text/css" rel="stylesheet" href="//www.ocs2.net/dcodes/menus/metro/css/dc_metro_menu.css" />
 
<!-- jQuery Library (skip this step if already called on page ) -->
 
<!-- DC Large dropdown Menu JS -->
<script type="text/javascript" src="//www.ocs2.net/dcodes/menus/metro/js/dc_metro_menu.js"></script>

<style>

ul.dc_metro_menu a {
    text-decoration: none;
    color: #000 !important;
}

ul.dc_metro_menu {
    margin: 0px;
    padding: 0;
    display: block;
    height: 50px;
    background-color: #fff;
    font-size: 15px;
    list-style: none;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    border-left: 10px solid #fff;
}

ul.dc_metro_menu>li>span {
    float: left;
    color: #000;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    cursor: default;
    padding: 0px 20px;
    border-right: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
}

ul.dc_metro_menu>li {
	
	margin-left:0px !important;

}

ul.dc_metro_menu .dc_metro_submenu {

	position:absolute;
	z-index:9999;
	top:50px;
	width:450px;
	display:none;
	opacity:0.95;
	left:0px;
	font-size:10px;
	background:#fff;
	border-top:1px solid #EF593B
	}
	
	li.dc_metro_heading {
	
	margin-left:0px !important;
	
	}

</style>

<!-- END OF NEW MENU SECTION -->
       
       
        <style>
									.header-unit {
 								 		height: 500px;
								 		position: relative;
									}
									#video-container {
										position: absolute;
									}
									#video-container {
										top:0%;
										left:0%;
										height:100%;
										width:100%;
										overflow: hidden;
									}
									
								.header-unit .playvideo {
   								visibility: visible;
   								position: absolute;
   								top: 50%;
 								left: 50%;
 								width: 128px;
   height: 128px;
   margin-top: -64px; /* Half the height */
   margin-left: -64px; /* Half the width */
   opacity: .3;
   filter: alpha(opacity=30); /* For IE8 and earlier */
								}  

								.header-unit:hover .playvideo {
   									visibility: visible;
   									position: absolute;
   									top: 50%;
   									left: 50%;
   									width: 128px;
   height: 128px;
   margin-top: -64px; /* Half the height */
   margin-left: -64px; /* Half the width */
   opacity: .8;
   filter: alpha(opacity=80); /* For IE8 and earlier */
										}
										  
									video {
										position:absolute;
										z-index:0;
									}
									video.fillWidth {
										width: 100%;
									}
									
									video.fillWidth2 {
										width: 100%;
									}
									
									video.fillWidth {
    								opacity: 1.0;
    								filter: alpha(opacity=100); /* For IE8 and earlier */
									}

									video.fillWidth:hover {
    								opacity: .3;
   									filter: alpha(opacity=30); /* For IE8 and earlier */
   									
   									
   									
									}
									
									video.fillWidth2 {
    								opacity: 1.0;
    								filter: alpha(opacity=100); /* For IE8 and earlier */
									}


									video.fillWidth2:hover {
    								opacity: 1.0;
   									filter: alpha(opacity=100); /* For IE8 and earlier */
   									
   									
   									
									}
									
									
									</style>
									
									
									
				

		



<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId=187488518027435';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


												
</head>



<body>





<script>
			function submitForm() {
    			$.ajax({type:'POST', url: 'reg_for_event.php', 
    			data:$('#regForm').serialize(), success: function(response) {
        		$('#regForm').find('.form_result').html(response);
    			}});

    			return false;
				}
				
				

		</script>


<script type="text/javascript">(function () {
            if (window.addtocalendar)if(typeof window.addtocalendar.start == "function")return;
            if (window.ifaddtocalendar == undefined) { window.ifaddtocalendar = 1;
                var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
                s.type = 'text/javascript';s.charset = 'UTF-8';s.async = true;
                s.src = ('https:' == window.location.protocol ? 'https' : 'http')+'://addtocalendar.com/atc/1.5/atc.min.js';
                var h = d[g]('body')[0];h.appendChild(s); }})();
    </script>







<div class="body_pattern">

 
  <div class="header_res">
  
    
  <!-- drop down box -->
  
  
<!--- end of drop down -->


  
  <div class="header_text">&nbsp;</div>
    <div class="RSS"></div>
  <div class="clr"></div>
  <div id="widthmax" >
    <div class="logo">
    
    <a href="//lighthousebaptistchurch-va.com"><img style = "height: auto; width: 325px; " src="//www.ocs2.net/admin/logo/LighthouseBC/1501776252.png"></a></div>    

     	
     
   <!-- menu for 248 -->
   
   	
		
	     <nav style="padding-top:150px"> 

	
	<ul id="nav" class="sf-menu" id='mainmenu'>
      <!--<script type="text/javascript" src="js/menu_html_block.js"></script> -->
       <li><a href="//lighthousebaptistchurch-va.com"><span>Home</span></a></li>
      <li><a href="#_" class="menu_navigation"><span>About US</span></a><ul><li><a href="About-the-Lighthouse-Baptist-Church.htm" class="menu_navigation">About the Lighthouse Baptist Church</a></li><li><a href="Service-and-Activity-Times.htm" class="menu_navigation">Service and Activity Times</a></li><li><a href="Statement-of-Faith.htm" class="menu_navigation">Statement of Faith</a></li><li><a href="Map-and-Directions.htm" class="menu_navigation">Map and Directions</a></li><li><a href="Links-To-Other-Great-Websites.htm" class="menu_navigation">Links</a></li></ul></li><li><a href="A-Note-From-Our-Pastor.htm" class="menu_navigation"><span>Pastor's Note</span></a></li><li><a href="#_" class="menu_navigation"><span>Ministries</span></a><ul><li><a href="The-Bus-Ministry-Outreach.htm" class="menu_navigation">Bus Routes</a></li><li><a href="The-Youth-Ministries-at-Lighthouse-Baptist.htm" class="menu_navigation">Youth Programs</a></li><li><a href="Our-Exciting-Sunday-School-Program.htm" class="menu_navigation">Sunday School</a></li></ul></li><li><a href="#_" class="menu_navigation"><span>Growth</span></a><ul><li><a href="Gods-Simple-Plan-of-Salvation.htm" class="menu_navigation">Salvation</a></li><li><a href="Baptism-for-Professing-Believers.htm" class="menu_navigation">Believers Baptism</a></li><li><a href="The-Importance-of-Church-Attendance.htm" class="menu_navigation">Church Attendance</a></li><li><a href="Feasting-on-the-Word-of-God.htm" class="menu_navigation">Bible Reading</a></li></ul></li><li><a href="Calendar.htm" class="menu_navigation"><span>Calendar</span></a></li><li><a href="Contact-Us-at-Lighthouse-Baptist-Church.htm" class="menu_navigation"><span>Contact</span></a></li><li><a href="Sermons.htm" class="menu_navigation"><span>Sermons</span></a></li><li><a href="https://secure.anedot.com/lighthouse-baptist-church/donate" target="_blank" class="menu_navigation"><span>Online Giving</span></a></li>    </ul>
	
	
	   
   
   <!-- end of menu for 248 -->
   


    </div> <!-- end of widthmax div -->
    <div class="clr"></div>

    </nav>
    <!-- /menu -->
    
    <div class="clr"></div>
  </div>
  
   
  <!--- slider starts -->
  <div class="slider_box">
      
     <div class="top_text"></div>
     
     	<!--start slider code DC showcase Slider Start -->
    <div id="showcase" class="showcase"> 
      
     
        
      <div class="showcase-slide">
        <div class="showcase-content"><img src="//lighthousebaptistchurch-va.com/contents/Welcome2_5.png" alt="" /></div>
        <div class="showcase-thumbnail"> <img src="//lighthousebaptistchurch-va.com/contents/Welcome2_5.png" width="140" />
          <div class="showcase-thumbnail-caption"></div>
          <div class="showcase-thumbnail-cover"></div>
        </div>
         
      </div><div class="showcase-slide">
        <div class="showcase-content"><img src="//lighthousebaptistchurch-va.com/contents/287-20260515.png" alt="" /></div>
        <div class="showcase-thumbnail"> <img src="//lighthousebaptistchurch-va.com/contents/287-20260515.png" width="140" />
          <div class="showcase-thumbnail-caption"></div>
          <div class="showcase-thumbnail-cover"></div>
        </div>
         
      </div><div class="showcase-slide">
        <div class="showcase-content"><img src="//lighthousebaptistchurch-va.com/contents/287-20260515_1.png" alt="" /></div>
        <div class="showcase-thumbnail"> <img src="//lighthousebaptistchurch-va.com/contents/287-20260515_1.png" width="140" />
          <div class="showcase-thumbnail-caption"></div>
          <div class="showcase-thumbnail-cover"></div>
        </div>
         
      </div><div class="showcase-slide">
        <div class="showcase-content"><img src="//lighthousebaptistchurch-va.com/contents/287-20260603.png" alt="" /></div>
        <div class="showcase-thumbnail"> <img src="//lighthousebaptistchurch-va.com/contents/287-20260603.png" width="140" />
          <div class="showcase-thumbnail-caption"></div>
          <div class="showcase-thumbnail-cover"></div>
        </div>
         
      </div>
      
     
      <!-- /showcase-slide --> 
    </div>
    <!--end slider code DC showcase Slider Start -->	
		
	
    <div class="clr"></div>
  </div>
  <!--- slider ends -->
      
  <div class="main_resize" id="gallery" style="border-bottom: 0px;">
  
  <!-- get first item background to determine below -->
  
      <!-- <div class="main_resize_bg" > -->
    
    

		
		



		
		

<div class="main_resize_bg" style="background:#FFFFFF; padding: 0px 0px;"> </div><div class="main_resize_bg" style="background:#FFFFFF"><div class="clr"></div>
    			<div class="columns">
       			<h2 class="bach" ><span></span></h2>
      			 	<div class="center_full bordered "><p style="text-align: center;"><strong><span style="font-size: 24pt;"><br />Welcome To Lighthouse Baptist Church</span></strong></p>
        		 	</div>
        			<div class="clr"></div>
      			</div> </div><div class="main_resize_bg" style="background:#FFFFFF"><div class="clr"></div>
    			<div class="columns">
       			<h2 class="bach" ><span></span></h2>
      			 	<div class="center_full bordered "><h3 ><i class="fa fa-globe"></i> Welcome</h3></center><figure style="max-width: 165px; float: left; width: 165px; margin: 0px 10px 10px 0px;"><img src="https://www.ocs2.net/folders/LighthouseBC/files/b928a8e64635b8696df81ecd1bea02f1.jpg" data-image="1" width="165" height="220"></figure>
<p><br>Here at Lighthouse Baptist Church, we are blessed to call our self an independent, fundamental Baptist church. We believe in soul winning, world missions, God honoring&nbsp;music, modest appearance, the King James Bible for the English speaking culture, and loving, serving and praising God.</p>
<p>We are excited to see the hand of God at work in the growth and ministries of our church. We would like to extend an invitation to you to come and visit us, enjoy the preaching of the Word of God, and be blessed by the fellowship of God's people. If you are moving to the Washington D.C. and Northern Virginia area, or just planning a visit, we would be thrilled and honored to have you as our guest.</p>
<p><em>Except the LORD build the house, they labour in vain that build it...&nbsp;<strong>Psalms 127:1</strong></em></p><p><em><strong>Philip J. Bishop, Pastor<br></strong></em></p>
        		 	</div>
        			<div class="clr"></div>
      			</div> </div><div class="main_resize_bg" style="background:#FFFFFF"><div class="clr"></div>
    	<div class="columns">
        <h2 class="bach"  ><span></span></h2>
        <div class="center_small_box_half bordered "><h3 ><i class="fa fa-rss"></i> Recent Sermons</h3></center><p><div id="" style="overflow-y: scroll; height:250px; border: 1px dotted #cccccc;
    clear: both;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 10px;
    padding-top: 16px;" >
<style type="text/css">
		ul.twitbox {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul.twitbox li{
			border-bottom:1px dashed #D2DADA;
			padding: 10px;
			font-size: 11px;
			color: #333333;
			margin-left:0px;
		}
		
		ul.twitbox li.mytwitHead a {
			font-size: 22px;
			font-weight: normal;
			font-size: 11px;

		}
		ul.twitbox li.mytwitHead img{
			padding-right: 10px;
		}
		ul.twitbox li a {
			color: #0084B4;
			text-decoration: none;
		}
		ul.twitbox li a:hover { text-decoration: underline; }
		ul.twitbox span.twhen {
			color: #999999;
			font-size: 10px;
			font-style: italic;
			padding-top: 5px;
		}
		
		.date {
			color: #999999;
			font-size: 11px;
			font-style: italic;
			padding-top: 5px;

		}
		
		p { /*font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 10px; margin:0;*/}

img {
border: none;
}
		
</style>
	
	<!-- podcast plugin -->

</head>
<body>

<ul class="twitbox"><li class="mytwitHead"><p class = "date">2026-06-07</p><p><b>The Song of the Grateful Heart</b><br>Speaker: Pastor Philip Bishop<br></p><p align="right"><a href="#" onclick="window.open('//www.podcastyoursermons.com/media_player_7.0/listen.php?id=55450','name','height=380, width=600, toolbar=no, directories=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false;"><img src="//www.podcastyoursermons.com/media_player_7.0/images/pys_listen_flat.png"></a><a href = "//www.podcastyoursermons.com/download.php?folder=light_file_2&file=2026.06.03_The_Song_of_the_Grateful_Hea.mp3"><img src="//www.podcastyoursermons.com/media_player_7.0/images/pys_save_flat.png"></a></p></li><li class="mytwitHead"><p class = "date">2026-05-31</p><p><b>My Prayer Time</b><br>Speaker: Pastor Philip Bishop<br></p><p align="right"><a href="#" onclick="window.open('//www.podcastyoursermons.com/media_player_7.0/listen.php?id=55451','name','height=380, width=600, toolbar=no, directories=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false;"><img src="//www.podcastyoursermons.com/media_player_7.0/images/pys_listen_flat.png"></a><a href = "//www.podcastyoursermons.com/download.php?folder=light_file_2&file=2026.05.31_My_Prayer_Time.mp3"><img src="//www.podcastyoursermons.com/media_player_7.0/images/pys_save_flat.png"></a></p></li><li class="mytwitHead"><p class = "date">2026-05-31</p><p><b>Rocks of the Heart</b><br>Speaker: Brother David Diehl - Missionary to Panama<br></p><p align="right"><a href="#" onclick="window.open('//www.podcastyoursermons.com/media_player_7.0/listen.php?id=55452','name','height=380, width=600, toolbar=no, directories=no, location=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false;"><img src="//www.podcastyoursermons.com/media_player_7.0/images/pys_listen_flat.png"></a><a href = "//www.podcastyoursermons.com/download.php?folder=light_file_2&file=2026.05.31_Rocks_of_the_Heart.mp3"><img src="//www.podcastyoursermons.com/media_player_7.0/images/pys_save_flat.png"></a></p></li></ul><br><br><br><br><br><br><br> 
    </div>
  
<!-- DC Vertical Inline Content End --></p>
        </div>
        <div class="center_small_box_half bordered "><h3 ><i class="fa fa-calendar"></i> Upcoming Events</h3></center><p><div id="" style="overflow-y: scroll; height:250px; border: 1px dotted #cccccc;
    clear: both;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 10px;
    padding-top: 16px;" > 
   
</div>
<!-- DC Vertical Inline Content End --></p>
        </div>
        <div class="clr"></div>
      </div></div></div>
        			 <div class="main_resize" id="gallery" >
        			<div class="main_resize_bg" style="padding: 0px 35px;">    
    	
    </div>
  
    <div class="clr"></div>
  </div>
  
    <!--main_resize end  -->
  
  
<div class="background">
    <h2 class="title"><span style = "font-size: 30px!important;
    font-weight: 300!important;
    color: #c32a31!important;"> Stay Connected</span></h2>
   
      <div class="main_resize" style="">
      <center>
      <a href = "//www.facebook.com/pages/Lighthouse-Baptist-Church/113995635297727" target="_blank"><img src = "template_icons/circle_icons_48/fb.png"  style="padding:5px;"></a>      </center>
      


      <br>
      <!--main_resize end  --> 
      
    </div>
    <div class="clr"></div>



		
		



		
		

<div class="prefooter">
    <div class="main_resize_new">
      <div class="columns"><div class="pref_blog">
          <h2 class="not_font_color">Contact Us</h2>
         <p>5901 Wilton Road <br />Alexandria, VA 22310 <br />(703) 960-8500</p>
        </div></div></div></div><section class="semantic-content" id="event"
				tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">

			<div class="modal-inner">
				
				
				<div id="event_details"></div>
				

				<footer>
					<p></p>
				</footer>
			</div>

			<a href="#!" class="modal-close" title="Close this modal"
					data-dismiss="modal">&times;</a>
			
		
		</section>
		
		


		        
       
        <div class="clr"></div>
      </div>
      <!--main_resize end  -->
      <div class="clr"></div>
    </div>
    
     <div class="clr"></div>
        <div class="prefooter2">

 	

      <br>
      &copy; 2015-2026&nbsp;Lighthouse Baptist Church<br>Powered by <a href="//www.onlinechurchsolutions.com?ref=287" rel="nofollow" target="_blank">Online Church Solutions</a><br><br></div>
      <!--main_resize end  --> 
    </div>
    
    </div>



    <div class="clr"></div>
  </div>
</div>

 
 <script>
	var refTagger = {
		settings: {
			bibleVersion: "KJV"			
		}
	};
	(function(d, t) {
		var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
		g.src = "//api.reftagger.com/v2/RefTagger.js";
		s.parentNode.insertBefore(g, s);
	}(document, "script"));
</script>





 
 <script>
			function submitForm() {
    			$.ajax({type:'POST', url: 'sms_signup_form.php', data:$('#smsForm').serialize(), success: function(response) {
        		$('#formresult').html(response);
    			}});

    			return false;
				}
				
				

		</script>

 <script>
			function submitFormEmail() {
    			$.ajax({type:'POST', url: 'email_signup_form.php', data:$('#emailForm').serialize(), success: function(response) {
        		$('#formresultemail').html(response);
    			}});

    			return false;
				}
				
				

		</script>
</body>
</html>
<script>
var h = document.getElementById("content_leftbar").offsetHeight;
 document.getElementById("sidebar_leftbar").style.height = h + "px";
</script>


<script>
window.addEventListener('load', function() {
    // Select all iframes on the page
    var iframes = document.querySelectorAll('iframe');

    // Loop through each iframe
    iframes.forEach(function(iframe) {
        // Check if the height is 800px
        if (iframe.style.height === '800px' || iframe.height === '800') {
            // Change the height to 820px
            iframe.style.height = '820px';
        }
    });
});

document.addEventListener("DOMContentLoaded", function() {
    const links = document.querySelectorAll('a');

    links.forEach(link => {
        const linkText = link.textContent.trim();
        if (linkText.startsWith('http') || linkText.startsWith('www.') || linkText.startsWith('youtube.com')) {
            // Shorten the text to the first 15 characters plus "..."
            const shortenedText = linkText.substring(0, 15) + '...';
            link.textContent = shortenedText;
        }
    });
});



</script>

 



<script>

///?John#Smith
// To get "John"
/// var firstName = top.location.search.substring(1);
// To get "Smith"
///var lastName = top.location.hash.substring(1);

    
    ///var hash = window.location.hash;
    ///var newhash = hash.substring(6);
    
    var newhash = top.location.search.substring(1);


    ///document.getElementById("demo").innerHTML = newhash;
    
     $.ajax({

     type: "GET",
     url: 'event_ajax.php',
     data: "event_id=" + newhash,
     success: function(data) {
           // data is ur summary
           
            		 	///console.log( data ); // Data returned
            		 	///console.log( newhash ); // Data returned

           
          $('#event_details').hide().html(data).fadeIn();
          
                    $('form').jqTransform({imgPath:'form_beautify/img/'});

  		$.getScript( "//www.ocs2.net/share_test/assets/js/SuperSocialShare.js", function( data, textStatus, jqxhr ) {
 		 	// console.log( data ); // Data returned
  			// console.log( textStatus ); // Success
  			// console.log( jqxhr.status ); // 200
  			// console.log( "Load was performed." );
		  });
		  
		  $.getScript( "//www.ocs2.net/share_test/assets/js/general.js", function( data, textStatus, jqxhr ) {
 		 	// console.log( data ); // Data returned
  			// console.log( textStatus ); // Success
  			// console.log( jqxhr.status ); // 200
  			// console.log( "Load was performed." );
		  });
		  
		  		  $.getScript( "//addtocalendar.com/atc/1.5/atc.min.js", function( data, textStatus, jqxhr ) {
 		 	// console.log( data ); // Data returned
  			// console.log( textStatus ); // Success
  			// console.log( jqxhr.status ); // 200
  			// console.log( "Load was performed." );
		  });
		  



     }

   });

    

</script>
