diff --git a/src/app.html b/src/app.html
index 14500c67..6a99c80b 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="">
+<html lang="en" class="light">
     <head>
         <meta charset="utf-8" />
         <link rel="icon" href="%sveltekit.assets%/favicon.png" />
diff --git a/src/lib/ae_stores.ts b/src/lib/ae_stores.ts
index 7c90c59c..206ee62a 100644
--- a/src/lib/ae_stores.ts
+++ b/src/lib/ae_stores.ts
@@ -56,7 +56,9 @@ export let ae_app_local_data_struct: key_val = {
 
     'ds': {},
     'hub': {
-        'show_cfg': false,
+        'show_element__cfg': true,
+        'show_element__cfg_detail': false,
+        'show_element__access_type': true,
         'theme_mode': 'dark',
         'theme_name': 'wintry',
     },
diff --git a/src/lib/element_app_cfg.svelte b/src/lib/element_app_cfg.svelte
index e9f6f43b..37f8fdf2 100644
--- a/src/lib/element_app_cfg.svelte
+++ b/src/lib/element_app_cfg.svelte
@@ -94,7 +94,7 @@ function dispatch_something_changed() {
 
 <div
     class="ae_cfg_content"
-    class:hidden={!$ae_loc.hub.show_cfg}
+    class:hidden={!$ae_loc.hub.show_element__cfg_detail}
     >
 
     <div>
@@ -185,7 +185,7 @@ function dispatch_something_changed() {
 <button
     class="btn btn-sm ae_cfg_btn hover:transition-all"
     on:click={() => {
-        $ae_loc.hub.show_cfg = !$ae_loc.hub.show_cfg;
+        $ae_loc.hub.show_element__cfg_detail = !$ae_loc.hub.show_element__cfg_detail;
     }}
     >
     <span class="fas fa-cog mx-1"></span>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index dfb53c8b..1043eafe 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -67,6 +67,12 @@ onMount(() => {
         document.getElementsByTagName('html')[0].classList.add('iframe');
         document.getElementsByTagName('html')[0].classList.remove('dark');
         document.getElementsByTagName('html')[0].classList.remove('light');
+
+        $ae_loc.hub.show_element__access_type = false;
+        $ae_loc.hub.show_element__cfg = false;
+    } else {
+        $ae_loc.hub.show_element__access_type = true;
+        $ae_loc.hub.show_element__cfg = true;
     }
 });
 
@@ -325,9 +331,14 @@ $: if ($slct_trigger == 'set_access_code_li' && !$ae_loc.ds['hub__page__access_c
 </AppShell>
 
 
+{#if $ae_loc.hub.show_element__access_type}
 <Element_access_type />
+{/if}
 
+
+{#if $ae_loc.hub.show_element__cfg}
 <Element_app_cfg set_theme_mode={true} set_theme_name={true} />
+{/if}
 
 
 <style lang="postcss">
diff --git a/src/routes/events_speakers/+page.svelte b/src/routes/events_speakers/+page.svelte
index 669d9674..606be409 100644
--- a/src/routes/events_speakers/+page.svelte
+++ b/src/routes/events_speakers/+page.svelte
@@ -27,7 +27,7 @@ import View_modal_event_presenter_obj from './10_view_modal__event_presenter_obj
 
 
 // Editing
-const modalComponentEditEventPresenterObj: ModalComponent = { ref: Edit_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} };
+const modalComponentEditEventPresenterObj: ModalComponent = { ref: Edit_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
 
 const modal_edit__event_presenter_obj: ModalSettings = {
 	type: 'component',
@@ -39,7 +39,7 @@ const modal_edit__event_presenter_obj: ModalSettings = {
 };
 
 // Viewing
-const modalComponentViewEventPresenterObj: ModalComponent = { ref: View_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} };
+const modalComponentViewEventPresenterObj: ModalComponent = { ref: View_modal_event_presenter_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
 
 const modal_view__event_presenter_obj: ModalSettings = {
     type: 'component',
diff --git a/src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte b/src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte
index 266927d9..2d5d1a45 100644
--- a/src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte
+++ b/src/routes/events_speakers/10_edit_modal__event_presenter_obj.svelte
@@ -47,7 +47,7 @@ onMount(() => {
     }
 });
 
-const cForm = 'border border-surface-500 p-4 space-y-4 rounded-container-token';
+const cForm = 'border border-surface-200 p-4 space-y-4 rounded-container-token';
 
 let ae_promises: key_val = {}; // Promise<any>;
 
diff --git a/src/routes/sponsorships/+page.svelte b/src/routes/sponsorships/+page.svelte
index 229124f5..6828fd3e 100644
--- a/src/routes/sponsorships/+page.svelte
+++ b/src/routes/sponsorships/+page.svelte
@@ -28,24 +28,24 @@ import View_modal_sponsorship_obj from './10_view_modal__sponsorship_obj.svelte'
 
 
 // Editing
-const modalComponentEditSponsorshipObj: ModalComponent = { ref: Edit_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} };
+const modalComponentEditSponsorshipObj: ModalComponent = { ref: Edit_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
 
 const modal_edit__sponsorship_obj: ModalSettings = {
 	type: 'component',
 	component: modalComponentEditSponsorshipObj,
-    title: 'Edit Sponsorship',
+    title: 'Sponsor Submission Form', // Edit Sponsorship
     position: '', // default is "items-center"
 
     response: (r: boolean | undefined) => handle_modal_close(r)
 };
 
 // Viewing
-const modalComponentViewSponsorshipObj: ModalComponent = { ref: View_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card'} };
+const modalComponentViewSponsorshipObj: ModalComponent = { ref: View_modal_sponsorship_obj, props: {container_class_li: 'w-full p-4 space-y-4 card ae_modal_scrollfix'} };
 
 const modal_view__sponsorship_obj: ModalSettings = {
 	type: 'component',
 	component: modalComponentViewSponsorshipObj,
-    title: 'Viewing Sponsorship',
+    title: 'Sponsorship Submission', // Viewing Sponsorship
     position: '', // default is "items-center"
 
     // Provide arbitrary classes to the backdrop and modal elements:
@@ -286,14 +286,15 @@ async function handle_load_ae_obj_id__sponsorship_cfg({sponsorship_cfg_id, try_c
         console.log('No results returned or failed.', error);
     })
     .finally(function () {
+        // For CHOW 2024 only
         $ae_loc.mod.sponsorships.level_guest_max_li = {
             0: 0,
-            1: 4,
+            1: 4, // Friend
             2: 8,
-            3: 8,
-            4: 8,
-            5: 16, // This is a guess for CHOW 2024!!!
-            6: 16, // This is a guess for CHOW 2024!!!
+            3: 8, // Champion
+            4: 8, // Advocate
+            5: 8, // Presenting Partner
+            6: 16, // Signature Partner
         };
         // $ae_loc.mod.sponsorships.level_guest_max_li = {
         //     '0': 0,
@@ -425,7 +426,10 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
 <section class="container h-full mx-auto items-center">
     <div class="space-y-10 flex flex-col">
 
-        <h1 class="h1 text-center">&AElig; - Sponsorships</h1>
+        <h1 class="h1 text-center">
+            <!-- &AElig; - Sponsorships -->
+            Sponsor Hub
+        </h1>
         <section>
             <button
                 class="btn variant-ghost-primary"
@@ -440,7 +444,7 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
                 }}
                 >
                 <span class="fas fa-edit mx-1"></span>
-                Start Sponsorship
+                Start Sponsor Submission Form
             </button>
 
             <!-- <button
diff --git a/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte b/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
index 80ed9f0d..b00f8b63 100644
--- a/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
+++ b/src/routes/sponsorships/10_edit_modal__sponsorship_obj.svelte
@@ -6,7 +6,7 @@ import { fade } from 'svelte/transition';
 
 // This works and uses local storage:
 // store_current_tab must be prefixed with $ to be reactive.
-import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadial, TabGroup, Tab, TabAnchor } from '@skeletonlabs/skeleton';
+import { clipboard, FileDropzone, getModalStore, localStorageStore, ProgressRadial, RadioGroup, RadioItem, TabGroup, Tab, TabAnchor } from '@skeletonlabs/skeleton';
 import type { Writable } from 'svelte/store';
 const store_current_tab: Writable<string> = localStorageStore('ae_sponsorships_current_tab', 'start');
 console.log(`store_current_tab:`, $store_current_tab);
@@ -76,7 +76,7 @@ onMount(() => {
     });
 });
 
-const cForm = 'border border-surface-500 p-4 space-y-4 rounded-container-token';
+const cForm = 'border border-surface-200 p-4 space-y-4 rounded-container-token';
 
 let ae_promises: key_val = {}; // Promise<any>;
 
@@ -84,7 +84,8 @@ $ae_sess.mod.sponsorships.submit_status = null;
 $ae_sess.mod.sponsorships.disable_submit__sponsorship_obj = false;
 let placeholder_li: key_val = {
     file_logo_primary: '-- No File Selected --',
-    file_logo_secondary: '-- No File Selected --',
+    file_logo_light: '-- No File Selected --',
+    file_logo_dark: '-- No File Selected --',
     file_media_promo_video: '-- No File Selected --',
 };
 
@@ -105,13 +106,13 @@ if ($slct.sponsorship_id) {
         logo_li_json: null,
         media_li_json: null,
 
-        questions_li_json: null,
+        questions_li_json: {},
 
         social_li_json: null,
 
         guest_li_json: null,
 
-        level_num: null,
+        level_num: '',
         level_str: null,
         amount: null,
         paid: null,
@@ -123,11 +124,14 @@ if ($slct.sponsorship_id) {
 $: if ($slct.sponsorship_obj) {
     // Logo related
     if ($slct.sponsorship_obj.logo_li_json) {
-        if ($slct.sponsorship_obj.logo_li_json.primary.hosted_file_id_random) {
+        if ($slct.sponsorship_obj.logo_li_json.primary && $slct.sponsorship_obj.logo_li_json.primary.hosted_file_id_random) {
             placeholder_li.file_logo_primary = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.sponsorship_obj.logo_li_json.primary.hosted_file_id_random}" class="max-w-64">${$slct.sponsorship_obj.logo_li_json.primary.filename}`;
         }
-        if ($slct.sponsorship_obj.logo_li_json.secondary.hosted_file_id_random) {
-            placeholder_li.file_logo_secondary = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.sponsorship_obj.logo_li_json.secondary.hosted_file_id_random}" class="max-w-64">${$slct.sponsorship_obj.logo_li_json.secondary.filename}`;
+        if ($slct.sponsorship_obj.logo_li_json.light && $slct.sponsorship_obj.logo_li_json.light.hosted_file_id_random) {
+            placeholder_li.file_logo_light = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.sponsorship_obj.logo_li_json.light.hosted_file_id_random}" class="max-w-64">${$slct.sponsorship_obj.logo_li_json.light.filename}`;
+        }
+        if ($slct.sponsorship_obj.logo_li_json.dark && $slct.sponsorship_obj.logo_li_json.dark.hosted_file_id_random) {
+            placeholder_li.file_logo_dark = `<img src="https://dev-demo.oneskyit.com/hosted_file/download/${$slct.sponsorship_obj.logo_li_json.dark.hosted_file_id_random}" class="max-w-64">${$slct.sponsorship_obj.logo_li_json.dark.filename}`;
         }
     }
     // Other media files related
@@ -160,6 +164,34 @@ async function handle_submit_form(event) {
         // sponsorship_do['enable'] = true;
     }
 
+    if (sponsorship_di.name) {
+        // Using the name field to store the name of the sponsorship organization or person.
+        sponsorship_do['name'] = sponsorship_di.name;
+    }
+
+    // Mailing address related fields
+    let temp_address = {'mailing': {}};
+    if (typeof sponsorship_di.address_line_1 !== 'undefined') {
+        temp_address.mailing['line_1'] = sponsorship_di.address_line_1;
+    }
+    if (typeof sponsorship_di.address_line_2 !== 'undefined') {
+        temp_address.mailing['line_2'] = sponsorship_di.address_line_2;
+    }
+    if (typeof sponsorship_di.address_city !== 'undefined') {
+        temp_address.mailing['city'] = sponsorship_di.address_city;
+    }
+    if (typeof sponsorship_di.address_state_province !== 'undefined') {
+        temp_address.mailing['state_province'] = sponsorship_di.address_state_province;
+    }
+    if (typeof sponsorship_di.address_postal_code !== 'undefined') {
+        temp_address.mailing['postal_code'] = sponsorship_di.address_postal_code;
+    }
+    if (typeof sponsorship_di.address_country !== 'undefined') {
+        temp_address.mailing['country'] = sponsorship_di.address_country;
+    }
+
+    sponsorship_do['address_li_json'] = temp_address;
+
     if (sponsorship_di.poc_full_name || sponsorship_di.poc_email) {
         sponsorship_do['poc_json'] = {
             full_name: sponsorship_di.poc_full_name,
@@ -192,10 +224,6 @@ async function handle_submit_form(event) {
         sponsorship_do['contact_li_json'] = temp_contact_li;
     }
 
-    if (sponsorship_di.organization_name) {
-        // Using the organization_name field to store the name of the sponsorship.
-        sponsorship_do['name'] = sponsorship_di.organization_name;
-    }
     // if (sponsorship_di.description) {
     //     sponsorship_do['description'] = sponsorship_di.description;
     // }
@@ -205,45 +233,66 @@ async function handle_submit_form(event) {
         let level_num = sponsorship_do['level_num'];
 
         if ($slct.sponsorship_cfg_obj.level_li_json) {
-            let level_str = `${$slct.sponsorship_cfg_obj.level_li_json[level_num].name} - ${$slct.sponsorship_cfg_obj.level_li_json[level_num].amount}`;
+            let level_str = `${$slct.sponsorship_cfg_obj.level_li_json[level_num].name} - $${$slct.sponsorship_cfg_obj.level_li_json[level_num].amount}`;
             sponsorship_do['level_str'] = level_str;
         }
     }
 
-    if (sponsorship_di.amount) {
+    if (typeof sponsorship_di.amount !== 'undefined') {
         sponsorship_do['amount'] = Number(sponsorship_di.amount)*100;
     }
 
+    if (typeof sponsorship_di.paid !== 'undefined') {
+        sponsorship_do['paid'] = !!sponsorship_di.paid;
+    }
+
     let temp_questions = {};
     // q_accomodations
-    if (typeof sponsorship_di.accommodations !== 'undefined') {
+    if (typeof sponsorship_di.accommodations_text !== 'undefined') {
 
-        temp_questions['accommodations'] = sponsorship_di.accommodations_text;
+        temp_questions['accommodations_text'] = sponsorship_di.accommodations_text;
     }
 
-    // Marketing for ocial media and email related questions
+    // Marketing for social media and email related questions
+    if (sponsorship_di.social_media_facebook || sponsorship_di.social_media_twitter || sponsorship_di.social_media_instagram || sponsorship_di.social_media_linkedin) {
+        sponsorship_do['social_li_json'] = {
+            facebook: sponsorship_di.social_media_facebook,
+            twitter: sponsorship_di.social_media_twitter,
+            instagram: sponsorship_di.social_media_instagram,
+            linkedin: sponsorship_di.social_media_linkedin,
+            org: sponsorship_di.website_url,
+        };
+    }
+
+
     // q_public_recognition - Friend level and above
 
     // q_social_email - Champion level and above
 
-    // q_social_promos - Signature Partner level only
+    // q_dedicated_promos - Signature Partner level only
 
     // Exibit booth related questions
     // q_table_exhibit - Supporter level and above
-    if (typeof sponsorship_di.table_exhibit !== 'undefined') {
-        temp_questions['table_exhibit'] = sponsorship_di.table_exhibit;
+    if (typeof sponsorship_di.q_table_exhibit !== 'undefined') {
+        temp_questions['table_exhibit'] = sponsorship_di.q_table_exhibit;
     }
 
     // q_table_power - Supporter level and above
-    if (typeof sponsorship_di.table_power !== 'undefined') {
-        temp_questions['table_power'] = sponsorship_di.table_power;
+    if (typeof sponsorship_di.q_table_power !== 'undefined') {
+        temp_questions['table_power'] = sponsorship_di.q_table_power;
+    }
+
+    console.log(temp_questions);
+
+    if (temp_questions) {
+        sponsorship_do['questions_li_json'] = temp_questions;
     }
 
     // Virtual sessions related questions
-    // q_virtual_sessions - Champion level and above
+    // q_virtual_session - Champion level and above
 
     // Plenary sessions related questions
-    // q_plenary_sessions - Advocate level and above
+    // q_plenary_session - Advocate level and above
     // q_plenary_opening - Advocate level and above
 
     // q_promo_video - Presenting Partner level and above
@@ -272,13 +321,8 @@ async function handle_submit_form(event) {
         sponsorship_do['guest_li_json'] = temp_guest_li;
     }
 
-    if (sponsorship_di.social_media_facebook || sponsorship_di.social_media_twitter || sponsorship_di.social_media_instagram || sponsorship_di.social_media_linkedin) {
-        sponsorship_do['social_li_json'] = {
-            facebook: sponsorship_di.social_media_facebook,
-            twitter: sponsorship_di.social_media_twitter,
-            instagram: sponsorship_di.social_media_instagram,
-            linkedin: sponsorship_di.social_media_linkedin,
-        };
+    if (typeof sponsorship_di.agree !== 'undefined') {
+        sponsorship_do['agree'] = !!sponsorship_di.agree;
     }
 
     sponsorship_do['hide'] = !!sponsorship_di.hide;
@@ -358,8 +402,9 @@ async function handle_submit_form_files(event) {
     // let logo_li_json = {};
     // let media_li_json =  {};
 
+    // Standard default or primary logo file
     if (event.target.file_logo_primary.files.length > 0) {
-        console.log('The primary logo file was found.');
+        console.log('The default or primary logo file was found.');
         hosted_file_results = await handle_input_upload_files(event.target.file_logo_primary.files);
 
         if (hosted_file_results) {
@@ -369,16 +414,31 @@ async function handle_submit_form_files(event) {
         }
     }
 
-    if (event.target.file_logo_secondary.files.length > 0) {
-        console.log('The secondary logo file was found.');
-        hosted_file_results = await handle_input_upload_files(event.target.file_logo_secondary.files);
+    // Light logo file for dark backgrounds
+    if (event.target.file_logo_light.files.length > 0) {
+        console.log('The light logo file for dark backgrounds was found.');
+        hosted_file_results = await handle_input_upload_files(event.target.file_logo_light.files);
 
         if (hosted_file_results) {
-            sponsorship_do.logo_li_json.secondary = hosted_file_results[0];
+            sponsorship_do.logo_li_json.light = hosted_file_results[0];
             console.log(sponsorship_do.logo_li_json);
+            placeholder_li.file_logo_light = `<img src="/hosted_file/download/${sponsorship_do.logo_li_json.light.hosted_file_id_random}" class="max-w-64">${sponsorship_do.logo_li_json.light.filename}`;
         }
     }
 
+    // Dark logo file for light backgrounds
+    if (event.target.file_logo_dark.files.length > 0) {
+        console.log('The dark logo file for light backgrounds was found.');
+        hosted_file_results = await handle_input_upload_files(event.target.file_logo_dark.files);
+
+        if (hosted_file_results) {
+            sponsorship_do.logo_li_json.dark = hosted_file_results[0];
+            console.log(sponsorship_do.logo_li_json);
+            placeholder_li.file_logo_dark = `<img src="/hosted_file/download/${sponsorship_do.logo_li_json.dark.hosted_file_id_random}" class="max-w-64">${sponsorship_do.logo_li_json.dark.filename}`;
+        }
+    }
+
+    // Promo video file (30 seconds or less)
     if (event.target.file_media_promo_video.files.length > 0) {
         console.log('The promo video file was found.');
         hosted_file_results = await handle_input_upload_files(event.target.file_media_promo_video.files);
@@ -386,6 +446,7 @@ async function handle_submit_form_files(event) {
         if (hosted_file_results) {
             sponsorship_do.media_li_json.promo_video = hosted_file_results[0];
             console.log(sponsorship_do.media_li_json);
+            placeholder_li.file_media_promo_video = `<video src="/hosted_file/download/${sponsorship_do.media_li_json.promo_video.hosted_file_id_random}" controls class="max-w-64"></video>${sponsorship_do.media_li_json.promo_video.filename}`;
         }
     }
 
@@ -557,11 +618,16 @@ async function handle_update__sponsorship({
                 <span class="loading-text">Error: {error.message}</span>
             </div>
         {/await}
+
+        <button class="btn variant-glass-primary float-end" on:click={parent.onClose}>
+            <span class="fas fa-times mx-1"></span>
+            Close
+        </button>
     </header>
 
 
     {#if $slct.sponsorship_id && $ae_loc.mod.sponsorships.link}
-    <div class="flex justify-end">
+    <div class="flex justify-center">
         <button
             class="btn variant-soft-secondary"
             use:clipboard={$ae_loc.mod.sponsorships.link}
@@ -584,20 +650,35 @@ async function handle_update__sponsorship({
         >
         <Tab bind:group={$store_current_tab} name="tab_start" value={'start'}>
             <svelte:fragment slot="lead"><span class="fas fa-home"></span></svelte:fragment>
-            <span>Start</span>
+            <!-- Start -->
+            General Info
+        </Tab>
+        <!-- Marketing for social media and email Level 1 and above with other restrictions -->
+        <Tab bind:group={$store_current_tab} name="tab_marketing" value={'marketing'} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 1}>
+            <svelte:fragment slot="lead"><span class="fas fa-bullhorn"></span></svelte:fragment>
+            Marketing
+        </Tab>
+        <!-- Exhibit Level 2 and above -->
+        <Tab bind:group={$store_current_tab} name="tab_exhibit" value={'exhibit'} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 2}>
+            <svelte:fragment slot="lead"><span class="fas fa-store"></span></svelte:fragment>
+            Exhibitor Info
+        </Tab>
+        <Tab bind:group={$store_current_tab} name="tab_session" value={'session'} disabled={!$slct.sponsorship_id || $slct.sponsorship_obj.level_num < 3}>
+            <svelte:fragment slot="lead"><span class="fas fa-chalkboard-teacher"></span></svelte:fragment>
+            Session Info
         </Tab>
         <Tab bind:group={$store_current_tab} name="tab_files" value={'files'} disabled={!$slct.sponsorship_id}>
             <svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
-            Files
+            File Uploads
         </Tab>
         <Tab bind:group={$store_current_tab} name="tab_gala_guests" value={'gala_guests'} disabled={!$slct.sponsorship_id}>
             <svelte:fragment slot="lead"><span class="fas fa-users"></span></svelte:fragment>
-            Gala Guests
+            Gala Guest List
         </Tab>
-        <Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.sponsorship_id}>
+        <!-- <Tab bind:group={$store_current_tab} name="tab_options" value={'options'} disabled={!$slct.sponsorship_id}>
             <svelte:fragment slot="lead"><span class="fas fa-info"></span></svelte:fragment>
             More
-        </Tab>
+        </Tab> -->
 
     <!-- Tab Panels --->
 	<svelte:fragment slot="panel">
@@ -611,11 +692,121 @@ async function handle_update__sponsorship({
         on:submit|preventDefault={handle_submit_form}
         >
     <!-- <section class="ae_section sponsorship__contacts border border-gray-500/20 p-4"> -->
+
+    <fieldset class="mb-8">
+        <legend class="legend">Sponsorship Level</legend>
+
+        <div class="label">
+            Select sponsorship level:
+            {#if $slct.sponsorship_cfg_obj}
+                <!--
+                Example JSON level_li_json:
+                {
+                    "1": {
+                        "name": "Friend",
+                        "amount": 5000
+                    },
+                    "2": {
+                        "name": "Supporter",
+                        "amount": 10000
+                    },
+                    "3": {
+                        "name": "Advocate",
+                        "amount": 15000
+                    },
+                    "4": {
+                        "name": "Champion",
+                        "amount": 20000
+                    },
+                    "5": {
+                        "name": "Presenting Partner",
+                        "amount": 30000
+                    },
+                    "6": {
+                        "name": "Signature Partner",
+                        "amount": 50000
+                    },
+                    "7": {
+                        "name": "Premier Partner",
+                        "amount": 100000
+                    }
+                }
+                -->
+                {#if $slct.sponsorship_cfg_obj && $slct.sponsorship_cfg_obj.level_li_json}
+                <select
+                    name="level_num"
+                    bind:value={$slct.sponsorship_obj.level_num}
+                    class="select"
+                    readonly={$slct.sponsorship_obj.paid}
+                    >
+                    <option value="" selected>-- Not Selected --</option>
+                    {#each Object.entries($slct.sponsorship_cfg_obj.level_li_json) as [key, value]}
+                        <option value={Number(key)}>{value.name} - ${value.amount}</option>
+                    {/each}
+                </select>
+                {/if}
+            {:else}
+                Not found?
+            {/if}
+            <h3>Sponsorship Payment</h3>
+            {#if $slct.sponsorship_obj.paid}
+                <span class="fas fa-check-circle"></span>
+                <span class="ae_value">Yes, marked as paid</span>
+            {:else}
+                <p class="variant-ghost-warning">Deadline to complete payment: April 15th, 2023</p>
+
+                <!-- <p>Return to the <a href="https://preconvirtual.com/chow-2024-faq/#Sponsorship">CHOW Sponsor Hub for Payment Options and Instruction</a> details.</p> -->
+                <p>Please refer to the sponsorship <a href="https://preconvirtual.com/chow-2024-faq/#Sponsorship">FAQ page on the CHOW event website</a> for payment options</p>
+                <!-- <a href="https://example.com" class="btn variant-soft-primary m-2">
+                    <span class="fas fa-credit-card mx-1"></span>
+                    Go Pay Here
+                </a> -->
+                <!-- <span class="fas fa-times-circle"></span> -->
+                <!-- <span class="ae_value">Not yet marked as paid</span> -->
+            {/if}
+
+            <!-- {#if $ae_loc.trusted_access}
+            <label for="paid" class="label">
+                <input
+                    type="checkbox"
+                    class="checkbox"
+                    id="paid"
+                    name="paid"
+                    bind:checked={$slct.sponsorship_obj.paid}
+                    >
+                Mark as paid
+            </label>
+            {/if} -->
+        </div>
+
+        <!-- <label
+            class:hidden={!$ae_loc.trusted_access}
+            for="amount"
+            >
+            Amount?
+            <div class="input-group grid-cols-[auto_1fr_auto]">
+            <div class="input-group-shim">
+                <span>$</span>
+            </div>
+            <input
+                type="number"
+                class="input"
+                id="amount"
+                name="amount"
+                placeholder="Amount"
+                value={$slct.sponsorship_obj.amount ? $slct.sponsorship_obj.amount/100 : ''}
+                autocomplete="off"
+                readonly={$slct.sponsorship_obj.paid}
+                >
+            </div>
+        </label> -->
+    </fieldset>
+
     <fieldset class="mb-8">
         <legend class="legend">General Information</legend>
 
-        <label for="organization_name" class="label">Name of organization/company
-            <input type="text" id="organization_name" name="organization_name" required max="200" value={$slct.sponsorship_obj.name ?? ''} placeholder="Name of organization/company" autocomplete="off" class="input" />
+        <label for="name" class="label">Name of organization or person
+            <input type="text" id="name" name="name" required max="200" value={$slct.sponsorship_obj.name ?? ''} placeholder="Name of organization or person" autocomplete="off" class="input" />
             </label>
 
         <!-- <label class="label ae_label sponsorship__description">Short description
@@ -624,31 +815,31 @@ async function handle_update__sponsorship({
 
         <!-- Collect the organization mailing address -->
         <fieldset class="mb-8 flex flex-wrap gap-4">
-            <legend class="legend">Mailing Address</legend>
+            <legend class="legend text-lg">Mailing Address</legend>
 
             <label for="address_line_1" class="label max-w-64">
                 <!-- Line 1 (Street) -->
-                <input type="text" id="address_line_1" name="address_line_1" value={$slct.sponsorship_obj.address_street ?? ''} placeholder="Line 1 (street)" autocomplete="street-address" class="input text-xs" />
+                <input type="text" id="address_line_1" name="address_line_1" value={$slct.sponsorship_obj.address_li_json && $slct.sponsorship_obj.address_li_json.mailing && $slct.sponsorship_obj.address_li_json.mailing.line_1 ? $slct.sponsorship_obj.address_li_json.mailing.line_1 : ''} placeholder="Line 1 (street)" autocomplete="street-address" class="input text-xs" required />
             </label>
             <label for="address_line_2" class="label max-w-64">
                 <!-- Line 2 (Suite) -->
-                <input type="text" id="address_line_2" name="address_line_2" value={$slct.sponsorship_obj.address_suite ?? ''} placeholder="Line 2 (suite)" autocomplete="address-line2" class="input text-xs" />
+                <input type="text" id="address_line_2" name="address_line_2" value={$slct.sponsorship_obj.address_li_json && $slct.sponsorship_obj.address_li_json.mailing && $slct.sponsorship_obj.address_li_json.mailing.line_2 ? $slct.sponsorship_obj.address_li_json.mailing.line_2 : ''} placeholder="Line 2 (suite)" autocomplete="address-line2" class="input text-xs" />
             </label>
             <label for="address_city" class="label max-w-64">
                 <!-- City -->
-                <input type="text" id="address_city" name="address_city" value={$slct.sponsorship_obj.address_city ?? ''} placeholder="City" autocomplete="address-level2" class="input text-xs" />
+                <input type="text" id="address_city" name="address_city" value={$slct.sponsorship_obj.address_li_json && $slct.sponsorship_obj.address_li_json.mailing && $slct.sponsorship_obj.address_li_json.mailing.city ? $slct.sponsorship_obj.address_li_json.mailing.city : ''} placeholder="City" autocomplete="address-level2" class="input text-xs" required />
             </label>
-            <label for="address_state" class="label max-w-64">
+            <label for="address_state_province" class="label max-w-64">
                 <!-- State/Province -->
-                <input type="text" id="address_state_province" name="address_state_province" value={$slct.sponsorship_obj.address_state_province ?? ''} placeholder="State/Province" autocomplete="address-level1" class="input text-xs" />
+                <input type="text" id="address_state_province" name="address_state_province" value={$slct.sponsorship_obj.address_li_json && $slct.sponsorship_obj.address_li_json.mailing && $slct.sponsorship_obj.address_li_json.mailing.state_province ? $slct.sponsorship_obj.address_li_json.mailing.state_province : ''} placeholder="State/Province" autocomplete="address-level1" class="input text-xs" required />
             </label>
             <label for="address_postal_code" class="label max-w-64">
                 <!-- Postal code/Zip -->
-                <input type="text" id="address_postal_code" name="address_postal_code" value={$slct.sponsorship_obj.address_postal_code ?? ''} placeholder="Postal code/Zip" autocomplete="postal-code" class="input text-xs" />
+                <input type="text" id="address_postal_code" name="address_postal_code" value={$slct.sponsorship_obj.address_li_json && $slct.sponsorship_obj.address_li_json.mailing && $slct.sponsorship_obj.address_li_json.mailing.postal_code ? $slct.sponsorship_obj.address_li_json.mailing.postal_code : ''} placeholder="Postal code/Zip" autocomplete="postal-code" class="input text-xs" />
             </label>
             <label for="address_country" class="label max-w-64">
                 <!-- Country -->
-                <input type="text" id="address_country" name="address_country" value={$slct.sponsorship_obj.address_country ?? ''} placeholder="Country" autocomplete="country-name" class="input text-xs" />
+                <input type="text" id="address_country" name="address_country" value={$slct.sponsorship_obj.address_li_json && $slct.sponsorship_obj.address_li_json.mailing && $slct.sponsorship_obj.address_li_json.mailing.country ? $slct.sponsorship_obj.address_li_json.mailing.country : ''} placeholder="Country" autocomplete="country-name" class="input text-xs" />
             </label>
     </fieldset>
 
@@ -656,14 +847,14 @@ async function handle_update__sponsorship({
         <legend class="legend">Point of Contact</legend>
 
         <label for="poc_full_name">Full name
-            <div class="input-group grid-cols-[auto_1fr_auto]">
+            <!-- <div class="input-group grid-cols-[auto_1fr_auto]">
             <div class="input-group-shim">
             {#if !$ae_loc.trusted_access && $slct.sponsorship_obj.sposorship_id_random}
                 <span class="fas fa-lock" title="Field is locked"></span>
             {:else}
                 <span class="fas fa-unlock" title="Field is unlocked"></span>
             {/if}
-            </div>
+            </div> -->
             <input
                 type="text"
                 class="input"
@@ -674,17 +865,17 @@ async function handle_update__sponsorship({
                 readonly={!$ae_loc.trusted_access && $slct.sponsorship_obj.sposorship_id_random}
                 required
                 >
-            </div>
+            <!-- </div> -->
         </label>
         <label for="poc_email">Email
-            <div class="input-group grid-cols-[auto_1fr_auto]">
+            <!-- <div class="input-group grid-cols-[auto_1fr_auto]">
             <div class="input-group-shim">
             {#if !$ae_loc.trusted_access && $slct.sponsorship_obj.sposorship_id_random}
                 <span class="fas fa-lock" title="Field is locked"></span>
             {:else}
                 <span class="fas fa-unlock" title="Field is unlocked"></span>
             {/if}
-            </div>
+            </div> -->
             <input
                 type="email"
                 class="input"
@@ -696,7 +887,7 @@ async function handle_update__sponsorship({
                 readonly={!$ae_loc.trusted_access && $slct.sponsorship_obj.sposorship_id_random}
                 required
                 >
-            </div>
+            <!-- </div> -->
         </label>
 
         <label for="poc_phone_mobile">Mobile phone
@@ -765,7 +956,7 @@ async function handle_update__sponsorship({
         <div class="flex flex-wrap gap-2 p-1">
             <button
                 type="submit"
-                class="btn {parent.buttonPositive} btn-sm"
+                class="btn variant-filled-primary btn-sm"
                 disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
                 on:click={() => {
                     console.log('*** Save button clicked ***');
@@ -776,7 +967,7 @@ async function handle_update__sponsorship({
             </button>
 
             <button
-                class="btn {parent.buttonNegative} btn-sm"
+                class="btn variant-filled-warning btn-sm"
                 on:click={(event) => {
                     console.log('*** Delete button clicked ***');
                     if (!confirm('Are you sure you want to delete this contact?')) {return false;}
@@ -802,7 +993,7 @@ async function handle_update__sponsorship({
 
     <div>
     <button
-        class="btn btn-sm {parent.buttonPositive} m-2"
+        class="btn btn-sm variant-filled-secondary m-2"
         on:click={() => {
             console.log('*** Add contact button clicked ***');
             // if (!confirm('Are you sure you want to add a contact?')) {return false;}
@@ -827,8 +1018,8 @@ async function handle_update__sponsorship({
     </fieldset>
     <!-- </section> -->
 
-    <fieldset class="mb-8">
-        <legend class="legend">Additional Information</legend>
+    <!-- <fieldset class="mb-8">
+        <legend class="legend">Additional Information</legend> -->
 
         <!-- <label for="organization_name" class="label">Name of organization/company
             <input type="text" id="organization_name" name="organization_name" required max="200" value={$slct.sponsorship_obj.organization_name ?? ''} placeholder="Name of organization/company" autocomplete="off" class="input" />
@@ -838,89 +1029,7 @@ async function handle_update__sponsorship({
             <textarea name="description" id="description" class="textarea ae_value sponsorship__description tinymce_editor editor_basic" rows="5" cols="70" bind:value={$slct.sponsorship_obj.description} placeholder="A short description or overview of this sponsorship."></textarea>
         </label> -->
 
-        <div class="label">
-            Level of sponsorship?
-            {#if $slct.sponsorship_cfg_obj}
-                <!--
-                Example JSON level_li_json:
-                {
-                    "1": {
-                        "name": "Friend",
-                        "amount": 5000
-                    },
-                    "2": {
-                        "name": "Supporter",
-                        "amount": 7500
-                    },
-                    "3": {
-                        "name": "Champion",
-                        "amount": 12500
-                    },
-                    "4": {
-                        "name": "Advocate",
-                        "amount": 20000
-                    },
-                    "5": {
-                        "name": "Presenting Partner",
-                        "amount": 30000
-                    },
-                    "6": {
-                        "name": "Signature Partner",
-                        "amount": 50000
-                    }
-                }
-                -->
-                {#if $slct.sponsorship_cfg_obj && $slct.sponsorship_cfg_obj.level_li_json}
-                <select
-                    name="level_num"
-                    bind:value={$slct.sponsorship_obj.level_num}
-                    class="select"
-                    readonly={$slct.sponsorship_obj.paid}
-                    >
-                    {#each Object.entries($slct.sponsorship_cfg_obj.level_li_json) as [key, value]}
-                        <option value={Number(key)}>{value.name} (${value.amount})</option>
-                    {/each}
-                </select>
-                {/if}
-            {:else}
-                Not found?
-            {/if}
-            <h3>Sponsorship Payment</h3>
-            {#if $slct.sponsorship_obj.paid}
-                <span class="fas fa-check-circle"></span>
-                <span class="ae_value">Yes, marked as paid</span>
-            {:else}
-                <a href="https://example.com" class="btn variant-soft-primary m-2">
-                    <span class="fas fa-credit-card mx-1"></span>
-                    Go Pay Here
-                </a>
-                <span class="fas fa-times-circle"></span>
-                <span class="ae_value">Not yet marked as paid</span>
-            {/if}
-        </div>
 
-        <label
-            class:hidden={$ae_loc.trusted_access}
-            for="amount"
-            >
-            Amount?
-            <div class="input-group grid-cols-[auto_1fr_auto]">
-            <div class="input-group-shim">
-                <span>$</span>
-            </div>
-            <input
-                type="number"
-                class="input"
-                id="amount"
-                name="amount"
-                placeholder="Amount"
-                value={$slct.sponsorship_obj.amount ? $slct.sponsorship_obj.amount/100 : ''}
-                autocomplete="off"
-                readonly={$slct.sponsorship_obj.paid}
-                >
-            </div>
-        </label>
-    </fieldset>
 
     <fieldset class="mb-8">
         <legend class="legend">Agreements & Accommodations</legend>
@@ -931,21 +1040,22 @@ async function handle_update__sponsorship({
         {/if} -->
 
         <h3 class="h4">Sponsor General Waiver</h3>
-        <p>Proceeds from your sponsorship benefit the National Marine Sanctuary Foundation, a 501c3 nonprofit organization. Your contribution may be tax-deductible. For more information, please consult with a tax professional. All sales are final, and contributions, purchases, tickets, and sponsorships are non-refundable. As the host of CHOW, the Foundation is committed to the safety and well-being of all participants. If CHOW moves entirely to a virtual platform due to external circumstances, the Foundation will work with you to ensure that we meet your sponsor benefit needs. In the event of cancellation, your purchase becomes a tax-deductible gift.</p>
-        <label for="waiver" class="label">
+        <p class="text-sm">Proceeds from your sponsorship benefit the National Marine Sanctuary Foundation, a 501c3 nonprofit organization. Your contribution may be tax-deductible. For more information, please consult with a tax professional. All sales are final, and contributions, purchases, tickets, and sponsorships are non-refundable. As the host of CHOW, the Foundation is committed to the safety and well-being of all participants. If CHOW moves entirely to a virtual platform due to external circumstances, the Foundation will work with you to ensure that we meet your sponsor benefit needs. In the event of cancellation, your purchase becomes a tax-deductible gift.</p>
+        <label for="agree" class="label">
             <input
                 type="checkbox"
                 class="checkbox"
-                id="waiver"
-                name="waiver"
+                id="agree"
+                name="agree"
                 value="1"
-                checked={$slct.sponsorship_obj.waiver}
+                checked={$slct.sponsorship_obj.agree}
+                required
                 >
             Yes, I understand the "Sponsor General Waiver".
         </label>
 
         <h3 class="h4">Special Accomodations</h3>
-        <p>If you require any special accommodations in order to enhance/enable your involvement with CHOW please provide details in the text box below. A member of the CHOW team will reach out to assist.</p>
+        <p class="text-sm">If you require any special accommodations in order to enhance/enable your involvement with CHOW please provide details in the text box below. A member of the CHOW team will reach out to assist.</p>
         <label for="q_accommodations" class="label">
             <input
                 type="checkbox"
@@ -954,13 +1064,13 @@ async function handle_update__sponsorship({
                 name="q_accommodations"
                 bind:group={$ae_loc.mod.sponsorships.show_question__accommodations}
                 value="show"
-                checked={($slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.accommodations)}
+                checked={($slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.accommodations_text)}
                 >
             Yes, please have a member of the CHOW team reach out for special accommodations or assistance.
         </label>
 
         {#if ($ae_loc.mod.sponsorships.show_question__accommodations == 'show')}
-        <p>If you require any special accommodations in order to enhance/enable your involvement with CHOW please provide details in the text box below. A member of the CHOW team will reach out to assist.</p>
+        <p class="text-sm">If you require any special accommodations in order to enhance/enable your involvement with CHOW please provide details in the text box below. A member of the CHOW team will reach out to assist.</p>
         <label for="accommodations_text" class="label">
             <textarea
                 class="textarea"
@@ -968,7 +1078,7 @@ async function handle_update__sponsorship({
                 name="accommodations_text"
                 rows="5"
                 cols="70"
-                value={$slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.accommodations ? $slct.sponsorship_obj.questions_li_json.accommodations : ''}
+                value={$slct.sponsorship_obj.questions_li_json && $slct.sponsorship_obj.questions_li_json.accommodations_text ? $slct.sponsorship_obj.questions_li_json.accommodations_text : ''}
                 placeholder="Please provide details about any special accommodations or assistance"
                 ></textarea>
         </label>
@@ -977,7 +1087,7 @@ async function handle_update__sponsorship({
 
     <button
         type="submit"
-        class="btn {parent.buttonPositive} m-2"
+        class="btn variant-filled-primary m-2"
         disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
         on:click={() => {
             console.log('*** Save start button clicked ***');
@@ -987,6 +1097,257 @@ async function handle_update__sponsorship({
         }}
         >
         <span class="fas fa-check mx-1"></span>
+        Save and continue
+    </button>
+
+    </form>
+
+
+    {:else if $store_current_tab === 'marketing'}
+
+
+
+    <form
+        class="modal-form {cForm}"
+        on:submit|preventDefault={handle_submit_form}
+        >
+
+    <h3 class="h4">Website and Social Media</h3>
+    <fieldset class="sponsorship__website_url space-y-4">
+        <legend class="legend">Your organizations website URL:</legend>
+
+        <label for="website_url" class="label">
+            <!-- Website URL -->
+            <input type="url" id="website_url" name="website_url" class="input text-xs w-96" placeholder="Website URL" value={$slct.sponsorship_obj.website_url} autocomplete="url" required />
+        </label>
+    </fieldset>
+
+    <!-- Ask for common social media URLs. (Twitter, Facebook, Instagram, etc) -->
+    <fieldset class="sponsorship__social_media space-y-4">
+        <legend class="legend">Social Media:</legend>
+
+        <label for="social_media_twitter" class="label">
+            <!-- Twitter -->
+            <input type="url" id="social_media_twitter" name="social_media_twitter" class="input text-xs w-96" placeholder="Twitter" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.twitter ? $slct.sponsorship_obj.social_li_json.twitter : ''} autocomplete="url" />
+        </label>
+        <label for="social_media_facebook" class="label">
+            <!-- Facebook -->
+            <input type="url" id="social_media_facebook" name="social_media_facebook" class="input text-xs w-96" placeholder="Facebook" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.facebook ? $slct.sponsorship_obj.social_li_json.facebook : ''} autocomplete="url" />
+        </label>
+        <label for="social_media_instagram" class="label">
+            <!-- Instagram -->
+            <input type="url" id="social_media_instagram" name="social_media_instagram" class="input text-xs w-96" placeholder="Instagram" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.instagram ? $slct.sponsorship_obj.social_li_json.instagram : ''} autocomplete="url" />
+        </label>
+        <label for="social_media_linkedin" class="label">
+            <!-- LinkedIn -->
+            <input type="url" id="social_media_linkedin" name="social_media_linkedin" class="input text-xs w-96" placeholder="LinkedIn" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.linkedin ? $slct.sponsorship_obj.social_li_json.linkedin : ''} autocomplete="url" />
+        </label>
+    </fieldset>
+
+
+    <h3 class="h4">Public Recognition</h3>
+    <label for="q_public_recognition" class="label">
+    <div>Would you like public reognition at CHOW?</div>
+    <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+        <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.public_recognition} name="q_public_recognition" value={1}>
+            <span class="fas fa-check"></span>
+            Yes, please recognize me publicly as a CHOW sponsor (logo/name on website).
+        </RadioItem>
+        <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.public_recognition} name="q_table_exhibit" value={0} required>
+            <span class="fas fa-times"></span>
+            No, I wish to remain an anonymous sponsor. Please DO NOT recognize me publicly.
+        </RadioItem>
+    </RadioGroup>
+    </label>
+
+    <h3 class="h4">Social Media &amp; Email Inclusion</h3>
+    <label for="q_social_email" class="label">
+    <div>Would you like social and email inclusion at CHOW?</div>
+    <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+        <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.social_email} name="q_social_email" value={1}>
+            <span class="fas fa-check"></span>
+            Yes, we would like to be included in general CHOW social media and email communications.
+        </RadioItem>
+        <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.social_email} name="q_social_email" value={0} required>
+            <span class="fas fa-times"></span>
+            No, we would NOT like to be included in general CHOW social media and email communications.
+        </RadioItem>
+    </RadioGroup>
+    </label>
+
+    <h3 class="h4">Dedicated Social Promos</h3>
+    <label for="q_dedicated_promos" class="label">
+    <div>Would you like dedicated social media promotions at CHOW?</div>
+    <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+        <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.dedicated_promos} name="q_dedicated_promos" value={1}>
+            <span class="fas fa-check"></span>
+            Yes, we would like to take advantage of dedicated social media and email promotion.
+        </RadioItem>
+        <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.dedicated_promos} name="q_dedicated_promos" value={0} required>
+            <span class="fas fa-times"></span>
+            No, we would do NOT want to take advantage of dedicated social media and email promotion.
+        </RadioItem>
+    </RadioGroup>
+    </label>
+
+    </form>
+
+
+    {:else if $store_current_tab === 'exhibit'}
+
+
+    <form
+        class="modal-form {cForm}"
+        on:submit|preventDefault={handle_submit_form}
+        >
+
+    <h3 class="h4">Exhibit Booth Information</h3>
+    <div class="text-sm space-y-4">
+    <p>Booth space is limted. Please select below if you would like to have a table top exhibit at CHOW.</p>
+
+    <p>Booth specifications: Exhibit space is six feet wide by 3 feet deep. 10-feet-wide booth backdrops are not allowed. Banner signage or pop-up stands must fit behind the table in the 6-feet-wide space or on top of the table. Your space will include a six-foot skirted table and 2 chairs.</p>
+    </div>
+    <div>
+        <label for="q_table_exhibit" class="label">
+        Would you like a table top exhibit at CHOW?<br />
+        <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+            <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.table_exhibit} name="q_table_exhibit" value={1}>
+                <span class="fas fa-check"></span>
+                Yes, we would like to exhibit.
+            </RadioItem>
+            <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.table_exhibit} name="q_table_exhibit" value={0} required>
+                <span class="fas fa-times"></span>
+                No, we will NOT exhibit.
+            </RadioItem>
+        </RadioGroup>
+        </label>
+    </div>
+    <div>
+        <label for="q_table_power" class="label">
+        Do you require power for your table top booth?<br />
+        <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+            <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.table_power} name="q_table_power" value={1}>
+                <span class="fas fa-check"></span>
+                Yes, we require power.
+            </RadioItem>
+            <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.table_power} name="q_table_power" value={0}>
+                <span class="fas fa-times"></span>
+                No, we do not require power.
+            </RadioItem>
+        </RadioGroup>
+        </label>
+    </div>
+
+    <button
+        type="submit"
+        class="btn variant-filled-primary"
+        disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
+        on:click={() => {
+            console.log('*** Save button clicked ***');
+        }}
+        >
+        <span class="fas fa-check mx-1"></span>
+        Save
+    </button>
+
+    </form>
+
+
+    {:else if $store_current_tab === 'session'}
+
+    <form
+        class="modal-form {cForm}"
+        on:submit|preventDefault={handle_submit_form}
+        >
+
+    <h2 class="h3">Session Information</h2>
+
+    <fieldset class="mb-8">
+        <legend class="legend">Virtual Session</legend>
+
+    <div class="text-sm space-y-4">
+    <p>General Information: Virtual sessions are a collaborative process, and the Foundation will have final approval on session topics and speakers. Hosted sessions should align with key priorities related to CHOW 2024's theme 'LEADERSHIP'. Partner organizations will develop and host a live, 45-minute session using Zoom (link provided by the Foundation). The session will be integrated into the CHOW 2024 virtual platform for conference attendees to join.</p>
+
+    <p>Virtual sessions are available on a limited basis.</p>
+
+    <p>If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details. Once confirmed, a draft session form must be submitted by TBD DATE and a final session form must be submitted no later than TBD DATE.</p>
+    </div>
+
+    <div>
+        <label for="q_virtual_session" class="label">
+            Are you interested in hosting a CHOW virtual session?<br />
+        <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+            <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.virtual_session} name="q_virtual_session" value={1}>
+                <span class="fas fa-check"></span>
+                Yes, we are interested in hosting a virtual session.
+            </RadioItem>
+            <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.virtual_session} name="q_virtual_session" value={0}>
+                <span class="fas fa-times"></span>
+                No, we are NOT interested in hosting a virtual session.
+            </RadioItem>
+        </RadioGroup>
+        </label>
+    </div>
+    </fieldset>
+
+    <fieldset
+        class="mb-8"
+        class:hidden={$slct.sponsorship_obj.level_num < 4}
+        >
+        <legend class="legend">Plenary Session</legend>
+
+        <div class="text-sm space-y-4">
+            <p>Plenary sessions are available on a limited basis.</p>
+
+            <p>If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p>
+        </div>
+
+        <div>
+            <label for="q_plenary_session" class="label">
+                Are you interested in hosting a CHOW plenary session?<br />
+            <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+                <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session} name="q_plenary_session" value={1}>
+                    <span class="fas fa-check"></span>
+                    Yes, we are interested in hosting a plenary session.
+                </RadioItem>
+                <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_session} name="q_plenary_session" value={0}>
+                    <span class="fas fa-times"></span>
+                    No, we are NOT interested in hosting a plenary session.
+                </RadioItem>
+            </RadioGroup>
+            </label>
+        </div>
+
+        <div>
+            <div class="text-sm space-y-4">
+            <p>As a Plenary Session Sponsor, you will have the opportunity to provide opening remarks during a CHOW plenary session. Opening remarks are typically between 3-5 minutes. Please contact TBD to confirm your plenary session and discuss logistics.</p>
+            <p class="text-sm">If you select "Yes", our CHOW Manager,TBD will review your selection and be in touch with more details.</p>
+            </div>
+            <label for="q_plenary_opening" class="label">
+                Are you interested in hosting the CHOW 2024 Opening Plenary Session?<br />
+            <RadioGroup rounded="rounded-container-token" flexDirection="flex-col">
+                <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening} name="q_plenary_opening" value={1}>
+                    <span class="fas fa-check"></span>
+                    Yes, we are interested in opening remarks.
+                </RadioItem>
+                <RadioItem bind:group={$slct.sponsorship_obj.questions_li_json.plenary_opening} name="q_plenary_opening" value={0}>
+                    <span class="fas fa-times"></span>
+                    No, we are NOT interested in opening remarks.
+                </RadioItem>
+            </RadioGroup>
+            </label>
+        </div>
+    </fieldset>
+
+    <button
+        type="submit"
+        class="btn variant-filled-primary"
+        disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
+        on:click={() => {
+            console.log('*** Save button clicked ***');
+        }}
+        >
+        <span class="fas fa-check mx-1"></span>
         Save
     </button>
 
@@ -1001,25 +1362,32 @@ async function handle_update__sponsorship({
         on:submit|preventDefault={handle_submit_form_files}
         >
 
-    <section>
+    <section class="">
         <h2 class="h3">Logos</h2>
-        <p>Add your logo here. This logo will be displayed at the gala.</p>
-        <h3 class="h4">Color logo</h3>
-        <label for="file_logo_primary">
-            <div>
-            Specs:
-            <ul>
-            <li>PNG File</li>
-            <li>Max file size: 10 MB</li>
-            </ul>
-
+        <div class="text-sm space-y-4">
+            <p>Add your logo here. This logo will be displayed at the gala.</p>
             <p>Please note that these items are required if your company would like to take advantage of the logo recognition benefits associated with this sponsorship level. To prevent delayed benefits fulfillment, please make sure to include this item here.</p>
+
+            <div>Recommend specs:
+            <ul class="list-disc list-inside">
+                <li>High resolution Image</li>
+                <li>Most image types: PNG, WEBP, SVG, JPG, Illistrator, etc</li>
+                <li>Max file size: 20 MB</li>
+            </ul>
             </div>
+        </div>
+
+        <div class="flex gap-4">
+        <span class="flex flex-col justify-between">
+        <h3 class="h4">Default color logo</h3>
+        <label for="file_logo_primary">
+            Upload a the standard default or primary version of your logo.
             <FileDropzone
                 id="file_logo_primary"
                 name="file_logo_primary"
                 padding="p-1"
                 accept="image/*"
+                class="w-96"
                 on:change={(e) => {
                     console.log('*** FileDropzone change event ***', e);
 
@@ -1030,51 +1398,100 @@ async function handle_update__sponsorship({
                     }
                 }}
                 >
-                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></svelte:fragment>
+                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
                 <svelte:fragment slot="message"><strong>Upload your file</strong> (drag and drop)</svelte:fragment>
-                <svelte:fragment slot="meta">PNG, WEBP, JPG only image types</svelte:fragment>
+                <svelte:fragment slot="meta">Image file types only (PNG, WEBP, JPG, etc)</svelte:fragment>
             </FileDropzone>
             {@html placeholder_li.file_logo_primary}
         </label>
+        </span>
 
-        <h3 class="h4">KO logo</h3>
-        <label for="file_logo_secondary">
-            Upload a version of your logo for use with dark backgrounds (png, webp, jpg, svg)
+        <span class="flex flex-col justify-between">
+        <h3 class="h4">Light logo for dark backgrounds (KO or Knockout)</h3>
+        <label for="file_logo_light">
+            Upload a light version of your logo for use with dark backgrounds. These are sometimes called knockout logos.
             <FileDropzone
-                id="file_logo_secondary"
-                name="file_logo_secondary"
+                id="file_logo_light"
+                name="file_logo_light"
                 padding="p-1"
                 accept="image/*"
+                class="w-96"
                 on:change={(e) => {
                     console.log('*** FileDropzone change event ***', e);
 
                     if (e.target.files.length) {
-                        placeholder_li.file_logo_secondary = `Ready to upload: ${e.target.files[0].name}`;
+                        placeholder_li.file_logo_light = `Ready to upload: ${e.target.files[0].name}`;
                     } else {
-                        placeholder_li.file_logo_secondary = 'No files selected.';
+                        placeholder_li.file_logo_light = 'No files selected.';
                     }
                 }}
                 >
-                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></svelte:fragment>
+                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
                 <svelte:fragment slot="message"><strong>Upload your file</strong> (drag and drop)</svelte:fragment>
-                <svelte:fragment slot="meta">PNG, WEBP, JPG only image types</svelte:fragment>
+                <svelte:fragment slot="meta">Image file types only (PNG, WEBP, JPG, etc)</svelte:fragment>
             </FileDropzone>
-            {@html placeholder_li.file_logo_secondary}
+            {@html placeholder_li.file_logo_light}
         </label>
+        </span>
 
+        <span class="flex flex-col justify-between">
+        <h3 class="h4">Dark logo for light backgrounds</h3>
+        <label for="file_logo_dark">
+            Upload a dark version of your logo for use with light backgrounds. This may be the same as your default logo.
+            <FileDropzone
+                id="file_logo_dark"
+                name="file_logo_dark"
+                padding="p-1"
+                accept="image/*"
+                class="w-96"
+                on:change={(e) => {
+                    console.log('*** FileDropzone change event ***', e);
+
+                    if (e.target.files.length) {
+                        placeholder_li.file_logo_dark = `Ready to upload: ${e.target.files[0].name}`;
+                    } else {
+                        placeholder_li.file_logo_dark = 'No files selected.';
+                    }
+                }}
+                >
+                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
+                <svelte:fragment slot="message"><strong>Upload your file</strong> (drag and drop)</svelte:fragment>
+                <svelte:fragment slot="meta">Image file types only (PNG, WEBP, JPG, etc)</svelte:fragment>
+            </FileDropzone>
+            {@html placeholder_li.file_logo_dark}
+        </label>
+        </span>
+        </div>
+    </section>
+
+    <section>
         <!-- CHOW: 5 = Presenting Partner and above -->
         {#if $slct.sponsorship_obj.level_num >= 5}
         <hr class="border border-gray-500/20 my-4" />
 
         <h2 class="h3">Promo video</h2>
-        <p>Add your promotional video here. This video will play at the end of the gala.</p>
+        <div class="text-sm space-y-4">
+        <p>Add your 30 to 60 second promotional video here. This video will play during CHOW.</p>
+        <p class="variant-ghost-warning">Submission Deadline: Wednesday, May 24</p>
+        <div>Recommend specs:
+        <ul class="list-disc list-inside">
+            <li>30 to 60 seconds</li>
+            <li>1080p (1920x1080)</li>
+            <li>Horizontal or landscape format</li>
+            <li>Most common types: MP4, MKV, MOV</li>
+            <li>Max file size: 400 MB</li>
+        </ul>
+        </div>
+        </div>
+        <span class="flex flex-col justify-between">
         <label for="file_media_promo_video">
-            Promotional video (mp4, mpv, webm, mkv)
+            Upload your short second promotional video.
             <FileDropzone
                 id="file_media_promo_video"
                 name="file_media_promo_video"
                 padding="p-1"
                 accept="video/*"
+                class="w-96"
                 on:change={(e) => {
                     console.log('*** FileDropzone change event ***', e);
 
@@ -1085,19 +1502,20 @@ async function handle_update__sponsorship({
                     }
                 }}
                 >
-                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></svelte:fragment>
+                <svelte:fragment slot="lead"><span class="fas fa-file-upload"></span></svelte:fragment>
                 <svelte:fragment slot="message"><strong>Upload your file</strong> (drag and drop)</svelte:fragment>
-                <svelte:fragment slot="meta">PNG, WEBP, JPG only image types</svelte:fragment>
+                <svelte:fragment slot="meta">Video file types only (MP4, MKV, MOV, etc)</svelte:fragment>
             </FileDropzone>
             {@html placeholder_li.file_media_promo_video}
         </label>
+        </span>
         {/if}
 
     </section>
 
     <button
         type="submit"
-        class="btn {parent.buttonPositive}"
+        class="btn variant-filled-primary"
         disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
         on:click={() => {
             console.log('*** Save button clicked ***');
@@ -1116,12 +1534,22 @@ async function handle_update__sponsorship({
     <section class="gala_guests">
 
     <h2 class="h3">Gala Guests</h2>
-    <p>These are the guests that will be attending the gala. The maxium number is based on your currently selected sponsorship level.</p>
+    <div class="text-sm space-y-4">
+    <p>These are the guests that will be attending the gala. The maximum number is based on your currently selected sponsorship level.</p>
     {#if $slct.sponsorship_obj.level_num == 0}
-        <div class="variant-filled-warning">Please select a sponsorship level before adding guests.</div>
+        <p class="variant-ghost-warning">Please select a sponsorship level before adding guests.</p>
+    {:else}
+        <p class="">Included in your sponsorship are <strong>{$ae_loc.mod.sponsorships.level_guest_max_li[$slct.sponsorship_obj.level_num]} seats (
+            {$ae_loc.mod.sponsorships.level_guest_max_li[$slct.sponsorship_obj.level_num] == 4 ? 'half table' : ''}
+            {$ae_loc.mod.sponsorships.level_guest_max_li[$slct.sponsorship_obj.level_num] == 8 ? 'one table' : ''}
+            {$ae_loc.mod.sponsorships.level_guest_max_li[$slct.sponsorship_obj.level_num] == 16 ? 'two tables' : ''}
+        )</strong> at the 2024 Oceans Award Gala.</p>
+        <p>
+            Submit RSVPs below. You will have the opportunity to add names at a later date.
+        </p>
+        <p class="variant-ghost-warning">Deadline to submit RSVPs is May 15, 2024.</p>
     {/if}
-
-    <div class="variant-filled-tertiary">Max guests: {$ae_loc.mod.sponsorships.level_guest_max_li[$slct.sponsorship_obj.level_num]}</div>
+    </div>
 
     {#if $slct.sponsorship_obj.guest_li_json && $slct.sponsorship_obj.guest_li_json.length && $slct.sponsorship_obj.guest_li_json[0].full_name}
 
@@ -1132,11 +1560,11 @@ async function handle_update__sponsorship({
     {/if}
 
     <form
-        class="modal-form {cForm}"
+        class="modal-form border border-surface-200 p-2 space-y-2 rounded-container-token"
         on:submit|preventDefault={handle_submit_form}
         >
     {#each $slct.sponsorship_obj.guest_li_json as guest, index}
-    <fieldset class="border border-gray-500/20 p-4">
+    <fieldset class="border border-gray-500/20 p-1">
         <legend class="legend">
             Guest #{index+1} -
             {guest.full_name ?? `${guest.given_name} ${guest.family_name}`}
@@ -1150,29 +1578,81 @@ async function handle_update__sponsorship({
             <!-- Family name -->
             <input type="text" class="input text-xs" id="guest_{index}_family_name" name="guest_{index}_family_name" placeholder="Last name" value={guest.family_name ?? ''} autocomplete="name">
         </label>
-        <label for="guest_{index}_email" class="label max-w-64">
-            <!-- Email -->
+        <label for="guest_{index}_title" class="label max-w-64">
+            <!-- Title -->
+            <input type="text" class="input text-xs" id="guest_{index}_title" name="guest_{index}_title" placeholder="Title" value={guest.title ?? ''} autocomplete="honorific-prefix">
+        </label>
+        <label for="guest_{index}_affiliations" class="label max-w-64">
+            <!-- Affiliations -->
+            <input type="text" class="input text-xs" id="guest_{index}_affiliations" name="guest_{index}_affiliations" placeholder="Affiliations" value={guest.affiliations ?? ''} autocomplete="organization">
+        </label>
+        <!-- <label for="guest_{index}_email" class="label max-w-64">
+            Email
             <input type="email" class="input text-xs" id="guest_{index}_email" name="guest_{index}_email" placeholder="Email" value={guest.email ?? ''} autocomplete="email">
-        </label>
+        </label> -->
         </div>
+
         <div class="flex flex-wrap gap-2 p-1">
-        <label for="guest_{index}_phone_mobile" class="label max-w-64">
-            <!-- Mobile phone -->
+            <label for="guest_{index}_ada" class="label max-w-64">
+                <span class="text-sm">ADA Accommodations</span>
+                <select
+                    class="select text-xs"
+                    id="guest_{index}_ada"
+                    name="guest_{index}_ada"
+                    >
+                    <option value="mobility">Mobility</option>
+                    <option value="hearing">Hearing</option>
+                    <option value="vision">Vision</option>
+                    <option value="other">Other</option>
+                </select>
+            </label>
+            <label for="guest_{index}_dietary" class="label max-w-64">
+                <span class="text-sm">Dietary Restrictions</span>
+                <select
+                    class="select text-xs"
+                    id="guest_{index}_dietary"
+                    name="guest_{index}_dietary"
+                    >
+                    <option value="none">None</option>
+                    <option value="vegetarian">Vegetarian</option>
+                    <option value="vegan">Vegan</option>
+                    <option value="gluten-free">Gluten-free</option>
+                    <option value="dairy-free">Dairy-free</option>
+                    <option value="other">Other</option>
+                </select>
+            </label>
+            <label for="guest_{index}_comments" class="label max-w-64">
+                Additional information
+                <input
+                    type="text"
+                    class="input text-xs"
+                    id="guest_{index}_comments"
+                    name="guest_{index}_comments"
+                    placeholder="Additional information"
+                    value={guest.comments ?? ''}
+                    autocomplete="off"
+                    >
+            </label>
+        </div>
+
+        <!-- <div class="flex flex-wrap gap-2 p-1"> -->
+        <!-- <label for="guest_{index}_phone_mobile" class="label max-w-64">
+            Mobile phone
             <input type="tel" class="input text-xs" id="guest_{index}_phone_mobile" name="guest_{index}_phone_mobile" placeholder="Mobile phone" value={guest.phone_mobile ?? ''} autocomplete="tel">
-        </label>
+        </label> -->
         <!-- <label for="guest_{index}_phone_office" class="label max-w-64">Office phone
             <input type="tel" class="input text-xs" id="guest_{index}_phone_office" name="guest_{index}_phone_office" placeholder="Office phone" value={guest.phone_office ?? ''} autocomplete="tel">
         </label> -->
-        <label for="guest_{index}_city" class="label max-w-64">
-            <!-- City -->
+        <!-- <label for="guest_{index}_city" class="label max-w-64">
+            City
             <input type="text" class="input text-xs" id="guest_{index}_city" name="guest_{index}_city" placeholder="City" value={guest.city ?? ''} autocomplete="city">
-        </label>
-        </div>
+        </label> -->
+        <!-- </div> -->
 
         <div class="flex flex-wrap gap-2 p-1">
         <button
             type="submit"
-            class="btn {parent.buttonPositive} btn-sm"
+            class="btn variant-filled-primary btn-sm"
             disabled={($ae_sess.mod.sponsorships.disable_submit__sponsorship_obj)}
             on:click={() => {
                 console.log('*** Save button clicked ***');
@@ -1186,7 +1666,7 @@ async function handle_update__sponsorship({
         </button>
 
         <button
-            class="btn {parent.buttonNegative} btn-sm"
+            class="btn variant-filled-warning btn-sm"
             on:click={(event) => {
                 console.log('*** Delete button clicked ***');
                 if (!confirm('Are you sure you want to delete this guest?')) {return false;}
@@ -1218,7 +1698,7 @@ async function handle_update__sponsorship({
     {:else}
 
     <button
-        class="btn btn-sm {parent.buttonPositive} m-2"
+        class="btn btn-sm variant-filled-secondary m-2"
         on:click={() => {
             console.log('*** Add guest button clicked ***');
             // if (!confirm('Are you sure you want to add a guest?')) {return false;}
@@ -1243,7 +1723,7 @@ async function handle_update__sponsorship({
         }}
         >
         <span class="fas fa-plus mx-1"></span>
-        Add Guest
+        Add New Guest
     </button>
     {/if}
 
@@ -1257,23 +1737,7 @@ async function handle_update__sponsorship({
         class="modal-form {cForm}"
         on:submit|preventDefault={handle_submit_form}
         >
-    <!-- Ask for common social media URLs. (Twitter, Facebook, Instagram, etc) -->
-    <fieldset class="sponsorship__social_media">
-        <legend class="legend">Social Media</legend>
 
-        <label for="social_media_twitter" class="label">Twitter
-            <input type="url" id="social_media_twitter" name="social_media_twitter" class="input" placeholder="Twitter" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.twitter ? $slct.sponsorship_obj.social_li_json.twitter : ''} autocomplete="url" />
-        </label>
-        <label for="social_media_facebook" class="label">Facebook
-            <input type="url" id="social_media_facebook" name="social_media_facebook" class="input" placeholder="Facebook" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.facebook ? $slct.sponsorship_obj.social_li_json.facebook : ''} autocomplete="url" />
-        </label>
-        <label for="social_media_instagram" class="label">Instagram
-            <input type="url" id="social_media_instagram" name="social_media_instagram" class="input" placeholder="Instagram" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.instagram ? $slct.sponsorship_obj.social_li_json.instagram : ''} autocomplete="url" />
-        </label>
-        <label for="social_media_linkedin" class="label">LinkedIn
-            <input type="url" id="social_media_linkedin" name="social_media_linkedin" class="input" placeholder="LinkedIn" value={$slct.sponsorship_obj.social_li_json && $slct.sponsorship_obj.social_li_json.linkedin ? $slct.sponsorship_obj.social_li_json.linkedin : ''} autocomplete="url" />
-        </label>
-    </fieldset>
 
     <fieldset class="sponsorship__more_questions">
         <legend class="legend">More Questions</legend>
@@ -1335,6 +1799,7 @@ async function handle_update__sponsorship({
                 // $slct.sponsorship_obj = {};
             }}
             class="btn variant-filled-warning mx-1"
+            class:hidden={!$ae_loc.trusted_access}
             title="Delete record permanently"
             >
             <span class="fas fa-minus mx-1"></span> Delete
@@ -1372,7 +1837,7 @@ async function handle_update__sponsorship({
             </div>
         {/await}
 
-        <button class="btn variant-filled-primary" on:click={parent.onClose}>
+        <button class="btn variant-glass-primary" on:click={parent.onClose}>
             <span class="fas fa-times mx-1"></span>
             Close
         </button>
diff --git a/src/routes/sponsorships/10_list__sponsorship_obj.svelte b/src/routes/sponsorships/10_list__sponsorship_obj.svelte
index 96e1310f..71021a1f 100644
--- a/src/routes/sponsorships/10_list__sponsorship_obj.svelte
+++ b/src/routes/sponsorships/10_list__sponsorship_obj.svelte
@@ -26,7 +26,7 @@ onMount(() => {
             <th>Options</th>
             <th>Name</th> <!-- This is the name of the organization or person -->
             <th>Level</th>
-            <th>Paid</th>
+            {#if $ae_loc.administrator_access}<th>Paid</th>{/if}
             <th>Guests</th>
             <th>
                 <!-- Show what POC (Point of Contact) stands for when hovering -->
@@ -99,7 +99,8 @@ onMount(() => {
             {#if ae_sponsorship_obj.level_str}{ae_sponsorship_obj.level_str}{/if}
         </td>
 
-        <td>
+        {#if $ae_loc.administrator_access}
+        <td class="text-center">
             {#if ae_sponsorship_obj.paid}
                 <!-- Show checkmark -->
                 <span class="fas fa-check"
@@ -109,12 +110,13 @@ onMount(() => {
                 <span class="fas fa-times"
                     title="Not Paid"></span>
             {/if}
-            {#if ae_sponsorship_obj.amount}
+            <!-- {#if ae_sponsorship_obj.amount}
                 <span class="ae_value sponsorships__amount">${ae_sponsorship_obj.amount/100}</span>
-            {/if}
+            {/if} -->
         </td>
+        {/if}
 
-        <td>
+        <td class="text-center">
             {#if ae_sponsorship_obj.guest_li_json}
                 <span class="fas fa-list-ol"></span> {ae_sponsorship_obj.guest_li_json.length}
             {:else}
diff --git a/src/routes/sponsorships/10_view_modal__sponsorship_obj.svelte b/src/routes/sponsorships/10_view_modal__sponsorship_obj.svelte
index 63b0713d..5e1ce950 100644
--- a/src/routes/sponsorships/10_view_modal__sponsorship_obj.svelte
+++ b/src/routes/sponsorships/10_view_modal__sponsorship_obj.svelte
@@ -29,7 +29,7 @@ onMount(() => {
 
 <!-- @component This is the Sponsorships modal view form. -->
 
-<section class="svelte_component ae_view_modal ae_obj__sponsorship_obj {container_class_li}">
+<section class="svelte_component ae_view_modal ae_obj__sponsorship_obj {container_class_li} p-4 space-y-4">
 
 <header class={parent.regionHeader}>
     {@html $slct.sponsorship_obj.name}
diff --git a/src/routes/sponsorships/[slug]/+page.svelte b/src/routes/sponsorships/[slug]/+page.svelte
index a3daa19b..373f6685 100644
--- a/src/routes/sponsorships/[slug]/+page.svelte
+++ b/src/routes/sponsorships/[slug]/+page.svelte
@@ -226,7 +226,7 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
         }}
         >
         <span class="fas fa-edit mx-1"></span>
-        Start/Edit Sponsorship
+        Start Sponsor Submission Form
     </button>
 <!-- </section> -->
 
diff --git a/src/routes/sponsorships/hold 10_edit_modal__sponsorship_obj.svelte b/src/routes/sponsorships/hold 10_edit_modal__sponsorship_obj.svelte
index 7d224025..765e069f 100644
--- a/src/routes/sponsorships/hold 10_edit_modal__sponsorship_obj.svelte	
+++ b/src/routes/sponsorships/hold 10_edit_modal__sponsorship_obj.svelte	
@@ -109,7 +109,7 @@ const cBase = 'card p-4 w-modal-wide shadow-xl space-y-4 ae_modal_scrollfix';
 // const cBase = 'card p-4 w-modal-wide h-screen shadow-xl space-y-4';
 
 const cHeader = 'text-2xl font-bold';
-const cForm = 'border border-surface-500 p-4 space-y-4 rounded-container-token';
+const cForm = 'border border-surface-200 p-4 space-y-4 rounded-container-token';
 </script>
 
 <!-- @component This is the Sponsorships modal edit form. -->
