<!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="Explorations,in,the,Talmud" />
<meta name="title" content="Explorations in the Talmud - Harford Chabad" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="1245574-1245582-6991730-4098623-1526144-3483838" />
<meta name="article-keywords" content="16403-8495-8503-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="4098623" />
<meta name="scope-aid" content="1526144" />
<meta name="scope-aid" content="3483838" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8503" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.harfordchabad.org/templates/articlecco_cdo/aid/3483838/jewish/Explorations-in-the-Talmud.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Explorations in the Talmud - Harford Chabad" /><link rel="canonical" href="https://www.harfordchabad.org/templates/articlecco_cdo/aid/3483838/jewish/Explorations-in-the-Talmud.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=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D77AD1C0" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?v=F68E803F" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/minisites/mobile-menu.css?v=EAE7942D" id="k8503" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Explorations in the Talmud - Harford Chabad
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2016-11-04","primaryArticleId":3483838,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Archive","contentLevel3":"Study/Adult Education","contentLevel4":"Past Local Courses","contentLevel5":"Explorations in the Talmud","siteName":"Harford Chabad"},"time":{"upcomingHoliday":"Shavuot","daysToUpcomingHoliday":5,"hebrewDate":"5786-03-01"}});
		dataLayer.push({ 'articleHierarchy': '-1245574-1245582-6991730-4098623-1526144-3483838-', 'keywords': '-k2898-k2170-k8503-k8495-k16403-', 'k': '-1245574-1245582-6991730-4098623-1526144-3483838--k2898-k2170-k8503-k8495-k16403-' });
	
</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/custom-homepage-scripts.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></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="topSubscribe59bda0c429" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('59bda0c429FormContainer'), document.getElementById('59bda0c429ResponseContainer'));">



<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="db1e510f-4021-4141-9f32-c142d50e9693" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="db1e510f-4021-4141-9f32-c142d50e9693"></div>	

<div class="container horizontal_padding" id="59bda0c429Container">
<div style="margin:10px 0;">
<div class="co_form_container" id="59bda0c429FormContainer">
<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:6224;" />
<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="341" />
Subscribe to 1 General Interest
</div>
</div>
<div id="59bda0c429ResponseContainer"></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=3483838&amp;jewish=Explorations-in-the-Talmud.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 = "639144395964954462";
</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="/templates/blog/default_cdo/aid/1335125/jewish/Rabbis-Blog.htm" class="item" id="menu_item1-4" data-menu-level="2" data-aid="1335125">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Rabbi's Blog</span>
</a>
<a href="/tools/feedback.asp" class="item empty" id="menu_item1-5" 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-6" 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="/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" 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/blog/default_cdo/aid/1335125/jewish/Rabbis-Blog.htm" class="child_item link" data-menu-level="3" data-aid="2375161"><span>Current Post</span></a>
<a href="/templates/articlecco_cdo/aid/6701330/jewish/Archive.htm" class="child_item default" data-menu-level="3" data-aid="6701330"><span>Archive</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>
</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/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>
</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 type="text/css">

div#cco_body .content_tditle_container .overlay {
    display: none;
}

div.widget_header {
    display: none;
}#border_bottom {
    width: 975px;
}div#chabad_head {
    float: none !important;
    width: initial !important;
}

td.chabad_logo {
    float: none;
}

.chabad_logo a {
    text-decoration: none;
}

td.chabad_logo a,
td.chabad_logo h1,
td.chabad_logo div {
    font-size: 40px;
}

.chabad_logo h1 a img {
    max-height: 100px;
}

td.chabad_text_head {

    box-sizing: border-box;
    float: none;
    vertical-align: middle;
}

td.chabad_text_head img {
    float: right;
}div#chabad_head .chabad_navigator_bar {
    background-size: 100%;
    width: 975px;
    height: 36px;
}

.mobile div#chabad_head .chabad_navigator_bar { 
    width: 100%;
    height: auto;
}

div#chabad_main_content .chabad_navigator_bar .chabad_menu_content {
    height: 100%;
}

div#chabad_head .chabad_navigator_bar .chabad_menu_content {
}

div#chabad_head .chabad_navigator_bar ul#menu {
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

div#chabad_head .chabad_navigator_bar ul li {
    float: left;
    font-size: 13px;
    list-style: none;

    z-index: 2;
}

div#chabad_head .chabad_navigator_bar ul li .sub_menu {
    display: none;
    position: absolute;
    top: 36px;
}

div#chabad_head .chabad_navigator_bar ul li ul {
    padding: 0;
}

div#chabad_head .chabad_navigator_bar ul li ul li {
    border-bottom: 1px solid #FFFFFF;
    border-right: none;
    float: none;
    font-size: 12px;
    height: auto;
    line-height: 17px;
    min-height: 23px;
    padding: 3px 0;
}

div#chabad_head .chabad_navigator_bar ul li.active .sub_menu {
    display: block;
}

div#chabad_head .chabad_navigator_bar ul li ul li:last-child {
    border: none;
}

div#chabad_head .chabad_navigator_bar ul li ul li a {
    display: inline-block;
    float: none;
    font-size: 12px;
    height: auto;
    max-width: 220px;
    min-width: 80px;
    padding: 2px 15px 0 15px;
}

div#chabad_head .chabad_navigator_bar ul li ul li a:hover {
    background: none;
}

div#chabad_head .chabad_navigator_bar ul li:last-child {
    border-right: none;
}

.chabad_navigator_bar ul li a {
    float: left;
    font-family: arial;
    font-weight: bold;
    height: 100%;
    padding: 0 16px;
    text-decoration: none;
}

.chabad_navigator_bar ul li a.arrow {
    background: url('') no-repeat right center;
    padding-right: 26px;
}

div#chabad_head .chabad_navigator_bar ul li.active a.parent,
div#chabad_head .chabad_navigator_bar ul li a.selected,
div#chabad_head .chabad_navigator_bar ul li a:hover {
}

div#chabad_head .chabad_navigator_bar ul li a.first {
    padding-left: 0;
}div#chabad_main_content {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: left;
    width: 975px;
}

div#chabad_left_colum,
div.chabad_left_colum,
div.chabad_left_column {
    float: left;
    margin: 15px;
    margin-bottom: 0;
    width: 685px;
}

div.content_full_width #chabad_left_colum,
div.content_full_width .chabad_left_colum,
div.content_full_width .chabad_left_column {
    float: none;
    width: auto;
}

div#chabad_left_colum .content_page_full,
div.chabad_left_colum .content_page_full {
    margin: 0 15px;
}

div#chabad_right_colum,
div.chabad_right_colum,
div.chabad_right_column {
    float: left;

    margin-top: 15px;
    width: 245px;

}div#chabad_right_colum &#x003E; div {
    margin: 0 0 10px;
    overflow: visible;
    padding: 1px;
}

#chabad_right_colum [class$=body] {
    font-size: 12px;
}

div#chabad_body_content {
    float: left;
    padding-bottom: 15px;
    width: 975px;
}

#navigation,
.chabad_menu_content,
div#chabad_head .chabad_content_head,
.chabad_banner_content,
.chabad_banner_content .chabad_image_content,
.chabad_image_banner,
div#chabad_left_colum .content_page,
div.chabad_left_colum .content_page,
.chabad_box_content_first,
.chabad_box_content_second,
.chabad_box_content_third,
.chabad_title_box.no_line,
.chabad_box_content_body,
.chabad_box_gradient,
.chabad_announce,
.chabad_text_box,
.chabad_text_box,
.content_box_custom {
    float: none;
    width: initial;
}

.chabad_banner_content .chabad_text_banner {
    float: left;
    padding: 0 0 20px;
    width: 100%;
}

#content_banner:after {
    clear: both;
    content: " ";
    display: table;
}

.chabad_banner_content .chabad_image_banner {
    max-height: 342px;
    overflow: hidden;
}

div#content_banner {

}

div#chabad_head .flowers, div#co_calendar .co_calendar_body .co_calendar_gradient .co_calendar_text div.item .image {
    float: left;
}

.chabad_announce {
    margin: 10px;
    overflow: hidden;
}.chabad_box_content_first,
.chabad_box_content_second,
.chabad_box_content_third {
    overflow-x: initial !important;
}

.chabad_banner_content .chabad_text_banner a.chabad_more_button {
    float: right;
}

.chabad_image_banner img {
    height: auto;
    width: 100%;
}

.chabad_text_box div {
    font-size: 14px;
}
.co_section_head,
.co_photo_gallery_head,
.chabad_updates_head,
.co_calendar_head {
    color: #fff;

    font-size: 20px;
    margin: 0 -1px;
}

.co_section_body,
.co_photo_gallery_body,
.chabad_updates_body,
.co_calendar_body,
.chabad_box_text_body {
    margin: 10px;
}

.co_section_text .item:last-child,
.co_photo_gallery_text .item:last-child,
.chabad_updates_text .item:last-child,
.co_calendar_text .item:last-child {
    border-bottom: none !important;
}#co_photo_gallery .co_photo_gallery_head {

}

.co_photo_gallery a {
    display: block;
    float: none !important;
    margin: 0 5px 10px;
    overflow: hidden;
}

.co_photo_gallery a:last-child {
    margin-bottom: 0;
}

.co_photo_gallery a img {
    border: none;
    overflow: hidden;
    width: 100%;
    height: auto;
}

div#co_photo_gallery .co_photo_gallery_footer a {
    float: right;
}

.chabad_logo p {
    margin: 0;
}

    .mobile_menu_nav_button {
        position: relative;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        font-weight:bold;
        font-size:14px;
        color: inherit;     
}
.mobile_menu_nav_button:after {    
    content: "\25bc";        
    left: 10px;
    position: relative;    
    color: inherit;
}
.mobile_menu.open .mobile_menu_nav_button:after{
    content: '\25b2';
}
body.mobile #menu li.item.parent:not(:first-child) {
    display: none;
}body.mobile div#chabad_head .chabad_navigator_bar {
    width: auto;
    height: auto;
    margin-top: 0;
    float:none;
}
body.mobile div#chabad_head .chabad_navigator_bar ul {
    float: none;
    display: block;
}

body.mobile div#chabad_head .chabad_navigator_bar ul li {
    float: none;
    display: block;
    height: auto;
}
body.mobile div#chabad_head .chabad_navigator_bar ul li a {
    float: none;
}
.mobile_menu_nav_button {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: inherit;
}
.mobile_menu_nav_button:after {
    content: "\25bc";
    left: 10px;
    position: relative;
    color: inherit;
}
.mobile_menu.open .mobile_menu_nav_button:after {
    content: '\25b2';
}
body.mobile .chabad_navigator_bar .chabad_menu_content {
    width: 100%!important;
    position: relative;
    z-index: 2;
}
body.mobile .chabad_navigator_bar .chabad_menu_content ul {
    margin: 0;
    padding: 0 15px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li {
    display: inline-block;
    position: relative;
    z-index: 2;
    float: none;
    list-style: none;
}
body.mobile #navigation.chabad_navigator_bar #menu li:not(.heading) {
    padding-left: 10px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li.last {
    border-right: none;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li.custom_separator {
    display: none;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li a {
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    float: none;
    text-align: left;
}
body.mobile div#chabad_head .chabad_navigator_bar .chabad_menu_content li a.arrow, body.mobile div#chabad_head .chabad_navigator_bar .chabad_menu_content ul li a.arrow {
    background: none;
    padding-right: initial;
}
body.mobile .chabad_navigator_bar .chabad_menu_content li a.first {
    padding-left: 0;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu ul {
    float: none;
    padding: 0;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu li {
    float: none;
    border-right: none;
    border-bottom: 1px solid #FFF;
    height: auto;
    padding: 0;
    display: block;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu li.last {
    border-bottom-width: 2px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu a {
    font-size: 14px;
    padding: 7px 18px 6px;
    font-weight: bold;
    display: block;
    float: none;
    height: auto;
    margin-bottom: 2px;
}
body.mobile .chabad_navigator_bar .chabad_menu_content .sub_menu a:hover {
    background: none;
}
body.mobile .mobile_menu_nav_button {
    display: none;
}
body.mobile .chabad_navigator_bar #menu .item.heading {
    display: block;
    text-align: center;
}
body.mobile .chabad_navigator_bar #menu .item.heading a {
    background: url(https://w2.chabad.org/images/1/global/bullets/down_triangle_blue.png) no-repeat right center;
    padding-right: 20px;
}
body.mobile .chabad_navigator_bar .sub_menu_toggle {
    display: inline-block;
    position: absolute;
    background: url(https://w2.chabad.org/images/1/global/bullets/down_triangle_blue.png) no-repeat center center;
    color: transparent;
    width: 10px;
    height: auto;
}
body.mobile .chabad_navigator_bar #menu .item.heading.expanded a,
body.mobile .chabad_navigator_bar .sub_menu_toggle.expanded {
    background-image: url(https://w2.chabad.org/images/1/global/bullets/up_triangle_blue.png);
}
body.mobile #menu li.item.parent {
    display: block;
    text-align: left;
}

body.mobile #menu li.item.selected a {
    border: none;
}
body.mobile #navigation.chabad_navigator_bar #menu,
body.mobile #navigation.chabad_navigator_bar #menu .sub_menu {
    overflow: hidden;
    transition: height .5s;
}
body.mobile #navigation.chabad_navigator_bar #menu .sub_menu,
body.mobile #chabad_head div.chabad_navigator_bar .sub_menu {
    position: initial;
    display: block;
    width: auto;
    height: auto;
    padding: 0 0 0 20px;
    background: none;
    height: 0;
}
body.mobile .chabad_navigator_bar .sub_menu_toggle:not(.expanded)+.sub_menu {
    height: 0;
}
body.mobile div.chabad_navigator_bar #menu .sub_menu ul {
    border-left: 3px solid #BEBEBE;
}
body.mobile div.chabad_navigator_bar .sub_menu li.last {
    border-bottom: none;
}
body.mobile #menu .sub_menu a {
    font-weight: normal;
}
body.mobile {
    border: none;
    margin: 0;
}
body.mobile .chabad_text_head img,
body.mobile .chabad_image_banner img, body.mobile .chabad_header img  {
    width: 100%;
    height:100%;
}
body.mobile .chabad_banner_content,
body.mobile div#chabad_body_content,
body.mobile div#chabad_left_colum,
body.mobile div.chabad_left_colum,
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column,
body.mobile div#chabad_box_text,
body.mobile div#chabad_head .chabad_content_head,
body.mobile .chabad_title_box.no_line {
    float: initial;
}
body.mobile div#chabad_main_content,
body.mobile div#chabad_head .chabad_content_head,
body.mobile div#chabad_body_content,
body.mobile .chabad_banner_content,
body.mobile div#chabad_left_colum .content_page,
body.mobile div.chabad_left_colum .content_page,
body.mobile div#chabad_left_colum .content_page_full,
body.mobile div.chabad_left_colum .content_page_full,
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column {
    width: auto;
    box-sizing: border-box;
    min-width: initial;
}
body.mobile div#chabad_left_colum,
body.mobile div.chabad_left_column,
body.mobile div.chabad_left_colum {
    width: auto;
    float: none;
    margin-bottom: 15px;
}
body.mobile div#chabad_body_content {
    padding: 0 7px;
    overflow: hidden;
}
body.mobile div#chabad_updates,
body.mobile div#co_calendar,
body.mobile div.co_section,
body.mobile div#chabad_box_text,
body.mobile div#chabad_left_colum .chabad_box_content_first,
body.mobile div#chabad_left_colum .chabad_box_content_second,
body.mobile div#chabad_left_colum .chabad_box_content_third,
body.mobile div#chabad_left_colum .content_box_custom,
body.mobile div#co_photo_gallery {
    margin-top: 10px;
    margin-bottom: 0;
    vertical-align: top;
}
body.mobile .chabad_banner_content .chabad_text_banner,
body.mobile .chabad_box_content_first,
body.mobile .chabad_box_content_second,
body.mobile .chabad_box_content_third {
    padding-right: 10px;
    padding-left: 10px;
}
body.mobile div#chabad_body_page,
body.mobile.cco_templateless_page {
    padding-top: initial;
}
body.mobile div#chabad_body_page,
body.cco_templateless_page {
    background: none;
    overflow-x: hidden;
}
body.mobile .co_local_menu {
    margin-bottom: initial;
}
body.mobile div#chabad_head .chabad_logo a {
    text-decoration: none;
    display: inline-block;
}
body.mobile div#chabad_head .chabad_logo a div {
    font-size: 27px;
}
body.mobile div#chabad_head {
    width: 100%;
    float: initial;
    height: auto;
}
body.mobile div#chabad_head table img {
    max-width: 100%;
    height: auto;
}
body.mobile div#chabad_head .chabad_content_head {
    position: relative;
    height: auto;
}
body.mobile div#chabad_head .chabad_logo {
    margin: 0;
    position: relative;
    z-index: 1;
    height: auto;
    float: initial;
    width: auto;
    box-sizing: border-box;
}
body.mobile div#chabad_head .logocell {
    padding: 0;
    display: block;
    margin: 0 20px 0 0;
}
body.mobile div#chabad_head .chabad_text_head {
    display: none;
}
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column {
    text-align: center;
    margin-bottom: 15px;
}

body.mobile div#chabad_updates,
body.mobile div#co_calendar,
body.mobile div.co_section,
body.mobile div#co_photo_gallery,
body.mobile div#chabad_box_text {
    text-align: initial;
}
body.mobile div#chabad_box_text .chabad_box_text_body {
    padding: 10px 15px;
    margin: 0;
}
body.mobile #footer .footer_inner_container {
    text-align: center;
}
body.mobile #BodyContainer,
body.mobile .g960.footer {
    width: auto;
    max-width: 100%;
    margin: 0;
    float: none;
    display: block;
}
body.mobile .co_body img, body.mobile #chabad_main_content img {
    max-width: 100%;
    height: auto;
}

body.mobile div#chabad_body_content,
body.mobile .chabad_banner_content,
body.mobile div.chabad_left_colum,
body.mobile div.chabad_left_column,
body.mobile div#chabad_left_colum,
body.mobile div#chabad_left_column,
body.mobile div#chabad_left_colum .content_page,
body.mobile div.chabad_left_colum .content_page,
body.mobile div#chabad_left_colum .content_page_full,
body.mobile div.chabad_left_colum .content_page_full,
body.mobile div#chabad_left_column .content_page,
body.mobile div.chabad_left_column .content_page,
body.mobile div#chabad_left_column .content_page_full,
body.mobile div.chabad_left_column .content_page_full,
body.mobile div#chabad_right_colum,
body.mobile div.chabad_right_column
 {
    margin-left: 0;
    margin-right: 0;
}
.chabad_header {
    padding-left: 15px;
    padding-right: 15px;
}

.chabad_header img {
    max-width: 100%;
    height: auto;
}

div#chabad_main_content,
div#chabad_body_content {
    max-width: 100%;
}

div#chabad_head {
    margin-bottom: 30px;
}

ul.ms-icon-nav {
    margin: 0;
    padding: 40px 0 10px 0;
    list-style-type: none;
    text-align: center;
    font-size: 0;
}

ul.ms-icon-nav li h3 {
    margin: 0;
    color: #123456;
}

ul.ms-icon-nav li {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: inline-block;
    width: 25%;
    font-size: 18px;
    margin-bottom: 30px;

}

ul.ms-icon-nav li:hover,
ul.ms-icon-nav li.active {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

ul.ms-icon-nav li img {
    width: 90px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 5px 0;
}

ul.ms-icon-nav li:hover img,
ul.ms-icon-nav li.active img {
    width: 100px;
    padding: 0;
}

ul.ms-icon-nav li:hover h3,
ul.ms-icon-nav li.active h3 {
    color: #125AA2;
}

div#ContentBody,
div#ContentBody p,
div#ContentBody ul li,
div#ContentBody .article_index .item .synopsis {
    line-height: 1.5em;
    font-size: 16px;
    font-family: 'Montserrat Alternates', Arial, Helvetica, sans-serif;
}

div#ContentBody p span {
    font-family: 'Montserrat Alternates', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

#ContentBody img[align="right"] {
    margin-left: 15px;
}

.breadcrumbs {
    display: none;
}

h1.article-header__title {
    font-size: 36px;
    font-family: 'Cinzel', Times New Roman, serif;
    text-align: center;
}

div#ContentArea {
    margin-top: 0;
    width: 100%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#ContentBody h2,
#ContentBody p.scheading_2 {
    font-size: 28px;
    font-family: 'Cinzel', Times New Roman, serif;
    font-weight: bold;
}

#ContentBody p.scheading_2 span {
    color: #105689 !important;
}

#ContentBody hr {
    margin: 30px 0;
    background: #f5f5f5;
    height: 2px;
    border: none;
}

#ContentBody .article_index .row {
    width: 49% !important;
    float: left !important;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 30px;
    border-bottom: 1px solid #f5f5f5;
    margin-right: 2%;
    padding-bottom: 15px !important;
}

#ContentBody .article_index .row .item {
    background: none !important;
}

#ContentBody .article_index .row:nth-of-type(even) {
    margin-right: 0;
}

#ContentBody .article_index.sukkotfix .row {
    width: 100% !important;
    float: none !important;
    margin: 0;
    border: none;
    padding: 0 !important;
}

#ContentBody .article_index.sukkotfix .row .item {
    width: 49% !important;
    float: left !important;
    display: block;
    margin-left: 0 !important;
    margin-bottom: 30px;
    border-bottom: 1px solid #f5f5f5;
    margin-right: 2%;
    padding-bottom: 15px !important;
}

#ContentBody .article_index.sukkotfix .row .item:nth-of-type(even) {
    margin-right: 0;
}

#ContentBody .article_index .item .title {
    font-size: 20px !important;
    font-family: 'Cinzel', Times New Roman, serif;
}

#ContentBody .article_index .item .title a {
    color: #125AA2 !important;
}

#ContentBody .article_index .item .title .subtitle {
    display: none;
}

#ContentBody .article_index .item .subtitle {
    display: none;
}

#ContentBody .article_index .item .synopsis {
    font-size: 16px !important;
}

#ContentBody .article_index .item div.synopsis_icon {
    width: 20%;
    margin-right: 15px !important;
}

#ContentBody .article_index .item .synopsis_icon img {
    width: 100%;
}

#ContentBody .article_index .item .inner {
    display: block !important;
    width: 100% !important;
    float: none !important;
    padding-right: 30px;
    margin-left: 0 !important;
}

#ContentBody a {
    color: #125AA2;
}

div.chabad_right_column {
    width: 100%;
    border-top: 2px solid #f5f5f5;
    margin-top: 20px;
}

div#chabad_head .chabad_navigator_bar ul#menu li a {
    font-family: 'Cinzel', Times New Roman, serif;
    font-size: 16px;
    color: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
}

div#chabad_head .chabad_navigator_bar ul#menu {
    text-align: center;
    background: #125AA2;
    margin-right: 15px;
    margin-left: 15px;
    height: 50px;
    line-height: 50px;
}

div#chabad_head .chabad_navigator_bar ul#menu li {
    display: inline-block !important;
    float: none;
    vertical-align: middle;
}

div#chabad_head .chabad_navigator_bar ul li.active .sub_menu {
    background: #125AA2;
    top: 50px;
}

div#chabad_head .chabad_navigator_bar ul#menu .sub_menu li {
    width: auto;
    border: none;
    display: block !important;
}

div#chabad_head .chabad_navigator_bar ul#menu .sub_menu li a {
    font-size: 16px;
    padding: 10px 15px;
}

div#chabad_head .chabad_navigator_bar {
    height: 50px;
}

@media only screen and (max-width: 767px) {
    ul.ms-icon-nav li {
        width: 50%;
    }

    #ContentBody .article_index .row .item {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        min-height: inherit;
        padding-bottom: 30px !important;
    }

    #ContentBody .article_index .item div.synopsis_icon {
        float: left !important;
    }

    #ContentBody .article_index .item .inner {
        padding-right: 0;
    }
}

</style>

<script>
window.addEventListener('DOMContentLoaded', function() {

function load_mh_script(url) {
    var script = document.createElement("script");
    script.src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js';
    document.head.appendChild(script);
}

function set_actives() {
    if (Co.ArticleId == "4094594") {
        $j('ul.ms-icon-nav li h3:contains("Sukkot")').parents('li').addClass('active');
    }
    if (Co.ArticleId == "4094844") {
        $j('ul.ms-icon-nav li h3:contains("Chanukah")').parents('li').addClass('active');
    }
    if (Co.ArticleId == "4094955") {
        $j('ul.ms-icon-nav li h3:contains("Lag BaOmer")').parents('li').addClass('active');
    }
    if (Co.ArticleId == "4094974") {
        $j('ul.ms-icon-nav li h3:contains("Shavuot")').parents('li').addClass('active');
    }
    if (Co.ArticleId == "4094994") {
        $j('ul.ms-icon-nav li h3:contains("Tisha")').parents('li').addClass('active');
    }
}

set_actives();
load_mh_script();



$j(window).load(function() {
    $j('#ContentBody .article_index .row').matchHeight();
    $j('#ContentBody .article_index.sukkotfix .row .item').matchHeight();
    $j('ul.ms-icon-nav &gt; li').matchHeight();
});

});
</script>

<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">

<div>
<div>
<div>
<div>

<div class="chabad_header">
<a href="/Article.asp?AID=4098623">
<img src="https://w2.chabad.org/media/images/1061/fMuF10618264.jpg" alt="Jewish Holidays" width="945" height="335" real_width="945" real_height="345" border="0" /></a></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=4720721" class="parent">Study Torah at Home</a>
</li>

</ul>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Explorations in the Talmud</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2016-11-04T07:50:32" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Harford Chabad" />
	<meta itemprop="brand" content="Harford Chabad" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1075/rXwt10754616.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2016-11-04T07:50:32" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p>
<span style="color: rgb(167, 55, 0); font-family: 'Trebuchet MS'; font-size: 24px; font-weight: bold;">Explorations in the Talmud</span></p>
<p>
<strong>Tractate Bava Metzia                           </strong></p>
<p><img src="http://harfordchabad.org/media/images/986/zDbB9867574.jpg" alt="Talmud" border="0" real_width="560" real_height="840"> </p>
<ul style="font-family: verdana; font-size: 11px;">
<li>Talmud course is for beginners &amp; advanced students!</li>
<li>User-friendly format &amp; discussion for men &amp; women to enjoy! </li>
<li>Powerpoint Presentations &amp; textbooks included!  </li>
</ul>
<p align="left" style="font-family: verdana; font-size: 11px;">Perhaps you’ve always wanted to study Talmud, but thought it was too complex and inaccessible to anyone lacking extensive training. Not anymore. The Talmud Learning Initiative from <em>myShiur </em>provides Talmud courses in an innovative and user-friendly format to allow both beginners &amp; advanced students to take part in traditional Gemara learning. <br>
Our upcoming course introduces you to a fascinating discussion about lost and mislaid property. You’ll tackle challenging analyses about the classification of various kinds of finds, and explore the Talmud’s directives regarding your civic duties and moral responsibilities. Join us as we delve into the two-thousand year-old Talmudic tradition, enjoying the rich interplay of law, logic, and ethics as you acquire study skills.</p>
<p align="left" style="font-family: verdana; font-size: 11px;">Register to Rabbi@HarfordChabad.org or 443.353.9718 - there will be a $36 book fee for the Student Book - <strong>as always no one will be turned away due to lack of funds.</strong></p>
<p>
<em>
<strong>Wednesdays 7:30pm?</strong></em></p>
<p>
<span>
<strong>Register by</strong><strong> <a href="/Article.asp?AID=3128224">clicking here</a></strong></span><span style="font-family: verdana; font-size: 11px;"> </span></p>
<div style="font-family: verdana; font-size: 11px;">
<img alt="Talmud" hspace="7" align="left" border="0" src="https://w2.chabad.org/media/images/511/QOFD5119555.jpg" width="342" height="354" real_width="663" real_height="738" vspace="7"></div>
<p> </p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/3128220/jewish/Weekly-Class.htm" data-aid="3128220">Weekly Class</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/section_cdo/aid/3555824/jewish/JLI-Survival-of-a-Nation.htm" data-aid="3555824">JLI - Survival of a Nation</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/3705005/jewish/Journey-of-the-Soul.htm" data-aid="3705005">Journey of the Soul</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/section_cdo/aid/3756211/jewish/JLI-Great-Debates-in-Jewish-History.htm" data-aid="3756211">JLI - Great Debates in Jewish History</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/section_cdo/aid/3833052/jewish/JLI-Communication-Its-Art-Soul.htm" data-aid="3833052">JLI - Communication: Its Art & Soul</a>
		</li>
		
			<li class="small-links__item small-links__item--more">
				<a href="/article.asp?aid=1526144" data-aid="1526144">View All  &raquo;</a>
			</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>
<div class="chabad_right_column">

<ul class="ms-icon-nav">
<li>
<a href="/JLI">
<img src="https://w2.chabad.org/media/images/1062/IvNh10620113.png" alt="icon11 (Custom).png" width="100" height="100" real_width="100" real_height="100" /></a><br/>     
<h3>
<a href="/JLI">Jewish Learning Institute</a></h3></li>     
<li>
<a href="/TorahStudies">
<img src="https://w2.chabad.org/media/images/1062/ggrx10620236.png" alt="icon12.png" width="100" height="100" real_width="400" real_height="400" /><br/>     </a>     
<h3>
<a href="/TorahStudies">Weekly Torah Studies</a></h3></li>     
<li>
<a href="/1526144">
<img src="https://w2.chabad.org/media/images/1062/axzx10620251.png" alt="icon10 (Custom).png" />
<h3>Past Courses</h3>     </a></li></ul></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%2farticlecco_cdo%2faid%2f3483838%2fjewish%2fExplorations-in-the-Talmud.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=Explorations+in+the+Talmud+-+Harford+Chabad&amp;url=https%3a%2f%2fwww.harfordchabad.org%2ftemplates%2farticlecco_cdo%2faid%2f3483838%2fjewish%2fExplorations-in-the-Talmud.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=Explorations+in+the+Talmud+-+Harford+Chabad https%3a%2f%2fwww.harfordchabad.org%2ftemplates%2farticlecco_cdo%2faid%2f3483838%2fjewish%2fExplorations-in-the-Talmud.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%2farticlecco_cdo%2faid%2f3483838%2fjewish%2fExplorations-in-the-Talmud.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Explorations+in+the+Talmud+-+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 class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 1526144);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><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=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=95D39855"></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=D421ABC8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/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     = '3483838';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>