<!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/1075/rXwt10754616.png" 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="cTeen,Blog" />
<meta name="title" content="cTeen Blog - Harford Chabad" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="1245574-1245582-6991730-4105476-4377760-3384576-3384578-3384723" />
<meta name="article-keywords" content="10258-6760-7559-8495-16403-19033-21139-2170-2898" />
<meta name="scope-aid" content="1245574" />
<meta name="scope-aid" content="1245582" />
<meta name="scope-aid" content="6991730" />
<meta name="scope-aid" content="4105476" />
<meta name="scope-aid" content="4377760" />
<meta name="scope-aid" content="3384576" />
<meta name="scope-aid" content="3384578" />
<meta name="scope-aid" content="3384723" />
<meta name="article-keyword" content="10258" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="7559" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="19033" />
<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.harfordchabad.org/templates/blog/default_cdo/aid/3384723/jewish/cTeen-Blog.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="cTeen Blog - Harford Chabad" /><link rel="alternate" type="application/rss+xml" href="/templates/blog/blogs_rss_cdo/AID/3384723" title="cTeen Blog RSS Feed" />
<link rel="canonical" href="https://www.harfordchabad.org/templates/blog/default_cdo/aid/3384723/jewish/cTeen-Blog.htm" />
<link rel="icon" type="image/png" href="https://www.harfordchabad.org/media/images/1075/rXwt10754616.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=72A49647" 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/global.css?v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=6DE80B07" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?v=546A0139" id="k" 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/themes/cteen/styles2.css?v=FEE88D6F" id="k19033" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	

<title>
	cTeen Blog - Harford Chabad
</title>
	
	<style type="text/css">
		.feed.blog { font-family:Arial, Helvetica, sans-serif; }
		.feed.blog .header .title { }
		.feed.blog .overlay{ top:-5px; }
		.feed.blog .index-listing{ margin:0 0 15px; }
		.feed.blog .index-listing .item{ margin:0 0 15px 0; border-style:solid; border-color:#D2D2D4; border-width:1px 0; background-color:#E4EFFC; }
		.feed.blog .index-listing .item.last{ border-bottom-width:0; margin-bottom:15px; }
		.feed.blog .index-listing .item.first{ border-top-width:0; margin-top:0; }
		.feed.blog .index-listing .item .contents{ padding:14px; }
		.feed.blog .index-listing .item .contents h2.post-title{ color:#105689; font-size:18px; font-weight:400; letter-spacing:normal; margin:5px 0 0 0; }
		.feed.blog .index-listing .item .contents h2.post-title a{ text-decoration:none; }
		.feed.blog .index-listing .item .contents h2.post-title a:hover{ color:#A22715; }
		.feed.blog .index-listing .item .contents .post-date{  }
		.feed.blog .index-listing .item .contents .post-body{ font-size:14px; line-height:180%; }
		.feed.blog .index-listing .item .post-footer{ color:#09213E; text-decoration:none; font-size:11px; padding:5px; text-align:right; background-color:#BFD8F7; }
		.feed.blog .index-listing .item .post-footer a{ text-decoration:none; }
		.feed.blog .index-listing .item .post-footer #facebookContainer{ min-width:78px; min-height:20px; }
		.feed.blog .index-listing .item .post-footer .post-options{ padding: 3px 8px; }
		.feed.blog .message{ background:none #F0F1F3; border:1px solid #D8DCE0; padding:15px 20px; font-size:12px; text-decoration:none; text-align:center; }
	</style>



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2016-07-19","primaryArticleId":3384723,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Archive","contentLevel3":"Youth","contentLevel4":"Past Programs","contentLevel5":"More Past Youth Events","contentLevel6":"Cteen","contentLevel7":"cTeen Blog","siteName":"Harford Chabad"},"time":{"upcomingHoliday":"Yom Kippur","daysToUpcomingHoliday":4,"hebrewDate":"5787-07-06"}});
		dataLayer.push({ 'articleHierarchy': '-1245574-1245582-6991730-4105476-4377760-3384576-3384578-3384723-', 'keywords': '-k2898-k2170-k21139-k19033-k16403-k8495-k7559-k6760-k10258-', 'k': '-1245574-1245582-6991730-4105476-4377760-3384576-3384578-3384723--k2898-k2170-k21139-k19033-k16403-k8495-k7559-k6760-k10258-' });
	
</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 = 6413923;var sc_partition = 80;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "e69c90f8";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=6413923&amp;java=0&amp;security=e69c90f8&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari&family=Mulish:wght@700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari&family=Mulish:wght@700&display=swap" rel="stylesheet">



<link rel="stylesheet" href="https://glittering-taiyaki-ab1603.netlify.app/harfordstyles.css">

























<script>
(function() {
    // 0. URL CHECK
    if (!window.location.href.includes("Templates/ArticleCcoResponse_cdo/aid/7266691")) {
        return;
    }

    // --- CONFIGURATION ---
    const GOOGLE_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbyah-jm6P8EeadX9c2i1K2ieO0nkIsffK__M-CgfZ3C9V8Vcl2atxoepyPyLAXUgUBw/exec"; 
    
    console.log("Scraper Script Loaded. Waiting for table...");

    // 1. Helper to clean text
    function cleanText(text) {
        if (!text) return "";
        return text.replace(/[\r\n]+/g, " ").trim();
    }

    // 2. Helper to get all table data
    function getTableData() {
        let data = {};
        let rows = document.querySelectorAll('table.response_table tr');
        rows.forEach(row => {
            let labelCell = row.querySelector('td.field_name');
            let valueCell = row.querySelector('td.field_value');
            if (labelCell && valueCell) {
                let key = cleanText(labelCell.innerText).toLowerCase();
                let val = cleanText(valueCell.innerText);
                data[key] = val;
            }
        });
        return data;
    }

    // 3. Helper to extract numbers
    function extractAmount(str) {
        if (!str) return 0;
        let cleaned = str.replace(/[^0-9.]/g, ''); 
        let val = parseFloat(cleaned);
        return isNaN(val) ? 0 : val;
    }

    // 4. Tier Calculation Logic
    function calculateTierFromAmount(amount) {
        // Any amount $1000 OR MORE is Chai Benefactor
        if (amount >= 1000) return "Chai Benefactor";
        if (amount >= 770)  return "Chai Pillar";
        if (amount >= 500)  return "Chai Platinum";
        if (amount >= 360)  return "Chai Gold";
        if (amount >= 180)  return "Chai Silver";
        if (amount >= 100)  return "Chai Bronze";
        return "Chai Partner"; // Fallback for amounts < 100
    }

    // --- MAIN LOGIC ---
    function tryScrape() {
        let data = getTableData();
        
        // CHECK: Do we have the Submission ID yet?
        let submissionId = data["submission id"];
        if (!submissionId) {
            return false; // Table not loaded yet, keep waiting
        }

        // CHECK: Duplicates
        if (localStorage.getItem("scraped_" + submissionId)) {
            console.warn("STOPPING: Already processed ID " + submissionId);
            return true; // Stop retrying, we are done
        }

        console.log("Table found! Processing...");

        // A. NAME & ANONYMOUS LOGIC
        let nameKey = Object.keys(data).find(k => k.includes("name to be displayed"));
        let originalName = nameKey ? data[nameKey] : "Anonymous";
        let finalName = "Anonymous"; // Default to Anonymous to be safe
        
        // Check for "checkbo 7" (specific spelling) or "donate anonymously" label
        let anonKey = Object.keys(data).find(k => k.includes("checkbo7") || k.includes("donate anonymously"));
        let anonValue = anonKey ? data[anonKey] : "";
        
        // UPDATED LOGIC: 
        // If it explicitly says "No (Unchecked)", we SHOW the name.
        // Otherwise (Checked, Yes, etc.), we hide it.
        if (anonValue && anonValue.toLowerCase().includes("no (unchecked)")) {
            finalName = originalName;
        } else {
            // It is checked, or explicitly anonymous
            finalName = "Anonymous";
        }

        // B. LEVEL LOGIC
        let tierKey = Object.keys(data).find(k => k.includes("choose a tier"));
        let tierValue = tierKey ? data[tierKey] : "";
        
        let amount = extractAmount(tierValue);
        
        // If 0, try Total/Paid fields
        if (amount === 0) {
            let totalKey = Object.keys(data).find(k => k.includes("total amount") || k.includes("paid"));
            if (totalKey) {
                amount = extractAmount(data[totalKey]);
            }
        }

        // CHECK: SKIP IF LESS THAN 100
        if (amount < 100) {
            console.log(`Skipping submission ID ${submissionId} - Amount ($${amount}) is less than $100.`);
            // Mark as processed so we don't keep trying to find/send it
            localStorage.setItem("scraped_" + submissionId, "true"); 
            return true; // Return true to stop the retry interval
        }

        let level = calculateTierFromAmount(amount);

        // C. DATE LOGIC (Month Year)
        let dateKey = Object.keys(data).find(k => k.includes("submission date"));
        let dateStr = dateKey ? data[dateKey] : "";
        let finalDate = "";

        if (dateStr) {
            let dateObj = new Date(dateStr);
            if (!isNaN(dateObj.getTime())) {
                // Formatting: "December 2025"
                let month = dateObj.toLocaleString('default', { month: 'long' });
                let year = dateObj.getFullYear();
                finalDate = `${month} ${year}`;
            } else {
                finalDate = dateStr;
            }
        }

        // SEND
        console.log(`Sending: ${finalName} | ${level} | ${finalDate}`);
        
        fetch(GOOGLE_SCRIPT_URL, {
            method: "POST",
            mode: "no-cors",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ name: finalName, level: level, month: finalDate })
        })
        .then(() => {
            localStorage.setItem("scraped_" + submissionId, "true");
            console.log("%c SUCCESS! Data sent.", "background: #4CAF50; color: #fff;");
        })
        .catch(err => console.error("Error:", err));

        return true; // Success, stop retrying
    }

    // --- RETRY LOOP ---
    // Check every 500ms for the table
    let attempts = 0;
    let interval = setInterval(() => {
        attempts++;
        let done = tryScrape();
        
        if (done) {
            clearInterval(interval);
        } else if (attempts > 20) { 
            // Stop after 10 seconds (20 attempts)
            console.log("Gave up waiting for table after 10 seconds.");
            clearInterval(interval);
        }
    }, 500);

})();
</script><script src="https://serene-custard-8502d5.netlify.app/harford.js"></script><script src="https://cute-gumdrop-e7e4c6.netlify.app/harfordhhfetch.js"></script><script src="https://cute-gumdrop-e7e4c6.netlify.app/harfordhhform.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
    
    // --- Placeholders FOUND. Proceed with styling script ---
    console.log("Custom Form Styling Script: Initializing poll...");

    (function() {
        
        // --- [NEW] DYNAMIC JAVASCRIPT for all payment radio tabs ---
        function setupAllRadioTabs() {
            try {
                // 1. Find all form list items
                const allFormLines = document.querySelectorAll('li.form-line[id*="id_"]');
                let listsFound = 0;

                allFormLines.forEach((liContainer) => {
                    // 2. Check if this LI contains a stylable radio list
                    const radioItems = liContainer.querySelectorAll('.form-radio-item');
                    const hasOther = liContainer.querySelector('.form-radio-other');
                    const firstLabel = liContainer.querySelector('.form-radio-item label');

                    // 3. Decide if this is a payment radio list
                    // We check for an "Other" field OR a label that has a $ sign
                    const isPaymentRadio = hasOther || (firstLabel && firstLabel.innerText.includes('$'));
                    
                    if (radioItems.length === 0 || !isPaymentRadio) {
                        return; // Not a payment radio list, skip it
                    }

                    // --- IT'S A PAYMENT LIST, LET'S PROCESS IT ---
                    listsFound++;
                    console.log(`Custom Form Styling Script: Found stylable radio list in: ${liContainer.id}`);

                    // 4. Add dynamic classes for CSS to target
                    liContainer.classList.add('custom-radio-tab-list');
                    const gridContainer = liContainer.querySelector('.form-single-column');
                    if (gridContainer) {
                        gridContainer.classList.add('custom-radio-grid-container');
                    }

                    // 5. Get elements *scoped to this list*
                    const globalOtherInput = liContainer.querySelector('input[type="number"]');
                    const globalOtherRadio = liContainer.querySelector('input.form-radio-other');

                    // 6. Loop over each radio item *in this list*
                    radioItems.forEach((radioItem, index) => {
                        radioItem.classList.add('custom-radio-tab');
                        radioItem.classList.add((index % 2 === 0) ? 'spinner-odd' : 'spinner-even');
                        
                        const radio = radioItem.querySelector('input[type="radio"]');
                        let labelEl = radioItem.querySelector('label');
                        const otherInput = radioItem.querySelector('input[type="number"]');

                        if (otherInput) {
                            // --- This is the "Other" tab ---
                            radioItem.classList.add('custom-radio-tab-other');
                            if (!labelEl) {
                                labelEl = document.createElement('label');
                                labelEl.setAttribute('for', radio.id);
                                radioItem.insertBefore(labelEl, radioItem.querySelector('span'));
                            }
                            labelEl.setAttribute('data-amount', 'Other');
                            labelEl.innerText = 'Enter your own amount';
                            
                            const inputSpan = otherInput.parentElement;
                            if (inputSpan && inputSpan.tagName === 'SPAN') {
                                inputSpan.classList.add('custom-other-input-wrapper');
                            }
                        } else if (labelEl) {
                            // --- This is a Standard Radio Tab ---
                            const labelText = labelEl.innerText.trim();
                            const dataAmountAttr = labelEl.getAttribute('data-amount');
                            
                            let amount = "";
                            let description = "";

                            if (dataAmountAttr) {
                                // [NEW] Use data-amount if it exists
                                amount = dataAmountAttr;
                                description = labelText; // Assume label is already clean
                            } else {
                                // [FALLBACK] Find amount in the label text
                                const firstSpaceIndex = labelText.indexOf(' ');
                                if (firstSpaceIndex > -1) {
                                    amount = labelText.substring(0, firstSpaceIndex);
                                    description = labelText.substring(firstSpaceIndex + 1);
                                    labelEl.innerText = description; // Clean the label
                                    labelEl.setAttribute('data-amount', amount); // Add for consistency
                                }
                            }
                        }

                        // --- Add click listener to the whole tab ---
                        radioItem.addEventListener('click', (e) => {
                            // If the click came from the number input, do nothing.
                            if (e.target.type === 'number') {
                                return;
                            }

                            // A. Deselect all *other* tabs in this *same list*
                            gridContainer.querySelectorAll('.custom-radio-tab').forEach(t => {
                                t.classList.remove('custom-radio-tab-selected');
                            });
                            
                            // B. Select this tab
                            radioItem.classList.add('custom-radio-tab-selected');
                            
                            // C. Handle checking the radio button
                            if (radio) {
                                radio.checked = true;
                                radio.dispatchEvent(new Event('change', { bubbles: true }));
                            }

                            // D. Handle enabling/disabling the "Other" input
                            if (radio === globalOtherRadio) {
                                if(globalOtherInput) {
                                    // [!!! BRUTE FORCE FIX ADDED HERE !!!]
                                    globalOtherInput.removeAttribute('disabled');
                                    globalOtherInput.disabled = false;
                                    globalOtherInput.focus();
                                }
                            } else {
                                // This is a STANDARD radio button. Disable the 'Other' field.
                                if(globalOtherInput) {
                                    // [!!! BRUTE FORCE FIX ADDED HERE !!!]
                                    globalOtherInput.setAttribute('disabled', 'disabled');
                                    globalOtherInput.disabled = true;
                                }
                            }
                        });
                    });

                    // Add listener to the 'Other' input
                    if (globalOtherInput) {
                        globalOtherInput.addEventListener('focus', () => {
                            if (globalOtherRadio) {
                                if (!globalOtherRadio.checked) {
                                    globalOtherRadio.click();
                                }
                            }
                            gridContainer.querySelectorAll('.custom-radio-tab').forEach(t => {
                                t.classList.remove('custom-radio-tab-selected');
                            });
                            const otherTab = globalOtherInput.closest('.custom-radio-tab');
                            if (otherTab) otherTab.classList.add('custom-radio-tab-selected');
                        });
                    }
                });

                console.log(`Custom Form Styling Script: ${listsFound} radio tab list(s) processed.`);

            } catch (e) {
                console.error("Custom Form Styling Script: Error setting up radio tabs: ", e);
            }
        }


        // --- STYLES (to be injected) ---
        function injectFormStyles() {
            // 1. Add Google Font 'Raleway'
            const link = document.createElement('link');
            link.href = 'https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&display=swap';
            link.rel = 'stylesheet';
            document.head.appendChild(link);
            
            // 2. Add Custom Styles
            const style = document.createElement('style');
            style.innerHTML = `
                /* --- Base and Font --- */
                .campaign-form-styling-active .userform-form, 
                .campaign-form-styling-active .userform-form span {
                    font-family: 'Raleway', sans-serif !important;
                    box-sizing: border-box;
                    color: white !Important;
                }

                /* --- Blue Background Section (Grid) --- */
                .campaign-form-styling-active ul.form-section {
                    background-color: #2F3C4D !important;
                    padding: 30px !important;
                    border-radius: 8px;
                    margin-top: 20px;
                    display: block !important;
                    gap: 20px;
                    list-style: none !important;
                }

                /* --- Exclude Top Elements from Blue BG --- */
                .campaign-form-styling-active ul.form-section > li#id_1,  /* Image */
                .campaign-form-styling-active ul.form-section > li#id_3,  /* Title/Desc */
                .campaign-form-styling-active ul.form-section > li#id_12, /* GID */
                .campaign-form-styling-active ul.form-section > li#id_13, /* Progress Bar */
                .campaign-form-styling-active ul.form-section > li#id_4 {  /* Empty Progress Bar */
                    background-color: transparent !important;
                    padding: 0 !important;
                    grid-column: 1 / -1 !important;
                    margin: 0 !important;
                    border: none !important;
                    box-shadow: none !important;
                }
                
                /* Hide GID field */
                .campaign-form-styling-active ul.form-section > li#id_12 {
                    display: none !important;
                }

                .co_body .content .form-all p{ color: white !important;}

                /* --- Reset text color for other items in blue section --- */
                .campaign-form-styling-active ul.form-section > li {
                        color: white;
                }

                /* --- HIGH SPECIFICITY reset for top elements --- */
                .campaign-form-styling-active ul.form-section > li.form-line#id_3 .form-html p,
                .campaign-form-styling-active ul.form-section > li#id_13 * {
                        color: #333 !important; /* Default text color */
                }
                
                /* --- Make other sections span full width --- */
                .campaign-form-styling-active ul.form-section > li#id_14, /* Radios (Old) */
                .campaign-form-styling-active ul.form-section > li#id_7,  /* Total */
                .campaign-form-styling-active ul.form-section > li#id_8,  /* Payment */
                .campaign-form-styling-active ul.form-section > li#id_2,  /* Submit */
                .campaign-form-styling-active ul.form-section > li#id_10, /* Donors */
                .campaign-form-styling-active ul.form-section > li#id_11 { /* Carousel */
                        grid-column: 1 / -1 !important;
                }

                /* ----------------------------------------------
                --- [NEW] DYNAMIC STYLES FOR RADIO BUTTON TABS ---
                ----------------------------------------------
                */

                /* Use the new dynamic class for the <li> */
                .campaign-form-styling-active li.custom-radio-tab-list {
                    grid-column: 1 / -1 !important;
                    background: transparent !important;
                    border: none !important;
                    padding: 0 !important;
                    margin: 0 !important;
                }

                /* Use the new dynamic class for the grid container */
                .campaign-form-styling-active .custom-radio-grid-container {
                    display: grid !important;
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                    gap: 20px;
                }

                /* This is the new tab style for the <span> */
                .campaign-form-styling-active .custom-radio-tab {
                    background-color: white !important;
                    border-radius: 8px !important;
                    padding: 20px !important;
                    color: #333 !important;
                    cursor: pointer;
                    transition: all 0.2s ease-in-out;
                    border: 3px solid transparent; /* For selected state */
                    display: block !important;
                }

                /* Highlight the selected tab */
                .campaign-form-styling-active .custom-radio-tab.custom-radio-tab-selected {
                    border-color: #B99362 !important;
                    box-shadow: 0 4px 12px rgba(185, 147, 98, 0.4);
                }

                /* Hide the actual radio button circle */
                .campaign-form-styling-active .custom-radio-tab input[type="radio"] {
                    display: none !important;
                }
                
                /* Style the labels */
                .campaign-form-styling-active .custom-radio-tab label {
                    font-size: 1rem !important;
                    font-weight: 500 !important;
                    color: #555 !important;
                    line-height: 1.3 !important;
                    display: block; 
                    cursor: pointer;
                    width: 100%;
                }

                /* This pseudo-element shows the amount */
                .campaign-form-styling-active .custom-radio-tab label::before {
                    content: attr(data-amount);
                    display: block;
                    font-size: 2rem;
                    font-weight: 900;
                    line-height: 1.1;
                    margin-bottom: 5px;
                }

                /* Dynamic colors */
                .campaign-form-styling-active .custom-radio-tab.spinner-odd label::before {
                    color: #A47E4D !important; /* Brown */
                }
                .campaign-form-styling-active .custom-radio-tab.spinner-even label::before {
                    color: #2F3C4D !important; /* Blue */
                }

                /* --- Specific styles for the "Other" tab --- */
                .campaign-form-styling-active .custom-radio-tab-other {
                    align-self: start; 
                }

                .campaign-form-styling-active .custom-radio-tab-other label {
                    margin-bottom: 10px; 
                }

                /* Style the wrapper for the 'Other' input */
                .campaign-form-styling-active .custom-other-input-wrapper {
                    display: block;
                    margin: 0;
                    padding: 0;
                    cursor: pointer !important; /* [!!! FIX ADDED HERE !!!] Ensure wrapper shows hand cursor */
                }

                /* Style the 'Other' number input field */
                .campaign-form-styling-active .custom-radio-tab-other input[type="number"] {
                    width: 100% !important;
                    border: 1px solid #ccc !important;
                    border-radius: 4px !important;
                    padding: 12px 8px !important;
                    font-size: 1.2rem !important;
                    font-weight: 700 !important;
                    color: #2F3C4D !important;
                    margin: 0 !important;
                }

                .campaign-form-styling-active .custom-radio-tab-other input[type="number"]:disabled {
                    background: #f4f4f4 !important;
                    cursor: not-allowed;
                    pointer-events: none !important; /* [!!! FIX ADDED HERE !!!] Lets click pass through to tab */
                }

                /* Hide misc elements that break the grid layout */
                .campaign-form-styling-active .custom-radio-grid-container .clearfix,
                .campaign-form-styling-active .custom-radio-tab br {
                    display: none !important;
                }

                /* --- [END] DYNAMIC RADIO STYLES --- */


                /* --- Other Form Fixes --- */
                 .campaign-form-styling-active ul.form-section > li.form-line#id_3 .form-html p, .campaign-form-styling-active ul.form-section > li#id_13 * {
                     color: white !important;
                 }
                .co_body h3, .co_body h2, .co_body h1{
                     color: #B99362 !important;
                 }

                .co_body .content .form-all .form-submit-button{
                     background: #B99362 !important;
                 }

                .co_body .content .form-all .form-label-left label, .form-sub-label {
                     color: white !important;
                 }
            `;
            document.head.appendChild(style);
            console.log("Custom Form Styling Script: Styles injected.");
        }

        // --- Core Logic Function ---
        function findAndApplyStyles() {
            
            // 1. Check for the specific placeholder ID.
            const idPlaceholderExists = document.getElementById('campaign-form-progress-bar-container');
            const placeholderCheckPassed = idPlaceholderExists;

            // 2. Check for form
            const formElement = document.querySelector('form.userform-form');
            
            // 3. [NEW] Check for *any* radio button list
            const anyRadioList = document.querySelector('.form-single-column');
            
            // Check for placeholder, form, AND at least one radio list
            if (placeholderCheckPassed && formElement && anyRadioList) {
                console.log("Custom Form Styling Script: Placeholder ID, Form, AND Radio Container found. Applying styles.");
                document.body.classList.add('campaign-form-styling-active');
                
                setupAllRadioTabs(); // [NEW] Call the dynamic function
                injectFormStyles(); 
                
                return true; // Signal success
            }
            
            let waitingFor = [];
            if (!placeholderCheckPassed) waitingFor.push("Placeholder ID");
            if (!formElement) waitingFor.push("Form");
            if (!anyRadioList) waitingFor.push("Radio Container");
            
            return false;
        }

        // --- SCRIPT EXECUTION TRIGGER (POLLING) ---
        console.log("Custom Form Styling Script: Starting poll for form elements...");
        
        let styleInterval = null;
        let attempts = 0;
        const maxAttempts = 40; // 40 * 250ms = 10 seconds

        styleInterval = setInterval(() => {
            attempts++;
            
            if (findAndApplyStyles()) {
                // Success! Stop polling.
                console.log("Custom Form Styling Script: Successfully applied. Stopping poll.");
                clearInterval(styleInterval);
            } else if (attempts > maxAttempts) {
                // Failed to find elements after 10 seconds.
                console.log("Custom Form Styling Script: Polling timed out. Required elements not found. Stopping poll.");
                clearInterval(styleInterval);
            }
            
        }, 250); // Check every 250 milliseconds

    })();

});
</script><script>
    /* Campaigns Minisite Code*/
    document.addEventListener('DOMContentLoaded', function() {

        // --- CONFIGURATION ---
        // const targetUrl = 'https://www.harfordchabad.org/templates/section_cdo/aid/7055084/jewish/Campaigns.htm';
        if (!window.location.href.includes('7055084')) {
            // Silently exit if the URL does not contain '7055084'
            return;
        }

        console.log("Campaign Script Initialized on correct URL.");

        // IMPORTANT: Use the URL from "File" > "Share" > "Publish to web".
        // It MUST be for the "Master" sheet, published as "Comma-separated values (.csv)".
        const googleSheetCsvUrl = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vS_ZtdMnIQqknIUTQToGfyWjNLG2kYRWStHi5E_oy_D8pEFlMglipgw8WEXIUHFjxmwKcxfZQxvvQZv/pub?output=csv';

        // --- CORE FUNCTIONS ---

        /**
         * Creates the correct CSV URL for a specific sheet tab (gid).
         */
        function getSheetCsvUrl(gid) {
            const sheetIdMatch = googleSheetCsvUrl.match(/\/d\/e\/(.*?)\//);
            if (!sheetIdMatch || !sheetIdMatch[1]) {
                console.error("Could not extract the Spreadsheet ID from the googleSheetCsvUrl. Please ensure the URL is correct.");
                return null;
            }
            const sheetId = sheetIdMatch[1];
            return `https://docs.google.com/spreadsheets/d/e/${sheetId}/pub?gid=${gid}&output=csv`;
        }

        /**
         * Parses raw CSV text into an array of objects.
         */
        function parseCsvResponse(csvText) {
            if (!csvText || typeof csvText !== 'string') return [];
            try {
                const lines = csvText.trim().split('\n');
                if (lines.length < 2) return [];

                const headers = lines.shift().trim().split(',').map(h => h.trim().replace(/"/g, ''));

                return lines.map(line => {
                    const values = line.trim().split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
                    const rowData = {};
                    headers.forEach((header, index) => {
                        let value = values[index] ? values[index].trim().replace(/"/g, '') : '';
                        if (['Amount', 'Goal', 'Value / GID'].includes(header) && value) {
                            value = parseFloat(value.replace(/[^0-9.-]+/g, "")) || 0;
                        }
                        rowData[header] = value;
                    });
                    return rowData;
                });
            } catch (e) {
                console.error("Failed to parse CSV text.", e);
                console.error("Received text:", csvText);
                return [];
            }
        }

        /**
         * Main function to fetch all data from Google Sheets.
         */
        async function fetchData() {
            console.log("Fetching data from Master sheet...");
            if (!googleSheetCsvUrl) {
                console.error("Google Sheet CSV URL is not configured in the script.");
                return;
            }

            try {
                const masterResponse = await fetch(googleSheetCsvUrl);
                if (!masterResponse.ok) {
                    console.error(`Error fetching Master sheet: ${masterResponse.status} ${masterResponse.statusText}. Check if the sheet is published correctly.`);
                    return;
                }
                const masterText = await masterResponse.text();
                const masterData = parseCsvResponse(masterText);

                if (!masterData || masterData.length === 0) {
                    console.error("Failed to parse the Master sheet. Check the 'Publish to web' settings and ensure the sheet has data.");
                    return;
                }

                console.log("Master sheet data parsed successfully.");

                const mainTotalRows = masterData.filter(row => row.Type === 'main_total');
                const overallGoalRow = mainTotalRows.find(row => row.Name === 'Overall_Goal');
                const projectedTotalRow = mainTotalRows.find(row => row.Name === 'Projected_Total');

                if (!overallGoalRow || !projectedTotalRow) {
                    console.error("CRITICAL ERROR: 'Overall_Goal' or 'Projected_Total' rows not found in Master sheet. Please check spelling, capitalization, and structure in your sheet.");
                    return;
                }

                const main_totals = [{
                    "Overall_Goal": overallGoalRow['Value / GID'],
                    "Projected_Total": projectedTotalRow['Value / GID']
                }];

                const campaigns = masterData.filter(row => row.Type === 'campaign').map(row => ({
                    "Campaign_Name": row.Name,
                    "Campaign_GID": row['Value / GID'],
                    "Goal": row.Goal
                }));

                console.log(`Found ${campaigns.length} campaigns in Master sheet. Fetching donor data...`);

                const donorSheetPromises = campaigns.map(c =>
                    fetch(getSheetCsvUrl(c.Campaign_GID))
                    .then(res => {
                        if (!res.ok) {
                            console.error(`Failed to fetch donor sheet for GID: ${c.Campaign_GID}. Status: ${res.status}`);
                            return '';
                        }
                        return res.text();
                    })
                    .then(text => ({
                        gid: c.Campaign_GID,
                        donors: parseCsvResponse(text)
                    }))
                );

                const donorSheets = await Promise.all(donorSheetPromises);
                console.log("All donor sheets fetched and parsed.");

                processAllData(main_totals, campaigns, donorSheets);

            } catch (error) {
                console.error('An error occurred during the data fetching process:', error);
            }
        }

        /**
         * Takes all the fetched data, calculates totals, and calls the update functions.
         */
        function processAllData(main_totals, campaigns, donorSheets) {
            console.log("Processing all data to update the page...");
            const campaignsWithTotals = campaigns.map(campaign => {
                const donorSheet = donorSheets.find(s => String(s.gid) === String(campaign.Campaign_GID));
                const campaignDonors = donorSheet ? donorSheet.donors : [];
                const raised = campaignDonors.reduce((sum, d) => sum + (d.Amount || 0), 0);
                return { ...campaign,
                    Amount_Raised: raised
                };
            });

            const allDonations = campaigns.flatMap(campaign => {
                const donorSheet = donorSheets.find(s => String(s.gid) === String(campaign.Campaign_GID));
                const campaignDonors = donorSheet ? donorSheet.donors : [];
                return campaignDonors.map(donor => ({
                    ...donor,
                    Campaign_Name: campaign.Campaign_Name
                }));
            });

            // --- NEW: Aggregate donor totals ---
            const aggregatedDonors = {};
            allDonations.forEach(donation => {
                const name = donation.Donor_Name;
                if (!name) return; // Skip if donor name is missing
                if (!aggregatedDonors[name]) {
                    aggregatedDonors[name] = {
                        totalAmount: 0,
                        campaigns: new Set()
                    };
                }
                aggregatedDonors[name].totalAmount += donation.Amount || 0;
                aggregatedDonors[name].campaigns.add(donation.Campaign_Name);
            });

            const donorTotalsList = Object.keys(aggregatedDonors).map(name => ({
                Donor_Name: name,
                Total_Amount: aggregatedDonors[name].totalAmount,
                Campaigns: Array.from(aggregatedDonors[name].campaigns)
            }));
            // --- END NEW ---

            const totalRaised = campaignsWithTotals.reduce((sum, c) => sum + c.Amount_Raised, 0);

            populateHeroStats(totalRaised, main_totals[0]);
            updateCampaignCards(campaignsWithTotals);
            populateDonorsList(donorTotalsList); // Use the new aggregated list
            console.log("Page update complete.");
        }

        // --- PAGE UPDATE FUNCTIONS ---

        function populateHeroStats(totalRaised, mainTotals) {
            if (!mainTotals) {
                console.error("Hero stats not updated: mainTotals data is missing.");
                return;
            }
            const goal = mainTotals.Overall_Goal;
            const projected = mainTotals.Projected_Total;

            const raisedPercentage = goal > 0 ? Math.round((totalRaised / goal) * 100) : 0;
            const projectedPercentage = goal > 0 ? Math.round((projected / goal) * 100) : 0;

            console.log(`Updating Hero Stats: Raised $${totalRaised}, Goal $${goal}, Projected $${projected}`);

            document.querySelector('.harford-hybrid-campaign-page-raised-amount').textContent = `$${totalRaised.toLocaleString()}`;
            document.querySelector('.harford-hybrid-campaign-page-goal-amount').textContent = `$${goal.toLocaleString()}`;
            document.querySelector('.harford-hybrid-campaign-page-projected-amount').textContent = `$${projected.toLocaleString()}`;

            const projectedBarFill = document.getElementById('harford-hybrid-campaign-page-progress-bar-projected');
            if (projectedBarFill) {
                projectedBarFill.style.width = `${projectedPercentage}%`;
            } else {
                console.error("Could not find element: #harford-hybrid-campaign-page-progress-bar-projected");
            }

            const progressBarFill = document.getElementById('harford-hybrid-campaign-page-progress-bar-fill');
            if (progressBarFill) {
                progressBarFill.style.width = `${raisedPercentage}%`;
            } else {
                console.error("Could not find element: #harford-hybrid-campaign-page-progress-bar-fill");
            }

            const progressBarText = document.getElementById('harford-hybrid-campaign-page-progress-bar-text');
            if (progressBarText) {
                progressBarText.textContent = `${raisedPercentage}%`;
            } else {
                console.error("Could not find element: #harford-hybrid-campaign-page-progress-bar-text");
            }
        }

        function updateCampaignCards(campaignsWithTotals) {
            const cardElements = document.querySelectorAll('.harford-hybrid-campaign-page-card');
            console.log(`Found ${cardElements.length} campaign cards on the page to update.`);

            cardElements.forEach(card => {
                const campaignId = card.dataset.campaignId;
                const campaignData = campaignsWithTotals.find(c => String(c.Campaign_GID) === String(campaignId));

                if (!campaignData) {
                    console.warn(`No campaign data from sheet found for card with data-campaign-id="${campaignId}". Skipping this card.`);
                    return;
                }

                const goal = campaignData.Goal;
                const raised = campaignData.Amount_Raised;
                const percentage = goal > 0 ? Math.round((raised / goal) * 100) : 0;

                console.log(`Updating card for GID ${campaignId}: Raised $${raised}, Goal $${goal}`);

                const raisedEl = card.querySelector('.harford-hybrid-campaign-page-card-raised-amount');
                const goalEl = card.querySelector('.harford-hybrid-campaign-page-card-goal-amount');
                const fillEl = card.querySelector('.harford-hybrid-campaign-page-card-progress-fill');

                if (raisedEl) raisedEl.textContent = `$${raised.toLocaleString()}`;
                if (goalEl) goalEl.textContent = `$${goal.toLocaleString()}`;
                if (fillEl) {
                    fillEl.style.width = `${percentage}%`;
                } else {
                    console.error(`Could not find progress bar fill element inside card with GID ${campaignId}.`);
                }
            });
        }

        function getDonorLevel(amount) {
            if (amount >= 25000) return 'Platinum';
            if (amount >= 10000) return 'Gold';
            if (amount >= 5000) return 'Silver';
            if (amount >= 1800) return 'Bronze';
            return null;
        }

        // --- UPDATED to handle aggregated data ---
        function populateDonorsList(donations) {
            const container = document.getElementById('harford-hybrid-campaign-page-donors-list-js');
            if (!container) {
                console.error("Could not find donors list container: #harford-hybrid-campaign-page-donors-list-js");
                return;
            }

            const sortedDonations = [...donations].sort((a, b) => b.Total_Amount - a.Total_Amount);
            console.log(`Populating donors list with ${sortedDonations.length} unique donors.`);

            let donorsHtml = '';
            sortedDonations.forEach(donor => {
                if (!donor.Donor_Name || !donor.Total_Amount) return;
                const level = getDonorLevel(donor.Total_Amount);

                // Create a tag for each campaign the donor contributed to
                const campaignTags = donor.Campaigns.map(campaignName =>
                    `<div class="harford-hybrid-campaign-page-donor-tag">${campaignName}</div>`
                ).join('');

                donorsHtml += `
                    <div class="harford-hybrid-campaign-page-donor-item">
                        <div class="harford-hybrid-campaign-page-donor-info">
                            <div class="harford-hybrid-campaign-page-donor-name">${donor.Donor_Name}</div>
                            <div class="harford-hybrid-campaign-page-donor-tags">
                                ${level ? `<div class="harford-hybrid-campaign-page-donor-tag harford-hybrid-campaign-page-donor-level-tag">${level}</div>` : ''}
                                ${campaignTags}
                            </div>
                        </div>
                        <div class="harford-hybrid-campaign-page-donor-amount">$${donor.Total_Amount.toLocaleString()}</div>
                    </div>`;
            });
            container.innerHTML = donorsHtml;
        }

        // --- INITIATE SCRIPT ---
        fetchData();
    });
    /* End of Minsite Code*/
</script><script>
(function() {
    /**
     * This script performs one main function on the navigation menu:
     * 1. Hides the default icon-based home button and adds a new text-based "Home" button.
     *
     * It uses a polling mechanism (setInterval) to reliably find the elements,
     * which is effective for sites with complex loading scripts.
     */

    let attempts = 0;
    const maxAttempts = 40; // Stop trying after 10 seconds (40 * 250ms)

    const modifyNavigation = () => {
        console.log("Attempting to find navigation elements...");

        // --- Find the necessary elements ---
        // Using the correct 'aid' for the "About" menu item.
        const aboutMenuItem = document.querySelector('td.co_menu_item[aid="6993897"]');
        const navRow = document.getElementById('tabContentMain');

        // If we've tried for too long, stop the script.
        if (attempts++ >= maxAttempts) {
            clearInterval(navModificationInterval);
            console.error("Script timed out: Could not find all necessary navigation elements after 10 seconds.");
            return;
        }

        // If we can't find the key elements yet, the interval will run this function again.
        if (!aboutMenuItem || !navRow) { // Modified
            console.log("Elements not ready, will try again...");
            return;
        }

        // --- Elements Found: Proceed with modifications and stop the script ---
        console.log("All navigation elements found. Proceeding with modifications.");
        clearInterval(navModificationInterval); // Stop the interval now that we've found the elements.

        // --- Task 1: Modify the Home Button ---
        const iconHomeButton = document.querySelector('td.co_menu_item.home');
        if (iconHomeButton) {
            iconHomeButton.style.display = 'none';
            const dividerAfterIcon = iconHomeButton.nextElementSibling;
            if (dividerAfterIcon && dividerAfterIcon.classList.contains('co_menu_item_divider')) {
                dividerAfterIcon.style.display = 'none';
            }
        }

        const existingHomeLink = Array.from(navRow.querySelectorAll('a.parent')).find(a => a.textContent.trim() === 'Home');
        if (!existingHomeLink) {
            const homeMenuItem = document.createElement('td');
            homeMenuItem.className = 'co_menu_item';
            homeMenuItem.setAttribute('data-menu-level', '1');

            const homeLink = document.createElement('a');
            homeLink.href = 'https://www.harfordchabad.org/';
            homeLink.className = 'parent';
            homeLink.textContent = 'Home';

            const parentSpan = document.createElement('span');
            parentSpan.className = 'parent';
            const innerDiv = document.createElement('div');
            innerDiv.appendChild(homeLink);
            parentSpan.appendChild(innerDiv);
            homeMenuItem.appendChild(parentSpan);

            const divider = document.createElement('td');
            divider.className = 'co_menu_item_divider';
            divider.innerHTML = '<img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0">';

            aboutMenuItem.parentNode.insertBefore(homeMenuItem, aboutMenuItem);
            aboutMenuItem.parentNode.insertBefore(divider, aboutMenuItem);
            console.log('Successfully added the text-based Home button.');
        } else {
            console.log('Text-based Home button already exists.');
        }

        // --- Task 2: (REMOVED) ---

        console.log("Navigation modification complete.");
    };

    // --- RELIABLE EXECUTION ---
    // Start the interval to check for the elements every 250 milliseconds.
    const navModificationInterval = setInterval(modifyNavigation, 250);

})();
</script><script>
  (function() {
    // Check if the current URL contains '6030457'
    if (window.location.href.includes('6030457')) {
      // Replace '6030457' with '7436614' in the current URL
      var newUrl = window.location.href.replace('6030457', '7436614');
      // Perform the redirect (prevents user from using 'Back' button to loop)
      window.location.replace(newUrl);
    }
  })();
</script></head>
<body class="lang_en dir_ltr cco_body section_branch sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>HarfordChabad.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="topSubscribea0c04721dd" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('a0c04721ddFormContainer'), document.getElementById('a0c04721ddResponseContainer'));">



<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="dbfa4d20-43df-41fe-a7c3-e6b7016405a9" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="dbfa4d20-43df-41fe-a7c3-e6b7016405a9"></div>	

<div class="container horizontal_padding" id="a0c04721ddContainer">
<div style="margin:10px 0;">
<div class="co_form_container" id="a0c04721ddFormContainer">
<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:4814038;" />
<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="55080" />
Subscribe to Weekly Email
</div>
</div>
<div id="a0c04721ddResponseContainer"></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="/1245583">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=3384723&amp;jewish=cTeen-Blog.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/1075/rXwt10754616.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Harford Chabad" class="site_title">Harford Chabad<span class="site_subtitle clearfix"> An Invigorating & Inspiring Jewish Community • 443-353-9718</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 = "639252592562971547";
</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="6993897" 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/1245583/jewish/About.htm" class="item hover" id="menu_item1-1" data-menu-level="2" data-aid="1245583">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>About</span>
</a>
<a href="/templates/blog/default_cdo/aid/3365872/jewish/Your-Say.htm" class="item" id="menu_item1-2" data-menu-level="2" data-aid="3365872">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Your Say</span>
</a>
<a href="/templates/blog/default_cdo/aid/5240941/jewish/Building-Updates.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="5240941">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Building Updates</span>
</a>
<a href="/tools/feedback.asp" class="item empty" id="menu_item1-4" data-menu-level="2" data-aid="1245593">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Contact</span>
</a>
<a href="/templates/articlecco_cdo/aid/3427573/jewish/Location.htm" class="item empty" id="menu_item1-5" data-menu-level="2" data-aid="3427573">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Location</span>
</a>
<a href="/blog" class="item empty" id="menu_item1-6" data-menu-level="2" data-aid="3858733">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Rabbi’s Blog</span>
</a>
<a href="/templates/articlecco_cdo/aid/7261371/jewish/AI-Agent.htm" class="item empty" id="menu_item1-7" data-menu-level="2" data-aid="7261371">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>AI Agent</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child 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="/templates/articlecco_cdo/aid/1379353/jewish/7-Facts-About-Chabad.htm" class="child_item default" data-menu-level="3" data-aid="1379353"><span>7 Facts About Chabad</span></a>
<a href="/templates/articlecco_cdo/aid/1377533/jewish/In-The-News.htm" class="child_item default" data-menu-level="3" data-aid="1377533"><span>In The News</span></a>
<a href="/templates/articlecco_cdo/aid/1738304/jewish/Join-The-Mailing-List.htm" class="child_item default" data-menu-level="3" data-aid="1738304"><span>Join The Mailing List</span></a>
<a href="/templates/articlecco_cdo/aid/1738313/jewish/Mailing-List-Removal-Form.htm" class="child_item default" data-menu-level="3" data-aid="1738313"><span>Mailing List Removal Form</span></a>
<a href="/templates/articlecco_cdo/aid/2314092/jewish/Forms.htm" class="child_item default" data-menu-level="3" data-aid="2314092"><span>Forms</span></a>
<a href="http://harfordhaven.org" class="child_item default" data-menu-level="3" data-aid="6688493"><span>Harford Haven - Building Campaign</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-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/4089862/jewish/Testimonials.htm" class="child_item default" data-menu-level="3" data-aid="4089862"><span>Testimonials</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 id="menu_child1-5" 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-6" 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-7" 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/section_cdo/aid/6993897/jewish/About.htm" class="parent">About</a></div></span><a href="/templates/section_cdo/aid/6993897/jewish/About.htm" class="bg_extension js-parent-menu-link" data-aid="6993897"></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="6993864" 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/section_cdo/aid/6991785/jewish/Jewish-Holidays.htm" class="item hover" id="menu_item2-1" data-menu-level="2" data-aid="6991785">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Holidays</span>
</a>
<a href="/templates/section_cdo/aid/6991761/jewish/StudyAdult-Education.htm" class="item" id="menu_item2-2" data-menu-level="2" data-aid="6991761">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Study/Adult Education</span>
</a>
<a href="/templates/section_cdo/aid/6993011/jewish/Women.htm" class="item" id="menu_item2-3" data-menu-level="2" data-aid="6993011">
<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="/templates/section_cdo/aid/6991770/jewish/Youth.htm" class="item" id="menu_item2-4" data-menu-level="2" data-aid="6991770">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Youth</span>
</a>
<a href="/templates/section_cdo/aid/6991759/jewish/ShulSynagogue-Services.htm" class="item" id="menu_item2-5" data-menu-level="2" data-aid="6991759">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Shul/Synagogue Services</span>
</a>
<a href="/templates/section_cdo/aid/6991740/jewish/Community.htm" class="item" id="menu_item2-6" data-menu-level="2" data-aid="6991740">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Community</span>
</a>
<a href="/templates/articlecco_cdo/aid/7013742/jewish/Upcoming-Events.htm" class="item empty" id="menu_item2-7" data-menu-level="2" data-aid="7105848">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Upcoming Events</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child 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="/templates/section_cdo/aid/6986479/jewish/High-Holidays.htm" class="child_item default" data-menu-level="3" data-aid="6986479"><span>High Holidays</span></a>
<a href="/templates/section_cdo/aid/7008814/jewish/Sukkot-and-Simchat-Torah.htm" class="child_item default" data-menu-level="3" data-aid="7008814"><span>Sukkot and Simchat Torah</span></a>
<a href="/templates/section_cdo/aid/7201965/jewish/Chanukah.htm" class="child_item default" data-menu-level="3" data-aid="7201965"><span>Chanukah</span></a>
<a href="/templates/section_cdo/aid/7091003/jewish/Purim.htm" class="child_item default" data-menu-level="3" data-aid="7091003"><span>Purim</span></a>
<a href="/templates/section_cdo/aid/7101122/jewish/Pesach.htm" class="child_item default" data-menu-level="3" data-aid="7101122"><span>Pesach</span></a>
<a href="/templates/section_cdo/aid/7166226/jewish/Lag-BaOmer.htm" class="child_item default" data-menu-level="3" data-aid="7166226"><span>Lag BaOmer</span></a>
<a href="/templates/section_cdo/aid/7201760/jewish/Shavuot.htm" class="child_item default" data-menu-level="3" data-aid="7201760"><span>Shavuot</span></a>
<a href="/templates/articlecco_cdo/aid/7432994/jewish/Tisha-BAv.htm" class="child_item default" data-menu-level="3" data-aid="7432994"><span>Tisha B'Av</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-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/3737783/jewish/Torah-Studies.htm" class="child_item default" data-menu-level="3" data-aid="3737783"><span>Torah Studies</span></a>
<a href="/templates/articlecco_cdo/aid/6994691/jewish/JLI-Programs.htm" class="child_item default" data-menu-level="3" data-aid="6994691"><span>JLI Programs</span></a>
<a href="/templates/articlecco_cdo/aid/7026237/jewish/cTeen-University-Jewish-Business-School.htm" class="child_item default" data-menu-level="3" data-aid="7026237"><span>cTeen University - Jewish Business School</span></a>
<a href="/templates/articlecco_cdo/aid/7062455/jewish/Teshuva.htm" class="child_item default" data-menu-level="3" data-aid="7062455"><span>Teshuva</span></a>
<a href="/templates/articlecco_cdo/aid/7062921/jewish/1on1-Study.htm" class="child_item default" data-menu-level="3" data-aid="7062921"><span>1on1 Study</span></a>
<a href="/templates/articlecco_cdo/aid/7123637/jewish/Holidays-101.htm" class="child_item default" data-menu-level="3" data-aid="7123637"><span>Holidays 101</span></a>
<a href="/templates/articlecco_cdo/aid/7323614/jewish/Pirkei-Avos.htm" class="child_item default" data-menu-level="3" data-aid="7323614"><span>Pirkei Avos</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" 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/5253575/jewish/Torah-and-Tea.htm" class="child_item default" data-menu-level="3" data-aid="5253575"><span>Torah and Tea</span></a>
<a href="/templates/articlecco_cdo/aid/5253577/jewish/Challah-Club.htm" class="child_item default" data-menu-level="3" data-aid="5253577"><span>Challah Club</span></a>
<a href="/templates/articlecco_cdo/aid/5801362/jewish/Jewish-Womens-Circle.htm" class="child_item default" data-menu-level="3" data-aid="5801362"><span>Jewish Women's Circle</span></a>
<a href="/templates/articlecco_cdo/aid/7026110/jewish/Mahjong-Mondays.htm" class="child_item default" data-menu-level="3" data-aid="7026110"><span>Mahjong Mondays</span></a>
<a href="/templates/articlecco_cdo/aid/7121294/jewish/Rosh-Chodesh-Society.htm" class="child_item default" data-menu-level="3" data-aid="7121294"><span>Rosh Chodesh Society</span></a>
<a href="/templates/articlecco_cdo/aid/7121804/jewish/Moms-Night-Out.htm" class="child_item default" data-menu-level="3" data-aid="7121804"><span>Mom's Night Out</span></a>
<a href="/templates/articlecco_cdo/aid/7275844/jewish/Garden-Party.htm" class="child_item default" data-menu-level="3" data-aid="7275844"><span>Garden Party</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" 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/section_cdo/aid/7322421/jewish/Hebrew-School.htm" class="child_item default" data-menu-level="3" data-aid="7322421"><span>Hebrew School</span></a>
<a href="cteenu" class="child_item default" data-menu-level="3" data-aid="7017503"><span>CteenU Jewish Business School</span></a>
<a href="/templates/section_cdo/aid/7157602/jewish/Jewish-Kids-Club.htm" class="child_item default" data-menu-level="3" data-aid="7157602"><span>Jewish Kids Club</span></a>
<a href="/templates/section_cdo/aid/7186276/jewish/Cteens.htm" class="child_item default" data-menu-level="3" data-aid="7186276"><span>Cteens</span></a>
<a href="/templates/articlecco_cdo/aid/7295589/jewish/Mommy-Me.htm" class="child_item default" data-menu-level="3" data-aid="7295589"><span>Mommy & Me</span></a>
<a href="/templates/articlecco_cdo/aid/7426022/jewish/Rosh-Hashanah-Family-Challah-Bake.htm" class="child_item default" data-menu-level="3" data-aid="7426022"><span>Rosh Hashanah Family Challah Bake</span></a>
<a href="/templates/articlecco_cdo/aid/7458768/jewish/Havdallah-Pajama-Party.htm" class="child_item default" data-menu-level="3" data-aid="7458768"><span>Havdallah Pajama Party</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-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/5253589/jewish/Tefillin-Club.htm" class="child_item default" data-menu-level="3" data-aid="5253589"><span>Tefillin Club</span></a>
<a href="/templates/articlecco_cdo/aid/4371408/jewish/Book-Sponsor.htm" class="child_item default" data-menu-level="3" data-aid="4371408"><span>Book Sponsor</span></a>
<a href="/templates/articlecco_cdo/aid/6655195/jewish/Family-Shabbat-Dinner.htm" class="child_item default" data-menu-level="3" data-aid="6655195"><span>Family Shabbat Dinner</span></a>
<a href="/templates/section_cdo/aid/6997784/jewish/Yom-Tov.htm" class="child_item default" data-menu-level="3" data-aid="6997784"><span>Yom Tov</span></a>
<a href="/templates/articlecco_cdo/aid/6997478/jewish/Shabbos-Services.htm" class="child_item default" data-menu-level="3" data-aid="6997478"><span>Shabbos Services</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-6" 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/6988376/jewish/Smile-On-Seniors.htm" class="child_item default" data-menu-level="3" data-aid="6988376"><span>Smile On Seniors</span></a>
<a href="/templates/articlecco_cdo/aid/7062920/jewish/Lifecycle-Events.htm" class="child_item default" data-menu-level="3" data-aid="7062920"><span>Lifecycle Events</span></a>
<a href="/templates/articlecco_cdo/aid/7010063/jewish/Moses-Makes-House-Calls.htm" class="child_item default" data-menu-level="3" data-aid="7010063"><span>Moses Makes House Calls</span></a>
<a href="/templates/articlecco_cdo/aid/7275855/jewish/ChabaBBQ.htm" class="child_item default" data-menu-level="3" data-aid="7275855"><span>ChabaBBQ</span></a>
<a href="/templates/articlecco_cdo/aid/7058337/jewish/Shabbat-100.htm" class="child_item default" data-menu-level="3" data-aid="7058337"><span>Shabbat 100</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-7" 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/section_cdo/aid/6993864/jewish/Events.htm" class="parent">Events</a></div></span><a href="/templates/section_cdo/aid/6993864/jewish/Events.htm" class="bg_extension js-parent-menu-link" data-aid="6993864"></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="3775136" 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/5309544/jewish/Kosher-Order.htm" class="item empty" id="menu_item3-1" data-menu-level="2" data-aid="5309544">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kosher Order</span>
</a>
<a href="/calendar/view/month_cdo/jewish/Jewish-Calendar.htm" class="item" id="menu_item3-2" data-menu-level="2" data-aid="2677052">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Calendar</span>
</a>
<a href="/parshah/default_cdo/aid/6232/jewish/Torah-Portion.htm" class="item" id="menu_item3-3" data-menu-level="2" data-aid="1245596">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Torah Portion and Parshah</span>
</a>
<a href="/library/article_cdo/aid/1675887/jewish/Learning-Values.htm" class="item" id="menu_item3-4" data-menu-level="2" data-aid="2372776">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Learning & Values</span>
</a>
<a href="/dailystudy/default_cdo/jewish/Daily-Study.htm" class="item" id="menu_item3-5" data-menu-level="2" data-aid="1679004">
<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="http://www.harfordchabad.org/calendar/candlelighting.htm" class="item empty" id="menu_item3-6" data-menu-level="2" data-aid="2377514">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Candle-Lighting</span>
</a>
<a href="/multimedia/default_cdo/aid/6230/jewish/Audio-Classes.htm" class="item" id="menu_item3-7" data-menu-level="2" data-aid="1245599">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Audio Classes</span>
</a>
<a href="/society/default_cdo/aid/132514/jewish/Community-Family.htm" class="item" id="menu_item3-8" data-menu-level="2" data-aid="2372785">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Community & Family</span>
</a>
<a href="/library/article_cdo/aid/1675888/jewish/Jewish-Practice.htm" class="item" id="menu_item3-9" data-menu-level="2" data-aid="2372775">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Practice</span>
</a>
<a href="/library/article_cdo/aid/1675890/jewish/Inspiration-Entertainment.htm" class="item" id="menu_item3-10" data-menu-level="2" data-aid="2372779">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Inspiration & Entertainment</span>
</a>
<a href="/templates/articlecco_cdo/aid/6110361/jewish/Visitors.htm" class="item" id="menu_item3-11" data-menu-level="2" data-aid="6110361">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Visitors</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child empty 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="" 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_child3-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="/calendar/view/month_cdo/jewish/Jewish-Calendar.htm" class="child_item header" data-menu-level="3" data-aid="142130"><span>Jewish Calendar</span></a>
<a href="/holidays/default_cdo/jewish/Jewish-Holidays.htm" class="child_item link" data-menu-level="3" data-aid="1127364"><span>Jewish Holidays</span></a>
<a href="/library/article_cdo/aid/2263459/jewish/Hebrew-Months.htm" class="child_item default" data-menu-level="3" data-aid="2263459"><span>Hebrew Months</span></a>
<div class="child_item heading">Times</div>
<a href="/calendar/candlelighting_cdo/aid/6226/jewish/Shabbat-Candle-Lighting-Times.htm" class="child_item header" data-menu-level="3" data-aid="1550417"><span>Accurate Shabbat Candle-Lighting Times</span></a>
<a href="/calendar/zmanim_cdo/aid/143790/jewish/Zmanim-Halachic-Times.htm" class="child_item default" data-menu-level="3" data-aid="143790"><span>Zmanim - Halachic Times</span></a>
<a href="/article.asp?aid=531514" class="child_item default" data-menu-level="3" data-aid="531514"><span>About the Jewish Calendar</span></a>
<div class="child_item heading">Calculators</div>
<a href="/calendar/converter_cdo/aid/6225/jewish/Jewish-Hebrew-Date-Converter.htm" class="child_item header" data-menu-level="3" data-aid="6225"><span>Jewish / Hebrew Date Converter</span></a>
<a href="/calendar/birthday_cdo/aid/6228/jewish/Jewish-Birthday-Calculator.htm" class="child_item link" data-menu-level="3" data-aid="657085"><span>Jewish Birthday Calculator</span></a>
<a href="/calendar/bar-bat-mitzvah_cdo/aid/6227/jewish/BarBat-Mitzvah-Date-Calculator.htm" class="child_item link" data-menu-level="3" data-aid="471467"><span>Bar/Bat Mitzvah Calculator</span></a>
<a href="/calendar/yahrtzeit_cdo/aid/6229/jewish/Yahrzeit-Calculator.htm" class="child_item default" data-menu-level="3" data-aid="6229"><span>Yahrzeit Calculator</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<div class="child_item heading">Features</div>
<a href="/dailystudy/default_cdo/jewish/Daily-Study.htm" class="child_item header" data-menu-level="3" data-aid="1676764"><span>Daily Study</span></a>
<a href="/calendar/view/week_cdo/jewish/The-Week-in-Jewish-History.htm" class="child_item link" data-menu-level="3" data-aid="1718562"><span>The Week in Jewish History</span></a>
<a href="/centers/events/default_cdo/aid/1574347/jewish/Find-Local-Events.htm" class="child_item link" data-menu-level="3" data-aid="1574347"><span>Find Local Events</span></a>
<div class="child_item heading">My Calendar</div>
<a href="/tools/login/settings.asp?v=events" class="child_item header" data-menu-level="3" data-aid="1574353"><span>Manage My Events</span></a>
<a href="/tools/login/settings.asp?v=alerts" class="child_item default" data-menu-level="3" data-aid="1574383"><span>Event Reminders</span></a>
<a href="/tools/login/sms-shabbat.asp" class="child_item default" data-menu-level="3" data-aid="449150"><span>Shabbat Time Alerts</span></a>
<a href="/tools/login/settings_cdo/v/cal_share" class="child_item default" data-menu-level="3" data-aid="2544603"><span>Share My Calendar</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-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="/parshah/default_cdo/aid/9174/jewish/Current-Parshah.htm" class="child_item default" data-menu-level="3" data-aid="9174"><span>Current Parshah</span></a>
<a href="/parshah/redirect_cdo/section/text" class="child_item default" data-menu-level="3" data-aid="1757513"><span>Parshah Text</span></a>
<a href="/parshah/redirect_cdo/section/haftorah_text" class="child_item default" data-menu-level="3" data-aid="1757518"><span>Haftarah Text</span></a>
<a href="/parshah/redirect_cdo/section/nutshell" class="child_item default" data-menu-level="3" data-aid="1757520"><span>Parshah in a Nutshell</span></a>
<a href="/parshah/redirect_cdo/section/haftorah_nutshell" class="child_item default" data-menu-level="3" data-aid="1757521"><span>Haftorah in a Nutshell</span></a>
<a href="/parshah/redirect_cdo/section/aliyot" class="child_item default" data-menu-level="3" data-aid="1757538"><span>Aliyot Summary</span></a>
<a href="/parshah/redirect_cdo/section/indepth" class="child_item default" data-menu-level="3" data-aid="1757522"><span>Parshah in Depth</span></a>
<a href="/parshah/redirect_cdo/section/cm" class="child_item default" data-menu-level="3" data-aid="1757523"><span>From the Chassidic Masters</span></a>
<a href="/parshah/redirect_cdo/section/columnists" class="child_item default" data-menu-level="3" data-aid="1757524"><span>Parshah Columnists</span></a>
<a href="/parshah/redirect_cdo/section/video" class="child_item default" data-menu-level="3" data-aid="1757525"><span>Parshah Videos</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/parshah/redirect_cdo/section/audio" class="child_item default" data-menu-level="3" data-aid="1757528"><span>Parshah Audio Classes</span></a>
<a href="/parshah/redirect_cdo/section/family" class="child_item default" data-menu-level="3" data-aid="1757529"><span>Family Parshah</span></a>
<a href="/parshah/otherparshas_cdo/aid/9175/jewish/Complete-Parshah-List.htm" class="child_item default" data-menu-level="3" data-aid="9175"><span>Complete Parshah List</span></a>
<a href="/library/article_cdo/aid/6275917/jewish/All-Parshah-in-a-Nutshells.htm" class="child_item default" data-menu-level="3" data-aid="6275917"><span>All Parshah in a Nutshells</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-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="/parshah/default_cdo/aid/6232/jewish/Parshah-Weekly-Torah.htm" class="child_item default" data-menu-level="3" data-aid="6232"><span>Parshah (Weekly Torah)</span></a>
<a href="/dailystudy/default_cdo/jewish/Daily-Study.htm" class="child_item default" data-menu-level="3" data-aid="6207"><span>Daily Study</span></a>
<a href="/library/article_cdo/aid/76131/jewish/Texts-Writings.htm" class="child_item default" data-menu-level="3" data-aid="76131"><span>Texts & Writings</span></a>
<a href="/library/article_cdo/aid/109866/jewish/Essentials.htm" class="child_item default" data-menu-level="3" data-aid="109866"><span>Essentials</span></a>
<a href="/library/article_cdo/aid/1718600/jewish/Kabbalah-Chassidism-and-Jewish-Mysticism.htm" class="child_item default" data-menu-level="3" data-aid="1718600"><span>Kabbalah, Chassidism and Jewish Mysticism</span></a>
<a href="/library/article_cdo/aid/2537389/jewish/Talmud.htm" class="child_item default" data-menu-level="3" data-aid="2537389"><span>Talmud</span></a>
<a href="/library/article_cdo/aid/435073/jewish/Torah-Science.htm" class="child_item default" data-menu-level="3" data-aid="435073"><span>Torah & Science</span></a>
<a href="/library/article_cdo/aid/1676841/jewish/Ethics-Morality.htm" class="child_item default" data-menu-level="3" data-aid="1676841"><span>Ethics & Morality</span></a>
<a href="/library/article_cdo/aid/5724/jewish/Questions-Answers.htm" class="child_item default" data-menu-level="3" data-aid="5724"><span>Questions & Answers</span></a>
<a href="/library/article_cdo/aid/68870/jewish/Jewish-History.htm" class="child_item default" data-menu-level="3" data-aid="68870"><span>Jewish History</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/4803151/jewish/Jewish-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="4803151"><span>Jewish Quizzes</span></a>
<a href="/library/article_cdo/aid/1911814/jewish/Audio-Video-Classes.htm" class="child_item default" data-menu-level="3" data-aid="1911814"><span>Audio & Video Classes</span></a>
<a href="/torah-texts/" class="child_item link" data-menu-level="3" data-aid="1733860"><span>Torah Texts</span></a>
<a href="/library/article_cdo/aid/2530155/jewish/ChabadU.htm" class="child_item link" data-menu-level="3" data-aid="5008938"><span>ChabadU</span></a>
<a href="/video/default_cdo/jewish/Chabadorg-Video.htm" class="child_item link" data-menu-level="3" data-aid="1741771"><span>Chabad.org Video</span></a>
<a href="/therebbe/default_cdo/jewish/The-Rebbe.htm" class="child_item link" data-menu-level="3" data-aid="1798094"><span>TheRebbe.org</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-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="/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_child3-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_child3-7" 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="/multimedia/audio_cdo/aid/290072/jewish/Spirituality.htm" class="child_item default" data-menu-level="3" data-aid="290072"><span>Spirituality</span></a>
<a href="/multimedia/audio_cdo/aid/134783/jewish/Jewish-Practice.htm" class="child_item default" data-menu-level="3" data-aid="134783"><span>Jewish Practice</span></a>
<a href="/multimedia/media_cdo/aid/299987/jewish/Ideas-Beliefs.htm" class="child_item default" data-menu-level="3" data-aid="299987"><span>Ideas & Beliefs</span></a>
<a href="/multimedia/audio_cdo/aid/290073/jewish/Living.htm" class="child_item default" data-menu-level="3" data-aid="290073"><span>Living</span></a>
<a href="/multimedia/audio_cdo/aid/302758/jewish/Lifecycles.htm" class="child_item default" data-menu-level="3" data-aid="302758"><span>Lifecycles</span></a>
<a href="/multimedia/audio_cdo/aid/266037/jewish/Parshah.htm" class="child_item default" data-menu-level="3" data-aid="266037"><span>Parshah</span></a>
<a href="/multimedia/audio_cdo/aid/138142/jewish/Torah-Study.htm" class="child_item default" data-menu-level="3" data-aid="138142"><span>Torah Study</span></a>
<a href="/multimedia/audio_cdo/aid/257151/jewish/Holidays.htm" class="child_item default" data-menu-level="3" data-aid="257151"><span>Holidays</span></a>
<a href="/multimedia/audio_cdo/aid/290118/jewish/History.htm" class="child_item default" data-menu-level="3" data-aid="290118"><span>History</span></a>
<a href="/multimedia/audio_cdo/aid/2654789/jewish/Mayanot-Audio-Channel.htm" class="child_item default" data-menu-level="3" data-aid="2654789"><span>Mayanot Audio Channel</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<div class="child_item heading">Related</div>
<a href="/multimedia/music_cdo/aid/254237/jewish/Jewish-Music.htm" class="child_item header" data-menu-level="3" data-aid="1676810"><span>Jewish Music (Audio)</span></a>
<a href="/multimedia/music_cdo/aid/888516/jewish/Liturgy.htm" class="child_item link" data-menu-level="3" data-aid="2261084"><span>Listen to Liturgy</span></a>
<a href="/library/article_cdo/aid/3921992/jewish/Chabadorg-Radio.htm" class="child_item link" data-menu-level="3" data-aid="3891670"><span>Chabad.org Live Radio</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-8" 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/7779/jewish/Parenting.htm" class="child_item default" data-menu-level="3" data-aid="7779"><span>Parenting</span></a>
<a href="/library/article_cdo/aid/1677076/jewish/Relationships.htm" class="child_item default" data-menu-level="3" data-aid="1677076"><span>Relationships</span></a>
<a href="/library/article_cdo/aid/1676867/jewish/Health-Wellness.htm" class="child_item default" data-menu-level="3" data-aid="1676867"><span>Health & Wellness</span></a>
<a href="/library/article_cdo/aid/675468/jewish/Jewish-Life.htm" class="child_item default" data-menu-level="3" data-aid="675468"><span>Jewish Life</span></a>
<a href="/library/article_cdo/aid/812793/jewish/Money-Personal-Finance.htm" class="child_item default" data-menu-level="3" data-aid="812793"><span>Money & Personal Finance</span></a>
<a href="/news/default_cdo/jewish/Jewish-News.htm" class="child_item link" data-menu-level="3" data-aid="1718629"><span>Jewish News</span></a>
<a href="/theJewishWoman/default_cdo/jewish/The-Jewish-Woman.htm" class="child_item link" data-menu-level="3" data-aid="4062319"><span>The Jewish Woman</span></a>
<a href="/recipes/default_cdo/jewish/Kosher-Cooking.htm" class="child_item link" data-menu-level="3" data-aid="4062316"><span>Kosher Cooking</span></a>
<a href="/kids/default_cdo/jewish/JewishKidsorg.htm" class="child_item link" data-menu-level="3" data-aid="4062320"><span>JewishKids.org</span></a>
<a href="/jewish-centers" class="child_item link" data-menu-level="3" data-aid="6926934"><span>Chabad Centers and Synagogue Directory</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<div class="child_item heading">Specialty Sites</div>
<a href="/theJewishWoman/default_cdo/jewish/The-Jewish-Woman.htm" class="child_item header" data-menu-level="3" data-aid="1680925"><span>The Jewish Woman</span></a>
<a href="/kids/default_cdo/jewish/JewishKidsorg.htm" class="child_item link" data-menu-level="3" data-aid="1798091"><span>JewishKids.org</span></a>
<a href="/news/default_cdo/jewish/Jewish-News.htm" class="child_item link" data-menu-level="3" data-aid="1798092"><span>Jewish News</span></a>
<a href="/recipes/default_cdo/jewish/Kosher-Cooking.htm" class="child_item link" data-menu-level="3" data-aid="6253772"><span>Kosher Cooking</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-9" 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/325184/jewish/Mitzvahs-Traditions.htm" class="child_item default" data-menu-level="3" data-aid="325184"><span>Mitzvahs & Traditions</span></a>
<a href="/library/article_cdo/aid/325186/jewish/Lifecycle-Events.htm" class="child_item default" data-menu-level="3" data-aid="325186"><span>Lifecycle Events</span></a>
<a href="/holidays/default_cdo/jewish/Jewish-Holidays.htm" class="child_item default" data-menu-level="3" data-aid="6216"><span>Jewish Holidays</span></a>
<a href="/calendar/view/month_cdo/jewish/Jewish-Calendar.htm" class="child_item default" data-menu-level="3" data-aid="6224"><span>Jewish Calendar</span></a>
<a href="/recipes/default_cdo/jewish/Kosher-Cooking.htm" class="child_item link" data-menu-level="3" data-aid="4221975"><span>Kosher Cooking</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-10" 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/109851/jewish/Jewish-Stories.htm" class="child_item default" data-menu-level="3" data-aid="109851"><span>Jewish Stories</span></a>
<a href="/library/article_cdo/aid/7789/jewish/Contemporary-Voices.htm" class="child_item default" data-menu-level="3" data-aid="7789"><span>Contemporary Voices</span></a>
<a href="/library/article_cdo/aid/67324/jewish/The-Daily-Dose-of-Wisdom.htm" class="child_item default" data-menu-level="3" data-aid="67324"><span>The Daily Dose of Wisdom</span></a>
<a href="/library/article_cdo/aid/1677102/jewish/Art-Poetry.htm" class="child_item default" data-menu-level="3" data-aid="1677102"><span>Art & Poetry</span></a>
<a href="/multimedia/music_cdo/aid/254237/jewish/Jewish-Music.htm" class="child_item default" data-menu-level="3" data-aid="254237"><span>Jewish Music</span></a>
<a href="/blogs/default_cdo/jewish/Blogs.htm" class="child_item default" data-menu-level="3" data-aid="628263"><span>Blogs</span></a>
<a href="/multimedia/default_cdo/aid/591213/jewish/Jewishtv.htm" class="child_item link" data-menu-level="3" data-aid="1676829"><span>Video</span></a>
<a href="/multimedia/default_cdo/aid/591213/jewish/Video.htm" class="child_item default" data-menu-level="3" data-aid="1742728"><span>Chabad.org Video</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-11" 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="/templates/articlecco_cdo/aid/6110371/jewish/Minyan-for-Visitors.htm" class="child_item default" data-menu-level="3" data-aid="6110371"><span>Minyan for Visitors</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/3775136/jewish/Resources.htm" class="parent">Resources</a></div></span><a href="/templates/articlecco_cdo/aid/3775136/jewish/Resources.htm" class="bg_extension js-parent-menu-link" data-aid="3775136"></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="7098834" 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/photogallery_cdo/aid/7025767/jewish/Hebrew-School-2026.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="7025767">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hebrew School 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/7106692/jewish/Womens-Programs.htm" class="item" id="menu_item4-2" data-menu-level="2" data-aid="7106692">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Women's Programs</span>
</a>
<a href="/templates/photogallery_cdo/aid/6667348/jewish/Week-in-Review.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="6667348">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Week in Review</span>
</a>
<a href="/templates/articlecco_cdo/aid/6671634/jewish/Archive.htm" class="item" id="menu_item4-4" data-menu-level="2" data-aid="6671634">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Archive</span>
</a>
<a href="/templates/articlecco_cdo/aid/7209325/jewish/Holidays.htm" class="item" id="menu_item4-5" data-menu-level="2" data-aid="7209325">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Holidays</span>
</a>
<a href="/templates/articlecco_cdo/aid/7209336/jewish/Building-Photos.htm" class="item" id="menu_item4-6" data-menu-level="2" data-aid="7209336">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Building Photos</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty 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="" 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-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="/templates/photogallery_cdo/aid/7106693/jewish/Mahjong-Mondays.htm" class="child_item default" data-menu-level="3" data-aid="7106693"><span>Mahjong Mondays</span></a>
<a href="/templates/photogallery_cdo/aid/7106699/jewish/Challah-Club.htm" class="child_item default" data-menu-level="3" data-aid="7106699"><span>Challah Club</span></a>
<a href="/templates/photogallery_cdo/aid/7106707/jewish/Torah-and-Tea.htm" class="child_item default" data-menu-level="3" data-aid="7106707"><span>Torah and Tea</span></a>
<a href="/templates/photogallery_cdo/aid/7121128/jewish/Jewish-Womens-Circle.htm" class="child_item default" data-menu-level="3" data-aid="7121128"><span>Jewish Women's Circle</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child4-3" 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-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="/templates/articlecco_cdo/aid/3490694/jewish/2010.htm" class="child_item default" data-menu-level="3" data-aid="3490694"><span>2010</span></a>
<a href="/templates/articlecco_cdo/aid/3490693/jewish/2011.htm" class="child_item default" data-menu-level="3" data-aid="3490693"><span>2011</span></a>
<a href="/templates/articlecco_cdo/aid/3490692/jewish/2012.htm" class="child_item default" data-menu-level="3" data-aid="3490692"><span>2012</span></a>
<a href="/templates/articlecco_cdo/aid/3490691/jewish/2013.htm" class="child_item default" data-menu-level="3" data-aid="3490691"><span>2013</span></a>
<a href="/templates/articlecco_cdo/aid/3490688/jewish/2015.htm" class="child_item default" data-menu-level="3" data-aid="3490688"><span>2015</span></a>
<a href="/templates/articlecco_cdo/aid/3828483/jewish/2016.htm" class="child_item default" data-menu-level="3" data-aid="3828483"><span>2016</span></a>
<a href="/templates/articlecco_cdo/aid/3040656/jewish/2017.htm" class="child_item default" data-menu-level="3" data-aid="3040656"><span>2017</span></a>
<a href="/templates/articlecco_cdo/aid/1539063/jewish/2018.htm" class="child_item default" data-menu-level="3" data-aid="1539063"><span>2018</span></a>
<a href="/templates/articlecco_cdo/aid/4938427/jewish/2019.htm" class="child_item default" data-menu-level="3" data-aid="4938427"><span>2019</span></a>
<a href="/templates/articlecco_cdo/aid/4938432/jewish/2020.htm" class="child_item default" data-menu-level="3" data-aid="4938432"><span>2020</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/5746871/jewish/2021.htm" class="child_item default" data-menu-level="3" data-aid="5746871"><span>2021</span></a>
<a href="/templates/articlecco_cdo/aid/5746874/jewish/2022.htm" class="child_item default" data-menu-level="3" data-aid="5746874"><span>2022</span></a>
<a href="/templates/photogallery_cdo/aid/6723804/jewish/Chanukah-in-the-Park-5785.htm" class="child_item default" data-menu-level="3" data-aid="6723804"><span>Chanukah in the Park 5785</span></a>
<a href="/templates/articlecco_cdo/aid/6840054/jewish/Purim-Photos-2025.htm" class="child_item default" data-menu-level="3" data-aid="6840054"><span>Purim Photos 2025</span></a>
</div></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="/templates/articlecco_cdo/aid/7209330/jewish/Chanukah.htm" class="child_item default" data-menu-level="3" data-aid="7209330"><span>Chanukah</span></a>
<a href="/templates/articlecco_cdo/aid/7172992/jewish/Chanukah-2025.htm" class="child_item default" data-menu-level="3" data-aid="7172992"><span>Chanukah 2025</span></a>
<a href="/templates/articlecco_cdo/aid/7209722/jewish/High-Holidays.htm" class="child_item default" data-menu-level="3" data-aid="7209722"><span>High Holidays</span></a>
<a href="/templates/articlecco_cdo/aid/7209841/jewish/Sukkot-and-Simchas-Torah.htm" class="child_item default" data-menu-level="3" data-aid="7209841"><span>Sukkot and Simchas Torah</span></a>
<a href="/templates/articlecco_cdo/aid/7276298/jewish/Purim.htm" class="child_item default" data-menu-level="3" data-aid="7276298"><span>Purim</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child4-6" 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="/templates/photogallery_cdo/aid/6604004/jewish/Groundbreaking.htm" class="child_item default" data-menu-level="3" data-aid="6604004"><span>Groundbreaking </span></a>
<a href="/templates/photogallery_cdo/aid/6667347/jewish/Building-Construction-Photos.htm" class="child_item default" data-menu-level="3" data-aid="6667347"><span>Building Construction Photos</span></a>
<a href="/templates/photogallery_cdo/aid/6948643/jewish/Grand-Opening.htm" class="child_item default" data-menu-level="3" data-aid="6948643"><span>Grand Opening</span></a>
<a href="/templates/photogallery_cdo/aid/6971735/jewish/James-Scherer-Library-Dedication.htm" class="child_item default" data-menu-level="3" data-aid="6971735"><span>James Scherer Library Dedication</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/section_cdo/aid/7098834/jewish/Photos.htm" class="parent">Photos</a></div></span><a href="/templates/section_cdo/aid/7098834/jewish/Photos.htm" class="bg_extension js-parent-menu-link" data-aid="7098834"></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="7055084" 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/7058396/jewish/Youth-and-Hebrew-School-Scholarship-Campaign.htm" class="item empty" id="menu_item5-1" data-menu-level="2" data-aid="7090400">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Youth</span>
</a>
<a href="/templates/articlecco_cdo/aid/7084954/jewish/Harford-Haven-Capital-Campaign.htm" class="item empty" id="menu_item5-2" data-menu-level="2" data-aid="7090401">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Capital</span>
</a>
<a href="/templates/articlecco_cdo/aid/7090362/jewish/Year-End.htm" class="item empty" id="menu_item5-3" data-menu-level="2" data-aid="7090402">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Year End</span>
</a>
<a href="/templates/articlecco_cdo/aid/6949225/jewish/New-Shluchim.htm" class="item empty" id="menu_item5-4" data-menu-level="2" data-aid="7105508">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>New Shluchim</span>
</a>
<a href="/templates/articlecco_cdo/aid/7266691/jewish/Chai-Club.htm" class="item empty" id="menu_item5-5" data-menu-level="2" data-aid="7281576">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chai Partners</span>
</a>
</div>
<div id="menu_child5-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_child5-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_child5-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_child5-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_child5-5" 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/section_cdo/aid/7055084/jewish/Annual-Campaigns.htm" class="parent">Annual<br />Campaigns</a></div></span><a href="/templates/section_cdo/aid/7055084/jewish/Annual-Campaigns.htm" class="bg_extension js-parent-menu-link" data-aid="7055084"></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="/1245583" 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 --><style>#co_calendar {
    background: #deeef3;
    float: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 155px;
    padding: 6px;
    margin-left: 10px;
}

.co_calendar_head{
    color: #ffa500;
    font-family: tahoma;
    font-size: 18px;
    padding-left: 10px;
    text-transform: none;
}
.co_calendar_text{
    float: left;
    width: auto;
    margin-left: 10px;
    margin-top: 10px;
}
   
    
</style>



<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td height="180" background="https://w2.chabad.org/images/shluchim/minisites/themes/cteen2/header.jpg" style="background-repeat: no-repeat;" valign="top">
<div class="cteen_mosad_name">
OF HARFORD COUNTY</div></td></tr></tbody></table></div>
<div class="cteen_facebook_outercontainer">
<div class="cteen_facebook_innercontainer">

<div id="facebook_feed1" class="facebook_feed" ></div>
<script type="text/javascript">
	$j(function() {

		var json = [{
   "error": {
      "message": "(#100) Object does not exist, cannot be loaded due to missing permission or reviewable feature, or does not support this operation. This endpoint requires the 'pages_read_engagement' permission or the 'Page Public Content Access' feature or the 'Page Public Metadata Access' feature. Refer to https://developers.facebook.com/docs/apps/review/login-permissions#manage-pages, https://developers.facebook.com/docs/apps/review/feature#reference-PAGES_ACCESS and https://developers.facebook.com/docs/apps/review/feature#page-public-metadata-access for details.",
      "type": "OAuthException",
      "code": 100,
      "fbtrace_id": "AZ6P1QR5GMIWOXgRqa-4xry"
   }
}][0];
		var callback = [][0];
		if (json && !json.error && json.data.length)
		{
			json.parsedData = [];
			var now = new Date();
			var date = null;
			var maxPostLength = 100;
			for( var i = 0; i < json.data.length; i++ )
			{
				var post = json.data[i];
				var data = {};
				data.timeStamp = (post.updated_time || post.created_time);
				date = Co.Calendar.Date.Parse(data.timeStamp);
				data.timeStamp = date.initializedDate;
				data.timeStringTitle = date.ToLocalizedString("dddd, MMM. d, yyyy") + ' ' + 'at' + ' ' + date.ToLocalizedString("h:mmtt");
				data.timeStringText = date.ToLocalizedString("MMM. d, yyyy") + ' ' + 'at' + ' ' + date.ToLocalizedString("h:mmtt");
				var timeDifference = (now.getTime() - data.timeStamp.getTime()) / 1000;
				if( timeDifference < 60 )
					data.timeStringText = 'wrote seconds ago';
				else if( Math.floor(timeDifference / 60) == 1 )
					data.timeStringText = 'wrote a minute ago';
				else if( timeDifference / 60 < 60 )
				{
					data.timeStringText = 'wrote <<minutes>> minutes ago';
					data.timeStringText = data.timeStringText.replace("<<minutes>>", Math.floor(timeDifference / 60));
				}
				else if( timeDifference / 60 < 90 )
					data.timeStringText = 'wrote about an hour ago';
				else if( now.getYear() == data.timeStamp.getYear()
				&& now.getMonth() == data.timeStamp.getMonth()
				&& now.getDay() == data.timeStamp.getDay() )
					data.timeStringText = 'wrote at <<time>>'.replace("<<time>>", date.ToLocalizedString("h:mmtt"));
				// NOTE: The post link provided through their API currently points to the source article shared on the respective facebook post.
				//       Meaning, if on facebook you share a chabad.org article, this value will be the url to that article.
				if( post.link )
					data.sharedArticleUrl = post.link;
				// HACK! - in the new api facebook won't give the link, so it's being taken from the post id.
				// Facebook says that the format of the id can change at any time - so this is not the right way to do it
				var parts = post.id.split('_');
				data.facebookPostUrl = 'https://www.facebook.com/' + parts.shift() + '/posts/' + parts.shift();
				data.likesCount = 0;
				if (!data.likesCount && post.likes)
					data.likesCount = (post.likes.summary.total_count || 0);
				data.commentsCount = 0;
				if(post.comments)
					data.commentsCount = post.comments.data.length;
				if(post.shares)
					data.sharesCount = post.shares.count;
				data.postedBy = post.from.name;
				if(post.full_picture || post.picture)
					data.pictureUrl = post.full_picture || post.picture;
				data.bodyText = post.message || post.story || "";
				if (data.bodyText && maxPostLength > -1)
				{
					var msg = data.bodyText.substr(0, maxPostLength);
					if( msg.length < data.bodyText.length )
						msg = msg.replace(/[\s\S]$/g, "\u2026");//add ellipsis
					data.bodyText = msg;
				}
				json.parsedData.push( data );
			}
		}
		if( callback )
		{
			callback.apply(this, [json, "facebook_feed1"]);
		}
		else if( json.parsedData )
		{
			var post = json.parsedData[0];
			var s = [];
			var src = "https://graph.facebook.com/jewishteens/picture?type=small&width=40";
			s.push('<a target="_blank" href="https://www.facebook.com/jewishteens">');
			s.push('<img src="' + src + '" width="40" alt="jewishteens" class="fb_icon float_left" />');
			s.push('</a>');
			s.push('<div class="fb_author">');
			s.push('<a target="_blank" href="https://www.facebook.com/jewishteens">');
			s.push(post.postedBy);
			s.push('</a>');
			s.push('</div>');
			s.push('<div class="fb_time" title="' + post.timeStringTitle + '" data-utime="' + post.timeStamp.getTime() + '">' + post.timeStringText + '</div>');
			var post_picture = "";
			
			s.push('<div class="fb_message"><a target="_blank" href="' + post.facebookPostUrl + '">');
			s.push(post_picture);
			s.push(post.bodyText);
			s.push('</a></div>');
			s.push('<div class="stat_elem">');
			s.push('<div class="action_links">');
			var a = [];
			var separator = '<div class="separator"></div>';
			a.push('<a href="' + post.facebookPostUrl + '" target="_blank" id="fb_reply" class="fb_reply">Reply<div class="icon float_right"></div></a>');
			if( true && post.likesCount )
				a.push('<a href="' + post.facebookPostUrl + '" target="_blank" class="fb_like_count">' + post.likesCount + " " + (post.likesCount == 1 ? 'Like' : 'Likes') + '<div class="icon float_right"></div></a>');
			if( true && post.commentsCount )
				a.push('<a href="' + post.facebookPostUrl + '" target="_blank" class="fb_comment_count">' + post.commentsCount + " " + (post.commentsCount == 1 ? 'Comment' : 'Comments') + '<div class="icon float_right"></div></a>');
			if( true && post.sharesCount )
				a.push('<a href="' + post.facebookPostUrl + '" target="_blank" class="fb_share_count">' + post.sharesCount + " " + (post.sharesCount == 1 ? 'Share' : 'Shares') + '<div class="icon float_right"></div></a>');
			s.push( a.join( separator ) );
			s.push('</div>');
			s.push('</div>');
			document.getElementById("facebook_feed1").innerHTML = s.join("");
		}

	});
</script>

</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=3384578" class="parent">Home</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=3384579" class="parent arrow">About</a>
<div class="sub_menu">
<ul>
<li class="item first last">
<a href="/article.asp?aid=3030072">cTeen/JLI Teens Registration</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3384581" class="parent">Contact</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3384666" class="parent">Leadership</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=3384723" class="parent selected">cTeen Blog</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3409159" class="parent">Super Jew</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3554726" class="parent">Sticky Situations</a>
</li>

</ul>
</div>
</div>

</div>
<div id="chabad_body_content" class="content_full_width"><div detached="true" actions="edit,delete" type="static" name="content_area" class="chabad_left_column" id="ContentArea"><div id="content_page_full" class="content_page_full"><!-- 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">cTeen Blog</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 class="feed blog en">
		<div class="g700 no_margin">
			<div id="blog_synopsis" class="synopsis"></div>
			<div class="index-listing">
				
						
								<div class="item first">
									<div class="contents">
										<a name="P61626" />
										<h2 class="post-title">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61626&p=1">cTeen Sukkah Hop</a>
										</h2>
										<div class="byline post-date">Wednesday, July 20, 2016 - 2:16 PM</div>
										<div class="post-body"><div style="width:95% !important;">
<p><img src="https://w2.chabad.org/media/images/979/isKJ9791033.jpg" alt="Sushi and Sukkah Hop.jpg" width="95%" border="0" />Date: October 18 6:00 PM<br />
Program: Roll your Own Sushi in the Sukkah followed by a Limo Ride and Havdallah visiting a few local sukkahs</p>
<p>#fun #friendship&nbsp;</p>
<p>RSVP text Rabbi Kushi 443.353.9718 or email him at Rabbi@harfordchabad.org&nbsp;</p>
<p>Ot just fill this out&nbsp;</p>
</div>
<div id="wufoo-x1mbaq0d0bh0b7b">Fill out my <a href="https://harfordjewish.wufoo.com/forms/x1mbaq0d0bh0b7b">online form</a>.</div>
<script type="text/javascript">var x1mbaq0d0bh0b7b;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'harfordjewish',
'formHash':'x1mbaq0d0bh0b7b',
'autoResize':true,
'height':'597',
'width':'95%',
'async':true,
'host':'wufoo.com',
'header':'show',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { x1mbaq0d0bh0b7b = new WufooForm();x1mbaq0d0bh0b7b.initialize(options);x1mbaq0d0bh0b7b.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script></div>
									</div>
									<div class="clearfix post-footer">
										<div class="float_right"><div id="facebookLikeContainer" class="tool_item">
		<div class="rate_text">
		    <div id="facebook_like_61626" style="max-height: 30px;"></div>
			<script type="text/javascript">
				$j(function() {
					var fBContainer = document.getElementById('facebook_like_61626');
					if (fBContainer)
					{
						fBContainer.innerHTML = '<iframe src="https://www.facebook.com/plugins/like.php?href=https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61626&sc=fb_share&amp;layout=button_count&amp;show_faces=false&amp;width=76&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:83px; height:21px;" allowTransparency="true"></iframe>';
 					}
				});
			</script>
		</div>
	</div><div id="whatsappContainer" class="tool_item"></div><div id="twitterContainer" class="tool_item hide_for_mobile">		
		<a id="twitter_61626" href="https://twitter.com/share" class="twitter-share-button" data-url="">Tweet</a>
		<script>
			$j(function() {
				document.getElementById("twitter_61626").setAttribute("data-url", 'https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61626&sc=tw_share');
				!function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
					if (!d.getElementById(id)) {
						js = d.createElement(s);
						js.id = id;
						js.src = p + '://platform.twitter.com/widgets.js';
						fjs.parentNode.insertBefore(js, fjs);
					}
				}(document, 'script', 'twitter-wjs');
			});
		</script>		
	</div>
</div>
										<div class="post-options float_right">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61626">
												Post a Comment
											</a>
											&nbsp;|&nbsp; 
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61626&p=1">Permalink</a>
											&nbsp;|&nbsp;
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61626">
												0 Comments
											</a>
										</div>
									</div>
								</div>
							
								<div class="item ">
									<div class="contents">
										<a name="P61627" />
										<h2 class="post-title">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61627&p=1">Super Jew</a>
										</h2>
										<div class="byline post-date">Tuesday, July 19, 2016 - 5:22 PM</div>
										<div class="post-body"><div style="width:95% !important;">
<p><strong><img src="https://w2.chabad.org/media/images/969/Dwpb9697599.jpg" alt="superjew.jpg" real_width="183" real_height="233" border="0" align="left" />Dates: 6 weeks </strong>(excluding&nbsp;Thanksgiving Weekend)&nbsp;<br />
October 30, November&nbsp;06, 13, 20 December 04, 11&nbsp;</p>
<p><strong>Time:</strong>&nbsp;10:00 - 11:30 AM Refreshments will be served</p>
<p><strong>Location:</strong>&nbsp;Harford Chabad 15 N. Bond St. Bel Air, MD 21014&nbsp;</p>
<p><strong>Summary: </strong>This series will address anti-Semitism, assimilation, lessons from the Holocaust, the chosen people, and Jewish pride. This is an opportunity to see if you can embrace your Jewish identity in a modern world.</p>
<p><strong>Description: </strong>From the ghettos and pogroms of the Middle Ages, to the concentration camps in Europe, to Islamic terror all across the world today, Jews have been beaten, attacked, and singled out for destruction. The hateful rhetoric on college campuses, in the media, and all over the Internet seems to get worse by the day. Even modern Israel lives under constant threat and has to fight for the right to exist. Why is it that ever since the dawn of the Jewish nation, there have been people who tried to destroy us? For what reason or purpose are the Jews still here? Would the world be any different if the Jews didn&rsquo;t exist?</p>
<p>October 30, 2016<br />
<strong>CHOSEN FOR WHAT? <br />
</strong>Let&rsquo;s say Jews disappeared. . . . Would anything be missing? What does &ldquo;chosenness&rdquo; mean? Why is there anti-Semitism?</p>
<p>November 06, 2016 <br />
<strong>FIGHT OR FLIGHT? <br />
</strong>What is the Jewish attitude toward physical resistance to anti-Semitic threats? Why did Jews go to the gas chambers like sheep to the slaughter? Should Israel bomb Iran to stop them from producing a nuclear weapon?</p>
<p>November 13, 2016<br />
<strong>THE UNBREAKABLE SPIRIT <br />
</strong>Are there other forms of resistance besides &ldquo;physical resistance&rdquo;? What lessons about antisemitism can we learn from the Holocaust experience?</p>
<p>November 20, 2016<br />
<strong>TAKING A STAND <br />
</strong>Why is Israel hated by the nations of the world? How can we become advocates for Israel?</p>
<p>December 04, 2016<br />
<strong>SPIRITUAL KUNG FU <br />
</strong>Why did Christians hate Jews throughout the ages? Are they our friends today? How should Jews respond to Christian missionizing on college campuses?</p>
<p>December 11, 2016<br />
<strong>THE INCREDIBLES: THE SECRET TO OUR SURVIVAL </strong><br />
What is the secret to Jewish immortality? How can I become a link on the Jewish chain stretching back to Avraham Avinu? What is my attitude toward my own Jewishness?&nbsp;</p>
</div></div>
									</div>
									<div class="clearfix post-footer">
										<div class="float_right"><div id="facebookLikeContainer" class="tool_item">
		<div class="rate_text">
		    <div id="facebook_like_61627" style="max-height: 30px;"></div>
			<script type="text/javascript">
				$j(function() {
					var fBContainer = document.getElementById('facebook_like_61627');
					if (fBContainer)
					{
						fBContainer.innerHTML = '<iframe src="https://www.facebook.com/plugins/like.php?href=https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61627&sc=fb_share&amp;layout=button_count&amp;show_faces=false&amp;width=76&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:83px; height:21px;" allowTransparency="true"></iframe>';
 					}
				});
			</script>
		</div>
	</div><div id="whatsappContainer" class="tool_item"></div><div id="twitterContainer" class="tool_item hide_for_mobile">		
		<a id="twitter_61627" href="https://twitter.com/share" class="twitter-share-button" data-url="">Tweet</a>
		<script>
			$j(function() {
				document.getElementById("twitter_61627").setAttribute("data-url", 'https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61627&sc=tw_share');
				!function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
					if (!d.getElementById(id)) {
						js = d.createElement(s);
						js.id = id;
						js.src = p + '://platform.twitter.com/widgets.js';
						fjs.parentNode.insertBefore(js, fjs);
					}
				}(document, 'script', 'twitter-wjs');
			});
		</script>		
	</div>
</div>
										<div class="post-options float_right">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61627">
												Post a Comment
											</a>
											&nbsp;|&nbsp; 
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61627&p=1">Permalink</a>
											&nbsp;|&nbsp;
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61627">
												0 Comments
											</a>
										</div>
									</div>
								</div>
							
								<div class="item ">
									<div class="contents">
										<a name="P61629" />
										<h2 class="post-title">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61629&p=1">Jewish Revolutions</a>
										</h2>
										<div class="byline post-date">Tuesday, July 19, 2016 - 3:42 PM</div>
										<div class="post-body"><div style="width:95% !important;">
<p>&nbsp;<strong><img src="https://w2.chabad.org/media/images/969/DmQT9697609.jpg" alt="superjew.jpg" real_width="183" real_height="233" border="0" align="left" />Dates: 6 weeks </strong>April 23, 30 May 7, 14, 21, 28&nbsp;</p>
<p><strong>Time:</strong>&nbsp;10:00 - 11:30 AM Refreshments will be served</p>
<p><strong>Location:</strong>&nbsp;Harford Chabad 15 N. Bond St. Bel Air, MD 21014&nbsp;</p>
<p><strong>Summary:&nbsp;</strong>One individual can change the world! This series explores&nbsp;Judaism&rsquo;s take on modern causes such as social justice, world peace, freedom,&nbsp;and the environment.</p>
<p><strong>Description:</strong> From time immemorial, brave young individuals have stood&nbsp;up to make a difference and change the world&mdash;for good. Young people&nbsp;around the world volunteer their time, raise money and awareness, and take&nbsp;concrete steps to fix real problems in their communities. What drives us to fix&nbsp;the world? Where does this inner passion come from? What values and beliefs&nbsp;does Judaism promote that we can use to effect change?</p>
<p>April 23, 2017<br />
<strong>REBEL WITH A CAUSE</strong><br />
Can one person change the world?&nbsp;Does my life have a purpose?</p>
<p>April 30, 2017<br />
<strong>GIVE ME LIBERTY</strong><br />
What is real &ldquo;freedom&rdquo;?&nbsp;Why are people willing to die for it?&nbsp;Is democracy a guarantee for freedom?</p>
<p>May 7, 2017<br />
<strong>IT&rsquo;S YOUR ENVIRONMENT</strong><br />
Will going green put the economy in the red?&nbsp;Does Judaism believe in animal rights&nbsp;and environmental rights?</p>
<p>May 14, 2017<br />
<strong>GIVE AND TAKE</strong><br />
Should a rich person be forced to share&nbsp;his or her money? What ought to be our&nbsp;charitable priorities? Who benefits most from&nbsp;philanthropy&mdash;the benefactor or the recipient?&nbsp;</p>
<p>May 21, 2017<br />
<strong>CHANGE OR BE CHANGED:&nbsp;IS TECHNOLOGY A FRIEND OR AN ENEMY?<br />
</strong> How can the Torah be relevant in the modern world?&nbsp;Should Judaism modernize?</p>
<p>May 28, 2017<br />
<strong>UNIVERSAL PEACE</strong><br />
Is the world on a path to true peace? Can&nbsp;individuals solve global problems?</p>
</div></div>
									</div>
									<div class="clearfix post-footer">
										<div class="float_right"><div id="facebookLikeContainer" class="tool_item">
		<div class="rate_text">
		    <div id="facebook_like_61629" style="max-height: 30px;"></div>
			<script type="text/javascript">
				$j(function() {
					var fBContainer = document.getElementById('facebook_like_61629');
					if (fBContainer)
					{
						fBContainer.innerHTML = '<iframe src="https://www.facebook.com/plugins/like.php?href=https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61629&sc=fb_share&amp;layout=button_count&amp;show_faces=false&amp;width=76&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:83px; height:21px;" allowTransparency="true"></iframe>';
 					}
				});
			</script>
		</div>
	</div><div id="whatsappContainer" class="tool_item"></div><div id="twitterContainer" class="tool_item hide_for_mobile">		
		<a id="twitter_61629" href="https://twitter.com/share" class="twitter-share-button" data-url="">Tweet</a>
		<script>
			$j(function() {
				document.getElementById("twitter_61629").setAttribute("data-url", 'https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61629&sc=tw_share');
				!function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
					if (!d.getElementById(id)) {
						js = d.createElement(s);
						js.id = id;
						js.src = p + '://platform.twitter.com/widgets.js';
						fjs.parentNode.insertBefore(js, fjs);
					}
				}(document, 'script', 'twitter-wjs');
			});
		</script>		
	</div>
</div>
										<div class="post-options float_right">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61629">
												Post a Comment
											</a>
											&nbsp;|&nbsp; 
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61629&p=1">Permalink</a>
											&nbsp;|&nbsp;
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61629">
												0 Comments
											</a>
										</div>
									</div>
								</div>
							
								<div class="item ">
									<div class="contents">
										<a name="P61630" />
										<h2 class="post-title">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61630&p=1">Shabbaton NYC</a>
										</h2>
										<div class="byline post-date">Monday, July 18, 2016 - 4:13 PM</div>
										<div class="post-body"><div style="width:95% !important;">
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/txU6NJvxAQk" frameborder="0" allowfullscreen=""></iframe></p>
<h1 class="h1top" style="margin: 0px; padding: 0px; font-size: 25px; font-family: Arial; color: rgb(15, 79, 127);">About the Shabbaton</h1>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-size: 16px;"><br />
</span><span style="font-family: Verdana;"><span style="font-size: 16px; font-family: verdana;">The International CTeen Shabbaton is an annual weekend retreat for Jewish teens from around the world. For the past eight years, thousands of teens have forged new friendships while experiencing a meaningful Shabbat, all in one of the most exciting cities in the world- New York City.&nbsp;<br />
<br />
</span><span style="font-size: 16px; line-height: 23.4px; font-family: verdana;">G‑d willing, t</span><span style="font-size: 16px; font-family: verdana;">his year's Shabbaton will take place in New York on February 24-26th.&nbsp;<br />
<br />
Some of this year's Shabbaton features include: hitting the tourist hot spots, visiting Jewish attractions throughout Brooklyn, the CTeen Choice Awards, and singing and dancing at a massive concert in the heart of Times Square!&nbsp;<br />
<br />
Building on the incredible success of the past Shabbatons, this year's fresh program and revised itinerary promise to be unmatched.&nbsp;<br />
<br />
Prepare for an unforgettable weekend of excitement. A weekend of friendship and memories. A weekend of inspiration, Jewish pride, and unity. Prepare for the International&nbsp;</span><span style="font-size: 16px; line-height: 23.4px; font-family: verdana;">Cteen Shabbaton.</span></span></p>
<div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 16px; margin-left: 50px; margin-top: 25px; ">
<h1 class="h1top" style="margin: 0px; padding: 0px; font-size: 25px; font-family: Arial; color: rgb(15, 79, 127);">Highlights</h1>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><em><span style="font-size: 18px;">Program begins 8:00 AM Friday morning and ends at 4:00 PM Sunday</span></em><span style="font-size: 18px;">&nbsp;.</span><br />
<br />
<span class="faq" style="color: rgb(60, 86, 113); font-family: 'Carrois Gothic SC'; font-size: 22px;">Friday</span><span class="faq" style="color: rgb(60, 86, 113); font-family: 'Carrois Gothic SC'; font-size: 17px;">:</span>&nbsp;</p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-size: 18px;">Tour the Big Apple's diverse landmarks and attractions with a variety of exciting tracks.</span><span style="font-size: 18px;"><br />
</span><span style="font-size: 18px;"><br />
<span style="font-size: 22px;"><span class="faq" style="color: rgb(60, 86, 113); font-family: 'Carrois Gothic SC'; font-size: 17px;">Uplifting Shabbat:</span>&nbsp;</span><br />
</span></p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-size: 18px;">Enjoy spirited Shabbat meals, services and exciting activities. Interact with Jewish celebrities.&nbsp;</span><span style="font-size: 18px;"><br />
<br />
<span style="font-size: 22px;"><span class="faq" style="color: rgb(60, 86, 113); font-family: 'Carrois Gothic SC'; font-size: 17px;">Saturday Night:</span>&nbsp;</span><br />
</span></p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-size: 18px;">Head out to party in the heart of the city that never sleeps.&nbsp;</span><span style="font-size: 18px;"><br />
<br />
<span style="font-size: 22px;"><span class="faq" style="color: rgb(60, 86, 113); font-family: 'Carrois Gothic SC'; font-size: 17px;">Sunday:</span>&nbsp;</span><br />
</span></p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-size: 18px;">Explore your heritage with a taste of tradition and, of course, lots of shopping! Pray at the Rebbe's Ohel (resting place). End off the weekend at the Farewell Banquet, which will feature delicious food and the much anticipated CTeen Choice Awards.</span><span style="font-size: 18px;"><br />
</span><br />
<span class="faq" style="color: rgb(60, 86, 113); font-family: 'Carrois Gothic SC'; font-size: 17px;">Stay tuned for more details....</span></p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; ">&nbsp;</p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-size: 16px; font-family: Verdana;"><br />
</span><em><span style="font-family: Verdana; font-size: 14px;">The CTeen International Shabbaton is open to all Jewish teens in the community, regardless of affiliation.</span></em></p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; ">&nbsp;</p>
<p class="bodyp" style="margin: 0px 0px 1em; font-family: Arial; font-size: 13px; line-height: 23.4px; "><span style="font-family: Verdana;"><em>CTeen is a social club where teens learn about themselves and their heritage through giving to others and participating in interactive, hands-on activities. With over 200 chapters, in 19 countries, CTeen is the fastest growing network for Jewish teens.</em></span></p>
</div>
</div></div>
									</div>
									<div class="clearfix post-footer">
										<div class="float_right"><div id="facebookLikeContainer" class="tool_item">
		<div class="rate_text">
		    <div id="facebook_like_61630" style="max-height: 30px;"></div>
			<script type="text/javascript">
				$j(function() {
					var fBContainer = document.getElementById('facebook_like_61630');
					if (fBContainer)
					{
						fBContainer.innerHTML = '<iframe src="https://www.facebook.com/plugins/like.php?href=https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61630&sc=fb_share&amp;layout=button_count&amp;show_faces=false&amp;width=76&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:83px; height:21px;" allowTransparency="true"></iframe>';
 					}
				});
			</script>
		</div>
	</div><div id="whatsappContainer" class="tool_item"></div><div id="twitterContainer" class="tool_item hide_for_mobile">		
		<a id="twitter_61630" href="https://twitter.com/share" class="twitter-share-button" data-url="">Tweet</a>
		<script>
			$j(function() {
				document.getElementById("twitter_61630").setAttribute("data-url", 'https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61630&sc=tw_share');
				!function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
					if (!d.getElementById(id)) {
						js = d.createElement(s);
						js.id = id;
						js.src = p + '://platform.twitter.com/widgets.js';
						fjs.parentNode.insertBefore(js, fjs);
					}
				}(document, 'script', 'twitter-wjs');
			});
		</script>		
	</div>
</div>
										<div class="post-options float_right">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61630">
												Post a Comment
											</a>
											&nbsp;|&nbsp; 
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61630&p=1">Permalink</a>
											&nbsp;|&nbsp;
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61630">
												0 Comments
											</a>
										</div>
									</div>
								</div>
							
								<div class="item last">
									<div class="contents">
										<a name="P61628" />
										<h2 class="post-title">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61628&p=1">Sticky Situations </a>
										</h2>
										<div class="byline post-date">Wednesday, July 13, 2016 - 3:37 PM</div>
										<div class="post-body"><div style="width:95% !important;">
<p><strong><img src="https://w2.chabad.org/media/images/969/cmyI9697600.jpg" alt="superjew.jpg" real_width="183" real_height="233" border="0" align="left" />Dates: 6 weeks</strong> January 29, February 5, 12,19, March 5, March 19 <br />
note:&nbsp;<br />
<strong>February 26 </strong>NYC&nbsp;cTeen Shabbaton - C U There Details Here<br />
<strong>March 12 </strong><br />
Purim - Join the Purim Carnival :)</p>
<p><strong>Time:</strong>&nbsp;10:00 - 11:30 AM Refreshments will be served</p>
<p><strong>Location:</strong>&nbsp;Harford Chabad 15 N. Bond St. Bel Air, MD 21014&nbsp;</p>
<p><strong>Summary: </strong>This course will explore Judaism&rsquo;s approach to morally &ldquo;sticky&nbsp;situations&rdquo; that we encounter in different areas of life&mdash;from shopping ethics&nbsp;to medical care dilemmas to the proper ways to helping the underprivileged.&nbsp;</p>
<p><strong>Description: </strong>Judaism has a lot to say about questions of ethics and&nbsp;morality. In this series, you teens will explore ethical questions and moral&nbsp;dilemmas that arise in different areas of life, often comparing and contrasting&nbsp;Jewish and secular law and values. In this course, you will be challenged to&nbsp;solve some perplexing, hotly contested problems. Does my moral obligation&nbsp;to help the poor mean that I have to give a needy person an iPad or a TV&mdash;in&nbsp;addition to food and clothing? Is it ethical to take a sick person off of life&nbsp;support if that is what the person wants? Can I keep money or objects that I&nbsp;find on the street?&nbsp;</p>
<p>January 26, 2017<strong><br />
</strong><strong>IS THE CUSTOMER REALLY &nbsp;ALWAYS RIGHT?&nbsp;</strong><br />
Is haggling kosher? Can I buy something that I plan&nbsp;on returning? Can I check the price at one store&nbsp;only to see if I got a good deal on an item I bought&nbsp;somewhere else?&nbsp;</p>
<p>February 5, 2017&nbsp;<br />
<strong>THE DOCTOR IS IN&nbsp;</strong><br />
Why do we go to doctors or take medicine if G-d is&nbsp;the one who heals? Does seeking medical treatment&nbsp;demonstrate a lack of faith in G-d? And if we are&nbsp;allowed to seek medical intervention, do we have to&nbsp;do so?&nbsp;</p>
<p>February 12, 2017&nbsp;<br />
<strong>DYING WITH DIGNITY&nbsp;</strong><br />
If someone asks to be taken off of life support, do&nbsp;we respect the person&rsquo;s wishes? Is there any value in&nbsp;prolonging the life of a suffering, terminally ill person?&nbsp;</p>
<p>February 19, 2017&nbsp;<br />
<strong>PASSING IT DOWN&nbsp;</strong><br />
In 1880, Francis Palmer wrote a will in which&nbsp;he left his estate to his grandson Elmer. When&nbsp;Francis considered changing his will, Elmer killed&nbsp;his grandfather&mdash;and claimed his property. Can a&nbsp;murderer inherit from his victim?&nbsp;</p>
<p>March 5, 2017&nbsp;<br />
<strong>THE TOP ONE PERCENT&nbsp;</strong><br />
Is money the root of all evil? Should people have&nbsp;the right to make a gazillion bucks&mdash;and keep all of&nbsp;it? On a personal level, what attitude do we take&nbsp;to money&mdash;should we strive for wealth, or to lead a&nbsp;Spartan lifestyle?&nbsp;</p>
<p>March 19, 2017&nbsp;<br />
<strong>FINDERS KEEPERS, LOSERS WEEPERS&nbsp;</strong><br />
Is it right to pocket a dollar you find on the sidewalk? &nbsp;If you discover buried treasure, are you allowed to&nbsp;keep it?&nbsp;</p>
</div></div>
									</div>
									<div class="clearfix post-footer">
										<div class="float_right"><div id="facebookLikeContainer" class="tool_item">
		<div class="rate_text">
		    <div id="facebook_like_61628" style="max-height: 30px;"></div>
			<script type="text/javascript">
				$j(function() {
					var fBContainer = document.getElementById('facebook_like_61628');
					if (fBContainer)
					{
						fBContainer.innerHTML = '<iframe src="https://www.facebook.com/plugins/like.php?href=https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61628&sc=fb_share&amp;layout=button_count&amp;show_faces=false&amp;width=76&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:83px; height:21px;" allowTransparency="true"></iframe>';
 					}
				});
			</script>
		</div>
	</div><div id="whatsappContainer" class="tool_item"></div><div id="twitterContainer" class="tool_item hide_for_mobile">		
		<a id="twitter_61628" href="https://twitter.com/share" class="twitter-share-button" data-url="">Tweet</a>
		<script>
			$j(function() {
				document.getElementById("twitter_61628").setAttribute("data-url", 'https://www.harfordchabad.org/templates/blog/post.asp?aid=3384723&PostID=61628&sc=tw_share');
				!function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
					if (!d.getElementById(id)) {
						js = d.createElement(s);
						js.id = id;
						js.src = p + '://platform.twitter.com/widgets.js';
						fjs.parentNode.insertBefore(js, fjs);
					}
				}(document, 'script', 'twitter-wjs');
			});
		</script>		
	</div>
</div>
										<div class="post-options float_right">
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61628">
												Post a Comment
											</a>
											&nbsp;|&nbsp; 
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61628&p=1">Permalink</a>
											&nbsp;|&nbsp;
											<a href="/templates/blog/post.asp?aid=3384723&PostID=61628">
												0 Comments
											</a>
										</div>
									</div>
								</div>
							
								<div class="message older-posts">
									Looking for older posts? See the sidebar for the Archive.
								</div>	
							
					
			</div>

		</div>

	</div>

</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></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.harfordchabad.org%2ftemplates%2fblog%2fdefault_cdo%2faid%2f3384723%2fjewish%2fcTeen-Blog.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=cTeen+Blog+-+Harford+Chabad&amp;url=https%3a%2f%2fwww.harfordchabad.org%2ftemplates%2fblog%2fdefault_cdo%2faid%2f3384723%2fjewish%2fcTeen-Blog.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=cTeen+Blog+-+Harford+Chabad https%3a%2f%2fwww.harfordchabad.org%2ftemplates%2fblog%2fdefault_cdo%2faid%2f3384723%2fjewish%2fcTeen-Blog.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.harfordchabad.org%2ftemplates%2fblog%2fdefault_cdo%2faid%2f3384723%2fjewish%2fcTeen-Blog.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=cTeen+Blog+-+Harford+Chabad">
				<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 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"><b>Harford Chabad 38 East Broadway Bel Air, MD 21014 - Phone: 443-353-9718 - Harford Chabad is a 501(c)3 Tax Exempt Organization</b></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/HarfordChabad" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
			<a href="https://twitter.com/HarfordChabad" class="fa fa-twitter twitter_homepage" title="Twitter"></a>
		
			<a href="https://www.instagram.com/HarfordChabad" class="fa fa-instagram instagram_homepage" title="Instagram"></a>
		
</div>
	

				</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=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></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/BetaFeedback.js?v=2A22CA16"></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/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  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Harford Chabad'}; Co.ArticleId     = '3384723';Co.SectionId     = 6991730;Co.PartnerSiteId = 0;Co.SiteId        = 8760;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'HarfordChabad.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<!-- 
  ====================================================================
  COMBINED CMS FOOTER CODE
  ====================================================================
  Paste this ENTIRE block into your website's custom footer HTML area.
-->

<!-- 1. Load the Swiper (carousel) STYLES -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

<!-- 2. Load the Swiper (carousel) SCRIPT -->


<!-- 3. All custom campaign script logic -->










<!-- ... existing code ... -->

<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script><script>
document.addEventListener('DOMContentLoaded', function() {
    // Added a global try...catch block to catch any CMS/scripting errors
    try {

        // --- CONFIGURATION ---
        const minisiteUrl = 'https://www.harfordchabad.org/templates/section_cdo/aid/7055084/jewish/Campaigns.htm';
        // MODIFICATION: Corrected typo from output:csv to output=csv
        const googleSheetCsvUrl = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vS_ZtdMnIQqknIUTQToGfyWjNLG2kYRWStHi5E_oy_D8pEFlMglipgw8WEXIUHFjxmwKcxfZQxvvQZv/pub?output=csv';

        // --- SCRIPT INITIALIZATION ---
        function runScript() {
            const formElement = document.querySelector('form');
            // Check for the placeholder with the period, based on your screenshot
            const progressBarPlaceholder = findPlaceholderElement('%%CAMPAIGN_PROGRESS_BAR%%.'); 

            if (formElement && progressBarPlaceholder) {
                fetchDataAndPopulate();
            } else {
                console.log("Not a campaign form page or required placeholders missing. Script exiting.");
                if (!formElement) console.log("Reason: <form> element not found.");
                if (!progressBarPlaceholder) console.log("Reason: '%%CAMPAIGN_PROGRESS_BAR%%.' placeholder element not found.");
            }
        }

        // --- Helper to find the SPECIFIC .form-html element containing placeholder text ---
        function findPlaceholderElement(placeholderText) {
            const potentialContainers = document.querySelectorAll('div.form-html'); 
            for (let container of potentialContainers) {
                if ((container.textContent || '').includes(placeholderText)) {
                    return container; 
                }
            }
            console.log(`Placeholder element containing "${placeholderText}" not found.`);
            return null;
        }

        // --- CORE DATA FUNCTIONS ---
        function getSheetCsvUrl(gid) {
            const sheetIdMatch = googleSheetCsvUrl.match(/\/d\/e\/(.*?)\//);
            if (!sheetIdMatch) {
                console.error("Could not extract Spreadsheet ID from googleSheetCsvUrl.");
                return null;
            }
            // MODIFICATION: Corrected typo from output:csv to output=csv
            return 'https://docs.google.com/spreadsheets/d/e/' + sheetIdMatch[1] + '/pub?gid=' + gid + '&output=csv';
        }

        function parseCsvResponse(csvText) {
            if (!csvText || typeof csvText !== 'string') return []; 
            try { 
                const lines = csvText.trim().split('\n'); 
                if (lines.length < 2) return []; 
                const headers = lines.shift().trim().split(',').map(h => h.trim().replace(/"/g, '')); 
                return lines.map(line => { 
                    const values = line.trim().split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/); 
                    const rowData = {}; 
                    headers.forEach((header, index) => { 
                        let value = values[index] ? values[index].trim().replace(/^"|"$/g, '') : ''; 
                        if (['Amount', 'Goal', 'Value / GID'].includes(header) && value) { 
                            value = parseFloat(value.replace(/[^0-9.-]+/g, "")) || 0; 
                        } 
                        rowData[header] = value; 
                    }); 
                    return rowData; 
                }); 
            } catch (e) { 
                console.error("Failed to parse CSV.", e); 
                console.log("Received CSV Text:", csvText); 
                return []; 
            }
        }

        async function fetchDataAndPopulate() {
            let currentGid = null;
            const gidPlaceholderElement = findPlaceholderElement('%%GID=['); 
            
            if (!gidPlaceholderElement) {
                console.error("CRITICAL: GID placeholder element not found. Cannot proceed.");
                return;
            }

            try {
                const gidMatch = (gidPlaceholderElement.textContent || '').match(/%%GID=\[(\d+)\]%%/);
                if (!gidMatch || !gidMatch[1]) {
                    console.error("CRITICAL: Could not extract GID number from placeholder text:", gidPlaceholderElement.textContent);
                    return;
                }
                currentGid = gidMatch[1];
                gidPlaceholderElement.style.display = 'none'; 
            } catch (e) {
                console.error("Error finding or processing GID placeholder:", e);
                return;
            }

            if (!currentGid) return; 

            try {
                const [masterResponse, minisiteResponse] = await Promise.all([
                    fetch(googleSheetCsvUrl), 
                    fetch(minisiteUrl) 
                ]);

                // --- Process Master Sheet ---
                if (!masterResponse.ok) throw new Error('Failed to fetch Master sheet: ' + masterResponse.status);
                const masterText = await masterResponse.text();
                const masterData = parseCsvResponse(masterText);
                if (masterData.length === 0) throw new Error("Master sheet data is empty or failed to parse.");
                
                const allCampaigns = masterData.filter(row => row.Type === 'campaign');
                const currentCampaignInfo = allCampaigns.find(c => String(c['Value / GID']) === String(currentGid));

                if (!currentCampaignInfo) { 
                    console.error('No campaign with GID ' + currentGid + ' found in Master sheet.'); 
                    return; 
                }
                const goal = currentCampaignInfo.Goal || 0; 

                // --- Fetch All Donor Sheets ---
                const donorSheetPromises = allCampaigns.map(c => {
                    const url = getSheetCsvUrl(c['Value / GID']);
                    if (!url) { console.warn('Could not generate URL for GID: ' + c['Value / GID'] + '. Skipping.'); return Promise.resolve({ gid: c['Value / GID'], donors: [] }); }
                    return fetch(url)
                        .then(res => { if (!res.ok) { console.warn('Failed to fetch donor sheet for GID: ' + c['Value / GID'] + '. Status: ' + res.status + '. Returning empty.'); return ''; } return res.text(); })
                        .then(text => ({ gid: c['Value / GID'], donors: parseCsvResponse(text) }))
                        .catch(err => { console.error('Error fetching/parsing donor sheet for GID ' + c['Value / GID'] + ':', err); return { gid: c['Value / GID'], donors: [] }; });
                });
                const donorSheets = await Promise.all(donorSheetPromises);

                // --- Calculate Current Campaign Raised Amount ---
                const currentDonorsSheet = donorSheets.find(s => String(s.gid) === String(currentGid));
                const raised = (currentDonorsSheet?.donors || []).reduce((sum, d) => sum + (d.Amount || 0), 0);
                
                // --- Fetch and Process Minisite HTML ---
                if (!minisiteResponse.ok) throw new Error('Failed to fetch Minisite HTML: ' + minisiteResponse.status);
                const minisiteHtml = await minisiteResponse.text();

                // --- Populate Page Sections ---
                populateProgressBar(raised, goal); 
                populateDonorsList(currentDonorsSheet?.donors || []); 
                populateCarousel(minisiteHtml, donorSheets, allCampaigns, currentGid); 
                
                // --- INITIALIZE SWIPER (CAROUSEL) ---
                if (document.querySelector('.swiper-container')) {
                    new Swiper('.swiper-container', {
                        // MODIFICATION: Set direction to horizontal
                        direction: 'horizontal',
                        spaceBetween: 20,
                        grabCursor: true,
                        
                        // MODIFICATION: Added breakpoints for responsive slides
                        breakpoints: {
                            // When window width is >= 320px (mobile)
                            320: {
                                slidesPerView: 1, // 1 slide on mobile
                            },
                            // When window width is >= 768px (desktop)
                            768: {
                                slidesPerView: 3, // 3 slides on desktop
                            }
                        }
                    });
                    console.log("Swiper carousel initialized (horizontal, responsive).");
                } else {
                    console.warn("Swiper container not found. Carousel will not be initialized.");
                }
                
            } catch (error) {
                console.error('An error occurred during data fetching and population:', error);
            }
        }

        // --- PAGE POPULATION FUNCTIONS ---
        
        function populateProgressBar(raised, goal) {
            const placeholderElement = findPlaceholderElement('%%CAMPAIGN_PROGRESS_BAR%%.');
            if (!placeholderElement) {
                console.error("Progress bar placeholder element (.form-html) not found. Cannot populate.");
                return;
            }

            const percentage = goal > 0 ? Math.round((raised / goal) * 100) : 0;
            const progressBarDiv = document.createElement('div');
            progressBarDiv.id = 'campaign-form-progress-bar-container'; 
            progressBarDiv.style.padding = '20px 0'; 
            progressBarDiv.innerHTML =
                '<div style="display: flex; justify-content: space-between; font-size: 1.1rem; font-weight: 500; margin-bottom: 8px; color: #333;">' +
                    '<span>Money Raised: <span style="font-weight: 700;">$' + raised.toLocaleString() + '</span></span>' +
                    '<span>Goal: $' + goal.toLocaleString() + '</span>' +
                '</div>' +
                '<div style="background-color: #e0e0e0; border-radius: 20px; height: 35px; overflow: hidden; position: relative;">' +
                    '<div style="background-color: #a47e4d; color: white; text-align: center; font-weight: 700; font-size: 1.2rem; line-height: 35px; height: 100%; width: ' + percentage + '%; transition: width 0.8s ease-in-out; border-radius: 20px;">' +
                        percentage + '%' +
                    '</div>' +
                '</div>';
            
            // MODIFICATION: Find parent <li> and set it to span full grid
            const parentLi = placeholderElement.parentNode;
            if (parentLi) {
                parentLi.style.gridColumn = '1 / -1'; // Make the parent LI span the full width
                parentLi.replaceChild(progressBarDiv, placeholderElement); // Replace placeholder content
            } else {
                console.error("Could not replace progress bar placeholder - parentNode not found.");
            }
        }

        function populateDonorsList(donors) {
            // MODIFICATION: Removed period to match screenshot
            const placeholderElement = findPlaceholderElement('%%CAMPAIGN_DONORS_LIST%%');
            if (!placeholderElement) {
                console.error("Donors list placeholder element (.form-html) not found. Cannot populate.");
                return;
            }

            let donorsHtmlContent = '<h2>Campaign Donors</h2>';
            const showCount = 5; 
            let sortedDonors = []; 

            if (!donors || donors.length === 0) {
                donorsHtmlContent += '<p style="text-align:center;">Be the first to donate to this campaign!</p>';
            } else {
                sortedDonors = [...donors].sort((a,b) => (b.Amount || 0) - (a.Amount || 0));
                
                sortedDonors.forEach((donor, index) => {
                    if (donor.Donor_Name && typeof donor.Amount === 'number') { 
                        const isHidden = index >= showCount;
                        donorsHtmlContent += '<div class="campaign-donor-item" style="background: #F2F2F2; border-radius: 10px; display: ' + (isHidden ? 'none' : 'flex') + '; justify-content: space-between; align-items: center; padding: 15px; border-bottom: 1px solid #eee;"><span style="font-size: 1.2rem; font-weight: 500; color: black !Important;">' + donor.Donor_Name + '</span><span style="font-size: 1.2rem; font-weight: 700; color: #a47e4d !Important;">$' + (donor.Amount).toLocaleString() + '</span></div>';
                    }
                });

                if (sortedDonors.length > showCount) {
                    donorsHtmlContent += '<button id="show-all-donors-btn" style="background: #a47e4d; color: white; border: none; padding: 10px 15px; border-radius: 5px; font-weight: 700; cursor: pointer; margin-top: 10px; text-transform: uppercase; font-size: 0.9rem; width: 100%;">Show All Donors \u2193</button>';
                }
            }
            
            const donorListDiv = document.createElement('div');
            donorListDiv.id = 'campaign-form-donors-list-container'; 
            donorListDiv.style.marginTop = '40px'; 
            donorListDiv.style.display = 'flex';
            donorListDiv.style.flexDirection = 'column';
            donorListDiv.style.gap = '5px';
            donorListDiv.innerHTML = donorsHtmlContent;

            // MODIFICATION: Find parent <li> and set it to span full grid
            const parentLi = placeholderElement.parentNode;
            if (parentLi) {
                parentLi.style.gridColumn = '1 / -1'; // Make the parent LI span the full width
                parentLi.replaceChild(donorListDiv, placeholderElement); // Replace placeholder content

                if (sortedDonors.length > showCount) {
                    const showMoreBtn = document.getElementById('show-all-donors-btn');
                    if (showMoreBtn) {
                        showMoreBtn.addEventListener('click', function() {
                            const hiddenDonors = document.querySelectorAll('.campaign-donor-item[style*="display: none"]');
                            hiddenDonors.forEach(donorEl => {
                                donorEl.style.display = 'flex';
                            });
                            showMoreBtn.style.display = 'none';
                        });
                    }
                }

            } else {
                console.error("Could not replace donors list placeholder - parentNode not found.");
            }
        }

        function populateCarousel(minisiteHtml, donorSheets, allCampaigns, currentGid) {
            // MODIFICATION: Removed period to match screenshot
            const placeholderElement = findPlaceholderElement('%%OTHER_CAMPAIGNS_CAROUSEL%%');
            if (!placeholderElement) {
                console.error("Carousel placeholder element (.form-html) not found. Cannot populate.");
                return;
            }

            let slidesHtml = '';
            try {
                // MODIFICATION: Corrected typo from DOMPauserser to DOMParser
                const parser = new DOMParser(); 
                const minisiteDoc = parser.parseFromString(minisiteHtml, 'text/html');
                const cards = minisiteDoc.querySelectorAll('.harford-hybrid-campaign-page-card'); 
                
                cards.forEach(card => { 
                    const gid = card.dataset.campaignId; 
                    if (!gid || String(gid) === String(currentGid)) return; 
                    const campaignInfo = allCampaigns.find(c => String(c['Value / GID']) === String(gid));
                    const donorSheet = donorSheets.find(s => String(s.gid) === String(gid));
                    if (!campaignInfo) { console.warn('Carousel: Info for GID ' + gid + ' not found. Skipping.'); return; }
                    const raised = donorSheet ? (donorSheet.donors || []).reduce((sum, d) => sum + (d.Amount || 0), 0) : 0;
                    const goal = campaignInfo.Goal || 0; 
                    const percentage = goal > 0 ? Math.round((raised / goal) * 100) : 0;
                    const image = card.querySelector('img')?.src || 'https://placehold.co/280x150/eee/ccc?text=No+Image';
                    const title = card.querySelector('.harford-hybrid-campaign-page-card-title')?.innerText.trim() || campaignInfo.Name || 'Untitled Campaign';
                    const link = card.querySelector('.harford-hybrid-campaign-page-card-button')?.href || '#'; 

                    // MODIFICATION: Changed margin-bottom: 20px to margin-right: 20px
                    slidesHtml +=
                        '<div class="swiper-slide" style="width: 280px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; text-align: center; background-color: #fff; margin-right: 20px;">' + // Removed auto margins
                            '<img src="' + image + '" alt="' + title + '" style="width: 100%; height: 150px; object-fit: cover;">' +
                            '<div style="padding: 15px;">' +
                                '<h3 style="font-size: 1.1rem; font-weight: 900; margin: 0 0 10px 0;">' + title + '</h3>' +
                                '<div style="font-size: 0.8rem; display: flex; justify-content: space-between; margin-bottom: 5px;">' +
                                    '<span>$' + raised.toLocaleString() + '</span>' +
                                    '<span>Goal: $' + goal.toLocaleString() + '</span>' +
                                '</div>' +
                                '<div style="height: 8px; background-color: #e0e0e0; border-radius: 4px; overflow: hidden;">' +
                                    '<div style="height: 100%; background-color: #a47e4d; width:' + percentage + '%;"></div>' +
                                '</div>' +
                                '<a href="' + link + '" style="display: inline-block; background-color: #a47e4d; color: white !important; padding: 8px 15px; border-radius: 5px; text-transform: uppercase; font-size: 0.8rem; font-weight: 900; margin-top: 15px; text-decoration: none;">View Campaign</a>' +
                            '</div>' +
                        '</div>';
                });
            } catch (e) {
                console.error("Error parsing minisite HTML for carousel:", e);
            }

            const carouselDiv = document.createElement('div');
            carouselDiv.id = 'campaign-form-carousel-container'; 
            carouselDiv.style.padding = '40px 0'; 
            
            // MODIFICATION: Swiper container style for horizontal carousel (no height)
            carouselDiv.innerHTML =
                '<h2 style="text-align: center; font-size: 2rem; font-weight: 900; text-transform: uppercase; color: #fff; margin-bottom: 5px;">Other Campaigns</h2>' + // Reduced margin
                '<p style="text-align: center; font-size: 1rem; color: #ccc; margin-top: 0; margin-bottom: 20px; font-style: italic;">(Swipe to see more)</p>' + // Added sub-header
                '<div class="swiper-container" style="width: 100%; padding-bottom: 20px; overflow: hidden;">' + // Removed fixed height
                    '<div class="swiper-wrapper">' +
                        (slidesHtml || '<p style="text-align:center;">No other campaigns found.</p>') +
                    '</div>' +
                '</div>';
            
            // MODIFICATION: Find parent <li> and set it to span full grid
            const parentLi = placeholderElement.parentNode;
            if (parentLi) {
                parentLi.style.gridColumn = '1 / -1'; // Make the parent LI span the full width
                parentLi.replaceChild(carouselDiv, placeholderElement); // Replace placeholder content
            } else {
                console.error("Could not replace carousel placeholder - parentNode not found.");
            }
        }

        // --- RUN SCRIPT ---
        // MODIFICATION: Corrected typo from runGScript() to runScript()
        runScript();

    } catch (e) {
        console.error("A critical error occurred in the campaign script:", e);
    }
});
</script><script>
    if (window.location.href.indexOf('6030398') !== -1) {
        const style = document.createElement('style');
        style.innerHTML = `
            #chabad_body_content {
                width: 100vw !important;
                margin: 0vw 2.5vw;
                padding-bottom: 0px !important;
            }
            .chabad_left_column {
                padding-right: 0px !important;
                padding-left: 0px !important;
            }
            .title {
                font-size: 35pt !important;
            }
            .appealImg img {
                float: left !important;
                border-radius: 50px !important;
                margin-right: 50px !important;
                width: 45% !important;
                margin-bottom: 15px;
            }
            .appeal:nth-child(even) .appealImg img {
                float: right !important;
                margin-left: 50px !important;
                margin-right: 0px !important;
            }
            .message {
                font-size: 16px !important;
            }
            .message p, .message div {
                width: 45% !important;
                text-align: justify !important;
                line-height: 1.4;
            }
            .message p {
                margin: 10px 0px;
            }
            .appeal:nth-child(odd) .message p, .appeal:nth-child(odd) .message div {
                float: right !important;
            }
            .message .read-more_link p {
                width: auto !important;
                text-align: left !important;
            }
            .appeal:nth-child(odd) .message .read-more_link p {
                float: left !important;
            }
            .read-more_link {
                margin: 0px !important;
                width: 45% !important;
                float: right !important;
                text-align: left !important;
            }
            .appeal:nth-child(even) .read-more_link {
                float: left !important;
            }
            .cco_templateless_template {
                margin-top: -40px !important;
            }
            #navigation {
                position: absolute;
                top: 25px;
                z-index: 1000;
                right: 25px;
            }
            .chabad_menu_content {
                text-align: right !important;
            }
            .custom_message {
                background: #d25525;
                width: 100vw !important;
                padding-top: 60px !important;
                padding-bottom: 60px !important;
                margin: 0px !important;
            }
            .appeal:nth-child(even) {
                background: #ebebeb !important;
            }
            .appeal:nth-child(odd) {
                background: #fff !important;
            }
            .titleIcon {
                display: none;
            }
            .title.titleIcon {
                display: block;
            }
            p, span, div, b, i, strong {
                font-family: 'Hanken Grotesk', sans-serif !important;
                color: black !important;
            }
            b, strong {
                font-weight: 600 !important;
            }
            a, a strong {
                color: #d25525 !important;
                text-decoration: underline !important;
            }
            .read-more_link a {
                color: white !important;
                background: #d25525;
                border-radius: 50px;
                font-weight: 600;
                font-family: 'Hanken Grotesk', sans-serif !important;
                padding: 15px 30px;
                border: 0px;
                font-size: 20px !important;
                letter-spacing: 0px !important;
                text-decoration: none !important;
            }
            .footer {
                background: white !important;
            }
            .chabad_navigator_bar ul li {
                font-size: 18px !important;
            }
            .chabad_navigator_bar ul li .parent {
                text-decoration: none !important;
                padding: 10px 20px;
                border-radius: 100px;
                margin: 0px 25px;
                background: transparent !important;
                color: white !important;
                font-weight: 600 !important;
            }
            .chabad_navigator_bar ul li {
                color: transparent !important;
            }
            #menu li:nth-of-type(1) a {
                color: transparent !important;
                padding: 10px 60px;
            }
            #menu .selected a {
                background: #d25525 !important;
            }
            #menu li:hover a {
                text-decoration: underline !important;
            }
            #menu li:nth-of-type(1):after {
                content: 'High Holidays';
                color: white;
                font-family: 'Hanken Grotesk', sans-serif;
                font-weight: 600;
                position: absolute;
                left: 50px !important;
                top: 9px;
                font-size: 20px !important;
            }
            #chabad_head a {
                position: absolute;
                top: 0;
                width: 100vw;
                height: 100%;
                color: transparent !important;
            }
            #chabad_head .chabad_header a {
                position: relative;
                height: auto;
                width: auto;
                top: auto;
            }

            .custom_message h3 {
                color: white;
                width: 20vw !important;
                font-size: 25px;
            }

            .custom_message img {
                width: 20vw;
            }
            .appeal:nth-child(3) .message .read-more_link p {
                text-align: center !important;
                float: none !important;
            }
            .appeal:nth-child(2) .message .read-more_link p {
                margin-top: 20px !important;
            }
            .learn-more .message p {
                width: max-content !important;
                margin: 0 auto;
            }
            .learn-more img {
                border-radius: 30px;
                padding: 15px;
            }
            .title {
                font-family: 'Nunito Sans', sans-serif !important;
                font-weight: 700;
                text-transform: none !important;
                font-size: 55px !important;
                margin-bottom: 30px;
            }
            .learn-more .message {
                padding-top: 0px !important;
            }
            .learn-more .title {
                margin-bottom: 0px !important;
                color: white !important;
            }
            @media all and (max-width: 450px) {
                .appealImg {
                    display: none;
                }
                .message p, .message div.read-more_link {
                    width: 100% !important;
                }
                .read-more_link {
                    font-size: 16px !important;
                }
                .custom_message h3 {
                    font-size: 16px !important;
                    width: 45vw !important;
                }
                .learn-more img {
                    width: 45vw !important;
                }
                .message div {
                    width: 100% !important;
                }
                .custom_message {
                    padding-top: 20px !important;
                    padding-bottom: 20px !important;
                }
                .title {
                    font-size: 30px !important;
                }
                #menu li:nth-of-type(1)::after {
                    content: '';
                }
                #menu li:nth-of-type(1) a {
                    padding: 0px !important;
                }
                body.mobile .chabad_navigator_bar #menu .item.heading {
                    background: white;
                }
            }
            @media all and (max-width: 450px) {
                #navigation {
                    position: relative !important;
                    top: auto !important;
                    z-index: 1000 !important;
                    right: auto !important;
                }
                #menu li:nth-of-type(1) a {
                    color: black !important;
                }
                body.mobile .chabad_navigator_bar #menu .item.heading a {
                    width: 100px !important;
                    background: url(https://w2.chabad.org/images/shluchim/minisites/down_triangle_black.gif) right center no-repeat !important;
                }

                body.mobile #navigation.chabad_navigator_bar #menu li:not(.heading) {
                    background-color: white !important;
                    border-top: 2px solid black !important;
                    color: black !important !important;
                }

                #menu li a, #menu li:nth-of-type(1) a {
                    color: black !important;
                }
                #menu .selected a {
                    background: transparent !important;
                }
            }
        `;
        document.head.appendChild(style);
    }
</script><script>
    if (window.location.href.indexOf('6058086') !== -1) {
        const style = document.createElement('style');
        style.innerHTML = `
            #chabad_body_content {
                width: 100vw !important;
                margin: 0vw 2.5vw;
                padding-bottom: 0px !important;
            }
            .chabad_left_column {
                padding-right: 0px !important;
                padding-left: 0px !important;
            }
            .title {
                font-size: 35pt !important;
            }
            .appealImg img {
                float: left !important;
                border-radius: 50px !important;
                margin-right: 50px !important;
                width: 45% !important;
                margin-bottom: 15px;
            }
            .appeal:nth-child(even) .appealImg img {
                float: right !important;
                margin-left: 50px !important;
                margin-right: 0px !important;
            }
            .message {
                font-size: 16px !important;
            }
            .message p, .message div, .message ul {
                width: 45% !important;
                text-align: justify !important;
                line-height: 1.4;
            }
            .message p, .message ul {
                margin: 10px 0px;
            }
            .appeal:nth-child(odd) .message p, .appeal:nth-child(odd) .message div, .appeal:nth-child(odd) .message ul {
                float: right !important;
            }
            .message .read-more_link p {
                width: auto !important;
                text-align: left !important;
            }
            .appeal:nth-child(odd) .message .read-more_link p {
                float: left !important;
            }
            .read-more_link {
                margin: 0px !important;
                width: 45% !important;
                float: right !important;
                text-align: left !important;
            }
            .appeal:nth-child(even) .read-more_link {
                float: left !important;
            }
            .cco_templateless_template {
                margin-top: -40px !important;
            }
            .cco_templateless_template a {
                background: transparent;
                position: absolute;
                top: 70px;
                color: white !important;
                text-decoration: none !important;
            }
            #navigation {
                position: absolute;
                top: 25px;
                z-index: 1000;
                right: 25px;
            }
            .chabad_menu_content {
                text-align: right !important;
            }
            .custom_message {
                background: #d1a978;
                width: 100vw !important;
                padding-top: 60px !important;
                padding-bottom: 60px !important;
                margin: 0px !important;
            }
            .appeal:nth-child(even) {
                background: #ebebeb !important;
            }
            .appeal:nth-child(odd) {
                background: #fff !important;
            }
            .titleIcon {
                display: none;
            }
            .title.titleIcon {
                display: block;
            }
            p, span, div, b, i, strong, li {
                font-family: 'Hanken Grotesk', sans-serif !important;
                color: black !important;
            }
            b, strong {
                font-weight: 600 !important;
            }
            a, a strong {
                color: #d1a978 !important;
                text-decoration: underline !important;
            }
            .read-more_link a {
                color: white !important;
                background: #d1a978;
                border-radius: 50px;
                font-weight: 600;
                font-family: 'Hanken Grotesk', sans-serif !important;
                padding: 15px 30px;
                border: 0px;
                font-size: 20px !important;
                letter-spacing: 0px !important;
                text-decoration: none !important;
            }
            .footer {
                background: white !important;
            }
            .chabad_navigator_bar ul li {
                font-size: 18px !important;
            }
            .chabad_navigator_bar ul li .parent {
                text-decoration: none !important;
                padding: 10px 20px;
                border-radius: 100px;
                margin: 0px 25px;
                background: transparent !important;
                color: white !important;
                font-weight: 600 !important;
            }
            .chabad_navigator_bar ul li {
                color: transparent !important;
            }
            #menu li:hover a {
                text-decoration: underline !important;
            }
            #chabad_head a {
                position: absolute;
                top: 0;
                width: 100vw;
                height: 100%;
                color: transparent !important;
            }

            .custom_message h3 {
                color: white;
                width: 20vw !important;
                font-size: 25px;
            }

            .custom_message img {
                width: 20vw;
            }
            .appeal:nth-child(3) .message .read-more_link p {
                text-align: center !important;
                float: none !important;
            }
            .appeal:nth-child(2) .message .read-more_link p {
                margin-top: 20px !important;
            }
            .learn-more .message p {
                width: max-content !important;
                margin: 0 auto;
            }
            .learn-more img {
                border-radius: 30px;
                padding: 15px;
            }
            .title {
                font-family: 'Nunito Sans', sans-serif !important;
                font-weight: 700;
                text-transform: none !important;
                font-size: 55px !important;
                margin-bottom: 30px;
            }
            .learn-more .message {
                padding-top: 0px !important;
            }
            .learn-more .title {
                margin-bottom: 0px !important;
                color: white !important;
            }
            @media screen and (max-width: 450px) {
                .appealImg {
                    display: none;
                }
                .message p, .message div.read-more_link {
                    width: 100% !important;
                }
                .read-more_link {
                    font-size: 16px !important;
                }
                .custom_message h3 {
                    font-size: 16px !important;
                    width: 45vw !important;
                }
                .learn-more img {
                    width: 45vw !important;
                }
                .message div {
                    width: 100% !important;
                }
                .custom_message {
                    padding-top: 20px !important;
                    padding-bottom: 20px !important;
                }
                .title {
                    font-size: 30px !important;
                }
                #menu li:nth-of-type(1)::after {
                    content: '';
                }
                #menu li:nth-of-type(1) a {
                    padding: 0px !important;
                }
                body.mobile .chabad_navigator_bar #menu .item.heading {
                    background: white;
                }
            }
            @media all and (max-width: 450px) {
                #navigation {
                    position: relative !important;
                    top: auto !important;
                    z-index: 1000 !important;
                    right: auto !important;
                }
                #menu li:nth-of-type(1) a {
                    color: black !important;
                }
                body.mobile .chabad_navigator_bar #menu .item.heading a {
                    width: 100px !important;
                    background: url(https://w2.chabad.org/images/shluchim/minisites/down_triangle_black.gif) right center no-repeat !important;
                }

                body.mobile #navigation.chabad_navigator_bar #menu li:not(.heading) {
                    background-color: white !important;
                    border-top: 2px solid black !important;
                    color: black !important !important;
                }

                #menu li a, #menu li:nth-of-type(1) a {
                    color: black !important;
                }
                #menu .selected a {
                    background: transparent !important;
                }
            }
        `;
        document.head.appendChild(style);
    }
</script><script>
    if (window.location.href.indexOf('4710227') !== -1) {
        const style = document.createElement('style');
        style.innerHTML = `
            .chabad_header {
                background: url('https://harfordchabad.org/media/images/1271/FyuW12710478.png');
                background-size: 100% 100% !important;
                background-repeat: no-repeat !important;
            }
            #sPromo1, #sPromo2, #sPromo3 {
                display: inline-block !important;
                max-width: 33% !important;
            }
            #sPromo1 #picture, #sPromo2 #picture, #sPromo3 #picture {
                height: 174px !important;
            }
            .sPromo-wrap {
                height: 175px !important;
            }
        `;
        document.head.appendChild(style);
    }
</script><script>
(function() {
    // 0. URL CHECK (Commented for preview)
    if (window.location.href.indexOf('7266691') === -1) { return; }
    
    console.log("Bel Air Form Script: Initializing...");

    // CONFIGURATION: GOOGLE SHEET
    const GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vToKeolU4EuS01imDW8iF3EyK_LR_SKQp99ta45VMKux-euDQkLEWy7OJiRKusxx3bNbn3kZCono1Ey/pub?output=csv"; 

    // 1. STYLE INJECTION
    var belairStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap');

        /* PAGE BACKGROUND UPDATE */
        body { 
            font-family: "Spectral", serif !important; 
            color: rgb(66, 66, 66) !important; 
            margin: 0 !important; 
            background: #ededed !important; 
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Outfit" !important;
            font-size: 18px !important;
            color: rgb(66, 66, 66) !important
        }

        /* Default: Hide Mobile images, Show Desktop images */
        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }

        /* On screens smaller than 768px (Mobile): Hide Desktop, Show Mobile */
        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important;}
            .belair-chai-donors-wrapper{ width: 100% !important;}
            .chai-belair-highlight {color: white !important;}
        }

        /* --- NEW CHAI BELAIR STYLES --- */
        .chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
        .chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
        .chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }
        
        /* CARD STYLES WITH OUTLINE */
        .chai-belair-card { 
            border-radius: 15px !important; 
            padding: 30px !important; 
            box-sizing: border-box !important; 
            box-shadow: 5px 5px 0px #566374!important;
            border: 2px solid #566374 !important;
        }
        
        .chai-belair-bg-blue { background-color: #2F3C4D !important; color: #ffffff !important; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: #333333 !important; }
        
        /* HEARTBEAT CARD SPECIFIC BACKGROUND */
        #row-2 { background-color: #B99362 !important; }

        .chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
        .chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.3) !important; padding-right: 20px !important; }
        .chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
        .chai-belair-title { font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
        .chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; }
        .chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; }
        .chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
        .chai-belair-text-bold { font-weight: 700 !important; }
        .chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
        .chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
        .chai-belair-feature-text { font-family: 'Commissioner', sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: #2F3C4D !important; }
        .chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: #2F3C4D; font-weight: 700 !important; }
        .chai-belair-highlight-white { color: #ffffff; font-weight: 700 !important; }

        @media (max-width: 768px) {
            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }
            #id_6 .form-sub-label-container {width: 45% !important;}
        }

        /* --- WRAPPER BOX STYLE (The Form) --- */
        .belair-white-box {
            border-radius: 15px !important;
            padding: 40px !important;
            max-width: 1000px !important; 
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        /* --- HEADER & NAV STYLES --- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: rgb(66, 66, 66) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
        .belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
        .belair-chai-nav-left { display: flex !important; align-items: center !important; }
        .belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
        .belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
        .belair-chai-nav-item { font-size: 20px !important; font-weight: 300 !important; text-transform: capitalize !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
        .belair-chai-nav-item:hover { color: #2F3C4D !important; }

        /* HEADER TEXT UPDATE (CHAI PARTNER) */
        .belair-chai-title-wrapper { 
            display: flex !important; 
            flex-direction: column !important; 
            justify-content: center !important; 
            line-height: 0.9 !important; 
            text-align: left !important; 
        }
        .belair-chai-title-chai { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 140px !important; 
            font-weight: 800 !important; 
            color: #2F3C4D !important; 
            text-transform: uppercase !important; 
            text-shadow: 5px 5px 0px #566374 !important;
        }
        .belair-chai-title-club { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 160px !important; 
            font-weight: 800 !important; 
            color: #B99362 !important; 
            text-transform: uppercase !important; 
            letter-spacing: -2px !important; 
            margin-left: 0 !important;
            line-height: 0.8 !important;
            text-shadow: 5px 5px 0px #566374 !important;
        }

        /* HERO IMAGE HEIGHT */
        .belair-chai-hero-image { 
            width: 100% !important; 
            max-width: 1000px !important; 
            max-height: 650px !important; 
            overflow: hidden !important; 
            margin-bottom: 40px !important; 
            padding: 0 !important; 
            box-sizing: border-box !important; 
        }
        .belair-chai-hero-image img { 
            width: 100% !important; 
            height: 100% !important; 
            object-fit: cover !important; 
            display: block; 
            border-radius: 8px !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; text-align: center !important; }
        .belair-chai-top-text { font-size: 30px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; color: rgb(66, 66, 66) !important; text-transform: capitalize !important; margin-bottom: 20px !important; }
        .belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
        .belair-chai-logo-img { width: 100% !important; height: auto !important; object-fit: contain !important; }
        
        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large { font-size: 28px !important; padding: 15px 40px !important; } 

        /* --- BUTTONS --- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: #2F3C4D !important;
            color: #fff !important;
            padding: 10px 24px !important;
            border-radius: 50px !important;
            font-weight: 600 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid #2F3C4D !important;
            transition: all 0.3s ease !important;
            font-family: "Spectral", serif !important;
        }
        .belair-btn-blue:hover { background-color: #fff !important; color: #2F3C4D !important; }
        .belair-btn-blue svg { fill: #fff !important; width: 18px !important; height: 18px !important; }
        .belair-btn-blue:hover svg { fill: #2F3C4D !important; }

        /* --- DONORS SECTION UPDATES --- */
        .belair-chai-donors-wrapper { 
            width: 1000px ; 
            background-color: #2F3C4D !important; /* DARK BLUE BG */
            padding: 60px 0 !important; 
            border-top: 1px solid #eee !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            text-align: center !important; 
            scroll-margin-top: 80px !important;
            border-radius: 15px !important;
        }
        
        .belair-chai-partners-title { 
            font-size: 80px !important; 
            margin-bottom: 15px !important; 
            display: flex !important;
            align-items: baseline !important;
            gap: 10px !important;
            line-height: 1 !important;
            font-family: 'Commissioner', sans-serif !important;
        }
        .word-chai {
            font-weight: 800 !important;
            color: white !important; /* PINK COLOR */
            text-transform: uppercase !important;
        }
        .word-partners {
            font-weight: 300 !important;
            color: white !important; /* PINK COLOR */
            text-transform: uppercase !important;
        }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        .belair-chai-thank-you {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #fff !important; 
            margin-bottom: 10px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart {
            height: 30px !important;
            width: 30px !important;
            margin-right: 10px !important;
            fill: #EBBCC1 !important; /* PINK HEART */
        }

        .belair-chai-active-count {
            font-size: 18px !important;
            font-weight: 300 !important;
            color: white !important; /* LIGHT PINK */
            margin-bottom: 40px !important;
            font-family: Spectral !important;
        }

        /* DONOR GRID */
        .belair-chai-donors-grid {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
            max-width: 900px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

        /* DONOR CARD STYLES */
        .belair-chai-donor-card {
            background-color: #f6f6f6 !important; /* Soft off-white to match image */
            border-radius: 4px !important; 
            padding: 20px !important;
            min-height: 120px !important;
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            box-shadow: none !important;
            border: 1px solid #dcd0cb !important; /* Thinner, subtle border */
            font-family: 'Spectral' !important;
        }
        
        .belair-chai-card-top { margin-bottom: 15px !important; }
        
        .belair-chai-name-row {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            margin-bottom: 5px !important;
        }
        
        .belair-chai-name { 
            font-size: 20px !important; 
            font-weight: 700 !important; 
            color: rgb(57, 57, 57) !important; 
            line-height: 1.2 !important;
        }
        
        .belair-chai-card-divider {
            width: 100% !important;
            height: 1px !important;
            background-color: rgba(178, 95, 50, 0.2) !important;
            margin: 10px 0 !important;
        }
        
        .belair-chai-level { 
            font-size: 13px !important; 
            text-transform: uppercase !important; 
            color: rgb(100, 100, 100) !important; 
            letter-spacing: 0.5px !important;
        }
        
        .belair-chai-card-bottom { 
            font-size: 12px !important; 
            font-weight: 600 !important; 
            color: rgb(167, 167, 167) !important; 
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
        }
        
        .donor-card-heart svg {
            width: 14px !important;
            height: 14px !important;
        }

        /* VIEW ALL BUTTON HIDDEN */
        .belair-view-all-container {
            display: none !important;
        }
        .belair-view-all-btn {
            display: none !important;
        }
        
        /* --- GENERAL FORM OVERRIDES --- */
        .form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }
        
        .form-label, .form-sub-label { 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            font-weight: 300 !important; 
            color: #777 !important; 
            margin-bottom: 8px !important; 
            display: block !important; 
            width: 100% !important; 
            text-align: left !important;
            float: none !important;
        }
        
        .form-address-table th { display: table-cell !important; color: #777 !important; font-weight: 600 !important; padding-bottom: 10px !important; text-align: left !important; }

        .form-textbox, .form-dropdown, .form-textarea { 
            width: 100% !important; 
            max-width: 100% !important; 
            padding: 12px 15px !important; 
            border: 1px solid #ddd !important; 
            border-radius: 6px !important; 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            box-sizing: border-box !important; 
            transition: border-color 0.3s !important; 
            background-color: #f9f9f9 !important; 
        }
        .form-textbox:focus, .form-dropdown:focus { 
            border-color: #2F3C4D !important; 
            outline: none !important; 
            background-color: #fff !important; 
        }

        /* --- TIER SECTION STYLES (id_4) --- */
        #cid_4 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
        }

        #label_4 {
            float: none !important;
            display: block !important;
            width: 100% !important;
            text-align: center !important;
            margin-bottom: 20px !important;
        }
        li#id_4 {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            background-color: white !important;
            border-radius: 15px !important;
        }

        .tier-card {
            position: relative !important;
            border-radius: 12px !important;
            padding: 20px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 180px !important;
            cursor: pointer !important;
            transition: transform 0.2s !important;
            box-sizing: border-box !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            border-width: 3px !important;
            border-style: solid !important;
        }

        /* [!!! FIX ADDED HERE !!!] Ensure spans inside the card share the cursor */
        .tier-card span {
            cursor: pointer !important;
            display: block;
            width: 100%;
        }

        .form-submit-button {box-shadow: unset !important;}
        .tier-card:hover { transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; }

        .tier-card-orange { 
            border: 2px solid #B99362 !important; 
            background-color: #FFF5F2 !important; 
        }
        .tier-card-blue { 
            border: 2px solid #2F3C4D !important; 
            background-color: #E6F1FA !important; 
        }
        
        .tier-card-orange .tier-price { color: #B99362 !important; }
        .tier-card-blue .tier-price { color: #2F3C4D !important; }

        .tier-card-orange:hover { 
            background-color: #FFE9EB !important; 
            border: 2px solid #B99362 !important; 
        }
        .tier-card-orange.tier-selected { 
            background-color: #FFE9EB !important; 
            border: 4px solid #B99362 !important; 
        }
        .tier-card-blue:hover { 
            background-color: #D6E8F8 !important; 
            border: 2px solid #2F3C4D !important; 
        }
        .tier-card-blue.tier-selected { 
            background-color: #D6E8F8 !important; 
            border: 4px solid #2F3C4D !important; 
        }

        .tier-card-other { grid-column: 1 / -1 !important; margin-top: 10px !important; }
        .tier-card-other .tier-card-content { flex-direction: row !important; gap: 15px !important; justify-content: center !important;  height: 5em !important;}
        .tier-card-other .tier-name { margin-bottom: 0 !important; white-space: nowrap !important; }
        .tier-other-wrapper { width: auto !important; flex-grow: 1 !important; max-width: 300px !important; }
        .tier-card input[type="text"], .tier-card input[type="number"] { width: 100% !important; }

        /* Custom Radio Buttons */
        .tier-card input[type="radio"] { 
            appearance: none !important;
            width: 24px !important;
            height: 24px !important;
            border-radius: 50% !important;
            border: 2px solid #ccc !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
        }
        .tier-card-orange input[type="radio"]:checked {
            background-color: #B99362 !important;
            border-color: #B99362 !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }
        .tier-card-blue input[type="radio"]:checked {
            background-color: #2F3C4D !important;
            border-color: #2F3C4D !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }

        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; text-align: center !important; }
        
        .tier-name { 
            font-size: 18px !important; 
            font-weight: 600 !important;
            margin-bottom: 10px !important; 
            color: #333 !important; 
            text-transform: uppercase !important; 
            letter-spacing: 0.5px !important; 
            font-family: "Spectral", serif !important; 
        }
        .tier-line { width: 80% !important; height: 1px !important; background-color: rgba(0,0,0,0.1) !important; margin: 10px 0 !important; }
        .tier-price { 
            font-size: 16px !important; 
            font-weight: 800 !important;
            color: #555 !important; 
            font-family: "Spectral", serif !important; 
        }
        
        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: rgb(66, 66, 66) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-sub-title { font-size: 18px !important; font-weight: 400 !important; color: #666 !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-other-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; }
        .tier-currency { font-size: 18px !important; font-weight: 600 !important; margin-right: 2px !important; color: #2F3C4D !important; }
        
        #cid_4 br, #cid_4 .clearfix { display: none !important; }

        /* [!!! FIX ADDED HERE !!!] "Ghost" CSS to let clicks fall through the disabled text box */
        .tier-card .form-radio-other-input:disabled {
            pointer-events: none !important;
            background-color: #f4f4f4 !important;
            cursor: pointer !important;
        }

        /* --- PAYMENT SECTION SPECIFIC STYLES --- */
        #header_5 {
            text-align: center !important;
            font-size: 32px !important;
            color: rgb(66, 66, 66) !important;
            font-family: "Spectral", serif !important;
            font-weight: 700 !important;
            margin: 10px 0 20px 0 !important;
            position: relative !important;
            padding-bottom: 15px !important;
            display: block !important;
        }
        
        #id_6 .form-sub-label-container { width: 49%; display: inline-block !important; }
        #id_6 .form-sub-label-container:first-child { margin-right: 1% !important; }
        #id_6 [data-type="control_fullname"] { display: flex !important; gap: 10px !important; }
        
        /* Make sure all labels display properly */
        #id_4 .form-label-top, #id_6 .form-label-top, #id_7 .form-label-top, #id_9 .form-label-top {
            float: none !important;
            display: block !important;
            text-align: left !important;
        }
        .form-input {
            margin-left: 0 !important;
            width: 100% !important;
        }
        
       
        
       

/* --- PAYMENT METHOD SECTION (#cid_17) --- */

        #label_12 { font-weight: 600 !important; color: #535353 !important; }

 /* TOTAL AMOUNT BOX / PAYMENT WRAPPER */
 #id_13 {
     padding: 20px !important;
     margin-top: 20px !important;
     width: 100% !important;
     display: flex !important;
     flex-direction: column !important;
     background-color: #F6F6F6 !important;
     border: 1px solid #D8D8D8 !important;
     border-radius: 8px !important;
     box-sizing: border-box !important;
 }

 .total-row-inner {
     display: flex !important;
     justify-content: space-between !important;
     width: 100% !important;
     align-items: center !important;
 }

 #label_13 {
     font-family: "Outfit", sans-serif !important;
     font-size: 16px !important;
     color: rgb(66, 66, 66) !important;
     margin: 0 !important;
 }

 #total_amount {
     font-size: 24px !important;
     font-weight: 700 !important;
     color: #2F3C4D !important;
     display: flex !important;
     align-items: baseline !important;
     font-family: "Outfit", sans-serif !important;
 }

 #total_amount:after {
     content: "/Month" !important;
     font-size: 16px !important;
     color: #777 !important;
     font-weight: 400 !important;
     margin-left: 5px !important;
     text-transform: capitalize !important;
 }

 #div_offset_gift_13 {
     display: block !important;
     width: 100% !important;
     margin-top: 5px !important;
     text-align: center !important;
 }

        /* 1. Remove box styles from Main Container */

        #cid_12 {

            background: transparent !important;

            border: none !important;

            border-radius: 0 !important;

            padding: 0 !important;

            margin-top: 10px !important;

            box-sizing: border-box !important;

        }



        /* 2. Styles for the Payment Methods Grid */

        #cid_12 > table > tbody > tr:nth-child(1) > td {

            display: grid !important;

            grid-template-columns: repeat(4, 1fr) !important;

            gap: 15px !important;

            width: 100% !important;

            margin-bottom: 20px !important;

        }

        .form-payment-methods .form-radio-item {

            display: flex !important;

            flex-direction: row-reverse !important;

            justify-content: space-between !important;

            align-items: center !important;

            background-color: #fff !important;

            border: 1px solid #D8D8D8 !important;

            border-radius: 15px !important;

            padding: 15px !important;

            cursor: pointer !important;

            min-width: 0 !important;

            width: 100% !important;

            box-sizing: border-box !important;

            float: none !important;

        }

        .form-payment-methods .form-radio-item.active-payment-card {

            background-color: #d3e9eb !important;

            border-color: #95c3db !important;

        }

        .form-payment-methods label {

            font-size: 1.8rem !important;
                font-family: 'Outfit';
            color: #535353 !important;

            cursor: pointer !important;

            white-space: nowrap !important;

        }

        .form-payment-methods input[type="radio"] {

            accent-color: #0000FF !important;

            transform: scale(1.1) !important;

            margin-left: 5px !important;

        }



        /* 3. Bel Air Style: Force Table Elements to Block for Layout Control */

        #cid_12 .form-address-table,

        #cid_12 .form-address-table tbody {

            display: block !important;

            width: 100% !important;

        }
.form-address-table {max-width: 100% !important;}
        

        /* FIX: Only apply flex layout to visible rows. 

           This prevents overriding the .hide class used by the CMS. */

        #cid_12 .form-address-table tr:not(.hide) {

            display: flex !important;

            flex-wrap: wrap !important;

            width: 100% !important;

            margin-bottom: 15px !important;

        }



        #cid_12 .form-address-table td {

            padding: 0 !important;

            width: 100% !important;

            display: block !important;

        }



        /* 3.5 ADD THE BOX STYLE TO THE SPECIFIC VISIBLE PAYMENT ROWS 

           We use :not(.hide) to ensure we don't accidentally style hidden elements 

           or interfere with the CMS toggling logic. */

        #cid_12 tr.credit_card:not(.hide),

        #cid_12 tr.paypal:not(.hide),

        #cid_12 tr.e_check:not(.hide),

        #cid_12 tr.other:not(.hide),

        #cid_12 tr.billing_address:not(.hide) {

             border-radius: 8px !important;

             padding: 0px !important;

             box-sizing: border-box !important;

             margin-top: 15px !important;

        }



        /* 4. Payment Input Styles (Outfit, Full Width) */

        #cid_12 .form-textbox, 

        #cid_12 .form-dropdown {

            width: 100% !important;

            max-width: 100% !important;

            padding: 12px 15px !important;

            border: 1px solid #ddd !important;

            border-radius: 6px !important;

            font-family: "Outfit", sans-serif !important;

            font-size: 16px !important;

            box-sizing: border-box !important;

            background-color: #f9f9f9 !important;

            transition: border-color 0.3s !important;

        }

        #cid_12 .form-textbox:focus, 

        #cid_12 .form-dropdown:focus {

            border-color: #3065B4 !important;

            background-color: #fff !important;

            outline: none !important;

        }

        

        /* 5. Headers inside Payment (Credit Card, Billing Address) */

        #cid_12 th {

            font-family: "Outfit", sans-serif !important;

            font-weight: 600 !important;

            color: #535353 !important;

            text-align: left !important;

            padding-bottom: 10px !important;

            display: block !important;

            border-bottom: 1px solid #eee !important;

            margin-bottom: 15px !important;

            margin-top: 5px !important;

            width: 100% !important;

        }



        /* 6. Layout Fixes for CC Fields */

        #cid_12 .cc-field-wrapper { width: 100% !important; }

        

        /* Ensure CVV is spaced correctly if in same row */

        #cid_12 .cc_ccv {

             width: 100% !important; 

             margin-top: 10px !important; 

        }



        /* Sub-labels (CC Number, Expiry, etc) */

        #cid_12 .form-sub-label {

            font-family: "Outfit", sans-serif !important;

            font-size: 14px !important;

            color: #777 !important;

            margin-top: 5px !important;

            display: block !important;

        }

        /* --- SUBMIT BUTTON --- */
        #id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
        #input_2 {
            width: 100% !important;
            background-color: #2F3C4D !important;
            color: #fff !important;
            font-family: "Spectral", serif !important;
            font-size: 22px !important;
            padding: 15px 25px !important;
            border-radius: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 15px !important;
            position: relative !important;
            cursor: pointer !important;
            border: 2px solid #2F3C4D !important;
            transition: all 0.3s ease !important;
        }
        #input_2:hover {
            background-color: #ffffff !important;
            color: #3166b5 !important;
            border-color: #3166b5 !important;
        }
        #input_2:hover .belair-submit-arrow svg {
            fill: #3166b5 !important;
            transition: fill 0.3s ease !important;
        }

        @media (max-width: 768px) {
            .belair-chai-nav { display: none !important; flex-direction: column !important; padding: 10px !important; }
            .belair-chai-nav-right { flex-direction: column !important; gap: 15px !important; margin-top: 15px !important; }
            .belair-white-box { padding: 20px !important; }
            
            #row-1, #row-3 { background-color: #2F3C4D !important;}
            .chai-belair-feature-text{ color: white !important;}
            #row-2{ background-color: #B99362 !important;}
            

            .belair-chai-partners-title { font-size: 45px !important;}
            .belair-chai-logo-img { width: 120px !important;}
            .belair-chai-title-club { font-size: 80px !important;}
            .belair-chai-title-chai { font-size: 70px !important;}
            
            .belair-chai-donors-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .belair-chai-donors-grid { width: 95% !important;} 
            
            #cid_4 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .tier-card-other { grid-column: 1 / -1 !important; }
#cid_12 > table > tbody > tr:nth-child(1) > td {grid-template-columns: repeat(2, 1fr) !important;}
        }

        /* --- SCROLL ANIMATION STYLES (NEW) --- */
        .belair-animate-hidden {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            will-change: opacity, transform;
        }
        .belair-animate-visible {
            opacity: 1;
            transform: translateY(0);
        }
    `;
belairStyles = belairStyles.replace(/\u00A0/g, ' ');
    // Inject the styles
    var styleSheet = document.createElement("style");
    styleSheet.innerHTML = belairStyles;
    document.head.appendChild(styleSheet);


    // 2. LOGIC: INJECT SVGS INTO HTML
    // ----------------------------
    function injectSVGs() {
        const ARROW_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff">
            <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
        </svg>`;
        
        const arrowTargets = document.querySelectorAll('.box-arrow-target');
        arrowTargets.forEach(el => { el.innerHTML = ARROW_SVG; });

        const submitBtn = document.getElementById('input_2');
        if(submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            const arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow'; 
            arrowDiv.style.marginLeft = "12px";
            arrowDiv.style.display = "flex";
            arrowDiv.style.alignItems = "center";
            arrowDiv.innerHTML = ARROW_SVG;
            const overrideStyle = document.createElement('style');
            overrideStyle.innerHTML = `#input_2::after { display: none !important; content: none !important; }`;
            document.head.appendChild(overrideStyle);
            submitBtn.appendChild(arrowDiv);
        }
        
        function scrollToTiers() {
            var formStart = document.getElementById('id_4'); // Mapped to Tier Radio Buttons ID
            if(formStart) formStart.scrollIntoView({behavior: 'smooth'});
            else {
                 var cid4 = document.getElementById('cid_4');
                 if(cid4) cid4.scrollIntoView({behavior: 'smooth'});
            }
        }

        var joinButtons = document.querySelectorAll('.nav-join-action');
        joinButtons.forEach(function(btn) {
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                scrollToTiers();
            });
        });
    }

    // 3. LOGIC: FETCH AND RENDER DONORS
    // ---------------------------------
    function fetchAndRenderDonors() {
        let grid = document.getElementById('belair-chai-donors-grid');
        const countDisplay = document.getElementById('donor-count-display');
        let viewAllBtn = document.getElementById('btn-view-all-donors');
        
        // Ensure View All button container is hidden if it exists
        if (viewAllBtn) {
            viewAllBtn.style.display = 'none';
            if(viewAllBtn.parentNode && viewAllBtn.parentNode.classList.contains('belair-view-all-container')) {
                viewAllBtn.parentNode.style.display = 'none';
            }
        }

        if (!grid && countDisplay) {
            grid = document.createElement('div');
            grid.id = 'belair-chai-donors-grid';
            grid.className = 'belair-chai-donors-grid';
            // Insert it directly after the count display
            countDisplay.parentNode.insertBefore(grid, countDisplay.nextSibling);
        }
        
        if (!grid) return;

        const HEART_ORANGE = `<svg viewBox="0 0 24 24" style="fill:#B99362"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;
        const HEART_BLUE = `<svg viewBox="0 0 24 24" style="fill:#2F3C4D"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;

        function csvToArray(str, delimiter = ",") {
            const headers = str.slice(0, str.indexOf("\n")).split(delimiter).map(h => h.trim());
            const rows = str.slice(str.indexOf("\n") + 1).split("\n");
            return rows.map(function (row) {
                const values = row.split(delimiter);
                const el = headers.reduce(function (object, header, index) {
                    object[header] = values[index] ? values[index].trim() : "";
                    return object;
                }, {});
                return el;
            });
        }

        function renderCards(data) {
            var filteredData = data.filter(function(donor) {
                var rawLevel = donor['Level'] || donor['Category'] || "";
                var cleanLevel = rawLevel.replace(/^"|"$/g, '').trim().toLowerCase();
                return cleanLevel !== 'no category';
            });

            grid.innerHTML = "";
            countDisplay.innerText = `${filteredData.length} active partners`;

            // Draw all donors
            filteredData.forEach((donor, index) => {
                let heartIcon = (index % 2 === 0) ? HEART_ORANGE : HEART_BLUE;
                let name = donor['Name'] || donor['name'] || "Anonymous";
                let rawLevel = donor['Level'] || donor['Category'] || "Chai Partner";
                let level = rawLevel.replace(/^"|"$/g, '').trim(); 
                let date = donor['Since'] || donor['Date'] || "Nov 2025";

                let card = document.createElement('div');
                card.className = 'belair-chai-donor-card';
                
                // Build the HTML
                let cardHTML = `
                    <div class="belair-chai-card-top">
                        <div class="belair-chai-name-row">
                            <div class="belair-chai-name">${name}</div>
                        </div>
                        <div class="belair-chai-level">${level}</div>
                    </div>
                    <div class="belair-chai-card-divider"></div>
                    <div class="belair-chai-card-bottom">
                        <div class="donor-card-heart">${heartIcon}</div>
                        Partner Since ${date}
                    </div>
                `;
                
                // THIS FIXES THE SPACING: Strip non-breaking spaces before applying
                card.innerHTML = cardHTML.replace(/\u00A0/g, ''); 
                
                grid.appendChild(card);
            });
        }

        if (GOOGLE_SHEET_CSV_URL && GOOGLE_SHEET_CSV_URL.startsWith('http')) {
            fetch(GOOGLE_SHEET_CSV_URL)
                .then(response => response.text())
                .then(text => {
                    const data = csvToArray(text);
                    renderCards(data);
                })
                .catch(err => { console.error("Error fetching sheet:", err); });
        }
    }


    // 4. WRAP FORM
    function wrapFormContent() {
        var startElement = document.getElementById('id_4'); // Updated to Form Tiers ID
        var endElement = document.getElementById('id_2');   // Submit Button
        if (startElement && endElement) {
            var parent = startElement.parentNode;
            var wrapper = document.createElement('div');
            wrapper.className = 'belair-white-box';
            parent.insertBefore(wrapper, startElement);
            var current = startElement;
            var elementsToMove = [];
            while (current) {
                elementsToMove.push(current);
                if (current === endElement) break;
                current = current.nextElementSibling;
            }
            elementsToMove.forEach(function(el) { wrapper.appendChild(el); });
        }
    }

    // 5. RESTRUCTURE TIERS
    function restructureTierSection() {
        var headerLabelContainer = document.querySelector('#label_4'); // Updated mapped ID
        var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
        if (headerLabel) {
            var text = headerLabel.innerHTML; 
            var parts = text.split('/n');
            if (parts.length > 1) {
                headerLabel.innerHTML = `
                    <span class="tier-main-title">${parts[0].trim()}</span>
                    <span class="tier-sub-title">${parts[1].trim()}</span>
                `;
            }
        }
        var container = document.querySelector('#cid_4 .form-single-column'); // Updated mapped ID
        if (container) {
            var items = container.querySelectorAll('.form-radio-item');
            items.forEach(function(item, index) {
                item.classList.add('tier-card');
                
                /* [!!! FIX ADDED HERE !!!] BRUTE-FORCE LOGIC APPLIED TO CLICK EVENT */
                item.addEventListener('click', function(e) {
                    
                    // If they click inside an already active text/number input, let them type normally!
                    if (e.target.tagName === 'INPUT' && (e.target.type === 'text' || e.target.type === 'number') && !e.target.disabled) {
                        return; 
                    }

                    // 1. Remove selected state and lock ALL other inputs
                    items.forEach(i => {
                        i.classList.remove('tier-selected');
                        var otherInp = i.querySelector('.form-radio-other-input');
                        if (otherInp && i !== item) {
                            otherInp.setAttribute('disabled', 'disabled');
                            otherInp.disabled = true;
                        }
                    });

                    // 2. Add selected state to THIS item
                    item.classList.add('tier-selected');
                    
                    // 3. Check the radio natively
                    var radio = item.querySelector('input[type="radio"]');
                    if (radio && !radio.checked) {
                        radio.checked = true;
                        radio.dispatchEvent(new Event('change', { bubbles: true }));
                    } 
                    
                    // 4. Unlock the text box and focus it
                    var otherInput = item.querySelector('.form-radio-other-input');
                    if (otherInput) {
                        otherInput.removeAttribute('disabled');
                        otherInput.disabled = false;
                        otherInput.focus();
                    }
                });
                
                // Backup listener just in case they tab to it via keyboard
                var backupOtherInput = item.querySelector('.form-radio-other-input');
                if (backupOtherInput) {
                    backupOtherInput.addEventListener('focus', function() {
                        item.click(); 
                    });
                }
                /* [!!! END FIX !!!] */
                
                if (index % 2 === 0) item.classList.add('tier-card-orange');
                else item.classList.add('tier-card-blue');

                var isOther = item.querySelector('.form-radio-other'); 
                if (!isOther) {
                    var label = item.querySelector('label');
                    if (label) {
                        var fullText = label.innerText.trim(); 
                        var dollarIndex = fullText.lastIndexOf('$');
                        if (dollarIndex !== -1) {
                            var title = fullText.substring(0, dollarIndex).trim();
                            var price = fullText.substring(dollarIndex).trim();
                            label.innerHTML = `
                                <div class="tier-card-content">
                                    <div class="tier-name">${title}</div>
                                    <div class="tier-line"></div>
                                    <div class="tier-price">${price}</div>
                                </div>
                            `;
                        }
                    }
                }
            });
        }
    }

    // 6. ENHANCE PAYMENT
    function enhancePaymentSection() {
        var ccNumber = document.querySelector('[id*="cc_number"]');
        if (ccNumber) ccNumber.placeholder = "0000 0000 0000 0000";
        var ccCvv = document.querySelector('[id*="cc_ccv"]');
        if (ccCvv) ccCvv.placeholder = "CVV";
        
        // TOTAL AMOUNT RESTRUCTURE
        var totalAmountContainer = document.getElementById('id_13'); // Updated mapped ID
        if (totalAmountContainer) {
             var label = document.getElementById('label_13'); // Updated mapped ID
             var amount = document.getElementById('total_amount');
             // Double check it wasn't already restructured
             if (label && amount && label.parentNode !== amount.parentNode) {
                 var wrapper = document.createElement('div');
                 wrapper.className = 'total-row-inner';
                 wrapper.appendChild(label);
                 wrapper.appendChild(amount);
                 totalAmountContainer.insertBefore(wrapper, totalAmountContainer.firstChild);
             }
        }
        
        var expiryRow = document.querySelector('.credit_card:last-of-type'); 
        var cvvInput = document.getElementById('input_12_cc_ccv'); // Updated mapped ID
        if (expiryRow && cvvInput) {
            var cvvContainer = cvvInput.closest('td');
            if (cvvContainer && cvvContainer.parentNode !== expiryRow) {
                expiryRow.appendChild(cvvContainer);
            }
        }
    }

    // 7. HIDE MONTHLY
    function handleMonthlyRecurrence() {
        var monthlyCheckbox = document.getElementById('input_11'); // Updated ID for Monthly Recurrence checkbox
        var monthlyRow = document.getElementById('id_11');         // Updated ID for Monthly Recurrence container
        if (monthlyCheckbox) monthlyCheckbox.checked = true;
        if (monthlyRow) {
            monthlyRow.style.display = 'none';
            monthlyRow.style.visibility = 'hidden';
        }
    }

    // 8. ANIMATION LOGIC (INTERSECTION OBSERVER)
    function setupScrollAnimations() {
        const observerOptions = {
            root: null, 
            rootMargin: '0px',
            threshold: 0.1 
        };

        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('belair-animate-visible');
                    observer.unobserve(entry.target); 
                }
            });
        }, observerOptions);

        // Updated array to target the correct ID's currently found in the HTML
        const targets = [
            '.belair-chai-nav',                 
            '.belair-chai-header-wrapper',      
            '.belair-chai-hero-image',          
            '.chai-belair-container',           
            '.belair-chai-donors-wrapper',      
            '#id_4',                            // Form: Tiers Section
            '#id_6',                            // Form: Full Name
            '#id_7',                            // Form: Display Name
            '#id_12',                           // Form: Payment Details Container
            '#id_2'                             // Form: Submit Button
        ];

        targets.forEach(selector => {
            const elements = document.querySelectorAll(selector);
            elements.forEach(el => {
                el.classList.add('belair-animate-hidden'); 
                observer.observe(el); 
            });
        });
    }

    function init() {
        if (window.belairFormInitialized) return;
        window.belairFormInitialized = true;

        injectSVGs();
        handleMonthlyRecurrence();
        fetchAndRenderDonors(); 
        wrapFormContent(); 
        restructureTierSection(); 
        enhancePaymentSection(); 
        
        // Trigger animations last
        setupScrollAnimations();
    }
    
    // Use an interval to wait for the dynamic form to load into the DOM
    let initAttempts = 0;
    let initInterval = setInterval(function() {
        initAttempts++;
        if (document.getElementById('id_4') && document.querySelector('.belair-chai-container')) {
            clearInterval(initInterval);
            init();
        } else if (initAttempts > 100) { // Timeout after ~10 seconds
            clearInterval(initInterval);
            console.warn("Bel Air Form Script: Form elements not found.");
        }
    }, 100);

})();
</script>
</body>
</html>