

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="no-referrer-when-downgrade">
<link rel="stylesheet" href="/i4a/includes/css/lucee_dump_i4a_light.css">

	
					<style type="text/css">
						
#i4awidget_footerimages_240 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: black;
}
						
					
#i4awidget_footercontactus_239 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: white;
}
						
					
#i4awidget_footercontent_243 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: white;
}
						
					
#i4awidget_widget_responsiveimage_245 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					
#i4awidget_widget_responsivemenu_242 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	right: 0px;
	width: auto;
	height: auto;
}
						
					
#i4awidget_widget_responsivemenu_244 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					
#i4awidget_widget_responsivemenu_241 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					</style>
				
			
	<!-- display verisign seal if SSL connection -->
	
		
			<script src="https://seal.websecurity.norton.com/getseal?host_name=i4alaura.i4adev.com&size=M&use_flash=YES&use_transparent=YES"></script>
	 	
	 	
	<script type="text/javascript" src="/common/jquery/jquery.js?v=202606261951578"></script>

<script type="text/javascript" src="/common/jquery/jquery-migrate-3.4.0.min.js?v=202606261951578"></script>

<script type="text/javascript" src="/common/popper/popper.min.js"></script>
<script type="text/javascript" src="/common/bootstrap431/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/common/bootstrap431/plugins/statefulButton.js"></script>
<link rel="stylesheet" href="/i4a/includes/css/bootstrap_i4a.css">
<link rel="stylesheet" href="/common/bootstrap431/themes/bootswatch/431/united.min.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-select/css/bootstrap-select-i4a.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/datepicker/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="/common/bootstrap431/plugins/datepicker/css/bootstrap-datepicker.standalone.min.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-input-spinner/bootstrap-input-spinner.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-toggle/css/bootstrap4-toggle.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-toggle/js/bootstrap4-toggle.min.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/colorpicker2/css/bootstrap-colorpicker.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/colorpicker2/js/bootstrap-colorpicker.min.js"></script>

<link rel="stylesheet" href="/common/fontawesome642/css/all.min.css">

<link rel="stylesheet" href="/common/fontawesome642/css/v4-shims.min.css">

<link rel="stylesheet" href="/common/sweetalert/sweetalert.min.css">

<script type="text/javascript" src="/common/sweetalert/sweetalert.min.js"></script>


	<script>
		$(function() {
			// add Bootstrap responsive class to all images, except those with class name of 'noResponsive'
			$('img').each(function(index) {
				if ($(this).hasClass('noResponsive') == false) {
					$(this).addClass('img-fluid');
				}
			});
		});
	</script>


	<title>RSVP Form | i4a Individual Site</title>


<link rel="canonical" href="https://i4alaura.i4adev.com/i4a/pages/index.cfm?pageid=3317">

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">


	<link rel="stylesheet" type="text/css" href="/templates/common/styles_responsive.css?v=2086">


	<link rel="stylesheet" href="/i4a/css/forms_builder/forms_baseline_styles.css" type="text/css" />


<link rel="stylesheet" href="/i4a/css/widgets/font_resizer.css" type="text/css" />
<link rel="stylesheet" href="/i4a/css/widgets/login.css" type="text/css" />
<link rel="stylesheet" href="/i4a/css/widgets/search.css" type="text/css" />
<link rel="stylesheet" href="/i4a/css/widgets/i4afooterlink.css" type="text/css" />


			<link rel="stylesheet" type="text/css" href="/templates/1024/styles_i4a_menu_submenu.css?v=3443">
			
		
			<link rel="stylesheet" type="text/css" href="/templates/1024/styles_i4a_menu_secondarymenu.css?v=1136">
			
		
	  	<link rel="stylesheet" type="text/css" href="/templates/1024/styles_template.css?v=4487">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1024/styles_wysiwyg.css?v=4959">
	  	
	  	
<script>
	function MM_openBrWindow(theURL,winName,features) {
		window.open(theURL,winName,features);
	}
</script>


<link type="text/css" rel="stylesheet" href="/i4a/css/html5.css">
<script src="/i4a/jslib/consent.js?ts=0.6164159557505486"></script> <!---Lucee-Ajax-Core---> <script type="text/javascript">
				var _cf_ajaxscriptsrc = "/mapping-tag/lucee/core/ajax/JSLoader.cfc?method=get&lib=";
				var _cf_ajaxcsssrc = "/mapping-tag/lucee/core/ajax/css/";
				var _cf_loadingtexthtml = '<div style="text-align: center;"><img src="/mapping-tag/lucee/core/ajax/loader/loading.gif.cfm"/></div>';
				var _cf_params = {"GOOGLEMAPKEY":""};
			</script>
			<script type="text/javascript" src="/mapping-tag/lucee/core/ajax/JSLoader.cfc?method=get&lib=LuceeAjax"></script> <!---_Lucee_cfimageCaptcha---> <script type="text/javascript">
				var _Lucee_cfimageCaptcha = Lucee.ajaxProxy.init("/i4a/forms/captcha_remote.cfc","cfimageCaptcha");
		
				_Lucee_cfimageCaptcha.prototype.createCaptcha = function(minLength,maxLength,id,difficulty,fontSize,fonts,height,width){
					return Lucee.ajaxProxy.invokeMethod(this,'createCaptcha',{minLength:minLength,maxLength:maxLength,id:id,difficulty:difficulty,fontSize:fontSize,fonts:fonts,height:height,width:width});
				};
			
				_Lucee_cfimageCaptcha.prototype.valCaptcha = function(hashthis){
					return Lucee.ajaxProxy.invokeMethod(this,'valCaptcha',{hashthis:hashthis});
				};
			</script><script>_i4a_enableCookies(); _i4a_createCookie("i4aconsent", "true", 365);</script></head>


	<body class="page-3317 childof-3299 toplevelpage-3299 theme-1024 level-8 section-1 section-3299 section-3317 innerpage">
<script>checkConsentStatus();</script>


		<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">


<div class="container">
    <div class="fixed-top container">
	    <div class="row i4a_header_row1">
	        <div class="col-md-5 col-sm-12 i4a_header_row1_col1 widgets" id="header_row1_column1"></div>
	        <div class="col-md-7 col-sm-12 i4a_header_row1_col2 widgets" id="header_row1_column2"></div>
	    </div>
	    <div class="row i4a_header_row2">
			<div class="col-sm-12 i4a_header_row2_col1 widgets" id="header_row2_column1"></div>
		</div>
	</div>

     <div class="row i4a_main_content_row"> 

		
        <div class="col-md-3 d-none d-md-block d-lg-block d-xl-block i4a_left_sidebar widgets" id="left_sidebar"></div>

		
        <div class="col-md-9 col-sm-12 i4a_page_content">
			
			
				<div class="pageTitle">
					RSVP Form
				</div>
			

<div id="i4acontent_area_outer">

	
<NOSCRIPT>
	<META HTTP-EQUIV="Refresh" CONTENT="0;URL=https://>i4alaura.i4adev.com/i4a/nojavascript.cfm">
</NOSCRIPT>

		
<div id="frm_wrapper" style="">

	
	<form action="index.cfm?id=17&popup=false" method="POST" id="iform" name="iform" enctype="multipart/form-data">
		
		<input type="hidden" id="num_questions" name="num_questions" value="4">
		<input type="hidden" name="form_id" value="17">
		<input type="hidden" name="report_id" value="">
		<input type="hidden" name="AllowedUploads" value="doc,docx,docm,dotx,dotm,eps,epub,htm,ics,lit,mobi,msg,pdf,potx,potm,ppam,ppsx,ppsm,pps,ppt,pptm,pptx,pub,txt,xls,zip,xlsx,xlsm,xltx,xltm,xlsb,xlam,vcf,sgf,gif,jpg,jpeg,jpe,png">
		
		
			<input type="hidden" name="formtitle" value="RSVP Form">
		
	
<script>
	$(function () {
		// reset payment token in case user clicked Back button in browser
		$('#paymentToken').val('');
		
		//$('#business_radio').trigger('change');
		
		
			$('#formsPayment :input').each(function() {
				if ($(this).attr('id') != 'savePaymentProfile_yes' && $(this).attr('id') != 'usePaymentProfile_yes') {
					$(this).addClass('form-control').css('margin-bottom', '10px').css('margin-left', '2px');
				}
			});
			$('#formsPayment').css('max-width', '100%');
		
	});
	
	function limitText(limitField, limitCount, limitNum) {
		if (limitField.value.length > limitNum) {
			limitField.value = limitField.value.substring(0, limitNum);
		} else {
			limitCount.value = limitNum - limitField.value.length;
		}
	}

	function enable(obj) {
		obj.disabled = false;
		obj.style.backgroundColor = "white";
		obj.style.color = "black";
	}

	var validForm = false;
	var sent = 0;
	
	// Thibault 2/11/06 added init function called at page load, plus validation that required fields are completed before submit.  should help with problems with the back button and credit cards,  issue 30102
	function init() {
		frm = document.iform;

		
	}

	window.onload = new Function("init()"); //set init function to run at page load

	function lcase(mystring)  {
		return mystring.toLowerCase()
	}

	function listfind(list,value,delimiters) {
		if(!delimiters){var delimiters=','}
		_TempListSplitArray = list.split(delimiters)
		FoundIdx = 0;
		for(i=0;i<_TempListSplitArray.length;i++) {
			if(_TempListSplitArray[i]==value){
				FoundIdx= i+1;
				break
			}
		}
		return FoundIdx;
	}

	function startValidate() {
		// this will kick off validation, but since we need to validate the captcha
		// we have to wait for that to finish first...
		var iForm = document.getElementById('iform');
		var fld_ss_form_testid = document.getElementById('fld_ss_form_testid');
		var mainV = validateFrm();
		fld_ss_form_testid.value = 1;
		if (mainV) {
			
				iForm.submit();
			
		}
	}

	function validateFrm() {
		if(!sent) sent = 0;  //make sure we have this!
		if (!validForm) validForm = false;
		arrReqMissing = new Array();
		
			
			var jsDesc = "test";
			
			
				docfilename = document.iform.response_1.value.toLowerCase();
				list = "doc,docx,docm,dotx,dotm,eps,epub,htm,ics,lit,mobi,msg,pdf,potx,potm,ppam,ppsx,ppsm,pps,ppt,pptm,pptx,pub,txt,xls,zip,xlsx,xlsm,xltx,xltm,xlsb,xlam,vcf,sgf,gif,jpg,jpeg,jpe,png";
				if (docfilename != '') {
					x = docfilename.length;
					y = docfilename.lastIndexOf(".") + 1;
					ext = docfilename.substr(y, x);
					extfound = listfind(list, ext, ',');
					if (extfound == 0) {
						allowedUploadsList = 'doc,docx,docm,dotx,dotm,eps,epub,htm,ics,lit,mobi,msg,pdf,potx,potm,ppam,ppsx,ppsm,pps,ppt,pptm,pptx,pub,txt,xls,zip,xlsx,xlsm,xltx,xltm,xlsb,xlam,vcf,sgf,gif,jpg,jpeg,jpe,png';
						allowedUploadsList = allowedUploadsList.replace(/,/g, ', ');

						swal({
				  			title: 'File types',
				  			html: true,
				  			text: 'Sorry, you can only upload files of the following types: ' + allowedUploadsList,
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
						return false;
					}
				// Leaving this disabled since I am going to relax security checks a bit, but leaving here
				// in case we need to add specific strings to exlusion for file uploads.
				//if ( docfilename.toLowerCase().indexOf("sp_") > -1 ) {
				//	alert("Sorry, you cannot upload files that contain the string 'sp_', please rename your file before uploading it.");
				//	return false;
				//	}
				}
			
		
			var jsDesc = "First Name";
			
				obj = document.iform.response_2;
				val = "";
				
				val = obj.value;
				if (obj.value == "") {
					arrReqMissing[arrReqMissing.length] = jsDesc;
				}
				
			
			var jsDesc = "Last Name";
			
				obj = document.iform.response_3;
				val = "";
				
				val = obj.value;
				if (obj.value == "") {
					arrReqMissing[arrReqMissing.length] = jsDesc;
				}
				
			
			var jsDesc = "Comments";
			
			
		if(arrReqMissing.length > 0) {
			//errStr = "We're sorry, but the following fields are required before you can submit this form. Please click OK, then correct these entries.<br>";
			errStr = "";
			for(i=0; i<arrReqMissing.length; i++) {
				errStr += arrReqMissing[i] + "<br>";
			}
			swal({
	  			title: 'Missing required fields',
	  			html: true,
	  			text: errStr,
	  			animation: 'slide-from-top',
	  			type: 'info',
	  			confirmButtonText: 'Ok',
	  			confirmButtonColor: '#337ab7'
	  		});
			return false;
		}

		for(i=0; i<document.iform.elements.length; i++) {
		 	if (document.iform.elements[i].type == 'textarea' || document.iform.elements[i].type == 'text') {
		 		if (document.iform.elements[i].value.length > 2147483647) {
		 			swal({
			  			title: 'Maximum allowable length',
			  			html: true,
			  			text: "One or more field responses exceeds the maximum allowable length of 2147483647 characters. Please adjust your responses and re-submit.",
			  			animation: 'slide-from-top',
			  			type: 'info',
			  			confirmButtonText: 'Ok',
			  			confirmButtonColor: '#337ab7'
			  		});
		 			return false;
		 		}
		 	}
		}

		if (sent == 1) {
	          swal({
	  			title: 'Processing..',
	  			html: true,
	  			text: "Your request is processing. Please do not click Submit more than once.",
	  			animation: 'slide-from-top',
	  			type: 'info',
	  			confirmButtonText: 'Ok',
	  			confirmButtonColor: '#337ab7'
	  		  });
	          return false;
	    }
		
			bOK = true;
		
		if (bOK) {
			var btn = $('#submitBtn');
			btn.button('loading');
			btn.prop('disabled', true);
			sent = 1;
			validForm = true;
			return true;
		}
		else {
			return false;
		}
	}

	function IsNumeric(sText) {
	   var ValidChars = "0123456789.";
	   var IsNumber=true;
	   var Char;

	   for (i = 0; i < sText.length && IsNumber == true; i++) {
	      Char = sText.charAt(i);
	      if (ValidChars.indexOf(Char) == -1) {
	         IsNumber = false;
	      }
	   }
	   return IsNumber;
	}

	function setButtonVal(el, itemID, price) {
		// first set the price attribute on the element
		el.price = price;
		// now set the value of a hidden field for the associated radio button
		document.getElementById(itemID).price = price;
		document.getElementById(itemID).value = 1;
		// now call the calcTotalFix function to recaculate the total amount due
		calcTotalFix();
	}

	function getRadioButtonValForTotal(radioName){
		var rads = document.getElementsByName(radioName);
		var selectedPrice = 0;
		for(i=0; i < rads.length; i++) {
		  if(rads[i].checked == true){
		    selectedPrice = rads[i].getAttribute('price');
		  }
		}

		selectedPrice = parseFloat(selectedPrice);
		return selectedPrice;
	}

	function calcTotalFix() {
		var priceFields = $(".calculateTotal");
		// console.log('priceFields length: ' + priceFields.length);
		var updateTotal = 0; // initialize total before looping over array
		var processedRadioButtons = [];	/// reset array every time this function is called
		for (var i=0; i < priceFields.length; i++) {
			myFieldObj = priceFields[i];
			if (myFieldObj.value == '') { myFieldObj.value = 0; }
			fieldName = myFieldObj.name;
			value = myFieldObj.value;
			fieldID = myFieldObj.getAttribute('id');
			price = myFieldObj.getAttribute('price');

			// check to see if this is a radioVal by the item id
			if(fieldID != undefined){
				var nRadioVal = fieldID.indexOf("radioVal");
				if(nRadioVal > -1){
					fieldtype = 'radioval';
				} else {
					fieldtype = 'notradioval';
				}
			} else {
				fieldtype = 'nofieldid';
			}

			// if this is just an open price field, there is no notion of quantity times price, so the price to the value of the field
			if(fieldtype === 'radioval'){
				// radio price field - use "price" attribute since we have funky stuff in the "value" attribute that we can't parse easily
				arrNum = $.inArray(fieldName, processedRadioButtons);
				if(arrNum > -1) {
					// set price and calcualted value to zero for the rest of the checkboxes in this array because don't want to keep adding to price
					price = 0;
					calculatedValue = parseFloat(0);
				} else {
					price = getRadioButtonValForTotal(fieldName);
					calculatedValue = parseFloat(price);
					// add radio button field name to array of radio fields processed so we don't check again
					processedRadioButtons.push(fieldName);
				}
				// console.log('fieldName: ' + fieldName + ' / value: ' + value + ' fieldID: ' + fieldID + ' / price: ' + price + ' / calculatedValue: ' + calculatedValue);
			} else {
				if (price === undefined || price === null) {
				// check to see if it's a radio price field first
					// open price field - use "value" attribute
					if (!IsNumeric(value)) {
						//alert("Open Prices must be numbers only, no formatting is allowed.");
						swal({
				  			title: 'Numbers only',
				  			html: true,
				  			text: "Open Prices must be numbers only, no formatting is allowed.",
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
						myFieldObj.value = 0;
						return;
					}
					calculatedValue = parseFloat(value);
					// console.log('fieldName: ' + fieldName + ' / value: ' + value + ' fieldID: ' + fieldID + ' / price: ' + price + ' / calculatedValue: ' + calculatedValue);
				} else {
					if (!IsNumeric(value)) {
						//alert("Price fields only allow numbers.");
						swal({
				  			title: 'Price fields',
				  			html: true,
				  			text: "Price fields only allow numbers.",
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
						myFieldObj.value = 0;
						return;
					}
					myVal = parseFloat(value);
					// console.log('in parseint with 10 - fieldName: ' + fieldName + ' / value: ' + value + ' fieldID: ' + fieldID + ' / price: ' + price + ' / myVal: ' + myVal);
					calculatedValue = myVal * parseFloat(price);

				}
			}


			// console.log('Field id: ' + fieldID + ' / Fieldtype: ' + fieldtype + ' / Field name: ' + fieldName + ' / value: ' + value + ' / Price: ' + price + ' / Calculated Field Total: ' + calculatedValue);
			updateTotal = updateTotal + calculatedValue;
		}

		// update hidden total amount
		if (document.iform.hiddentotal) { document.iform.hiddentotal.value = updateTotal; }
		// console.log('The updateTotal is now: ' + updateTotal);
		
		
		// update total value with formatted amount
		if (typeof(formatCurrency) == "function") { document.iform.total.value = formatCurrency(updateTotal); }
		
		if ($('#ordertotal_work').length > 0) {
            $('#ordertotal_work').val(updateTotal.toFixed(2));
        }
        
        if ($('#pmt_method').length > 0) {
        	$('#pmt_method').val('');
        }
        $('.paymentProfileRadio').prop('checked', false);
        $('.card').removeClass('active');
        
		// need to update the cc_info tag fields...
		if (typeof(checkTotal) == "function") { checkTotal(); }
	}

	/* remove after confirming ok without it - 8/8/13 CJV */
	function calcTotal(myField){
		thisVal = myField.value;
		// alert(thisVal);
		if (thisVal == '') {
			thisVal = 0;
			myField.value = 0;
			}
			if (!IsNumeric(myField.value)) {
				//alert('Please enter only numbers or decimal points in a price field');
				swal({
		  			title: 'Price field',
		  			html: true,
		  			text: "Please enter only numbers or decimal points in a price field.",
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
				myField.value = 0;
				thisVal = 0;
				}
				// get the current total
				var origTotal = document.iform.hiddentotal.value;
				// now backout the prior value from the total
				var priorTotal = origTotal - myField.priorval;
				if(priorTotal == ''){
					priorTotal = 0;
					}
				// add the open price to the total
				updateTotal = parseFloat(eval(priorTotal)) + parseFloat(eval(thisVal));
				// update hidden total amount
				document.iform.hiddentotal.value = updateTotal;
				
					
				// update total value with formatted amount
				document.iform.total.value = formatCurrency(updateTotal);
		checkTotal(); // need to update the cc_info tag fields...
	}
	/* */

	function setOpenPriceInput(thisField,thisPrice){
		if(thisPrice == ''){
			thisField.priorval = 0;
		} else {
			thisField.priorval = thisPrice;
		}
	}

	
		var div_bottom_moved = false;

		function addLoadEvent(func) {
 			var oldonload = window.onload;
  			if (typeof window.onload != 'function') {
    			window.onload = func;
  			}
  			else {
    			window.onload = function() {
      				if (oldonload) {
        				oldonload();
      				}
      				func();
    			}
  			}
 		}

		addLoadEvent(calcTotalFix);
	
</script>

	
<style>
.has-error {
	color: #f70404 !important;
}
.has-error input {
	border: 1px solid #f70404 !important;
}
</style>


<script>
	function checkInvalidCharacter(objName){
		var obj = document.iform[objName];
		var strFileName = obj.value.replace('C:\\fakepath\\','');
		iTemp = strFileName.indexOf(":");
		
		if (iTemp > -1) {
			swal({
	  			title: 'Invalid character',
	  			html: true,
	  			text: "Invalid character ':' found in file name. Please change the file name before attempting to upload this file.",
	  			animation: 'slide-from-top',
	  			type: 'info',
	  			confirmButtonText: 'Ok',
	  			confirmButtonColor: '#337ab7'
	  		});
			obj.value = '';
			return false;
		}
		else {
			iTemp = obj.value.indexOf(",");
			if (iTemp > -1) {
				swal({
		  			title: 'Invalid character',
		  			html: true,
		  			text: "Invalid character ',' found in file name. Please change the file name before attempting to upload this file.",
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
				obj.value = '';
				return false;
			}
		}
	}
	function clearRadio(rd) {
		if (document.iform) {
			var v;
			var ln;
			var ev;
			submitted = 0;
			v = "document.iform." + rd + ".length";
			ln = eval(v);
			// This will ensure we uncheck if there is only 1 radio button..
			v = "document.iform." + rd + ".checked = false;";
			ev = eval(v);
			// Now loop through the list of radio buttons and uncheck them all
			for (i=0;i<ln;i++) {
				v = "document.iform." + rd + "[" + i + "].checked = false;";
				//console.log(v);
				ev = eval(v);
			}
			calcTotalFix();
		}
	}
</script>


<div class="form_layout_wrapper" style="max-width:940px;" >

	
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-317" class="layout form item outer row-1 item-317 row_num-20 row_pos-16 rowlength-1 type-File" style="clear:both;width:100%;position:relative;">

			<div class="inner">

				
							test
					

							<input type="file" accept="*" 
								
									id="response_1"
									name="response_1"
								
								
									onchange="checkInvalidCharacter('response_1');"
								

                                            value=""
									    
										
								class="type-File row-1 item-317"
							><!-- input -->

							
				<input type="hidden" name="question_1" value="test">
				<INPUT TYPE="hidden" NAME="response_1_question_id" VALUE="317">
				<INPUT TYPE="hidden" NAME="question_type_1" value="File">
				<INPUT TYPE="hidden" NAME="label_1" value="test">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-312" class="layout form item outer row-2 item-312 row_num-40 row_pos-64 rowlength-2 type-Text" style="clear:both;;position:relative;">

			<div class="inner">

				
							First Name<span class="text-danger"> *</span>
					

							<input type="text"
								
									id="response_2"
									name="response_2"
								
								
								 style="width:200px;"
								
									
                                            value=""
									    
										
								class="form-control type-Text row-2 item-312"
							><!-- input -->

							
						<INPUT
							TYPE="hidden"
							NAME="response_2_required"
							VALUE="The field First Name is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_2" value="First Name">
				<INPUT TYPE="hidden" NAME="response_2_question_id" VALUE="312">
				<INPUT TYPE="hidden" NAME="question_type_2" value="Text">
				<INPUT TYPE="hidden" NAME="label_2" value="First Name">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
		<div id="form-item-313" class="layout form item outer row-3 item-313 row_num-40 row_pos-96 rowlength-2 type-Text" style=";position:relative;">

			<div class="inner">

				
							Last Name<span class="text-danger"> *</span>
					

							<input type="text"
								
									id="response_3"
									name="response_3"
								
								
								 style="width:200px;"
								
									
                                            value=""
									    
										
								class="form-control type-Text row-3 item-313"
							><!-- input -->

							
						<INPUT
							TYPE="hidden"
							NAME="response_3_required"
							VALUE="The field Last Name is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_3" value="Last Name">
				<INPUT TYPE="hidden" NAME="response_3_question_id" VALUE="313">
				<INPUT TYPE="hidden" NAME="question_type_3" value="Text">
				<INPUT TYPE="hidden" NAME="label_3" value="Last Name">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-328" class="layout form item outer row-4 item-328 row_num-60 row_pos-64 rowlength-1 type-Textarea" style="clear:both;;position:relative;">

			<div class="inner">

				
							Comments
					

							<textarea
								
									onKeyDown="limitText(response_4, countdown_4, 2000);"
									onKeyUp="limitText(response_4, countdown_4, 2000);"
								
								id="response_4"
								name="response_4"
								rows="5"
								class="form-control type-Textarea row-4 item-328"
								
								
									style="width:800px;"
								

								></textarea>
								
									
										<br />
										<font size="1">(Maximum characters: 2000)
										<br />
										You have <input readonly type="text" name="countdown_4" size="5" value="2000" > characters left.</font>
									
								
				<input type="hidden" name="question_4" value="Comments">
				<INPUT TYPE="hidden" NAME="response_4_question_id" VALUE="328">
				<INPUT TYPE="hidden" NAME="question_type_4" value="Textarea">
				<INPUT TYPE="hidden" NAME="label_4" value="Comments">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
	</div><!-- /The inner div, for the sake of IE -->

	
	<input type="hidden" id="hasOpenPriceField" name="hasOpenPriceField" value="0">

	
</div><!-- /form_layout_wrapper -->


		<div id="_ssdiv2" style="display:none">
			<input type="hidden" id="fld_uploadfields" name="UploadFields" value="1">
			<input type="hidden" id="fld_id_column" name="id_column" value="ID">
			<input type="hidden" id="fld_id_value" name="id_value" value="">
			<input type="hidden" id="fld_form_overrideid" name="form_overrideID" value="0">
			
			<input type="hidden" id="fld_ss_form_testid" name="ss_form_testid" value="0" />
			<div id="_ssdiv">
				<p style="background-color: blue"><input type="text" name="ss_email" value="" /></p>
			</div>
		</div>
		
			<input type="hidden" name="form_isEdit" value="0">
		
	
		<div id="div_bottom" style="clear:both;">
			
			
				<input type="hidden" name="useCaptcha" value="0">
			
			
				<INPUT TYPE="hidden" NAME="send_mail_ind" VALUE="0">
				<INPUT TYPE="hidden" NAME="no_opt_out" VALUE="1">
			
	
			<div id="frm_submit_button">
				<br />
				<button class="btn btn-primary" type="button" data-loading-text="Please wait..." id="submitBtn"
					
						onclick="startValidate();"
					
				>Submit Form</button>
				<br /><br />
			</div>
	
			
			<div id="frm_verisign_seal_box">
				
				
	<!-- display verisign seal if SSL connection -->
	
		
		<img alt="void" src="/i4a/sysimages/blank.gif" width="98" height="102" border="0">
	

			</div>
			
	
				<div id="frm_required_copy_bottom">
					<p>Fields marked with <span class="text-danger">*</span> are required.</p>
				</div>
			
	
		</div><!-- div_bottom -->
	
		
	</form>
</div>


	</div>


				</div> 
    </div> 
</div>


<div class="container">
	<div class="row i4a_footer_row1">
        <div class="col-sm-12 i4a_footer_row1_col1 text-center widgets" id="footer_row1_column1"></div>
    </div>
    <div class="row i4a_footer_row2">
        <div class="col-sm-12 i4a_footer_row2_col1 text-center widgets" id="footer_row2_column1"></div>
    </div>
	<div class="row i4a_footer_row3">
        <div class="col-sm-12 i4a_footer_row3_col1 text-center widgets" id="footer_row3_column1"></div>
    </div>
</div> 
		
	
			<div id="i4awidget_footerimages_240" class="footerImages"  >
				
					<div class="row">
   <div class="col-sm-4">
         <div class="icon_education"></div>
         <br />
         <span class="small">EDUCATION</span>
   </div>
   <div class="col-sm-4">
         <div class="icon_collaboration"></div>
         <br />
         <span class="small">COLLABORATION</span>
   </div>
   <div class="col-sm-4">
         <div class="icon_outreach"></div>
         <br />
         <span class="small">COMMUNITY</span>
   </div>
</div> 
				
			</div>
			
				
				<script type="text/javascript">
					
					_getComputedStyle = function(_elem, _style) {
  						var computedStyle;
  						if (typeof _elem.currentStyle != 'undefined') {
  							computedStyle = _elem.currentStyle; }
  						else {
  							computedStyle = document.defaultView.getComputedStyle(_elem, null);
  							}
						return computedStyle[_style];
						}
					
					var _widget_parentDiv = document.getElementById('footer_row1_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footerimages_240'));
					}
				</script>
				
			
			<div id="i4awidget_footercontactus_239" class="footerContactUs"  >
				
					<a href="#" class="contactUsText" target="_blank">Want to know more? Contact us today.</a> &nbsp;&nbsp;
<button class="btn btn-danger btn-lg contactUsButton" onclick="window.location.href=#">LEARN MORE</button>
				
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('footer_row2_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footercontactus_239'));
					}
				</script>
				
			
			<div id="i4awidget_footercontent_243" class="footerContent"  >
				
					
						<i class="fa fa-copyright"></i> 2026 Company Name | All Rights Reserved<br />
123 Any Street | City, ST 00000 | 000.000.0000 | email@domain.com

					
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('footer_row3_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footercontent_243'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsiveimage_245" class="widget_responsiveimage"  >
				
					
<a href="/" target=""><img alt="company_logo.png"  src="/templates/1024/images/company_logo.png" class="img-fluid " /></a>


			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsiveimage_245'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivemenu_242" class="widget_responsivemenu"  >
				
					
				<div id="menu_secondarymenu_wrapper">
					<span>
						
							<span class="menu_secondarymenu_link">
								<a class="menu_secondarymenu_link_link" href="/i4a/pages/index.cfm?pageid=3305" >
									Create Account
								</a>
							</span>
						
							<span class="menu_secondarymenu_link">
								<a class="menu_secondarymenu_link_link" href="/i4a/pages/index.cfm?pageid=3316" >
									Login
								</a>
							</span>
						
					</span>
				</div>
			
		
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column2');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsivemenu_242'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivemenu_244" class="widget_responsivemenu"  >
				
					
<link rel="stylesheet" href="/common/smartMenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.css">

<script type="text/javascript" src="/common/smartMenus/jquery.smartmenus.min.js"></script>

<script type="text/javascript" src="/common/smartMenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.min.js"></script>


				<nav class="navbar navbar-dark bg-dark navbar-expand-md mainNavigation">
			      	
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" 
						aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
					</button>
				    <div class="collapse navbar-collapse" id="mainNavbar">
			
	      	
	      		<ul class="navbar-nav " data-sm-options="{bootstrapHighlightClasses: 'text-white bg-dark'}">	
	      	
				
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3267">
							Home
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3282">
							About Us
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3354">
							My New Page
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3330">
							PDF Test
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3334">
							Awards & Scholarships
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3292">
							Board of Directors
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3311">
							Calendar
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/latest-news/">
							Latest News
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3328">
							Membership
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3336">
							Membership Application
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3351">
							Career Hub
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3299">
							Manage Account
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3348">
							Reprint/Resend Receipts
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3357">
							Email Signup Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3277">
							Account Balance
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3324">
							Pay Dues
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3313">
							Resource Library
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3309">
							Board Only Download
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3310">
							Member Search
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3314">
							List of Names
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3317">
							RSVP Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3322">
							Communities
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3349">
							Basic Menu Test
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3332">
							Store
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3345">
							Reg Forms
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3358">
							GroupReg for ALL (ID 107)
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/annual-meeting/">
							Annnual Meeting Registration
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/groupreg/">
							Group Reg Feature (confid 99)
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3347">
							Group Reg Feature (confid100)
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
	      	</ul>
		    
					</div> 
				</nav> 
			
		
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row2_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsivemenu_244'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivemenu_241" class="widget_responsivemenu"  >
				
					
		<div id="menu_submenu_wrapper">
			

			<ul id="" class="level-1">
				
					
					<li class="level-1  pagelevel-8 item-1 page-3348">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3348" href="/i4a/pages/index.cfm?pageid=3348" class="level-1  pagelevel-8 item-1 page-3348">Reprint/Resend Receipts</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-2 page-3357">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3357" href="/i4a/pages/index.cfm?pageid=3357" class="level-1  pagelevel-8 item-2 page-3357">Email Signup Form</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-3 page-3277">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3277" href="/i4a/pages/index.cfm?pageid=3277" class="level-1  pagelevel-8 item-3 page-3277">Account Balance</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-4 page-3324">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3324" href="/i4a/pages/index.cfm?pageid=3324" class="level-1  pagelevel-8 item-4 page-3324">Pay Dues</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-5 page-3313">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3313" href="/i4a/pages/index.cfm?pageid=3313" class="level-1  pagelevel-8 item-5 page-3313">Resource Library</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-6 page-3309">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3309" href="/i4a/pages/index.cfm?pageid=3309" class="level-1  pagelevel-8 item-6 page-3309">Board Only Download</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-7 page-3314">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3314" href="/i4a/pages/index.cfm?pageid=3314" class="level-1  pagelevel-8 item-7 page-3314">List of Names</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-8 page-3317">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3317" href="/i4a/pages/index.cfm?pageid=3317" class="level-1  pagelevel-8 item-8 page-3317">RSVP Form</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-8 item-9 page-3322">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3322" href="/i4a/pages/index.cfm?pageid=3322" class="level-1  pagelevel-8 item-9 page-3322">Communities</a>
						</div>
						
						
					</li>
				
					
					<li class="level-1  pagelevel-7 item-10 page-3349">
						
							<div id="level1_currentSection">
						
						<a id="menunav_3349" href="/i4a/pages/index.cfm?pageid=3349" class="level-1  pagelevel-7 item-10 page-3349">Basic Menu Test</a>
						</div>
						
						
					</li>
				
			</ul>
			
		
		</div>
	

			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('left_sidebar');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsivemenu_241'));
					}
				</script>
				
			
</body>
</html>