<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/831/atrn8319287.jpg" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="JLI,Teens" />
<meta name="title" content="JLI Teens - Chabad of Clarksville, Maryland" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="1344463-1344471-3218899" />
<meta name="article-keywords" content="8495-8497-16402-16403-21139-2170-2898" />
<meta name="scope-aid" content="1344463" />
<meta name="scope-aid" content="1344471" />
<meta name="scope-aid" content="3218899" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8497" />
<meta name="article-keyword" content="16402" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="21139" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadclarksville.org/templates/section_cdo/aid/3218899/jewish/JLI-Teens.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="JLI Teens - Chabad of Clarksville, Maryland" /><link rel="canonical" href="https://www.chabadclarksville.org/templates/section_cdo/aid/3218899/jewish/JLI-Teens.htm" />
<link rel="icon" type="image/jpg" href="https://www.chabadclarksville.org/media/images/831/atrn8319287.jpg" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/minisites/themes/jli_teens/styles.css" id="k16402" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	JLI Teens - Chabad of Clarksville, Maryland
</title>
	


<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2016-02-04","primaryArticleId":3218899,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"JLI Teens","siteName":"Chabad of Clarksville, Maryland"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":1,"hebrewDate":"5786-04-16"}});
		dataLayer.push({ 'articleHierarchy': '-1344463-1344471-3218899-', 'keywords': '-k2898-k2170-k21139-k16403-k16402-k8497-k8495-', 'k': '-1344463-1344471-3218899--k2898-k2170-k21139-k16403-k16402-k8497-k8495-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 6360000;var sc_partition = 80;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "bce15bf0";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c81.statcounter.com/counter.php?sc_project=6360000&amp;java=0&amp;security=bce15bf0&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


</head>
<body class="lang_en dir_ltr cco_body section_root sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadClarksville.org</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
				<div id="HeaderSubscribe" class="top_bar_item topBarLink cco_topbar_link subscribe_link">Subscribe
					<div id="HeaderSubscribeContainer" class="topBarLayer" style="display:none;width:295px;">
						<div id="SubscribeFormContainer">
							<span id="SubscribeMessage" class="error" style="display:none;"></span>
							<form name="topSubscribe7eefa70805" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('7eefa70805FormContainer'), document.getElementById('7eefa70805ResponseContainer'));">



<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="1ba9b697-c7af-44d1-b40a-21266465a81e" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="1ba9b697-c7af-44d1-b40a-21266465a81e"></div>	

<div class="container horizontal_padding" id="7eefa70805Container">
<div style="margin:10px 0;">
<div class="co_form_container" id="7eefa70805FormContainer">
<input type="text" maxlength="50" class="co_global_input float_left medium_bottom_margin" value="" required="" display_name="First Name" id="Fname" name="fname" placeholder="First Name">
<input type="text" maxlength="50" class="co_global_input float_right medium_bottom_margin" value="" required="" display_name="Last Name" id="Lname" name="lname" placeholder="Last Name">
<div class="form_group">
<input type="hidden" name="via" value="inlineSubscribeBox:68799;" />
<input type="text" class="co_global_input medium_bottom_margin" value="" required="" display_name="Email" id="SubscribeEmail" name="email" placeholder="Email Address">
<div id="CoButton_wrapper" class="co_global_submit" style="width:100%;padding:0;"><button id="CoButton" type="submit" class="button" value="Subscribe"><span>Subscribe</span></button></div>
</div>
<div class="break_floats"></div>
<div class="light_grey f-small" style="padding-top:3px;padding-left:3px;">
<input type="hidden" name="subscriptionid" value="6085" />
Subscribe to Newsletter
</div>
</div>
<div id="7eefa70805ResponseContainer"></div>
</div>
</div>
</form>
<!-- END CACHE -->
							<div class="break_floats"></div>
						</div>
						<div class="blue f-small bold small_vertical_padding medium_horizontal_padding footer_box">
							<a href="/tools/subscribe/default_cdo">View all subscriptions &raquo;</a>
						</div>
					</div>
				</div>
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/tools/feedback.asp">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/1344472">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=3218899&amp;jewish=JLI-Teens.htm" class="login_link" id="login_link">Sign In</a>
			
			
		
</div>
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline  logo">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/831/atrn8319287.jpg" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Chabad of Clarksville, Maryland" class="site_title">Chabad of Clarksville, Maryland<span class="site_subtitle clearfix"> </span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639044712000000000";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="1344472" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/1377915/jewish/About-Us.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="1377915">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>About Us</span>
</a>
<a href="/templates/articlecco_cdo/aid/1377267/jewish/What-is-Chabad.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="1377267">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>What is Chabad?</span>
</a>
<a href="/templates/articlecco_cdo/aid/1462915/jewish/Myths-Facts.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="1462915">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Myths & Facts</span>
</a>
<a href="/templates/articlecco_cdo/aid/1711960/jewish/Chai-Club.htm" class="item empty" id="menu_item1-4" data-menu-level="2" data-aid="1711960">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chai Club</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/1344472/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/1344472/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="1344472"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="2551860" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/2551860/jewish/Upcoming-Events.htm" class="parent">Upcoming<br />Events</a></div></span><a href="/templates/articlecco_cdo/aid/2551860/jewish/Upcoming-Events.htm" class="bg_extension js-parent-menu-link" data-aid="2551860"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="1588655" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/1588656/jewish/About.htm" class="item empty" id="menu_item3-1" data-menu-level="2" data-aid="1588656">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>About</span>
</a>
<a href="/templates/articlecco_cdo/aid/1588657/jewish/High-Holidays.htm" class="item" id="menu_item3-2" data-menu-level="2" data-aid="1588657">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>High Holidays</span>
</a>
<a href="/templates/articlecco_cdo/aid/1588658/jewish/Membership.htm" class="item empty" id="menu_item3-3" data-menu-level="2" data-aid="1588658">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Membership</span>
</a>
<a href="/templates/articlecco_cdo/aid/1588660/jewish/Programs.htm" class="item empty" id="menu_item3-4" data-menu-level="2" data-aid="1588660">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Programs</span>
</a>
<a href="/templates/articlecco_cdo/aid/1599482/jewish/Shabbat-Festival-Dinners.htm" class="item" id="menu_item3-5" data-menu-level="2" data-aid="1599482">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Shabbat & Festival Dinners</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/1604700/jewish/Reservation-Form.htm" class="child_item default" data-menu-level="3" data-aid="1604700"><span>Reservation Form</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-5" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/3624903/jewish/Family-Shabbat-Dinner-Sponsorship.htm" class="child_item default" data-menu-level="3" data-aid="3624903"><span>Family Shabbat Dinner Sponsorship</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/1588655/jewish/Synagogue.htm" class="parent">Synagogue</a></div></span><a href="/templates/section_cdo/aid/1588655/jewish/Synagogue.htm" class="bg_extension js-parent-menu-link" data-aid="1588655"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="1344476" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/dailystudy/default_cdo/jewish/Daily-Study.htm" class="item hover" id="menu_item4-1" data-menu-level="2" data-aid="1456283">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Daily Study</span>
</a>
<a href="/library/article_cdo/aid/109866/jewish/Essentials.htm" class="item" id="menu_item4-2" data-menu-level="2" data-aid="1456285">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Beliefs</span>
</a>
<a href="/library/article_cdo/aid/109853/jewish/Chassidic-Thought.htm" class="item" id="menu_item4-3" data-menu-level="2" data-aid="1457507">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Spirituality</span>
</a>
<a href="/theJewishWoman/default_cdo/jewish/The-Jewish-Woman.htm" class="item" id="menu_item4-4" data-menu-level="2" data-aid="1457508">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Women</span>
</a>
<a href="/library/article_cdo/aid/577994/jewish/Online-Jewish-Resources.htm" class="item" id="menu_item4-5" data-menu-level="2" data-aid="1462929">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Online Jewish Resources and Education</span>
</a>
<a href="/templates/articlecco_cdo/aid/2568532/jewish/JLI.htm" class="item empty" id="menu_item4-6" data-menu-level="2" data-aid="2568532">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>JLI</span>
</a>
<a href="http://www.myjli.com" class="item empty" id="menu_item4-7" data-menu-level="2" data-aid="1809315">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>MyJLI.com</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child selected" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/dailystudy/torahreading_cdo/jewish/Chumash-with-Rashi.htm" class="child_item default" data-menu-level="3" data-aid="9079"><span>Chumash with Rashi</span></a>
<a href="/dailystudy/tehillim_cdo/jewish/Tehillim-Psalms.htm" class="child_item default" data-menu-level="3" data-aid="8052"><span>Tehillim - Psalms</span></a>
<a href="/dailystudy/tanya_cdo/jewish/Tanya.htm" class="child_item default" data-menu-level="3" data-aid="6210"><span>Tanya</span></a>
<a href="/dailystudy/rambam.asp?rambamChapters=3" class="child_item default" data-menu-level="3" data-aid="1808837"><span>3 Chapters Rambam</span></a>
<a href="/dailystudy/rambam_cdo/jewish/1-Chapter-Rambam.htm" class="child_item default" data-menu-level="3" data-aid="1808838"><span>1 Chapter Rambam</span></a>
<a href="/dailystudy/seferHamitzvos_cdo/jewish/Daily-Mitzvah.htm" class="child_item default" data-menu-level="3" data-aid="9450"><span>Daily Mitzvah</span></a>
<a href="/dailystudy/hayomyom_cdo/jewish/Hayom-Yom.htm" class="child_item default" data-menu-level="3" data-aid="8100"><span>Hayom Yom</span></a>
<div class="child_item heading">Additional Study Options</div>
<a href="/dailystudy/dailywisdom.htm" class="child_item header" data-menu-level="3" data-aid="3960401"><span>Daily Wisdom</span></a>
<a href="/dailystudy/talmud.htm" class="child_item link" data-menu-level="3" data-aid="3960413"><span>Daily Talmud</span></a>
<a href="/library/article_cdo/aid/2452166/jewish/Daily-Torah-Study-App.htm" class="child_item link" data-menu-level="3" data-aid="5525420"><span>Daily Study App</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/3852084/jewish/An-Introduction-to-Jews-and-Judaism.htm" class="child_item default" data-menu-level="3" data-aid="3852084"><span>An Introduction to Jews and Judaism</span></a>
<a href="/library/article_cdo/aid/332562/jewish/Moshiach-101.htm" class="child_item default" data-menu-level="3" data-aid="332562"><span>Moshiach 101</span></a>
<a href="/library/article_cdo/aid/588018/jewish/Israel.htm" class="child_item default" data-menu-level="3" data-aid="588018"><span>Israel</span></a>
<a href="/library/article_cdo/aid/4084556/jewish/Hebrew.htm" class="child_item default" data-menu-level="3" data-aid="4084556"><span>Hebrew</span></a>
<a href="/library/article_cdo/aid/144586/jewish/The-Holy-Temple.htm" class="child_item default" data-menu-level="3" data-aid="144586"><span>The Holy Temple</span></a>
<a href="/library/article_cdo/aid/519246/jewish/The-Ten-Commandments.htm" class="child_item default" data-menu-level="3" data-aid="519246"><span>The Ten Commandments</span></a>
<a href="/library/article_cdo/aid/409337/jewish/Jewish-Identity.htm" class="child_item default" data-menu-level="3" data-aid="409337"><span>Jewish Identity</span></a>
<a href="/library/article_cdo/aid/332555/jewish/Maimonides-13-Principles-of-Faith.htm" class="child_item default" data-menu-level="3" data-aid="332555"><span>Maimonides' 13 Principles of Faith</span></a>
<a href="/library/article_cdo/aid/900047/jewish/Rambam-Daily-Study-Program.htm" class="child_item default" data-menu-level="3" data-aid="900047"><span>Rambam Daily Study Program</span></a>
<a href="/library/article_cdo/aid/163166/jewish/Issues.htm" class="child_item default" data-menu-level="3" data-aid="163166"><span>Issues</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/3900523/jewish/Mitzvah-Studies.htm" class="child_item default" data-menu-level="3" data-aid="3900523"><span>Mitzvah Studies</span></a>
<a href="/library/article_cdo/aid/1398397/jewish/Building-Blocks-of-Jewish-Thought.htm" class="child_item default" data-menu-level="3" data-aid="1398397"><span>Building Blocks of Jewish Thought</span></a>
<a href="/library/article_cdo/aid/3892957/jewish/Judaism-Essentials-Audio-Video.htm" class="child_item default" data-menu-level="3" data-aid="3892957"><span>Judaism Essentials Audio & Video</span></a>
<div class="child_item heading">Related Readings</div>
<a href="/library/article_cdo/aid/2313754/jewish/Key-Jewish-Facts.htm" class="child_item header" data-menu-level="3" data-aid="2313754"><span>Key Jewish Facts</span></a>
<a href="/library/article_cdo/aid/108385/jewish/Key-Jewish-FAQs.htm" class="child_item link" data-menu-level="3" data-aid="1757042"><span>Jewish FAQ's</span></a>
<a href="/library/article_cdo/aid/2123117/jewish/ChabadThink.htm" class="child_item link" data-menu-level="3" data-aid="2197511"><span>ChabadThink</span></a>
<a href="/library/article_cdo/aid/3338995/jewish/Bibliaphilia.htm" class="child_item default" data-menu-level="3" data-aid="3338995"><span>Bibliaphilia</span></a>
<a href="/library/article_cdo/aid/4157123/jewish/Yiddish.htm" class="child_item default" data-menu-level="3" data-aid="4157123"><span>Yiddish</span></a>
<a href="/library/article_cdo/aid/5559665/jewish/The-Seven-Laws-of-Noah.htm" class="child_item default" data-menu-level="3" data-aid="5559665"><span>The Seven Laws of Noah</span></a>
<a href="/library/article_cdo/aid/2126/jewish/The-Torah.htm" class="child_item default" data-menu-level="3" data-aid="2126"><span>The Torah</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/2123117/jewish/ChabadThink.htm" class="child_item default" data-menu-level="3" data-aid="2123117"><span>ChabadThink</span></a>
<a href="/library/article_cdo/aid/6589/jewish/Essays.htm" class="child_item default" data-menu-level="3" data-aid="6589"><span>Essays</span></a>
<a href="/library/article_cdo/aid/109856/jewish/Insights-Readings.htm" class="child_item default" data-menu-level="3" data-aid="109856"><span>Insights & Readings</span></a>
<a href="/library/article_cdo/aid/36442/jewish/Anthologies.htm" class="child_item default" data-menu-level="3" data-aid="36442"><span>Anthologies</span></a>
<a href="/library/article_cdo/aid/1723575/jewish/Research-Scholarship.htm" class="child_item default" data-menu-level="3" data-aid="1723575"><span>Research & Scholarship</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/theJewishWoman/article_cdo/aid/313387/jewish/Spirituality-the-Feminine.htm" class="child_item default" data-menu-level="3" data-aid="313387"><span>Spirituality & the Feminine</span></a>
<a href="/theJewishWoman/article_cdo/aid/313388/jewish/Relationships-Marriage.htm" class="child_item default" data-menu-level="3" data-aid="313388"><span>Relationships & Marriage</span></a>
<a href="/theJewishWoman/article_cdo/aid/323393/jewish/Birth-Parenting.htm" class="child_item default" data-menu-level="3" data-aid="323393"><span>Birth & Parenting</span></a>
<a href="/theJewishWoman/article_cdo/aid/313391/jewish/Voices-Inspiration.htm" class="child_item default" data-menu-level="3" data-aid="313391"><span>Voices & Inspiration</span></a>
<a href="/theJewishWoman/article_cdo/aid/2270149/jewish/Home-Health.htm" class="child_item default" data-menu-level="3" data-aid="2270149"><span>Home & Health</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child4-5" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/magazine/default_cdo/aid/9179/jewish/Magazine.htm" class="child_item link" data-menu-level="3" data-aid="577997"><span>Magazine</span></a>
<a href="/parshah/default_cdo/aid/6232/jewish/Torah-Portion.htm" class="child_item link" data-menu-level="3" data-aid="577998"><span>Parshah (Weekly Torah)</span></a>
<a href="/calendar/view/month_cdo/jewish/Jewish-Calendar.htm" class="child_item link" data-menu-level="3" data-aid="577999"><span>Jewish Calendar</span></a>
<a href="/holidays/default_cdo/jewish/Jewish-Holidays.htm" class="child_item link" data-menu-level="3" data-aid="578000"><span>Jewish Holidays</span></a>
<a href="/society/default_cdo/aid/132514/jewish/Community-Family.htm" class="child_item link" data-menu-level="3" data-aid="578001"><span>Community & Family</span></a>
<a href="/library/article_cdo/aid/325184/jewish/Mitzvahs-Traditions.htm" class="child_item link" data-menu-level="3" data-aid="578002"><span>Mitzvahs & Traditions</span></a>
<a href="/library/article_cdo/aid/325186/jewish/Lifecycle-Events.htm" class="child_item link" data-menu-level="3" data-aid="578003"><span>Lifecycle Events</span></a>
<a href="/library/article_cdo/aid/109866/jewish/Essentials.htm" class="child_item link" data-menu-level="3" data-aid="578004"><span>Essentials</span></a>
<a href="/library/article_cdo/aid/109853/jewish/Chassidic-Thought.htm" class="child_item link" data-menu-level="3" data-aid="578005"><span>Chassidic Thought</span></a>
<a href="/theJewishWoman/default_cdo/jewish/The-Jewish-Woman.htm" class="child_item link" data-menu-level="3" data-aid="578006"><span>The Jewish Woman</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/kids/default_cdo/jewish/JewishKidsorg.htm" class="child_item link" data-menu-level="3" data-aid="578007"><span>JewishKids.org</span></a>
<a href="/multimedia/default_cdo/aid/6230/jewish/Audio-Classes.htm" class="child_item link" data-menu-level="3" data-aid="578008"><span>Audio Classes</span></a>
<a href="/multimedia/default_cdo/aid/591213/jewish/Jewishtv.htm" class="child_item link" data-menu-level="3" data-aid="1384336"><span>Chabad.org Video</span></a>
<a href="/library/article_cdo/aid/76131/jewish/Texts-Writings.htm" class="child_item link" data-menu-level="3" data-aid="578009"><span>Texts & Writings</span></a>
<a href="/search/default_cdo/search/1/aid/67250/jewish/Knowledge-Base.htm" class="child_item link" data-menu-level="3" data-aid="1384390"><span>Knowledge Base</span></a>
<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm" class="child_item link" data-menu-level="3" data-aid="578011"><span>Ask the Rabbi</span></a>
<a href="/centers/default_cdo/jewish/Chabad-Centers-and-Synagogue-Directory.htm" class="child_item link" data-menu-level="3" data-aid="578012"><span>Chabad Centers and Synagogue Directory</span></a>
<a href="/therebbe/default_cdo/jewish/The-Rebbe.htm" class="child_item link" data-menu-level="3" data-aid="578013"><span>TheRebbe.org</span></a>
<a href="/news/default_cdo/jewish/Jewish-News.htm" class="child_item link" data-menu-level="3" data-aid="578014"><span>Jewish News</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-6" class="menu_child empty" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child4-7" class="menu_child empty" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/1344476/jewish/Adult-Education.htm" class="parent">Adult<br />Education</a></div></span><a href="/templates/articlecco_cdo/aid/1344476/jewish/Adult-Education.htm" class="bg_extension js-parent-menu-link" data-aid="1344476"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="3904226" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="http://campganisraelhc.org" class="parent">Camp&nbsp;Gan<br />Israel</a></div></span><a href="http://campganisraelhc.org" class="bg_extension js-parent-menu-link" data-aid="3904226"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/1344472" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/tools/feedback.asp">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">

<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_content_head">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="chabad_logo" align="left">
<h1>

<a href="/3218899">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/jli_teens/jli_teens_logo.png" border="0" alt="JLI Teens" />
</a>

</h1>
</td>
<td class="chabad_text_head">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/jli_teens/jli_teens_text_head.png" border="0" alt="JLI Teens" />

</td>
</tr>
</table>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent selected">
<a href="/article.asp?aid=3218899" class="parent selected">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3218901" class="parent">About Us</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3218902" class="parent">Photos</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3218903" class="parent">FAQ's</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3218906" class="parent">Course Information</a>
</li>

</ul>
</div>
</div>



</div>

<div id="chabad_body_content">
<div detached="true" class="chabad_left_colum" actions="copy,delete" type="static" name="content_area" id="ContentArea"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	
<div id="chabad_left_colum">

<div id="content_banner" class="chabad_banner_content">
<div class="chabad_image_content">
<div class="chabad_image_banner">

<img src="https://w2.chabad.org/media/images/936/VQLs9363567.jpg" border="0" alt="Welcome" /></div>
<div id="chabad_banner_text" class="chabad_text_banner">
<div class="chabad_welcome">welcome</div>

<div class="chabad_text_banner_description" ></div>
<h3 style="padding: 0px; margin: 0px 0px 10px; font-family: regenregular; font-weight: normal; text-transform: uppercase; color: rgb(240, 113, 0); line-height: 22px; font-size: 26px; background-color: rgb(255, 255, 255);" ></h3>
<h2 class="subMain" style="padding: 0px; margin: 0px; font-family: regenregular; font-weight: normal; text-transform: uppercase; font-size: 36px; color: rgb(240, 113, 0); line-height: 40px; background-color: rgb(255, 255, 255);">YOUNG. SMART. JEWISH.</h2>
<h3 class="subSub" style="padding: 0px; margin: 0px 0px 5px; font-family: regenregular; font-weight: normal; text-transform: uppercase; font-size: 22px; color: rgb(135, 181, 77); line-height: 25px; background-color: rgb(255, 255, 255);">TEENS GAIN LIFELONG SKILLS AND LIFELONG FRIENDS</h3>
<p style="padding: 0px; margin: 0px; font-size: 13px; line-height: 17px; color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; background-color: rgb(255, 255, 255);">In over 70 cities, on ﬁve continents, thousands of teens from all walks of life join together to discuss their identity and what being Jewish means in the 21st century.</p>

<a class="chabad_more_button" href="/3218901">
More...</a>
</div>
</div>
</div>

<div class="whatTeenSays" style="padding: 0px 0px 7px; margin: 0px auto 22px; border: none; outline: none; width: 497px; position: relative; color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;">
<a href="http://www.jliteens.com/index.html?task=pages&page=What%20Parents%20Say" class="whatSays" style="padding: 58px 0px 0px; margin: 0px; color: rgb(19, 172, 212); text-decoration: none; display: block; position: absolute; top: 30px; left: -94px; width: 85px; font-size: 15px; line-height: 18px; text-align: right; font-family: regenregular; text-transform: uppercase;">WHAT PARENTS SAY</a>
<a href="http://www.jliteens.com/index.html?task=pages&page=What%20Teens%20Say" class="whatSays instructor" style="padding: 0px 0px 58px; margin: 0px; color: rgb(136, 183, 80); text-decoration: none; display: block; position: absolute; top: 66px; left: auto; width: 80px; font-size: 15px; line-height: 18px; font-family: regenregular; text-transform: uppercase; right: -94px;">WHAT TEENS SAY</a>
<div class="aboutPlayer" style="padding: 0px 0px 0px 6px; margin: 0px; border: none; outline: none; width: 491px; height: 271px; position: relative;">
<div style="padding: 0px; margin: 0px; border: none; outline: none;">
<iframe width="491" height="271" src="https://www.youtube.com/embed/Gz2nt7nzK38?rel=0&showinfo=0&wmode=transparent" frameborder="0" style="padding: 0px; margin: 0px;" ></iframe></div></div></div>
<div class="aboutDesc" style="padding: 0px; margin: 0px; border: none; outline: none; width: 620px; color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px;">
<h2 style="padding: 0px; margin: 0px 0px 17px; font-family: regenregular; font-weight: normal; text-transform: uppercase; color: rgb(240, 113, 0); font-size: 38px; line-height: 35px;" ></h2></div>
</div>

</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>
<div id="chabad_right_colum">





<div align="center">
<map name="jliteens">
<area href="http://www.youtube.com/JLITeens" shape="rect" coords="0, 2, 131, 65" target="_blank" />
<area href="http://www.facebook.com/JLITeens" shape="rect" coords="0, 64, 131, 120" target="_blank" />
<area href="https://twitter.com/jliteens" shape="rect" coords="0, 119, 131, 166" target="_blank" />
</map>
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/jli_teens/social.jpg" usemap="#jliteens" border="0" />
</div>

<div id="chabad_box_text">
<div class="chabad_box_text_head" ></div>
<div class="chabad_box_text_body">
<div class="chabad_box_text_gradient">
<div class="chabad_box_text_comment">
<div class="item">

<div>
<strong>Instructor:</strong><br/>Rabbi YC&#160;Sufrin<br/>
<strong>Email: </strong><br/>rabbi@chabadclarksville.org<br/>
<strong>Phone Number: </strong><br/>443-474-0340</div>
</div>
</div>
</div>
</div>
<div class="chabad_box_text_footer" ></div>
</div>

</div>
</div></div></div>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadclarksville.org%2ftemplates%2fsection_cdo%2faid%2f3218899%2fjewish%2fJLI-Teens.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=JLI+Teens+-+Chabad+of+Clarksville%2c+Maryland&amp;url=https%3a%2f%2fwww.chabadclarksville.org%2ftemplates%2fsection_cdo%2faid%2f3218899%2fjewish%2fJLI-Teens.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=JLI+Teens+-+Chabad+of+Clarksville%2c+Maryland https%3a%2f%2fwww.chabadclarksville.org%2ftemplates%2fsection_cdo%2faid%2f3218899%2fjewish%2fJLI-Teens.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadclarksville.org%2ftemplates%2fsection_cdo%2faid%2f3218899%2fjewish%2fJLI-Teens.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=JLI+Teens+-+Chabad+of+Clarksville%2c+Maryland">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 1344471);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					



	<div class="footer3">
		<span class="footer-title" >Chabad of Clarksville, Maryland</span>
		<div class="footer-address">
			<span class="footer-street">6125 Tulane Drive </span>
			<span class="footer-city-state">Clarksville, MD 21029-1505</span>
		</div>
			<span>443-474-0340</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




					
				</div>
			</div>
		</div>
	


<div class="cs-f-social-icons">
	
			<a href="https://www.facebook.com/chabadclarksville" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
</div>
	

				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Clarksville, Maryland'}; Co.ArticleId     = '3218899';Co.SectionId     = 3218899;Co.PartnerSiteId = 0;Co.SiteId        = 8842;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadClarksville.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    


<script>
//<![CDATA[
    /* <-----------Upcoming Events Carousel (Google Sheets) ---------> */
    if (window.location.pathname === '/' || window.location.pathname === '/default.aspx' || window.location.pathname === '') {

        (async function() {

            // Global Error listener to catch broken images safely without triggering Cloudflare WAF via inline onerror attributes
            document.addEventListener('error', function(e) {
                if (e.target && e.target.tagName && e.target.tagName.toLowerCase() === 'img') {
                    if (!e.target.dataset.fallbackApplied) {
                        e.target.dataset.fallbackApplied = 'true';
                        e.target.src = 'https://placehold.co/400x300/eee/ccc?text=Image+Not+Found';
                    }
                }
            }, true);

            // =========================================================
            // CONFIGURATION
            // =========================================================
            const SHEET_ID = '1EPGntfwESm5hdd-RPpR7kmNARdvi9dpDT3YrJnO0ens'; 
            const TARGET_LOCATION = 'Chabad of Clarksville'; 
            const MAX_EVENTS = 10; 
            // =========================================================

            // Using \u0026 to guarantee XML/WAF parsers don't break on the ampersand
            const EVENTS_URL = `https://docs.google.com/spreadsheets/d/${SHEET_ID}/gviz/tq?tqx=out:json\u0026sheet=Events`;
            const SETTINGS_URL = `https://docs.google.com/spreadsheets/d/${SHEET_ID}/gviz/tq?tqx=out:json\u0026sheet=Settings`;
            
            let categoryColors = {}; 
            let locationLogos = {};
            let demoColors = {}; // Added for Demographics
            const dayOfWeekMap = { 'sunday':0, 'monday':1, 'tuesday':2, 'wednesday':3, 'thursday':4, 'friday':5, 'saturday':6 };

            function parseGoogleJson(text) {
                return JSON.parse(text.substring(text.indexOf('{'), text.lastIndexOf('}') + 1));
            }

            // Generate Calendar Links (Using Blob and DOM parsing to bypass WAF)
            function createCalendarLinks(title, desc, loc, dateObj, timeStr) {
                let hours = 0, mins = 0;
                if (timeStr) {
                    const match = timeStr.match(/(\d+):(\d+)\s*(AM|PM)/i);
                    if (match) {
                        hours = parseInt(match[1]); mins = parseInt(match[2]);
                        if (match[3].toUpperCase() === 'PM' && hours < 12) hours += 12;
                        if (match[3].toUpperCase() === 'AM' && hours === 12) hours = 0;
                    }
                }
                
                const start = new Date(dateObj);
                start.setHours(hours, mins, 0);
                const end = new Date(start.getTime() + 60 * 60 * 1000); 
                
                const formatICSDate = (d) => {
                    return d.getUTCFullYear() + String(d.getUTCMonth() + 1).padStart(2, '0') + String(d.getUTCDate()).padStart(2, '0') + 'T' + String(d.getUTCHours()).padStart(2, '0') + String(d.getUTCMinutes()).padStart(2, '0') + String(d.getUTCSeconds()).padStart(2, '0') + 'Z';
                };

                const startStr = formatICSDate(start);
                const endStr = formatICSDate(end);
                
                // Safely extract text without triggering WAF regex blocks
                const tempDiv = document.createElement('div');
                tempDiv.innerHTML = desc || '';
                const cleanDesc = tempDiv.textContent || tempDiv.innerText || '';

                const gCalUrl = `https://calendar.google.com/calendar/render?action=TEMPLATE\u0026text=${encodeURIComponent(title)}\u0026dates=${startStr}/${endStr}\u0026details=${encodeURIComponent(cleanDesc)}\u0026location=${encodeURIComponent(loc)}`;
                
                const icsContent = `BEGIN:VCALENDAR\nVERSION:2.0\nBEGIN:VEVENT\nDTSTART:${startStr}\nDTEND:${endStr}\nSUMMARY:${title}\nDESCRIPTION:${cleanDesc}\nLOCATION:${loc}\nEND:VEVENT\nEND:VCALENDAR`;
                
                // Use a Blob object to generate a secure internal URL instead of a "data:" URI payload that WAFs block
                const blob = new Blob([icsContent], { type: 'text/calendar;charset=utf-8' });
                const icsUrl = URL.createObjectURL(blob);

                return { gCalUrl, icsUrl };
            }

            const runTransformation = async () => {
                try {
                    // Fetch Settings for Colors and Logos
                    try {
                        const setRes = await fetch(SETTINGS_URL);
                        const setData = parseGoogleJson(await setRes.text());
                        if (setData && setData.table && setData.table.rows) {
                            setData.table.rows.forEach(row => {
                                const catName = row.c[0] ? String(row.c[0].v).trim() : null;
                                const catColor = row.c[1] ? String(row.c[1].v).trim() : null;
                                if(catName && catColor) categoryColors[catName.toLowerCase()] = catColor;

                                const locName = row.c[2] ? String(row.c[2].v).trim() : null;
                                const locLogo = row.c[3] ? String(row.c[3].v).trim() : null;
                                if(locName && locLogo) locationLogos[locName.toLowerCase()] = locLogo;
                                
                                // Added Demographic Colors fetch
                                const demoName = row.c[4] ? String(row.c[4].v).trim() : null;
                                const demoColor = row.c[5] ? String(row.c[5].v).trim() : null;
                                if(demoName && demoColor) demoColors[demoName.toLowerCase()] = demoColor;
                            });
                        }
                    } catch (err) { console.warn("Could not load Settings.", err); }

                    // Fetch Events
                    let processedEvents = [];
                    const today = new Date();
                    today.setHours(0,0,0,0);

                    const evRes = await fetch(EVENTS_URL);
                    const evText = await evRes.text();
                    if (evText.toLowerCase().includes('<!doctype html>')) return;

                    const evData = parseGoogleJson(evText);
                    const rows = evData.table.rows;

                    rows.forEach(row => {
                        const getVal = (idx) => (row.c && row.c[idx] && row.c[idx].v !== null) ? String(row.c[idx].v).trim() : '';
                        
                        const title = getVal(0);
                        if(!title) return; 

                        const location = getVal(12);
                        if (!location.toLowerCase().includes(TARGET_LOCATION.toLowerCase())) return; 

                        const description = getVal(1) || '';
                        const imageSrc = getVal(2) || 'https://placehold.co/600x400/eee/ccc?text=Event+Image';
                        const demographics = getVal(3); // Added demographics
                        const eventType = getVal(4);
                        
                        // ROBUST DATE PARSER
                        let dateObj = null;
                        let dateVal = row.c && row.c[6] ? row.c[6].v : null;
                        if (typeof dateVal === 'string' && dateVal.startsWith('Date(')) {
                            const parts = dateVal.match(/Date\((\d+),(\d+),(\d+)\)/);
                            if (parts) dateObj = new Date(parts[1], parts[2], parts[3]);
                        } else if (typeof dateVal === 'number') {
                            dateObj = new Date(Math.round((dateVal - 25569) * 86400 * 1000));
                        } else if (dateVal) {
                            dateObj = new Date(dateVal);
                        }

                        // TIME PARSER
                        let time = (row.c && row.c[7] && row.c[7].f) ? row.c[7].f : String(getVal(7));
                        if (time.startsWith('Date(')) {
                            const tParts = time.match(/Date\((\d+),(\d+),(\d+),(\d+),(\d+),(\d+)\)/);
                            if (tParts) {
                                let h = parseInt(tParts[4], 10);
                                let m = parseInt(tParts[5], 10);
                                let ampm = h >= 12 ? 'PM' : 'AM';
                                h = h % 12 || 12; m = m < 10 ? '0' + m : m;
                                time = `${h}:${m} ${ampm}`;
                            }
                        }

                        const isRecurring = String(getVal(8)).toLowerCase() === 'true' || String(getVal(8)).toLowerCase() === 'yes';
                        const dayOfWeekStr = String(getVal(9)).toLowerCase();
                        const untilDateRaw = row.c && row.c[10] ? row.c[10].v : null;
                        let moreInfoLink = getVal(11) || '#';
                        const institution = getVal(12);

                        const displayTitle = title.replace('[E]', '').trim();

                        if (isRecurring && dayOfWeekMap[dayOfWeekStr] !== undefined && untilDateRaw) {
                            let currentDate = new Date();
                            currentDate.setHours(0,0,0,0);
                            
                            let untilDate = null;
                            if(typeof untilDateRaw === 'string' && untilDateRaw.startsWith('Date(')){
                                const parts = untilDateRaw.match(/Date\((\d+),(\d+),(\d+)\)/);
                                if(parts) untilDate = new Date(parts[1], parts[2], parts[3]);
                            } else { untilDate = new Date(untilDateRaw); }

                            const targetDay = dayOfWeekMap[dayOfWeekStr];

                            if (untilDate) {
                                let loopCount = 0; 
                                while (currentDate <= untilDate && loopCount < 365) {
                                    if (currentDate.getDay() === targetDay && currentDate >= today) {
                                        const calLinks = createCalendarLinks(displayTitle, description, location, currentDate, time);
                                        processedEvents.push({ title: displayTitle, description, imageSrc, eventType, demographics, location, institution, time, moreInfoLink, dateObj: new Date(currentDate), calLinks });
                                    }
                                    currentDate.setDate(currentDate.getDate() + 1);
                                    loopCount++;
                                }
                            }
                        } 
                        else if (dateObj && dateObj >= today) {
                            const calLinks = createCalendarLinks(displayTitle, description, location, dateObj, time);
                            processedEvents.push({ title: displayTitle, description, imageSrc, eventType, demographics, location, institution, time, moreInfoLink, dateObj: dateObj, calLinks });
                        }
                    });

                    const featuredEvents = processedEvents.sort((a, b) => a.dateObj - b.dateObj).slice(0, MAX_EVENTS);

                    if (featuredEvents.length === 0) return;

                    // --- DOM Injection Logic ---
                    const eventsSection = document.createElement('div');
                    eventsSection.className = 'injected-featured-events-section';
                    eventsSection.id = 'injected-upcoming-events-section';

                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header"><h2>Upcoming Events</h2></div>
                    `;

                    const carouselContainer = document.createElement('div');
                    carouselContainer.className = 'injected-events-carousel-container';
                    const carouselWrapper = document.createElement('div');
                    carouselWrapper.className = 'injected-events-carousel-wrapper';

                    featuredEvents.forEach((ev) => {
                        let tagColor = 'var(--color-primary-navy)'; 
                        if (ev.eventType && categoryColors[ev.eventType.toLowerCase()]) tagColor = categoryColors[ev.eventType.toLowerCase()];
                        
                        let dColor = '#888888';
                        if (ev.demographics && demoColors[ev.demographics.toLowerCase()]) dColor = demoColors[ev.demographics.toLowerCase()];

                        let logoHtml = '';
                        if (ev.institution && locationLogos[ev.institution.toLowerCase()]) {
                            logoHtml = `<img src="${locationLogos[ev.institution.toLowerCase()]}" class="uec-inst-logo" alt="Logo" />`;
                        }

                        const dateStr = ev.dateObj.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' }).toUpperCase();
                        let timeText = ev.time ? ev.time.trim().toUpperCase() : '';
                        if (timeText) timeText = timeText.replace(/(\d)([AP]M)$/, '$1 $2');
                        const dateTimeString = timeText ? `${dateStr} | ${timeText}` : dateStr;

                        const card = document.createElement('div');
                        card.className = 'unified-event-card';
                        card.innerHTML = `
                            <div class="uec-image">
                                <a href="${ev.moreInfoLink}">
                                    <img src="${ev.imageSrc}" alt="${ev.title}" />
                                </a>
                            </div>
                            <div class="uec-body">
                                <div class="uec-header-row">
                                    <div class="uec-tags">
                                        ${ev.eventType ? `<span class="uec-category" style="background-color: ${tagColor}">${ev.eventType}</span>` : ''}
                                        ${ev.demographics ? `<span class="uec-category" style="background-color: ${dColor}">${ev.demographics}</span>` : ''}
                                    </div>
                                    ${logoHtml}
                                </div>
                                
                                ${ev.location ? `<div class="uec-location"><i class="fas fa-map-marker-alt"></i> ${ev.location}</div>` : ''}
                                <div class="uec-date"><i class="far fa-clock"></i> ${dateTimeString}</div>
                                
                                <h3 class="uec-title"><a href="${ev.moreInfoLink}">${ev.title}</a></h3>
                                <div class="uec-desc" title="${ev.description.replace(/"/g, '\u0026quot;')}">${ev.description}</div>
                                
                                <div class="uec-actions">
                                    <a href="${ev.moreInfoLink}" class="uec-btn-main">MORE INFO</a>
                                    <div class="uec-cal-col">
                                        <a href="${ev.calLinks.gCalUrl}" target="_blank" class="uec-btn-cal" title="Add to Google Calendar">
                                            <i class="fab fa-google"></i> Add to Google Calendar
                                        </a>
                                        <a href="${ev.calLinks.icsUrl}" download="event.ics" class="uec-btn-cal" title="Add to Apple/Outlook Calendar">
                                            <i class="fab fa-apple"></i> Add to Apple / Outlook
                                        </a>
                                    </div>
                                </div>
                            </div>
                        `;
                        carouselWrapper.appendChild(card);
                    });

                    const viewAllCard = document.createElement('a');
                    viewAllCard.className = 'unified-event-card view-all-card';
                    viewAllCard.href = 'https://www.chabadclarksville.org/templates/articlecco_cdo/aid/7294561/jewish/Upcoming-Events.htm';
                    viewAllCard.innerHTML = `
                      <div class="view-all-content">
                        <h3>View All</h3><p>Upcoming Events</p><span class="view-all-arrow">→</span>
                      </div>
                    `;
                    carouselWrapper.appendChild(viewAllCard);

                    carouselContainer.appendChild(carouselWrapper);
                    eventsSection.appendChild(carouselContainer);

                    const swipeHint = document.createElement('div');
                    swipeHint.className = 'mobile-swipe-hint';
                    swipeHint.innerHTML = '<span>Swipe for more events</span> <span class="arrow">→</span>';
                    eventsSection.appendChild(swipeHint);

                    if (featuredEvents.length > 3) {
                        const prevButton = document.createElement('button');
                        prevButton.className = 'events-carousel-arrow prev'; prevButton.innerHTML = '❮';
                        const nextButton = document.createElement('button');
                        nextButton.className = 'events-carousel-arrow next'; nextButton.innerHTML = '❯';
                        carouselContainer.appendChild(prevButton); carouselContainer.appendChild(nextButton);

                        let currentIndex = 0;
                        const itemsToShowDesktop = 3;
                        const totalItems = carouselWrapper.children.length;

                        const updateCarousel = () => {
                            if (carouselWrapper.children.length === 0) return;
                            const cardWidth = carouselWrapper.children[0].offsetWidth;
                            const gap = 30;
                            const totalMove = (cardWidth + gap) * currentIndex;
                            carouselWrapper.style.transform = `translateX(-${totalMove}px)`;
                            prevButton.disabled = currentIndex === 0;
                            nextButton.disabled = currentIndex >= totalItems - itemsToShowDesktop;
                        };

                        prevButton.addEventListener('click', () => { if (currentIndex > 0) { currentIndex--; updateCarousel(); } });
                        nextButton.addEventListener('click', () => { if (currentIndex < totalItems - itemsToShowDesktop) { currentIndex++; updateCarousel(); } });

                        updateCarousel();
                        window.addEventListener('resize', updateCarousel);
                    }

                    const insertionPoint = document.querySelector('#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div.hp-row.hp-row-first');

if (insertionPoint) {
    // This puts the eventsSection exactly after the insertionPoint
    insertionPoint.after(eventsSection);
} else {
    // If that giant selector fails, it adds it to the bottom of the page
    document.body.appendChild(eventsSection);
}

                } catch (error) { console.error('Error fetching data:', error); }
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Raleway:wght@400;700;900&display=swap');
                    :root { --color-accent-green: #afc78b; --color-accent-plum: #6b1457; --color-primary-navy: #212459; --color-bg-light: #f8f9fa; }
                    .injected-featured-events-section { padding: 80px 20px; background-color: var(--color-bg-light); font-family: 'Poppins', sans-serif; box-sizing: border-box; }
                    .injected-featured-events-header { text-align: center; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; }
                    .injected-featured-events-header h2 { font-size: 42px; font-weight: 700; color: var(--color-primary-navy); letter-spacing: -1px; margin-bottom: 10px; position: relative; display: inline-block; }
                    .injected-featured-events-header h2:after { content: ''; display: block; width: 60px; height: 4px; background: var(--color-accent-green); margin: 15px auto 0; border-radius: 2px; }
                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0 40px 0; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
                    
                    /* UNIFIED CARD STYLES FOR HOMEPAGE */
                    .unified-event-card { 
                        flex: 0 0 calc(33.333% - 20px); background: #ffffff; border-radius: 16px; overflow: hidden; 
                        box-shadow: 0 10px 40px -10px rgba(33, 36, 89, 0.1); display: flex; flex-direction: column; 
                        border: 1px solid rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease;
                    }
                    .unified-event-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px -10px rgba(33, 36, 89, 0.2); }
                    
                    .uec-image { position: relative; height: 200px; overflow: hidden; background-color: #eee; flex-shrink: 0; }
                    .uec-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
                    .unified-event-card:hover .uec-image img { transform: scale(1.05); }
                    
                    .uec-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    
                    .uec-header-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; gap: 10px; }
                    .uec-tags { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
                    .uec-category { 
                        display: inline-flex; align-items: center; justify-content: center;
                        font-size: 10px; font-weight: 700; text-transform: uppercase; 
                        padding: 4px 12px; border-radius: 50px; 
                        color: white; white-space: nowrap; 
                    }
                    
                    .uec-inst-logo { max-height: 28px; max-width: 90px; object-fit: contain; }
                    
                    .uec-location { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; color: #555; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
                    .uec-date { font-family: 'Poppins', sans-serif; color: var(--color-accent-plum); font-weight: 700; font-size: 13px; letter-spacing: 0.5px; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
                    
                    .uec-title { margin: 0 0 10px; line-height: 1.3; }
                    .uec-title a { font-size: 18px; font-weight: 700; color: var(--color-primary-navy); text-decoration: none; transition: color 0.2s; }
                    .uec-title a:hover { color: var(--color-accent-plum); }
                    
                    .uec-desc { font-size: 13px; color: #666; line-height: 1.5; margin: 0 0 20px; flex-grow: 1; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
                    
                    .uec-actions { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
                    .uec-btn-main { display: block; width: 100%; background-color: var(--color-primary-navy); color: white; padding: 10px; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; border: 2px solid var(--color-primary-navy); transition: all 0.2s; font-size: 13px; }
                    .uec-btn-main:hover { background-color: var(--color-accent-plum); border-color: var(--color-accent-plum); color: white; }
                    
                    .uec-cal-col { display: flex; flex-direction: column; gap: 8px; }
                    .uec-btn-cal { display: block; width: 100%; text-align: center; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: 600; color: #555; background: #f0f0f0; text-decoration: none; transition: all 0.2s; box-sizing: border-box; }
                    .uec-btn-cal:hover { background: #e0e0e0; color: #222; }
                    .uec-btn-cal i { margin-right: 4px; }

                    .view-all-card { justify-content: center; align-items: center; text-align: center; background-color: #ffffff; border: 2px dashed var(--color-accent-green); text-decoration: none; }
                    .view-all-card:hover { background-color: #fcfcfc; border-color: var(--color-accent-plum); }
                    .view-all-card .view-all-content h3 { font-size: 22px; font-weight: 700; color: var(--color-accent-plum); margin: 0 0 5px; text-transform: uppercase; }
                    .view-all-card .view-all-content p { font-size: 15px; color: #888; margin: 0 0 15px; }
                    .view-all-card .view-all-arrow { font-size: 32px; font-weight: bold; color: var(--color-accent-green); transition: transform 0.3s; display: inline-block; }
                    .view-all-card:hover .view-all-arrow { transform: translateX(5px); color: var(--color-accent-plum); }

                    .events-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1px solid #eee; border-radius: 50%; width: 48px; height: 48px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--color-primary-navy); z-index: 10; transition: all 0.2s; }
                    .events-carousel-arrow:hover { background-color: var(--color-primary-navy); color: #fff; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }
                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 10px; font-family: 'Poppins', sans-serif; color: #999; font-size: 13px; align-items: center; justify-content: center; gap: 8px; }
                    
                    @media (max-width: 1250px) { .events-carousel-arrow.prev { left: 10px; } .events-carousel-arrow.next { right: 10px; } }
                    @media (max-width: 900px) { .unified-event-card { flex-basis: calc(50% - 15px); } }
                    @media (max-width: 600px) {
                      .injected-featured-events-header h2 { font-size: 28px; }
                      .injected-events-carousel-container { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 0 20px 20px 20px; margin: 0 -20px; }
                      .injected-events-carousel-container::-webkit-scrollbar { display: none; }
                      .injected-events-carousel-wrapper { width: max-content; transform: none !important; padding-right: 20px; gap: 15px; }
                      .unified-event-card { flex-basis: 85vw; scroll-snap-align: start; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
                      .events-carousel-arrow { display: none; }
                      .mobile-swipe-hint { display: flex; }
                    }
                `;
                document.head.appendChild(style);
            };

            injectCSS();
            if (document.readyState === 'complete' || document.readyState === 'interactive') runTransformation();
            else window.addEventListener('DOMContentLoaded', runTransformation);

        })();
    }
//]]>
</script>
</body>
</html>