<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<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/1137/GnNi11375549.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Summer,Social" />
<meta name="title" content="Summer Social" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="62717-62721-4119598-4122275-4122276" />
<meta name="article-keywords" content="17729-2902-8495-21139-8503-2170-2898" />
<meta name="scope-aid" content="62717" />
<meta name="scope-aid" content="62721" />
<meta name="scope-aid" content="4119598" />
<meta name="scope-aid" content="4122275" />
<meta name="scope-aid" content="4122276" />
<meta name="article-keyword" content="17729" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="21139" />
<meta name="article-keyword" content="8503" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadnorthbrook.com/templates/photogallery_cdo/aid/4122276/jewish/Summer-Social.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Summer Social" /><link rel="canonical" href="https://www.chabadnorthbrook.com/templates/photogallery_cdo/aid/4122276/jewish/Summer-Social.htm" />
<link rel="icon" type="image/png" href="https://www.chabadnorthbrook.com/media/images/1137/GnNi11375549.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/minisites/mobile-menu.css?v=7D9BE3B4" id="k8503" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?v=AA129DC0" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="-1" />
	<meta property="og:type" content="article" />
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:site_name" content="Lubavitch Chabad of Northbrook " />

 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2018-08-31","primaryArticleId":4122276,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Jewish Business Group","contentLevel3":"Photos","contentLevel4":"Summer Social","siteName":"Lubavitch Chabad of Northbrook "},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":28,"hebrewDate":"5786-06-02"}});
		dataLayer.push({ 'articleHierarchy': '-62717-62721-4119598-4122275-4122276-', 'keywords': '-k2898-k2170-k8503-k21139-k8495-k2902-k17729-', 'k': '-62717-62721-4119598-4122275-4122276--k2898-k2170-k8503-k21139-k8495-k2902-k17729-' });
	
</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 = 1076006;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "93a21041";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1076006&amp;java=0&amp;security=93a21041&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="T0TEJTMAibcgoq7SWxtkYu8TZ6GJArtrm5Ab5mX713U" />
<link rel="stylesheet" href="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-style.css?v=7/09/2026" />

<link href='https://webmk.co/sites/general/cdo-normalize.css' rel='stylesheet' type='text/css'>
<link href='https://webmk.co/sites/general/cdo-passover-normalize.css' rel='stylesheet' type='text/css'>
<link href='https://assets.webmk.co/chabadnorthbrook/raffle/raffle.css' rel='stylesheet' type='text/css'>
<!--
<style type="text/css">
    @import url('https://web-mk.github.io/shluchim-resources/chabad-northbrook/raffle.css');

div#confirm-wrapper::after, div#donate-wrapper::after {
  background-color: #c7daea;
  opacity: 1;
}

    a.site_title {
        text-indent: -9999em;
        height: 108px;
    }

    body.cco_body #header_branding {
        height: 65px;
        background: url('https://w2.chabad.org/media/images/1125/YNcf11256221.png') no-repeat left center;
        margin-left: 0;
    }

    #header_branding>div.float_left.right_padding {
        display: none;
    }

    .widget-4 .wrapper {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .widget-4,
    .sneak_peek {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

</style>
-->


<style>
  /*Fix cash style on form builder on top of custom field*/
  .co_body .content .form-all .form-textbox:not(.form-checkbox-other-input):not(.form-radio-other-input) {
   /* width: 87%;*/
  }
</style>


<script>
  function addAidClass() {
    var path = window.location.pathname
    var matches = path && path.match(/eventid\/(\d+)(\/)?/);
    if (matches && matches.length) {
      var eventClass = 'eventid-' + matches[1];
      document.body.classList.add(eventClass);
      document.body.classList.add('event-page');
    } else {
      var aid = Co && Co.ArticleId;
      document.body.classList.add('aid-' + aid);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    addAidClass();
    console.log('d');
    jQuery('#input_15_0').attr('disabled', true);
    jQuery('#input_15_1').attr('disabled', true);
    jQuery('#input_15_3').attr('disabled', true);
    jQuery('#label_input_15_0').append(' - <em>Timeslot Full</em>')
    jQuery('#label_input_15_1').append(' - <em>Timeslot Full</em>')
    jQuery('#label_input_15_3').append(' - <em>Timeslot Full</em>')
  });

</script><script src="https://webmk.co/sites/chabadnorthbrook/page-rules.js"></script><script src="https://webmk.co/sites/general/cdo-normalize.js"></script><title>
	Summer Social
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadNorthbrook.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Lubavitch Chabad of Northbrook </a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">

div#cco_body .content_tditle_container .overlay {
	display: none;
}

div.widget_header {
	display: none;
}


#border_bottom {
	width: 975px;
}



div#chabad_head {
	float: none !important;
	width: initial !important;
}

td.chabad_logo {
	float: none;
}

.chabad_logo a {
	text-decoration: none;
}

td.chabad_logo a,
td.chabad_logo h1,
td.chabad_logo div {
	font-size: 40px;
}

.chabad_logo h1 a img {
    max-height: 100px;
}

td.chabad_text_head {

	box-sizing: border-box;
	float: none;
	vertical-align: middle;
}

td.chabad_text_head img {
	float: right;
}


div#chabad_head .chabad_navigator_bar {
	background-size: 100%;
	width: 975px;
	height: 36px;
}

.mobile div#chabad_head .chabad_navigator_bar {	
	width: 100%;
	height: auto;
}

div#chabad_main_content .chabad_navigator_bar .chabad_menu_content {
	height: 100%;
}

div#chabad_head .chabad_navigator_bar .chabad_menu_content {
}

div#chabad_head .chabad_navigator_bar ul#menu {
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

div#chabad_head .chabad_navigator_bar ul li {
	float: left;
	font-size: 13px;
	list-style: none;

	z-index: 2;
}

div#chabad_head .chabad_navigator_bar ul li .sub_menu {
	display: none;
	position: absolute;
	top: 36px;
}

div#chabad_head .chabad_navigator_bar ul li ul {
	padding: 0;
}

div#chabad_head .chabad_navigator_bar ul li ul li {
	border-bottom: 1px solid #FFFFFF;
	border-right: none;
	float: none;
	font-size: 12px;
	height: auto;
	line-height: 17px;
	min-height: 23px;
	padding: 3px 0;
}

div#chabad_head .chabad_navigator_bar ul li.active .sub_menu {
	display: block;
}

div#chabad_head .chabad_navigator_bar ul li ul li:last-child {
	border: none;
}

div#chabad_head .chabad_navigator_bar ul li ul li a {
	display: inline-block;
	float: none;
	font-size: 12px;
	height: auto;
	max-width: 220px;
	min-width: 80px;
	padding: 2px 15px 0 15px;
}

div#chabad_head .chabad_navigator_bar ul li ul li a:hover {
	background: none;
}

div#chabad_head .chabad_navigator_bar ul li:last-child {
	border-right: none;
}

.chabad_navigator_bar ul li a {
	float: left;
	font-family: arial;
	font-weight: bold;
	height: 100%;
	padding: 0 16px;
	text-decoration: none;
}

.chabad_navigator_bar ul li a.arrow {
	background: url('') no-repeat right center;
	padding-right: 26px;
}

div#chabad_head .chabad_navigator_bar ul li.active a.parent,
div#chabad_head .chabad_navigator_bar ul li a.selected,
div#chabad_head .chabad_navigator_bar ul li a:hover {
}

div#chabad_head .chabad_navigator_bar ul li a.first {
	padding-left: 0;
}


div#chabad_main_content {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: left;
	width: 975px;
}

div#chabad_left_colum,
div.chabad_left_colum,
div.chabad_left_column {
	float: left;
	margin: 15px;
	margin-bottom: 0;
	width: 685px;
}

div.content_full_width #chabad_left_colum,
div.content_full_width .chabad_left_colum,
div.content_full_width .chabad_left_column {
	float: none;
	width: auto;
}

div#chabad_left_colum .content_page_full,
div.chabad_left_colum .content_page_full {
	margin: 0 15px;
}

div#chabad_right_colum,
div.chabad_right_colum,
div.chabad_right_column {
	float: left;

	margin-top: 15px;
	width: 245px;

}


div#chabad_right_colum > div {
	margin: 0 0 10px;
	overflow: visible;
	padding: 1px;
}

#chabad_right_colum [class$=body] {
	font-size: 12px;
}

div#chabad_body_content {
	float: left;
	padding-bottom: 15px;
	width: 975px;
}

#navigation,
.chabad_menu_content,
div#chabad_head .chabad_content_head,
.chabad_banner_content,
.chabad_banner_content .chabad_image_content,
.chabad_image_banner,
div#chabad_left_colum .content_page,
div.chabad_left_colum .content_page,
.chabad_box_content_first,
.chabad_box_content_second,
.chabad_box_content_third,
.chabad_title_box.no_line,
.chabad_box_content_body,
.chabad_box_gradient,
.chabad_announce,
.chabad_text_box,
.chabad_text_box,
.content_box_custom {
	float: none;
	width: initial;
}

.chabad_banner_content .chabad_text_banner {
	float: left;
	padding: 0 0 20px;
	width: 100%;
}

#content_banner:after {
	clear: both;
	content: " ";
	display: table;
}

.chabad_banner_content .chabad_image_banner {
	max-height: 342px;
	overflow: hidden;
}

div#content_banner {

}

div#chabad_head .flowers, div#co_calendar .co_calendar_body .co_calendar_gradient .co_calendar_text div.item .image {
	float: left;
}

.chabad_announce {
	margin: 10px;
	overflow: hidden;
}


.chabad_box_content_first,
.chabad_box_content_second,
.chabad_box_content_third {
	overflow-x: initial !important;
}

.chabad_banner_content .chabad_text_banner a.chabad_more_button {
	float: right;
}

.chabad_image_banner img {
	height: auto;
	width: 100%;
}

.chabad_text_box div {
	font-size: 14px;
}




.co_section_head,
.co_photo_gallery_head,
.chabad_updates_head,
.co_calendar_head {
	color: #fff;

	font-size: 20px;
	margin: 0 -1px;
}

.co_section_body,
.co_photo_gallery_body,
.chabad_updates_body,
.co_calendar_body,
.chabad_box_text_body {
	margin: 10px;
}

.co_section_text .item:last-child,
.co_photo_gallery_text .item:last-child,
.chabad_updates_text .item:last-child,
.co_calendar_text .item:last-child {
	border-bottom: none !important;
}



#co_photo_gallery .co_photo_gallery_head {

}

.co_photo_gallery a {
	display: block;
	float: none !important;
	margin: 0 5px 10px;
	overflow: hidden;
}

.co_photo_gallery a:last-child {
	margin-bottom: 0;
}

.co_photo_gallery a img {
	border: none;
	overflow: hidden;
	width: 100%;
	height: auto;
}

div#co_photo_gallery .co_photo_gallery_footer a {
	float: right;
}

.chabad_logo p {
	margin: 0;
}

	.mobile_menu_nav_button {
		position: relative;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		font-weight:bold;
		font-size:14px;
		color: inherit;		
}
.mobile_menu_nav_button:after {    
    content: "\25bc";        
    left: 10px;
    position: relative;    
    color: inherit;
}
.mobile_menu.open .mobile_menu_nav_button:after{
	content: '\25b2';
}
body.mobile #menu li.item.parent:not(:first-child) {
    display: none;
}


body.mobile div#chabad_head .chabad_navigator_bar {
    width: auto;
    height: auto;
    margin-top: 0;
    float:none;
}
body.mobile div#chabad_head .chabad_navigator_bar ul {
    float: none;
    display: block;
}

body.mobile div#chabad_head .chabad_navigator_bar ul li {
    float: none;
    display: block;
    height: auto;
}
body.mobile div#chabad_head .chabad_navigator_bar ul li a {
    float: none;
}
.mobile_menu_nav_button {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: inherit;
}
.mobile_menu_nav_button:after {
    content: "\25bc";
    left: 10px;
    position: relative;
    color: inherit;
}
.mobile_menu.open .mobile_menu_nav_button:after {
    content: '\25b2';
}
body.mobile .chabad_navigator_bar .chabad_menu_content {
    width: 100%!important;
    position: relative;
    z-index: 2;
}
body.mobile .chabad_navigator_bar .chabad_menu_content ul {
    margin: 0;
    padding: 0 15px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li {
    display: inline-block;
    position: relative;
    z-index: 2;
    float: none;
    list-style: none;
}
body.mobile #navigation.chabad_navigator_bar #menu li:not(.heading) {
    padding-left: 10px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li.last {
    border-right: none;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li.custom_separator {
    display: none;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li a {
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    float: none;
    text-align: left;
}
body.mobile div#chabad_head .chabad_navigator_bar .chabad_menu_content li a.arrow, body.mobile div#chabad_head .chabad_navigator_bar .chabad_menu_content ul li a.arrow {
    background: none;
    padding-right: initial;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li a.first {
    padding-left: 0;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu ul {
    float: none;
    padding: 0;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu li {
    float: none;
    border-right: none;
    border-bottom: 1px solid #FFF;
    height: auto;
    padding: 0;
    display: block;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu li.last {
    border-bottom-width: 2px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu a {
    font-size: 14px;
    padding: 7px 18px 6px;
    font-weight: bold;
    display: block;
    float: none;
    height: auto;
    margin-bottom: 2px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu a:hover {
    background: none;
}
body.mobile .mobile_menu_nav_button {
    display: none;
}
body.mobile .chabad_navigator_bar #menu .item.heading {
    display: block;
    text-align: center;
}
body.mobile .chabad_navigator_bar #menu .item.heading a {
    background: url(https://w2.chabad.org/images/1/global/bullets/down_triangle_blue.png) no-repeat right center;
    padding-right: 20px;
}
body.mobile .chabad_navigator_bar .sub_menu_toggle {
    display: inline-block;
    position: absolute;
    background: url(https://w2.chabad.org/images/1/global/bullets/down_triangle_blue.png) no-repeat center center;
    color: transparent;
    width: 10px;
    height: auto;
}
body.mobile .chabad_navigator_bar #menu .item.heading.expanded a,
body.mobile .chabad_navigator_bar .sub_menu_toggle.expanded {
    background-image: url(https://w2.chabad.org/images/1/global/bullets/up_triangle_blue.png);
}
body.mobile #menu li.item.parent {
    display: block;
    text-align: left;
}

body.mobile #menu li.item.selected a {
    border: none;
}
body.mobile #navigation.chabad_navigator_bar #menu,
body.mobile #navigation.chabad_navigator_bar #menu .sub_menu {
    overflow: hidden;
    transition: height .5s;
}
body.mobile #navigation.chabad_navigator_bar #menu .sub_menu,
body.mobile #chabad_head div.chabad_navigator_bar .sub_menu {
    position: initial;
    display: block;
    width: auto;
    height: auto;
    padding: 0 0 0 20px;
    background: none;
    height: 0;
}
body.mobile .chabad_navigator_bar .sub_menu_toggle:not(.expanded)+.sub_menu {
    height: 0;
}
body.mobile div.chabad_navigator_bar #menu .sub_menu ul {
    border-left: 3px solid #BEBEBE;
}
body.mobile div.chabad_navigator_bar .sub_menu li.last {
    border-bottom: none;
}
body.mobile #menu .sub_menu a {
    font-weight: normal;
}
body.mobile {
    border: none;
    margin: 0;
}
body.mobile .chabad_text_head img,
body.mobile .chabad_image_banner img, body.mobile .chabad_header img  {
    width: 100%;
    height:100%;
}
body.mobile .chabad_banner_content,
body.mobile div#chabad_body_content,
body.mobile div#chabad_left_colum,
body.mobile div.chabad_left_colum,
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column,
body.mobile div#chabad_box_text,
body.mobile div#chabad_head .chabad_content_head,
body.mobile .chabad_title_box.no_line {
    float: initial;
}
body.mobile div#chabad_main_content,
body.mobile div#chabad_head .chabad_content_head,
body.mobile div#chabad_body_content,
body.mobile .chabad_banner_content,
body.mobile div#chabad_left_colum .content_page,
body.mobile div.chabad_left_colum .content_page,
body.mobile div#chabad_left_colum .content_page_full,
body.mobile div.chabad_left_colum .content_page_full,
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column {
    width: auto;
    box-sizing: border-box;
    min-width: initial;
}
body.mobile div#chabad_left_colum,
body.mobile div.chabad_left_column,
body.mobile div.chabad_left_colum {
    width: auto;
    float: none;
    margin-bottom: 15px;
}
body.mobile div#chabad_body_content {
    padding: 0 7px;
    overflow: hidden;
}
body.mobile div#chabad_updates,
body.mobile div#co_calendar,
body.mobile div.co_section,
body.mobile div#chabad_box_text,
body.mobile div#chabad_left_colum .chabad_box_content_first,
body.mobile div#chabad_left_colum .chabad_box_content_second,
body.mobile div#chabad_left_colum .chabad_box_content_third,
body.mobile div#chabad_left_colum .content_box_custom,
body.mobile div#co_photo_gallery {
    margin-top: 10px;
    margin-bottom: 0;
    vertical-align: top;
}
body.mobile .chabad_banner_content .chabad_text_banner,
body.mobile .chabad_box_content_first,
body.mobile .chabad_box_content_second,
body.mobile .chabad_box_content_third {
    padding-right: 10px;
    padding-left: 10px;
}
body.mobile div#chabad_body_page,
body.mobile.cco_templateless_page {
    padding-top: initial;
}
body.mobile div#chabad_body_page,
body.cco_templateless_page {
    background: none;
    overflow-x: hidden;
}
body.mobile .co_local_menu {
    margin-bottom: initial;
}
body.mobile div#chabad_head .chabad_logo a {
    text-decoration: none;
    display: inline-block;
}
body.mobile div#chabad_head .chabad_logo a div {
    font-size: 27px;
}
body.mobile div#chabad_head {
    width: 100%;
    float: initial;
    height: auto;
}
body.mobile div#chabad_head table img {
    max-width: 100%;
    height: auto;
}
body.mobile div#chabad_head .chabad_content_head {
    position: relative;
    height: auto;
}
body.mobile div#chabad_head .chabad_logo {
    margin: 0;
    position: relative;
    z-index: 1;
    height: auto;
    float: initial;
    width: auto;
    box-sizing: border-box;
}
body.mobile div#chabad_head .logocell {
    padding: 0;
    display: block;
    margin: 0 20px 0 0;
}
body.mobile div#chabad_head .chabad_text_head {
    display: none;
}
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column {
    text-align: center;
    margin-bottom: 15px;
}

body.mobile div#chabad_updates,
body.mobile div#co_calendar,
body.mobile div.co_section,
body.mobile div#co_photo_gallery,
body.mobile div#chabad_box_text {
    text-align: initial;
}
body.mobile div#chabad_box_text .chabad_box_text_body {
    padding: 10px 15px;
    margin: 0;
}
body.mobile #footer .footer_inner_container {
    text-align: center;
}
body.mobile #BodyContainer,
body.mobile .g960.footer {
    width: auto;
    max-width: 100%;
    margin: 0;
    float: none;
    display: block;
}
body.mobile .co_body img, body.mobile #chabad_main_content img {
    max-width: 100%;
    height: auto;
}

body.mobile div#chabad_body_content,
body.mobile .chabad_banner_content,
body.mobile div.chabad_left_colum,
body.mobile div.chabad_left_column,
body.mobile div#chabad_left_colum,
body.mobile div#chabad_left_column,
body.mobile div#chabad_left_colum .content_page,
body.mobile div.chabad_left_colum .content_page,
body.mobile div#chabad_left_colum .content_page_full,
body.mobile div.chabad_left_colum .content_page_full,
body.mobile div#chabad_left_column .content_page,
body.mobile div.chabad_left_column .content_page,
body.mobile div#chabad_left_column .content_page_full,
body.mobile div.chabad_left_column .content_page_full,
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column
 {
    margin-left: 0;
    margin-right: 0;
}


</style>

<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="branding">
<a href="/4119598">
<img src="https://w2.chabad.org/media/images/1063/Hywo10631844.png" alt="" /></a></div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=4119598" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4119603" class="parent">About</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4119608" class="parent">Calendar</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4119617" class="parent">In the News</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4122271" class="parent">Testimonials</a>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=4122275" class="parent arrow selected">Photos</a>
<div class="sub_menu">
<ul>
<li class="item first last selected">
<a href="/article.asp?aid=4122276">Summer Social</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4119604" class="parent">Committee</a>
</li>

</ul>
</div>
</div>


</div>
<div id="chabad_body_content"><div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Summer Social</h1>
		
			<div>
				
			</div>
		
</header>
				</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="fb-root"></div>
	<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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=-1&version=v2.0";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div id="lightbox-wrapper" class="hidden">
		<div id="lightbox">
			<div id="details-panel"><span id="album-name" class="large_left_margin">Summer Social</span>
				<a id="close" href="#"><span>X</span></a>
			</div>
			<div id="left-panel">
				<div id="img-panel">
					<div id="lightbox-img-one-section" class="img-section">
						<img id="lightbox-img-one" class="img" src="" />
						<div id="lightbox-caption-one-wrapper" class="caption-wrapper"><div id="lightbox-caption-one" class="caption"></div></div>
					</div>
					<div id="lightbox-img-two-section" class="img-section">
						<img id="lightbox-img-two" class="img" src="" />
						<div id="lightbox-caption-two-wrapper" class="caption-wrapper"><div id="lightbox-caption-two" class="caption"></div></div>
					</div>
					<div id="lightbox-beginning-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've reached the beginning of Summer Social</p>
							<p id="beginning-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="lightbox-end-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've finished Summer Social</p>
							<p id="end-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="loading-indicator"></div>
					<div id="controls">
						<a id="previous" href="#">Previous</a>
						<a id="next" href="#">Next</a>
					</div>
					<div id="social-panel">
						<div class="social_subpanel float_left">
							<div id="count" class="float_right large_right_margin"></div>
						</div>
						<div class="social_subpanel float_right">
							<div id="social-buttons" class="float_left small_left_margin">
								<div id="like-button"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="thumbnails-wrapper">
					<a id="left" href="#">Left</a>
					<a id="right" href="#">Right</a>
					<div id="thumbnails-panel">
						<!-- Thumbnails | Example:

								<div class="thumbnail photo" id="thumbnail0" data-img="0">
									<a href="#">
										<img src="photos/Tulips.jpg" width="220"/>
									</a>
								</div>

								-->
						
					</div>
				</div>
			</div>
			<div id="comments"></div>
		</div>
	</div>
	<div id="cco_body" class="">
		<div id="photos" class="clearfix">
			<!-- Photos | Example:
			
			<div class="photo" id="icon0" data-img="0">
				<a href="#">
					<img src="photos/Tulips.jpg" width="220"/>
				</a>
			</div>

			-->
			
		</div>
		

<div class="content-footer">
	
	
	
	
	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>
<div>
<div class="chabad_left_column">

<p></p>
<p style="text-align: center;">
<img src="https://w2.chabad.org/media/images/1068/vwLy10680784.png" alt="Email image.jpg" real_width="663" real_height="512" border="0" width="800" height="618" align="middle" style="visibility: hidden;" /></p>
</div>
</div>

</div>
<div id="border_bottom" ></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.chabadnorthbrook.com%2ftemplates%2fphotogallery_cdo%2faid%2f4122276%2fjewish%2fSummer-Social.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=Summer+Social&amp;url=https%3a%2f%2fwww.chabadnorthbrook.com%2ftemplates%2fphotogallery_cdo%2faid%2f4122276%2fjewish%2fSummer-Social.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=Summer+Social https%3a%2f%2fwww.chabadnorthbrook.com%2ftemplates%2fphotogallery_cdo%2faid%2f4122276%2fjewish%2fSummer-Social.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.chabadnorthbrook.com%2ftemplates%2fphotogallery_cdo%2faid%2f4122276%2fjewish%2fSummer-Social.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Summer+Social">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Lubavitch Chabad of Northbrook </span>
		<div class="footer-address">
			<span class="footer-street">2095 Landwehr Road </span>
			<span class="footer-city-state">Northbrook, IL 60062-6411</span>
		</div>
			<span>847-564-8770</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>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
	
	
	
	<script type="text/javascript" language="javascript">
		var photoArray = [];
		var photoMap = {};

		

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : true,
			AlbumId : '1955557044467599',
			IsPrintVersion: false,
			BaseUrl: 'http://www.chabadnorthbrook.com/templates/photogallery_cdo/aid/4122276'
		};

		Co.Anchor.Events.AddEventListener("change", function(e)
		{
			//don't parseInt this, as the ids are long enough that JS will corrupt them. Strings work fine
			var photoID = e.items['photoid'];
			if (!isNaN(photoID))
			{
				if (Co_Slideshow.currentImg && Co_Slideshow.index !== (photoMap[photoID].Index))
					Co_Slideshow.openImage(photoMap[photoID].Index);
			}					

			if (e.items['close']==='true')
				Co_Slideshow.closeLightbox(e);
		});

		if(FacebookSettings.HasAlbumId)
		{
			var json = undefined;
			var facebookLikeUrl = [];
			var facebookCommentsUrl = [];
			if (json && !json.error && json.data.length)
			{
				photoArray = [];
				photoMap = { };
				facebookLikeUrl = [];
				facebookCommentsUrl = [];
				//Index_of_Requested_image = 0;
				Co_Slideshow.index = -1;
				var photo = null;
				var photoItem = {};
				for (var i in json.data)
				{
					//val2 = a[c][d];
					photo = json.data[i];

					if(!photo.source && photo.images && photo.images.length)
						photo.source = photo.images[0].source;

					if (typeof(photo.source) != "undefined")
					{
						var caption = "";
						if (photo.name)
							caption = photo.name;
						photoItem =
						{
							Index: photoArray.length,
							Id: photo.id,
							Icon: photo.picture,
							LargeImage: photo.source,
							Caption: caption,
                            Date: new Date(photo.created_time)
						};
						if( photo.images && photo.images.length )
						{
							//CWNP-608.
							// We want the nicest looking size...
							var largeImage =
							{
								source: null,
								height: 0,
								width: 0
							};
							var icon =
							{
								source: null,
								height: 0,
								width: 0
							};
							for( var i = 0, iMax = photo.images.length; i < iMax; i++ )
							{
								var image = photo.images[i];
								if( image.height > largeImage.height || image.width > largeImage.width )
								{
									largeImage.source = image.source;
									largeImage.height = image.height;
									largeImage.width = image.width;
								}
								if( ( image.height > icon.height && image.height < 321 )//Max 320
								|| ( image.width > icon.width && image.width < 321 ))
								{
									icon.source = image.source;
									icon.height = image.height;
									icon.width = image.width;
								}
							}
							if( !icon.source )
								icon = largeImage;
							if( largeImage.source )
							{
								photoItem.LargeImage = largeImage.source;
								photoItem.Icon = icon.source;
							}
						}
						photoArray.push( photoItem );
						photoMap[photo.id] = photoArray[photoArray.length-1];

						facebookLikeUrl.push('https://www.facebook.com/'+FacebookSettings.AlbumId+photo.id);
						facebookCommentsUrl.push(photo.link);
					}
				}
				// Sort photos by most recent date.
				photoArray
					.sort((a,b) => b.Date - a.Date)
					.map((photo, index) => photo.Index = index);
			}
		}

		var photos = [];
		var thumbnails = [];
		var amountOfPhotos = Math.min(250, photoArray.length);
        for (var i = 0; i < amountOfPhotos; i++)
		{
			photo = photoArray[i];
							
			photos.push(
				'<div class="photo" id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" width="115" height="115" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');

			// Thumbnails
			thumbnails.push(
				'<div class="photo thumbnail"  id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');
		}

		Co.DomEvents.AddListener(window, "domload", function()
		{
			if (photoArray.length == 0)
			{
				document.getElementById('photos').innerHTML = 'No photos found';
			}
			else
			{
				document.getElementById('photos').innerHTML = photos.join(' ');
				document.getElementById('thumbnails-panel').innerHTML = thumbnails.join(' ');
				initSlideshow();
			}
		});

		var image_url = FacebookSettings.baseUrl + '/iid/' + photoArray[0].Id;
			
		if(FacebookSettings.HasAlbumId)
		{
			image_url = facebookLikeUrl[0];
		}

		function initSlideshow()
		{					
			Co_Slideshow.initialize();
		}
    </script>
		

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Lubavitch Chabad of Northbrook '}; Co.ArticleId     = '4122276';Co.SectionId     = 4119598;Co.PartnerSiteId = 0;Co.SiteId        = 3663;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadNorthbrook.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	


<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=7/09/2026"></script>
</body>
</html>