CINXE.COM

<!DOCTYPE html> <html> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://secure2.convio.net/whoi/site/Donation2;jsessionid=00000000.app295a?df_id=1560&1560.donation=form1&mfc_pref=T&NONCE_TOKEN=C19D6955F935CBD364BDC4C7FE5C5338","20170312065608","https://web.archive.org/","web","/_static/", "1489301768"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <base href="https://web.archive.org/web/20170312065608/https://secure2.convio.net/whoi/site/"/> <title> Donate now. Help us keep an eye on ocean health. - Woods Hole Oceanographic Institution: Giving </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta name="Keywords" content=" "/> <meta name="Description" content=""/> <meta name="Robots" content="index, follow"/> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/yui3/yui/yui-min.js"></script><noscript> </noscript> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/convio/modules.js?version=2.9"></script><noscript> </noscript> <script type="text/javascript"> var Y = YUI({base: '../yui3/', insertBefore: 'yui_marker_loader_css', // insert all YUI module css before customstyle so it can be overridden debug: false, modules: getModules('../', 'convio', true)}); </script><noscript> </noscript> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/utils.js"></script><noscript> </noscript> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/obs_comp_rollup.js"></script><noscript> </noscript> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/themes/default.css" rel="stylesheet" type="text/css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/themes/alphacube.css" rel="stylesheet" type="text/css"/> <script src="https://web.archive.org/web/20170312065608js_/https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script><noscript> </noscript> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/UserGlobalStyle.css" rel="stylesheet" type="text/css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/responsive/ResponsiveBase.css" rel="stylesheet" type="text/css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/responsive/DonFormResponsive.css" rel="stylesheet" type="text/css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/FormComponentsBehavior.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/FormComponentsBehavior.js"></script><noscript> </noscript> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/don_level_elements.js"></script><noscript> </noscript> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/don_premium_elements.js"></script><noscript> </noscript> <script type="text/javascript" src="/web/20170312065608js_/https://secure2.convio.net/whoi/js/donations2.js"></script><noscript> </noscript> <link rel="stylesheet" type="text/css" id="yui_marker_loader_css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/CustomStyle.css" rel="stylesheet" type="text/css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/css/CustomWysiwygStyle.css" rel="stylesheet" type="text/css"/> <meta name="CnvHeaderVersion" content="v5.0"/>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="The Woods Hole Oceanographic Institution is a private, independent, not-for-profit corporation dedicated to research and higher education at the frontiers of ocean science."/> <meta name="keywords" content="ocean research, donate, donate to whoi, make a gift to WHOI, support whoi, whoi giving, nonprofit fundraising, non-profit, not-for-profit, online fundraiser, fund-raising events, fund raising, donor, donate, donations, philanthropy, philanthropic, charity, charities, charitable, giving, tax deductible, oceanography, marine biology, Woods Hole Oceanographic Institution, WHOI, Woods Hole"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/site/SPageServer?pagename=reus_whoi_general_wrapper_css&pgwrap=n" rel="stylesheet" type="text/css"/> <link href="/web/20170312065608cs_/https://secure2.convio.net/whoi/site/SPageServer?pagename=reus_whoi_donation_wrapper_css&pgwrap=n" rel="stylesheet" type="text/css"/> <link href="//web.archive.org/web/20170312065608cs_/https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"> <script src="//web.archive.org/web/20170312065608js_/https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> Y.use('jquery-noconflict', function() { jQuery(document).ready(function($){ jQuery( "label[for='spouse_recognition_dropdown']" ).hide(); jQuery('#help-text, #top-don-cta').parent().parent().addClass('set-wide'); if (jQuery('#level_standard_row').length) { jQuery("#level_standard_row input:radio:checked").closest(".form-content").addClass('active'); jQuery('#level_standard_row input:radio').click(function() { jQuery('#level_standard_row input:radio[name='+jQuery(this).attr('name')+']').closest(".form-content").removeClass('active'); jQuery(this).closest(".form-content").addClass('active'); }); } }); }); </script> <script type="text/javascript"> _uacct="UA-78691989-2"; urchinTracker(); </script><noscript> </noscript> </head> <body> <div id="wrapper"> <div id="headerContainer"> <div id="header"> <div id="mast"><a class="logolink" href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/"></a></div> </div> </div> <div id="wrapper-body"> <div id="contentContainer"> <div id="contentArea"> <div class="clear"> </div> <form name="process" id="ProcessForm" action="https://web.archive.org/web/20170312065608/https://secure2.convio.net/whoi/site/Donation2" method="post"> <div class="donation-form-container responsive"> <script type="text/javascript">  </script> <div class="donation-form-content"> <input type="hidden" name="user_donation_amt" id="user_donation_amt" value=""/> <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value=""/> <input type="hidden" name="currency_locale" id="currency_locale" value="en_US"/> <div class="form-row"> <div class="html-caption-container"> <p style="margin-bottom: 30px;"><img style="width: 100%; height: auto;" src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/content/pagebuilder/donatebanner2.jpg" border="0" alt="Donate Banner Fish" width="1220" height="440"/></p> </div> </div> <div class="don-standard-levels form-row"> <div class="levels-label"> </div> <div id="level_standard_row" class="form-row form-donation-level"> <div class="form-content"> <span class="field-required"></span> <span class="aural-only">Field Is Required</span> <span class="FormLabelText">Select donation amount:</span> <div class="donation-level-general-ask"> <div id="ways-to-give-links" style="float: right; padding: 0px 5px;"> <h2 style="margin-top: 0px; font-size: 1.4em; font-weight: 400; color: #1a4e7d;">Other  Ways to Give </h2> <p><a href="PageServer?pagename=project_WHOI_landing_page" target="_self">ProjectWHOI</a><br/> <a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/monthly-giving/" target="_self">Monthly Giving</a><br/> <a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/ways-to-give/planned-giving/" target="_self">Planned Giving</a><br/> <a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/ways-to-give/gift-memberships/" target="_self">Gift Memberships</a><br/> <a href="https://web.archive.org/web/20170312065608/https://secure2.convio.net/whoi/site/Donation2?df_id=2041&mfc_pref=T&2041.donation=form1">MIT-WHOI Joint Program</a><br/></p> <p> </p> </div> <p>A $100 donation qualifies you to become a <a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/join-us/whoi-associates/" target="_self">WHOI Associate.</a></p> <p> A $1,000 donation qualifies you to become a <a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/join-us/1930-society/" target="_self">WHOI 1930 Society member</a>.</p> </div> <div class="donation-levels"> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2021" value="2021" onclick="evalMatchingGift('');"/> </div> <label for="level_standardexpanded2021" onclick=""> <div class="donation-level-label-container"> $100 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2021expandedsubmit" value="true"/> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2023" value="2023" onclick="evalMatchingGift('');"/> </div> <label for="level_standardexpanded2023" onclick=""> <div class="donation-level-label-container"> $250 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2023expandedsubmit" value="true"/> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2022" value="2022" onclick="evalMatchingGift('');"/> </div> <label for="level_standardexpanded2022" onclick=""> <div class="donation-level-label-container"> $500 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2022expandedsubmit" value="true"/> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2025" value="2025" onclick="evalMatchingGift('');"/> </div> <label for="level_standardexpanded2025" onclick=""> <div class="donation-level-label-container"> $1,000 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2025expandedsubmit" value="true"/> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2024" value="2024" onclick="evalMatchingGift(document.getElementById('level_standardexpanded2024amount').value);"/> </div> <div class="donation-level-user-entered"> <label for="level_standardexpanded2024amount"><span class="aural-only">Enter amount</span></label> <input type="text" name="level_standardexpanded2024amount" id="level_standardexpanded2024amount" value="" size="12" onfocus="var el = document.getElementById ('level_standardexpanded2024');if (el) el.click(); fire_obs_comp_event('level_standardexpanded2024amount', this, event);evalMatchingGift(value); " onchange="fire_obs_comp_event('level_standardexpanded2024amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded2024amount', this, event);evalMatchingGift(value);"/> </div> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2024expandedsubmit" value="true"/> </div> </div> </div> </div> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function(){ // subscribe observables jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() { var syncAction = function(obj) { if (obj.is(':checked')) { obj.closest('div.donation-level-container').addClass('selected'); } else { obj.closest('div.donation-level-container').removeClass('selected'); }; return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('div.donation-level-container').removeClass('selected'); syncAction(jQuery(this)); }); }); }); }); </script><noscript> </noscript> </div> <div class="levels-gift-aid"> </div> <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true"/> <script type="text/javascript"> function evalMatchingGift(gift) { } </script><noscript> </noscript> </div> <div class="donation-level-container-generic-repeat form-input"> <div class="generic-repeat-label-checkbox-container"> <input type="checkbox" name="level_standardauto_repeatname" id="level_standardauto_repeatname" onclick="fire_obs_comp_event('level_standardauto_repeat', this);" onkeypress="fire_obs_comp_event('level_standardauto_repeat', this);"/> <label for="level_standardauto_repeatname"> Yes, make this a recurring monthly donation. </label> </div> <input type="hidden" name="level_standardauto_repeatsubmit" id="level_standardauto_repeatsubmit" value="true"/> </div> <div class="form-row form-checkbox" id="donor_email_opt_in_Row"> <div class="form-content"> <span class="check-box-form-label-text"></span> <input type="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname" checked="checked" onclick="fire_obs_comp_event('donor_email_opt_in', this);"/> <label for="donor_email_opt_inname"> Yes, I'd like to receive updates from WHOI. </label> <script type="text/javascript"> var comp = new ObservableComponent ('donor_email_opt_in', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_email_opt_in_Row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('donor_email_opt_inname')) { document.getElementById('donor_email_opt_inname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked; } comp.clear = function() { this.set(false); } </script><noscript> </noscript> <input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true"/> </div> </div> <tr class="FormRow" id="checkbox_array_Row" style="padding-bottom:5px"> <td class="requiredIndicator">   </td> <td class="FormLabel"> <div class="FormLabel" title="For checkbox_arrayname"> <span class="CheckBoxFormLabelText">Email Interests:</span> <span class="FormElementHiddenInfoLabel">You may periodically receive email from us regarding the interests you select.</span> <img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/Spacer.gif" width="1px" height="1px" alt="You may periodically receive email from us regarding the interests you select. Required"/> </div> </td> <td class="FormInput"> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td> <input type="checkbox" class="ButtonInput" name="box1142" id="box1142"/> <label class="CheckboxLabel" for="box1142">Associates Program Membership</label> </td> </tr> <tr> <td> <input type="checkbox" class="ButtonInput" name="box1081" id="box1081"/> <label class="CheckboxLabel" for="box1081">Oceanus Magazine article (semi-weekly)</label> </td> </tr> <tr> <td> <input type="checkbox" class="ButtonInput" name="box1143" id="box1143"/> <label class="CheckboxLabel" for="box1143">Public Events (occasional)</label> </td> </tr> <tr> <td> <input type="checkbox" class="ButtonInput" name="box1146" id="box1146" checked="checked"/> <label class="CheckboxLabel" for="box1146">WHOI Newsletter</label> </td> </tr> </table> </td> <td class="holdsErrorMsgTable"> <table border="0" class="holdsErrorMsg" cellspacing="0" cellpadding="0"> <tr class="holdsErrorMsg"> <td class="FormMsgIcon"> <img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/error.gif" width="16px" height="16px" alt="Warning" class="HiddenErrorImage"/> </td> <td class="FormInfoMsg" width="100%"> <div class="FormMsgText"></div> <script type="text/javascript">  </script><noscript> </noscript> <noscript>You may periodically receive email from us regarding the interests you select.<br/> </noscript> </td> </tr> </table> <input type="hidden" name="checkbox_arraysubmit" id="checkbox_arraysubmit" value="true"/> </td> </tr> <div id="anonymous_donation_row" class="form-row form-checkbox"> <div class="form-content"> <input type="checkbox" name="anonymous_donationname" id="anonymous_donationname" onclick="fire_obs_comp_event('anonymous_donation', this);"/> <label for="anonymous_donationname">I'd like to make this an anonymous donation.</label> <input type="hidden" name="anonymous_donationsubmit" id="anonymous_donationsubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('anonymous_donation', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('anonymous_donation_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('anonymous_donationname')) { document.getElementById('anonymous_donationname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('anonymous_donationname')) { return document.getElementById('anonymous_donationname').checked; } } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> </div> <div id="tribute_show_honor_fields_row" class="form-row form-checkbox"> <div class="form-content"> <input type="checkbox" name="tribute_show_honor_fieldsname" id="tribute_show_honor_fieldsname" onclick="fire_obs_comp_event('tribute_show_honor_fields', this);"/> <label for="tribute_show_honor_fieldsname">I'd like to donate in honor/memory of someone. </label> <input type="hidden" name="tribute_show_honor_fieldssubmit" id="tribute_show_honor_fieldssubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_show_honor_fields', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_show_honor_fields_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('tribute_show_honor_fieldsname')) { document.getElementById('tribute_show_honor_fieldsname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('tribute_show_honor_fieldsname')) { return document.getElementById('tribute_show_honor_fieldsname').checked; } } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> </div> <div id="tribute_type_row" class="form-row form-selectlist"> <div class="form-content"> <span class="field-required"></span> <label class="FormLabel" for="tribute_type">Honor Gift Type:</label> <select name="tribute_type" id="tribute_type" size="1"> <option></option> <option value="tribute_type_value1">In Memory of</option> <option value="tribute_type_value2">In Honor of</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_typesubmit" id="tribute_typesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_type', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_type_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_type')); function tribute_type_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_type', src); } } var el = document.getElementById('tribute_type'); if (el) { Utils.addEvent (el, 'change', tribute_type_listChanged); } </script><noscript> </noscript> </div> </div> <div id="honoree_title_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="honoree_title">Honoree Title:</label> <select name="honoree_title" id="honoree_title" size="1"> <option></option> <option value="Mr.">Mr.</option> <option value="Ms.">Ms.</option> <option value="Mrs.">Mrs.</option> <option value="Miss">Miss</option> <option value="Dr.">Dr.</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="honoree_titlesubmit" id="honoree_titlesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('honoree_title', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('honoree_title_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('honoree_title')); function honoree_title_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('honoree_title', src); } } var el = document.getElementById('honoree_title'); if (el) { Utils.addEvent (el, 'change', honoree_title_listChanged); } </script><noscript> </noscript> </div> </div> <div id="tribute_honoree_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="tribute_honoree_namename">Honoree Name:</label> <input type="text" name="tribute_honoree_namename" id="tribute_honoree_namename" value="" maxlength="50"/> <input type="hidden" name="tribute_honoree_namesubmit" id="tribute_honoree_namesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_honoree_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_honoree_name_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_honoree_name')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_title_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="tribute_notify_recip_title">PLEASE SEND AN ACKNOWLEDGMENT CARD TO:</label> <select name="tribute_notify_recip_title" id="tribute_notify_recip_title" size="1"> <option></option> <option value="Mr.">Mr.</option> <option value="Ms.">Ms.</option> <option value="Mrs.">Mrs.</option> <option value="Miss">Miss</option> <option value="Dr.">Dr.</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_notify_recip_titlesubmit" id="tribute_notify_recip_titlesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_title', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_title_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_title')); function tribute_notify_recip_title_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_notify_recip_title', src); } } var el = document.getElementById('tribute_notify_recip_title'); if (el) { Utils.addEvent (el, 'change', tribute_notify_recip_title_listChanged); } </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_name_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_namename">Name:</label> <input type="text" name="tribute_notify_recip_namename" id="tribute_notify_recip_namename" value="" maxlength="70"/> <input type="hidden" name="tribute_notify_recip_namesubmit" id="tribute_notify_recip_namesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_name_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_name')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_street1_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_street1name">Street 1:</label> <input type="text" name="tribute_notify_recip_street1name" id="tribute_notify_recip_street1name" value="" maxlength="50"/> <input type="hidden" name="tribute_notify_recip_street1submit" id="tribute_notify_recip_street1submit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_street1', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_street1_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_street1')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_street2_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_street2name">Street 2:</label> <input type="text" name="tribute_notify_recip_street2name" id="tribute_notify_recip_street2name" value="" maxlength="50"/> <input type="hidden" name="tribute_notify_recip_street2submit" id="tribute_notify_recip_street2submit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_street2', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_street2_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_street2')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_city_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_cityname">City:</label> <input type="text" name="tribute_notify_recip_cityname" id="tribute_notify_recip_cityname" value="" maxlength="50"/> <input type="hidden" name="tribute_notify_recip_citysubmit" id="tribute_notify_recip_citysubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_city', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_city_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_city')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_state_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="tribute_notify_recip_state">State/Province:</label> <select name="tribute_notify_recip_state" id="tribute_notify_recip_state" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_state', this)"> <option></option> <option value="AK">AK - Alaska</option> <option value="AL">AL - Alabama</option> <option value="AR">AR - Arkansas</option> <option value="AZ">AZ - Arizona</option> <option value="CA">CA - California</option> <option value="CO">CO - Colorado</option> <option value="CT">CT - Connecticut</option> <option value="DC">DC - District of Columbia</option> <option value="DE">DE - Delaware</option> <option value="FL">FL - Florida</option> <option value="GA">GA - Georgia</option> <option value="HI">HI - Hawaii</option> <option value="IA">IA - Iowa</option> <option value="ID">ID - Idaho</option> <option value="IL">IL - Illinois</option> <option value="IN">IN - Indiana</option> <option value="KS">KS - Kansas</option> <option value="KY">KY - Kentucky</option> <option value="LA">LA - Louisiana</option> <option value="MA">MA - Massachusetts</option> <option value="MD">MD - Maryland</option> <option value="ME">ME - Maine</option> <option value="MI">MI - Michigan</option> <option value="MN">MN - Minnesota</option> <option value="MO">MO - Missouri</option> <option value="MS">MS - Mississippi</option> <option value="MT">MT - Montana</option> <option value="NC">NC - North Carolina</option> <option value="ND">ND - North Dakota</option> <option value="NE">NE - Nebraska</option> <option value="NH">NH - New Hampshire</option> <option value="NJ">NJ - New Jersey</option> <option value="NM">NM - New Mexico</option> <option value="NV">NV - Nevada</option> <option value="NY">NY - New York</option> <option value="OH">OH - Ohio</option> <option value="OK">OK - Oklahoma</option> <option value="OR">OR - Oregon</option> <option value="PA">PA - Pennsylvania</option> <option value="RI">RI - Rhode Island</option> <option value="SC">SC - South Carolina</option> <option value="SD">SD - South Dakota</option> <option value="TN">TN - Tennessee</option> <option value="TX">TX - Texas</option> <option value="UT">UT - Utah</option> <option value="VA">VA - Virginia</option> <option value="VT">VT - Vermont</option> <option value="WA">WA - Washington</option> <option value="WI">WI - Wisconsin</option> <option value="WV">WV - West Virginia</option> <option value="WY">WY - Wyoming</option> <option value="AS">AS - American Samoa</option> <option value="FM">FM - Federated States of Micronesia</option> <option value="GU">GU - Guam</option> <option value="MH">MH - Marshall Islands</option> <option value="MP">MP - Northern Mariana Islands</option> <option value="PR">PR - Puerto Rico</option> <option value="PW">PW - Palau</option> <option value="VI">VI - Virgin Islands</option> <option value="AA">AA - Armed Forces Americas</option> <option value="AE">AE - Armed Forces</option> <option value="AP">AP - Armed Forces Pacific</option> <option value="AB">AB - Alberta</option> <option value="BC">BC - British Columbia</option> <option value="MB">MB - Manitoba</option> <option value="NB">NB - New Brunswick</option> <option value="NL">NL - Newfoundland and Labrador</option> <option value="NS">NS - Nova Scotia</option> <option value="NT">NT - Northwest Territories</option> <option value="NU">NU - Nunavut</option> <option value="ON">ON - Ontario</option> <option value="PE">PE - Prince Edward Island</option> <option value="QC">QC - Quebec</option> <option value="SK">SK - Saskatchewan</option> <option value="YT">YT - Yukon</option> <option value="None">None</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_notify_recip_statesubmit" id="tribute_notify_recip_statesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_state', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_state_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_state')); function tribute_notify_recip_state_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_notify_recip_state', src); } } var el = document.getElementById('tribute_notify_recip_state'); if (el) { Utils.addEvent (el, 'change', tribute_notify_recip_state_listChanged); } </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_zip_row" class="form-row form-text"> <div class="form-content"> <label for="tribute_notify_recip_zipname">ZIP/Postal Code:</label> <input type="text" name="tribute_notify_recip_zipname" id="tribute_notify_recip_zipname" value="" maxlength="50"/> <input type="hidden" name="tribute_notify_recip_zipsubmit" id="tribute_notify_recip_zipsubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_zip', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_zip_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_zip')); </script><noscript> </noscript> </div> </div> <div id="tribute_notify_recip_country_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="tribute_notify_recip_country">Country:</label> <select name="tribute_notify_recip_country" id="tribute_notify_recip_country" size="1" onchange="fire_obs_comp_event('tribute_notify_recip_country', this)"> <option></option> <option selected="selected" value="United States">United States</option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivarian Republic of Venezuela">Bolivarian Republic of Venezuela</option> <option value="Bonaire, Sint Eustatios and Saba">Bonaire, Sint Eustatios and Saba</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote D'Ivoire">Cote D'Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Democratic People's Republic of Korea">Democratic People's Republic of Korea</option> <option value="The Democratic Republic of the Congo">The Democratic Republic of the Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Federated States of Micronesia">Federated States of Micronesia</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="The Former Yugoslav Republic of Macedonia">The Former Yugoslav Republic of Macedonia</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Islamic Republic of Iran">Islamic Republic of Iran</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Plurinational State of Bolivia">Plurinational State of Bolivia</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Republic of Korea">Republic of Korea</option> <option value="Republic of Moldova">Republic of Moldova</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin (French)">Saint Martin (French)</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="S. Georgia & S. Sandwich Isls.">S. Georgia & S. Sandwich Isls.</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syrian Arab Republic">Syrian Arab Republic</option> <option value="Taiwan, Province of China">Taiwan, Province of China</option> <option value="Tajikistan">Tajikistan</option> <option value="Thailand">Thailand</option> <option value="Timor-Leste">Timor-Leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United Republic of Tanzania">United Republic of Tanzania</option> <option value="Uruguay">Uruguay</option> <option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Virgin Islands (USA)">Virgin Islands (USA)</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="tribute_notify_recip_countrysubmit" id="tribute_notify_recip_countrysubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_notify_recip_country', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_notify_recip_country_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_notify_recip_country')); function tribute_notify_recip_country_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('tribute_notify_recip_country', src); } } var el = document.getElementById('tribute_notify_recip_country'); if (el) { Utils.addEvent (el, 'change', tribute_notify_recip_country_listChanged); } </script><noscript> </noscript> </div> </div> <div id="tribute_message_body_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="tribute_message_bodyname">Card Message:</label> <textarea cols="50" rows="4" name="tribute_message_bodyname" id="tribute_message_bodyname"></textarea> <input type="hidden" name="tribute_message_bodysubmit" id="tribute_message_bodysubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('tribute_message_body', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('tribute_message_body_row', _display); this.disable_submit_flag (_hidden); } observe_component ('tribute_show_honor_fields.true', new ComponentDisplayer ('tribute_message_body')); </script><noscript> </noscript> </div> </div> <h2 class="section-header-container"> Payment Information </h2> <div class="payment-type-element-container"> <div class="payment-type-selection-container payment-field-container"> <h3>Payment Method:</h3> <div id="responsive_payment_typepay_typeradio_row" class="form-row"> <div class="form-content"> <div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types"> <span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit" value="credit" checked="checked" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"/><label for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span></span> <span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal" value="paypal" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"/><label for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/payment/paypal-logo.png" alt="Pay with Paypal"/></a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span></span> </div> <input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true"/> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function() { // subscribe observable for payment type options jQuery('.payment-type-option').each(function() { var syncAction = function(obj) { if (obj.hasClass('selected')) { var radioGroupName = obj.find('input').attr('name'); obj.find('input').attr('checked', true); fire_obs_comp_event(radioGroupName, obj.find('input').get()); } return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('.payment-type-option').removeClass('selected'); jQuery(this).addClass('selected'); syncAction(jQuery(this)); var selectedValue = jQuery(this).find('input').val(); if (selectedValue == 'paypal' || selectedValue == 'amazon') { // open up a boxinator dialog jQuery(document).trigger('redirect-external'); jQuery('#btn_next').click(); } }); }); }); }); var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typepay_typeradio_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> </div> <div id="payment_cc_container" class="payment-field-container"> <h3>Credit Card Information:</h3> <div id="responsive_payment_typecc_type_row" class="form-row form-radio-array"> <div class="form-content"> <fieldset> <legend>Credit Card Type:</legend> <ul class="radio-array-list"> <li class="tender-row "> <img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa"/> </li><li class="tender-row "> <img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover"/> </li><li class="tender-row "> <img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express"/> </li><li class="tender-row "> <img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard"/> </li> </ul> </fieldset> <input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typecc_type', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_type_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typecc_number_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_numbername">Credit Card Number:</label> <input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="22" autocomplete="off"/> <input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typecc_number', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_number_row', _display); this.disable_submit_flag (_hidden); } observe_component ('null', new ComponentDisplayer ('responsive_payment_typecc_number')); </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typecc_exp_date_row" class="form-row form-date"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_exp_date_MONTH"> <span class="label-text">Expiration Date:</span><span class="aural-only">Select month of credit card</span> </label> <label for="responsive_payment_typecc_exp_date_YEAR"><span class="aural-only">Select Expiration Year</span></label> <div class="date-input-container"> <fieldset class="cardExpGroup"> <select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)"> <option value="1">01</option> <option value="2">02</option> <option value="3" selected="selected">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onchange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)"> <option value="2017" selected="selected">2017</option> <option value="2018">2018</option> <option value="2019">2019</option> <option value="2020">2020</option> <option value="2021">2021</option> <option value="2022">2022</option> <option value="2023">2023</option> <option value="2024">2024</option> <option value="2025">2025</option> <option value="2026">2026</option> <option value="2027">2027</option> </select> </fieldset> <input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1"/> <script type="text/javascript">  </script><noscript> </noscript> </div> <input type="hidden" name="responsive_payment_typecc_exp_datesubmit" id="responsive_payment_typecc_exp_datesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typecc_exp_date', 'input'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_exp_date_row', _display); disable_submit_flag ('responsive_payment_typecc_exp_datesubmit', _hidden); } comp.disable = function(_disabled) { disable_element ('responsive_payment_typecc_exp_date_MONTH', _disabled); disable_element ('responsive_payment_typecc_exp_date_DAY', _disabled); disable_element ('responsive_payment_typecc_exp_date_YEAR', _disabled); disable_element ('responsive_payment_typecc_exp_date_HOUR12',_disabled); disable_element ('responsive_payment_typecc_exp_date_HOUR24',_disabled); //For UK, 24 hour clock used disable_element ('responsive_payment_typecc_exp_date_MINUTE',_disabled); disable_element ('responsive_payment_typecc_exp_date_AMPM', _disabled); } </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typecc_cvv_row" class="form-row form-text cvv-input"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_cvvname"> <span class="FormLabelText">CVV Number:</span> </label> <a href="https://web.archive.org/web/20170312065608/http://help.convio.net/site/PageServer?s_site=whoi&pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window.">What is this?</a> <input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname" value="" maxlength="4" autocomplete="off"/> <input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typecc_cvv', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_cvv_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> </div> <div id="payment_check_container" class="payment-field-container"> <h3>Check Information</h3> </div> <input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true"/> <script type="text/javascript"> function PaymentObserver() { this.observe = function(_event) { var sVal = _event.component.get(); switch (sVal) { case 'check': hide_element('payment_cc_container'); hide_element('payment_bank_container'); show_element('payment_check_container'); break; case 'credit': hide_element('payment_bank_container'); hide_element('payment_check_container'); show_element('payment_cc_container'); break; case 'ach': hide_element('payment_cc_container'); hide_element('payment_check_container'); show_element('payment_bank_container'); break; case 'paypal': case 'amazon': default: // hide all hide_element('payment_bank_container'); hide_element('payment_cc_container'); hide_element('payment_check_container'); break; } } } // Set the observer to show/hide the relevant fields observe_component ('responsive_payment_typepay_typeradio', new PaymentObserver()); </script><noscript> </noscript> </div> <h2 class="section-header-container"> Billing Information </h2> <div id="billing_title_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="billing_title">Title:</label> <select name="billing_title" id="billing_title" size="1"> <option></option> <option value="Mr.">Mr.</option> <option value="Ms.">Ms.</option> <option value="Mrs.">Mrs.</option> <option value="Miss">Miss</option> <option value="Dr.">Dr.</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_titlesubmit" id="billing_titlesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_title', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_title_row', _display); this.disable_submit_flag (_hidden); } function billing_title_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_title', src); } } var el = document.getElementById('billing_title'); if (el) { Utils.addEvent (el, 'change', billing_title_listChanged); } </script><noscript> </noscript> </div> </div> <div id="billing_first_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_first_namename">First Name:</label> <input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50"/> <input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_first_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_first_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_last_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_last_namename">Last Name:</label> <input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50"/> <input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_last_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_last_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_suffix_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="billing_suffix">Suffix:</label> <select name="billing_suffix" id="billing_suffix" size="1"> <option></option> <option value="Sr.">Sr.</option> <option value="Jr.">Jr.</option> <option value="II">II</option> <option value="III">III</option> <option value="IV">IV</option> <option value="V">V</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_suffixsubmit" id="billing_suffixsubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_suffix', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_suffix_row', _display); this.disable_submit_flag (_hidden); } function billing_suffix_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_suffix', src); } } var el = document.getElementById('billing_suffix'); if (el) { Utils.addEvent (el, 'change', billing_suffix_listChanged); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_street1_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_street1name">Address Line 1:</label> <input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50"/> <input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_street1', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_street1_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_street2_row" class="form-row form-text"> <div class="form-content"> <label for="billing_addr_street2name">Address Line 2:</label> <input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50"/> <input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_street2', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_street2_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_city_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_cityname">City:</label> <input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50"/> <input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_city', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_city_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_state_row" class="form-row form-selectlist"> <div class="form-content"> <span class="field-required"></span> <label class="FormLabel" for="billing_addr_state">State/Province:</label> <select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)"> <option></option> <option value="AK">AK - Alaska</option> <option value="AL">AL - Alabama</option> <option value="AR">AR - Arkansas</option> <option value="AZ">AZ - Arizona</option> <option value="CA">CA - California</option> <option value="CO">CO - Colorado</option> <option value="CT">CT - Connecticut</option> <option value="DC">DC - District of Columbia</option> <option value="DE">DE - Delaware</option> <option value="FL">FL - Florida</option> <option value="GA">GA - Georgia</option> <option value="HI">HI - Hawaii</option> <option value="IA">IA - Iowa</option> <option value="ID">ID - Idaho</option> <option value="IL">IL - Illinois</option> <option value="IN">IN - Indiana</option> <option value="KS">KS - Kansas</option> <option value="KY">KY - Kentucky</option> <option value="LA">LA - Louisiana</option> <option value="MA">MA - Massachusetts</option> <option value="MD">MD - Maryland</option> <option value="ME">ME - Maine</option> <option value="MI">MI - Michigan</option> <option value="MN">MN - Minnesota</option> <option value="MO">MO - Missouri</option> <option value="MS">MS - Mississippi</option> <option value="MT">MT - Montana</option> <option value="NC">NC - North Carolina</option> <option value="ND">ND - North Dakota</option> <option value="NE">NE - Nebraska</option> <option value="NH">NH - New Hampshire</option> <option value="NJ">NJ - New Jersey</option> <option value="NM">NM - New Mexico</option> <option value="NV">NV - Nevada</option> <option value="NY">NY - New York</option> <option value="OH">OH - Ohio</option> <option value="OK">OK - Oklahoma</option> <option value="OR">OR - Oregon</option> <option value="PA">PA - Pennsylvania</option> <option value="RI">RI - Rhode Island</option> <option value="SC">SC - South Carolina</option> <option value="SD">SD - South Dakota</option> <option value="TN">TN - Tennessee</option> <option value="TX">TX - Texas</option> <option value="UT">UT - Utah</option> <option value="VA">VA - Virginia</option> <option value="VT">VT - Vermont</option> <option value="WA">WA - Washington</option> <option value="WI">WI - Wisconsin</option> <option value="WV">WV - West Virginia</option> <option value="WY">WY - Wyoming</option> <option value="AS">AS - American Samoa</option> <option value="FM">FM - Federated States of Micronesia</option> <option value="GU">GU - Guam</option> <option value="MH">MH - Marshall Islands</option> <option value="MP">MP - Northern Mariana Islands</option> <option value="PR">PR - Puerto Rico</option> <option value="PW">PW - Palau</option> <option value="VI">VI - Virgin Islands</option> <option value="AA">AA - Armed Forces Americas</option> <option value="AE">AE - Armed Forces</option> <option value="AP">AP - Armed Forces Pacific</option> <option value="AB">AB - Alberta</option> <option value="BC">BC - British Columbia</option> <option value="MB">MB - Manitoba</option> <option value="NB">NB - New Brunswick</option> <option value="NL">NL - Newfoundland and Labrador</option> <option value="NS">NS - Nova Scotia</option> <option value="NT">NT - Northwest Territories</option> <option value="NU">NU - Nunavut</option> <option value="ON">ON - Ontario</option> <option value="PE">PE - Prince Edward Island</option> <option value="QC">QC - Quebec</option> <option value="SK">SK - Saskatchewan</option> <option value="YT">YT - Yukon</option> <option value="None">None</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_state', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_state_row', _display); this.disable_submit_flag (_hidden); } function billing_addr_state_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_addr_state', src); } } var el = document.getElementById('billing_addr_state'); if (el) { Utils.addEvent (el, 'change', billing_addr_state_listChanged); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_zip_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_zipname">ZIP/Postal Code:</label> <input type="text" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="50"/> <input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_zip', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_zip_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_country_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="billing_addr_country">Country:</label> <select name="billing_addr_country" id="billing_addr_country" size="1" onchange="fire_obs_comp_event('billing_addr_country', this)"> <option></option> <option selected="selected" value="United States">United States</option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivarian Republic of Venezuela">Bolivarian Republic of Venezuela</option> <option value="Bonaire, Sint Eustatios and Saba">Bonaire, Sint Eustatios and Saba</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote D'Ivoire">Cote D'Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Democratic People's Republic of Korea">Democratic People's Republic of Korea</option> <option value="The Democratic Republic of the Congo">The Democratic Republic of the Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Federated States of Micronesia">Federated States of Micronesia</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="The Former Yugoslav Republic of Macedonia">The Former Yugoslav Republic of Macedonia</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Islamic Republic of Iran">Islamic Republic of Iran</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Plurinational State of Bolivia">Plurinational State of Bolivia</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Republic of Korea">Republic of Korea</option> <option value="Republic of Moldova">Republic of Moldova</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin (French)">Saint Martin (French)</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="S. Georgia & S. Sandwich Isls.">S. Georgia & S. Sandwich Isls.</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syrian Arab Republic">Syrian Arab Republic</option> <option value="Taiwan, Province of China">Taiwan, Province of China</option> <option value="Tajikistan">Tajikistan</option> <option value="Thailand">Thailand</option> <option value="Timor-Leste">Timor-Leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United Republic of Tanzania">United Republic of Tanzania</option> <option value="Uruguay">Uruguay</option> <option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Virgin Islands (USA)">Virgin Islands (USA)</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_country', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_country_row', _display); this.disable_submit_flag (_hidden); } function billing_addr_country_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_addr_country', src); } } var el = document.getElementById('billing_addr_country'); if (el) { Utils.addEvent (el, 'change', billing_addr_country_listChanged); } </script><noscript> </noscript> </div> </div> <div id="donor_email_address_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="donor_email_addressname">Email Address:</label> <input type="text" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255"/> <input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('donor_email_address', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_email_address_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_phone_row" class="form-row form-text"> <div class="form-content"> <label for="donor_phonename">Phone:</label> <input type="text" name="donor_phonename" id="donor_phonename" value="" maxlength="50"/> <input type="hidden" name="donor_phonesubmit" id="donor_phonesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('donor_phone', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_phone_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div class="custom-field-container form-row "> <div class="form-content"> <div class="form-input-label-block"> <label for="spouse_recognition_dropdown">Include Spouse?</label> </div> <fieldset> <input type="checkbox" name="spouse_recognition_radio" id="spouse_recognition_radio" value="true"/> <label class="custom-element-checkbox-label" for="spouse_recognition_radio">I would like my spouse included in recognition and correspondence from Woods Hole Oceanographic Institution.</label> </fieldset> <input type="hidden" name="spouse_recognitionsubmit" id="spouse_recognitionsubmit" value="true"/> </div> </div> <div id="joint_donor_title_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="joint_donor_title">Spouse Title:</label> <select name="joint_donor_title" id="joint_donor_title" size="1"> <option></option> <option value="Mr.">Mr.</option> <option value="Ms.">Ms.</option> <option value="Mrs.">Mrs.</option> <option value="Miss">Miss</option> <option value="Dr.">Dr.</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="joint_donor_titlesubmit" id="joint_donor_titlesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('joint_donor_title', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('joint_donor_title_row', _display); this.disable_submit_flag (_hidden); } function joint_donor_title_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('joint_donor_title', src); } } var el = document.getElementById('joint_donor_title'); if (el) { Utils.addEvent (el, 'change', joint_donor_title_listChanged); } </script><noscript> </noscript> </div> </div> <div id="joint_donor_first_name_row" class="form-row form-text"> <div class="form-content"> <label for="joint_donor_first_namename">Spouse First Name:</label> <input type="text" name="joint_donor_first_namename" id="joint_donor_first_namename" value="" maxlength="30"/> <input type="hidden" name="joint_donor_first_namesubmit" id="joint_donor_first_namesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('joint_donor_first_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('joint_donor_first_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="joint_donor_last_name_row" class="form-row form-text"> <div class="form-content"> <label for="joint_donor_last_namename">Spouse Last Name:</label> <input type="text" name="joint_donor_last_namename" id="joint_donor_last_namename" value="" maxlength="30"/> <input type="hidden" name="joint_donor_last_namesubmit" id="joint_donor_last_namesubmit" value="true"/> <script type="text/javascript"> var comp = new ObservableComponent ('joint_donor_last_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('joint_donor_last_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div class="button-container clearfix"> <div class="button-sub-container"> <button class="step-button action-button finish-step" type="submit" id="pstep_finish" name="pstep_finish" value="Donate">Donate</button> </div> </div> <input type="hidden" name="idb" id="idb" value="1166966942"/> <input type="hidden" name="df_id" id="df_id" value="1560"/> <input type="hidden" name="mfc_pref" id="mfc_pref" value="T"/> <div class="form-row"> <div class="html-caption-container"> <div id="help-text"> <p><strong>Woods Hole Oceanographic Institution is a 501 (c) (3) non-profit. </strong><br/>Your unrestricted online donation supports WHOI’s core initiatives and will be utilized where it will make the most impact. For restricted gifts of $50,000 or greater, please call the WHOI Development Office at 508-289-4895.<br/><br/></p> <p>Or donate by mail:<br/> WHOI Development Office<br/> Woods Hole Oceanographic Institution<br/> 266 Woods Hole Road, MS#40<br/> Woods Hole, MA 02543-1050</p> </div> </div> </div> <div id="premium_selector_row" class="form-row "> <input type="hidden" name="premium_selectorsubmit" id="premium_selectorsubmit" value="true"/> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { var donation_level_to_premium_map = new Object (); var premium_id_to_value_map = new Object (); var donation_level_value_to_level_id_map = new Object(); var user_entered_level_id = 0; // user entered value rendered into the page via java ... // presumably if user entered level is displayed on a previous page var previous_user_entered_value = 0; var user_selected_level_message_id = '-2'; var orriginal_select_list; var add_premium_to_level = function(level_id, premium_id) { var premium_array = donation_level_to_premium_map[level_id]; if (premium_array == undefined) { donation_level_to_premium_map[level_id] = []; donation_level_to_premium_map[level_id][0] = premium_id; } else { donation_level_to_premium_map[level_id].push(premium_id); } } var add_value_level_id_map = function(level_amount, level_id) { donation_level_value_to_level_id_map[level_amount] = level_id; } // find the donation level with the highest value that is still less than the provided amount var get_highest_value_level = function (amount) { amount = parseInt(amount); var highest_level_value = 0; var highest_level_id = -1; for (level_value in donation_level_value_to_level_id_map) { level_value = parseInt(level_value); if (amount >= level_value && level_value >= highest_level_value) { highest_level_id = donation_level_value_to_level_id_map[level_value]; highest_level_value = level_value; } } return highest_level_id; } var set_user_entered_level_id = function(level_id) { user_entered_level_id = level_id; } var set_user_entered_value = function(value) { previous_user_entered_value = value; } var calculate_radio_premiums = function(level_id) { var valid_premium_ids = donation_level_to_premium_map[level_id]; // if the selected level is the user entered amount level if (level_id == user_entered_level_id) { var level_id_premiums_to_display = get_highest_value_level(previous_user_entered_value.toString()); if (level_id_premiums_to_display < 0) { hide_premium_container(); hide_no_premium_message(); show_user_specified_amount_container(); } else { hide_no_premium_message(); hide_user_specified_amount_container(); display_premiums(donation_level_to_premium_map[level_id_premiums_to_display]); apply_radio_option_premium_separator(); show_premium_container(); } } else { // if there are no premiums available, show no premium message if (valid_premium_ids === undefined || valid_premium_ids.length == 0) { hide_premium_container(); hide_user_specified_amount_container(); show_no_premium_message(); } else { hide_no_premium_message(); hide_user_specified_amount_container(); display_premiums(valid_premium_ids); apply_radio_option_premium_separator(); show_premium_container(); } } } // this method expects a parsed currency string var configure_user_entered_premium_radio_list = function(amount) { var level_id_premiums_to_display = get_highest_value_level(amount); if (level_id_premiums_to_display < 0) { hide_premium_container(); hide_no_premium_message(); show_user_specified_amount_container(); } else { hide_no_premium_message(); hide_user_specified_amount_container(); display_premiums(donation_level_to_premium_map[level_id_premiums_to_display]); apply_radio_option_premium_separator(); show_premium_container(); } } var calculate_select_premiums = function(level_id) { var valid_premium_ids = donation_level_to_premium_map[level_id]; var level_id_message_to_show = -1; if (level_id == user_entered_level_id) { level_id_message_to_show = user_selected_level_message_id; } configure_premium_select_list(valid_premium_ids); hide_all_select_premium_messages(); show_select_premium_message(level_id_message_to_show); jQuery('#premium_selector_premiumSelect').val(-1); } var display_select_premium_descriptions = function(premium_id) { hide_all_select_premium_messages(); show_select_premium_message(premium_id); } var configure_premium_select_list = function(valid_premium_ids) { // remove current select list and replace with orrignal version jQuery('#premium_selector_premiumSelect').remove(); var new_select_list = orriginal_select_list.clone(true, true); new_select_list.prependTo('#premium_selector_list_container_premium_selector'); jQuery('#premium_selector_list_container_premium_selector'); // hide and show option groups jQuery('#premium_selector_premiumSelect optgroup').each(function(){ // get first child of optgroup ... all children should have the // same premium value so we only need to check the first var optgroup_premium_value = jQuery(this).children()[0].value; var premium_id = calculate_premium_value_from_select_option(optgroup_premium_value); if (valid_premium_ids == undefined || jQuery.inArray(premium_id, valid_premium_ids) <= -1) { jQuery(this).remove(); } }); // hide and show options jQuery('#premium_selector_premiumSelect option').each(function(){ var value = this.value; // extract premium ID from select option value var premium_id = calculate_premium_value_from_select_option(value); if (premium_id == 0 || premium_id == -1) { // do nothing } else if (valid_premium_ids == undefined || jQuery.inArray(premium_id, valid_premium_ids) <= -1) { jQuery(this).remove(); } }); // assign change listener jQuery('#premium_selector_premiumSelect').change(function(){ display_select_premium_descriptions(calculate_premium_value_from_select_option(this.value)); }); } // this method expects a parsed currency string var configure_user_entered_premium_select_list = function(amount) { var level_id_premiums_to_display = get_highest_value_level(amount); var premiums_to_display = donation_level_to_premium_map[level_id_premiums_to_display] // remove current select list and replace with orrignal version jQuery('#premium_selector_premiumSelect').remove(); var new_select_list = orriginal_select_list.clone(true, true); new_select_list.prependTo('#premium_selector_list_container_premium_selector'); jQuery('#premium_selector_list_container_premium_selector'); // enable applicable optgroups jQuery('#premium_selector_premiumSelect optgroup').each(function(){ var optgroup_premium_value = jQuery(this).children()[0].value; var premium_id = calculate_premium_value_from_select_option(optgroup_premium_value); if (jQuery.inArray(premium_id, premiums_to_display) <= -1 ) { jQuery(this).remove(); } }); // enable applicable options jQuery('#premium_selector_premiumSelect option').each(function(){ var value = this.value; // extract premium ID from select option value var premium_id = calculate_premium_value_from_select_option(value); if (premium_id == 0 || premium_id == -1) { // do nothing } else if (jQuery.inArray(premium_id, premiums_to_display) <= -1 ) { jQuery(this).remove(); } }); // assign change listener jQuery('#premium_selector_premiumSelect').change(function(){ display_select_premium_descriptions(calculate_premium_value_from_select_option(this.value)); }); } var calculate_premium_value_from_select_option = function(select_option_value) { return select_option_value.split('.')[0]; } var hide_all_select_premium_messages = function() { jQuery('.premium-selector-select-option-container').children('div').addClass('hidden'); } var show_select_premium_message = function(premium_id) { jQuery('#premium_selector_option_row_' + premium_id).removeClass('hidden'); } var show_no_premium_message = function() { jQuery('#premium_selector_radio_row_no_premium_available').removeClass('hidden'); } var hide_no_premium_message = function() { jQuery('#premium_selector_radio_row_no_premium_available').addClass('hidden'); } var hide_premium_container = function() { jQuery('#premium_selector_raio_row').addClass('hidden'); } var show_premium_container = function() { jQuery('#premium_selector_raio_row').removeClass('hidden'); } var show_user_specified_amount_container = function() { jQuery('#premium_selector_radio_row_user_specified_amount').removeClass('hidden'); } var hide_user_specified_amount_container = function() { jQuery('#premium_selector_radio_row_user_specified_amount').addClass('hidden'); } var apply_radio_option_premium_separator = function() { jQuery('.premium-selector-radio-option-row').not('.hidden').each(function(index) { if (index == '0') { jQuery(this).removeClass('premium-separator'); } else { jQuery(this).addClass('premium-separator'); } }); } var display_premiums = function(valid_premium_ids) { jQuery('.premium-selector-radio-option-row').each(function(){ var premium_selector_radio_option_row = jQuery(this); // retrieve the premium_id associated with this row var premium_id = get_premium_id_from_radio_option_row_id(premium_selector_radio_option_row.attr('id')); if (jQuery.inArray(premium_id, valid_premium_ids) > -1 || premium_id == 0) { premium_selector_radio_option_row.removeClass('hidden'); } else { premium_selector_radio_option_row.addClass('hidden'); } }); } var get_premium_id_from_radio_option_row_id = function(radio_row_id) { var index_of_last_underscore = radio_row_id.lastIndexOf('_'); return radio_row_id.slice(index_of_last_underscore + 1); } jQuery(function(){ // registers level-to-premium relationships and level_value-to-premium // register user entered level id setCurrencyContext ("$", ",", ".", 2); set_user_entered_level_id (2024); set_user_entered_value (-1); // clone full select list orriginal_select_list = jQuery('#premium_selector_premiumSelect').clone(true, true); // default value for 0 is 0, however, the default message level id we want to display is '-1' calculate_select_premiums('-1'); if (user_entered_level_id == 0) { configure_user_entered_premium_select_list(previous_user_entered_value); } // subscribe click listeners for level selector radio buttons var selected_level_id = 0; jQuery('.donation-level-input-container input[type=radio]').click(function(){ calculate_select_premiums(this.value); }); jQuery('.donation-level-user-entered input[type=text]').bind('keyup focus', function() { configure_user_entered_premium_select_list(parseCurrency(this.value)); }); jQuery('.designated-giving-amount-container input[type=text], .contact-amount-container .amount-input-text, .contact-amount-display').bind('keyup focus click', function() { var designated_giving_total = 0; jQuery('.designated-giving-amount-container input[type=text], .contact-amount-container .amount-input-text').each(function(){ parsedTotal = parseInt(this.value); if (!isNaN(parsedTotal) && jQuery(this).is(':visible') == true) { designated_giving_total = designated_giving_total + parseInt(this.value); } }); configure_user_entered_premium_select_list(parseCurrency(designated_giving_total.toString())); }); }); }); </script><noscript> </noscript> </div> </div> <input type="hidden" name="1560.donation" id="1560.donation" value="form1"/> </div> <script type="text/javascript"> function deny_submit() { alert ('Form submission is not enabled when previewing an individual data element.'); return false; } </script><noscript> </noscript> </form> </div> </div> </div> <div id="footer-outer"> <div id="footerContainer"> <div class="footernav col-1"> <p>Woods Hole Oceanographic Institution (WHOI) is the world's leading non-profit oceanographic research organization. Our mission is to explore and understand the ocean and to educate scientists, students, decision-makers, and the public.</p> </div> <div class="footernav col-2"> <h2>About Giving to WHOI</h2> <ul> <li><a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/">WHOI Giving</a></li> <li><a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/">Why give to WHOI?</a></li> <li><a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/ways-to-give/">Ways to give</a></li> <li><a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/join-us/">Become a member </a></li> <li><a href="https://web.archive.org/web/20170312065608/http://giving.whoi.edu/about-us/faqs/">FAQs: Giving to WHOI</a></li> </ul> </div> <div class="footernav col-3"> <h2>Helpful links</h2> <ul> <li><a href="Donation2?df_id=1480&1480.donation=form1">Donate</a></li> <li><a href="https://web.archive.org/web/20170312065608/http://www.whoi.edu/">WHOI homepage</a></li> <li><a href="https://web.archive.org/web/20170312065608/http://shop.whoi.edu/whoi/">ShopWHOI</a></li> <li><a href="https://web.archive.org/web/20170312065608/http://www.whoi.edu/whoi/privacy.do">Privacy policy</a></li> </ul> </div> <div class="footernav col-4"> <div id="c-nav-logo"><img src="/web/20170312065608im_/https://secure2.convio.net/whoi/images/content/pagebuilder/charity-nav-logo.png" border="0" alt=""/></div> <div id="c-nav-text"> <p>WHOI is proud to hold Charity Navigator's highest rating for the seventh year.</p> </div> </div> <div class="clear"> </div> <div class="mailing-address"> <p>WHOI Development Office, MS #40, Woods Hole Oceanographic Institution   •   266 Woods Hole Road, Woods Hole, MA 02543-1050   •   (508) 289-4895   •   <a class="email-contact" href="https://web.archive.org/web/20170312065608/mailto:development@whoi.edu" target="_blank">development@whoi.edu</a></p> </div> </div> </div> </div> </body> </html>