

<!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_widget_menu_238 {
	position: absolute;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					</style>
				
			
				<script type='text/javascript'>
					if (typeof i4a === 'undefined') {
						var i4a = {
							admin: {},
							ext: {},
							editor: {},
							dbConfig: {},
							siteInfo: {},
							broadcastParams: 0
						};
					}
					
					i4a.adminVersion				= 2;
					i4a.admin.id					= '0';
					i4a.admin.superAdmin 			= '0';
					i4a.admin.accessLevel 			= '0';
					i4a.admin.sendsEmail 			= '';
					i4a.admin.fullAccess 			= '';
					i4a.admin.editorToolbar 		= 'i4a';
					i4a.admin.enableGenerativeAI    = '0';
					i4a.ext.version 				= '';
					i4a.ext.theme					= 'i4a-admin2';
					i4a.ext.dateFormat              = 'm/d/Y';
					i4a.ext.defaultDateTimeFormat   = 'm/d/Y g:i A';
					i4a.editor.theme				= 'moonocolor';
   					i4a.resourceId 					= 'login';
   					i4a.aboutText 					= 'I4A-Membership - Association Management Software<br />' +
   														'&copy; 2026 D.W. Rome, Incorporated 1996-2026 &reg;' +
   														'<br />Version 15.0 Released 10/02/2025';
   					i4a.dbConfig.system_db 			= 'mysql';
   					i4a.dbConfig.collateCharset 	= 'utf8mb4_unicode_CI';
   					i4a.dbConfig.leftBracket 		= '`';
   					i4a.dbConfig.rightBracket 		= '`';
   					i4a.siteInfo.defaultTemplateId 	= 1020;
   					i4a.siteInfo.isResponsive 		= 0;
   				</script>
		<script type="text/javascript" src="/common/jquery/jquery.js?v=202608161407262"></script>

<script type="text/javascript" src="/common/jquery/jquery-migrate-3.4.0.min.js?v=202608161407262"></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/spacelab.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>


	<title>Login | CFA Society Los Angeles</title>


	<meta name="keywords" content="CFALA, CFA Society, CFA Society of Los Angeles, Los Angeles Society of Financial analysts">
	
	
<link rel="canonical" href="https://www.cfala.org">


	<link rel="stylesheet" type="text/css" href="/templates/common/styles_responsive.css?v=6533">


			<link rel="stylesheet" type="text/css" href="/templates/1020/styles_i4a_base.css?v=1822">
		

		<link rel="stylesheet" type="text/css" href="/templates/1020/reset.css?v=3011">
	
	
<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' href='/i4a/utilities/navigation/superfish/css/superfish.css' type='text/css' />


			<link rel="stylesheet" type="text/css" href="/templates/1020/styles_i4a_menu_mainmenu.css?v=9406">
			
		
			<link rel="stylesheet" type="text/css" href="/templates/1020/styles_i4a_menu_secondarymenu.css?v=2901">
			
		
			<link rel="stylesheet" type="text/css" href="/templates/1020/styles_i4a_menu_custommenu1.css?v=8916">
			
		
	  	<link rel="stylesheet" type="text/css" href="/templates/1020/cfala.css?v=6287">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1020/sidemenu.css?v=5851">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1020/styles_layout.css?v=5638">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1020/styles_wysiwyg.css?v=3675">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1020/cfala-redesign.css?v=7304">
	  	
	  	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	

			<!-- Dependency source files -->
			<script type="text/javascript" src="/common/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
			<script type="text/javascript" src="/common/yui/build/container/container_core-min.js"></script>

			
				<!-- Javascript necessary for horizontal flyout -->
				<script type="text/javascript" src="/common/yui/build/animation/animation-min.js"></script>
			

			<!-- Page-specific script -->
			<script type="text/javascript" src="/i4a/templates/common/pageSpecificScript_horizontal.js"></script>

			<!-- Menu source file -->
			<script type="text/javascript" src="/common/yui/build/menu/menu-min.js"></script>

			<!-- Additional js necessary to solve divider lines issue -->
			

<script type="text/javascript">
	function getPath(elem) {
	       if(elem.id)
	               return "#" + elem.id;
	       if(elem.tagName == "BODY")
	               return '';
	       var path = getPath(elem.parentNode);
	       if(elem.className)
	               return path + " " + elem.tagName + "." + elem.className;
	       return path + " " + elem.tagName;
	}
	window.onload = function() {
		submenuItemCtr = 0;
		menuItemsArr = document.getElementsByTagName("a");
			for(i=0;i<menuItemsArr.length;i++){
				// alert(getPath(menuItemsArr[i]));
				strPath = getPath(menuItemsArr[i]);
				if(strPath.indexOf("yuimenuitemlabel yuimenuitemlabel-hassubmenu") > 0){
					// alert("has submenu: " + strPath);
					submenuItemCtr = 1;
				} else {
					// check to see if this is a submenu item 
					if(strPath.indexOf("DIV.bd UL LI.yuimenuitem A.yuimenuitemlabel") > 0){
						if(submenuItemCtr == 1){
							// remove top border for first item in submenu
							menuItemsArr[i].style.borderTop = '0px';
							
						} else {
							// set the top border for submenu items using the "submenu divider" settings so that it works like horizontal menus
							
								menuItemsArr[i].style.borderTop = '0px solid #000000';
						}
						submenuItemCtr++;
					}
				}
			}
	}
</script>

		
<script src="/i4a/jslib/i4a/passwordToggle.js?v=4"></script>


<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.2932738521904276"></script></head>


	<body class="page-1 childof-0 toplevelpage-1 theme-1020 level-0 section-1 innerpage">
<script>checkConsentStatus();</script>


<div id="page-container" class="i4a_container">
	<div id="page-wrapper" class="i4a_wrapper">
		<div id="page" class="inner">

			<div id="header-container" class="i4a_container">
				<div id="header-wrapper" class="i4a_wrapper">
					<div id="header" class="inner widgets">

<div class="cfala">
<svg width="0" height="0" style="position:absolute" aria-hidden="true"><symbol id="pw" viewBox="0 0 378 378"><g>
		<g id="Pinwheel">
			<g>
				<g>
					<g>
						
							<rect x="136.39" y="59.94" transform="matrix(0.7266 -0.687 0.687 0.7266 -46.5015 130.1797)" fill="currentColor" width="7.88" height="127.16"/>
						
							<rect x="142.93" y="53.52" transform="matrix(0.7266 -0.687 0.687 0.7266 -36.0854 131.2428)" fill="currentColor" width="7.88" height="114.88"/>
						
							<rect x="149.87" y="48.22" transform="matrix(0.7266 -0.687 0.687 0.7266 -25.85 132.6955)" fill="currentColor" width="7.88" height="101.21"/>
						
							<rect x="157.36" y="44.08" transform="matrix(0.7266 -0.687 0.687 0.7266 -15.8598 134.6784)" fill="currentColor" width="7.88" height="86.38"/>
						
							<rect x="165.31" y="41.26" transform="matrix(0.7266 -0.6871 0.6871 0.7266 -6.0807 137.1164)" fill="currentColor" width="7.88" height="69.89"/>
						
							<rect x="173.88" y="39.9" transform="matrix(0.7266 -0.6871 0.6871 0.7266 3.4173 140.1619)" fill="currentColor" width="7.88" height="51.76"/>
					</g>
				</g>
				<g>
					<g>
						
							<rect x="43.98" y="181.99" transform="matrix(0.9962 -0.0875 0.0875 0.9962 -15.8496 10.1198)" fill="currentColor" width="127.16" height="7.88"/>
						
							<rect x="44.34" y="169.06" transform="matrix(0.9962 -0.0875 0.0875 0.9962 -14.7411 9.5648)" fill="currentColor" width="114.88" height="7.88"/>
						
							<rect x="45.97" y="156.08" transform="matrix(0.9962 -0.0875 0.0875 0.9962 -13.626 9.0601)" fill="currentColor" width="101.21" height="7.88"/>
						
							<rect x="48.97" y="143.03" transform="matrix(0.9962 -0.0875 0.0875 0.9962 -12.5019 8.6238)" fill="currentColor" width="86.38" height="7.88"/>
						
							<rect x="53.48" y="129.93" transform="matrix(0.9962 -0.0875 0.0875 0.9962 -11.3699 8.2465)" fill="currentColor" width="69.89" height="7.88"/>
						
							<rect x="59.7" y="116.74" transform="matrix(0.9962 -0.0875 0.0875 0.9962 -10.2277 7.9477)" fill="currentColor" width="51.76" height="7.88"/>
					</g>
				</g>
				<g>
					<g>
						
							<rect x="72.49" y="246.7" transform="matrix(0.5499 -0.8352 0.8352 0.5499 -148.1024 226.4663)" fill="currentColor" width="127.16" height="7.88"/>
						
							<rect x="64.9" y="243.21" transform="matrix(0.5499 -0.8352 0.8352 0.5499 -151.3609 213.4325)" fill="currentColor" width="114.88" height="7.88"/>
						
							<rect x="58.34" y="239.23" transform="matrix(0.5499 -0.8352 0.8352 0.5499 -154.0707 200.4472)" fill="currentColor" width="101.21" height="7.88"/>
						
							<rect x="52.78" y="234.59" transform="matrix(0.5499 -0.8352 0.8352 0.5499 -156.0347 187.5273)" fill="currentColor" width="86.38" height="7.88"/>
						
							<rect x="48.43" y="229.39" transform="matrix(0.5499 -0.8352 0.8352 0.5499 -157.3572 174.664)" fill="currentColor" width="69.89" height="7.88"/>
						
							<rect x="45.4" y="223.43" transform="matrix(0.5499 -0.8352 0.8352 0.5499 -157.825 161.8761)" fill="currentColor" width="51.77" height="7.88"/>
					</g>
				</g>
				<g>
					<g>
						
							<rect x="199.85" y="205.48" transform="matrix(0.9518 -0.3066 0.3066 0.9518 -72.6731 75.4333)" fill="currentColor" width="7.88" height="127.16"/>
						
							<rect x="188.53" y="220.12" transform="matrix(0.9518 -0.3066 0.3066 0.9518 -75.8267 72.3734)" fill="currentColor" width="7.88" height="114.88"/>
						
							<rect x="177.03" y="234.91" transform="matrix(0.9518 -0.3066 0.3066 0.9518 -78.8191 69.2314)" fill="currentColor" width="7.88" height="101.21"/>
						
							<rect x="165.29" y="249.53" transform="matrix(0.9518 -0.3066 0.3066 0.9518 -81.592 65.9781)" fill="currentColor" width="7.88" height="86.38"/>
						
							<rect x="153.34" y="264.34" transform="matrix(0.9518 -0.3066 0.3066 0.9518 -84.1766 62.6298)" fill="currentColor" width="7.88" height="69.89"/>
						
							<rect x="141.12" y="279.09" transform="matrix(0.9518 -0.3066 0.3066 0.9518 -86.512 59.1567)" fill="currentColor" width="7.88" height="51.77"/>
					</g>
				</g>
				<g>
					<g>
						
							<rect x="256.81" y="163.5" transform="matrix(0.355 -0.9349 0.9349 0.355 -44.1037 390.2274)" fill="currentColor" width="7.88" height="127.16"/>
						
							<rect x="256.39" y="183.79" transform="matrix(0.355 -0.9349 0.9349 0.355 -57.6092 398.9588)" fill="currentColor" width="7.88" height="114.88"/>
						
							<rect x="255.42" y="204.57" transform="matrix(0.355 -0.9349 0.9349 0.355 -71.2734 407.0482)" fill="currentColor" width="7.88" height="101.21"/>
						
							<rect x="253.71" y="225.66" transform="matrix(0.355 -0.9349 0.9349 0.355 -85.1491 414.2705)" fill="currentColor" width="7.88" height="86.38"/>
						
							<rect x="251.37" y="247.33" transform="matrix(0.355 -0.9349 0.9349 0.355 -99.2096 420.7434)" fill="currentColor" width="7.88" height="69.89"/>
						
							<rect x="248.19" y="269.49" transform="matrix(0.355 -0.9349 0.9349 0.355 -113.517 426.2159)" fill="currentColor" width="7.88" height="51.76"/>
					</g>
				</g>
				<g>
					<g>
						
							<rect x="199.88" y="151.64" transform="matrix(0.8576 -0.5144 0.5144 0.8576 -42.4996 157.679)" fill="currentColor" width="127.16" height="7.88"/>
						
							<rect x="216.87" y="160.73" transform="matrix(0.8576 -0.5144 0.5144 0.8576 -45.6327 164.5565)" fill="currentColor" width="114.88" height="7.88"/>
						
							<rect x="234.06" y="170.13" transform="matrix(0.8576 -0.5144 0.5144 0.8576 -48.9907 171.2208)" fill="currentColor" width="101.21" height="7.88"/>
						
							<rect x="251.15" y="179.93" transform="matrix(0.8576 -0.5144 0.5144 0.8576 -52.6533 177.5948)" fill="currentColor" width="86.37" height="7.88"/>
						
							<rect x="268.49" y="190.08" transform="matrix(0.8576 -0.5144 0.5144 0.8576 -56.5787 183.7193)" fill="currentColor" width="69.89" height="7.88"/>
						
							<rect x="285.87" y="200.69" transform="matrix(0.8576 -0.5144 0.5144 0.8576 -60.8535 189.5108)" fill="currentColor" width="51.76" height="7.88"/>
					</g>
				</g>
				<g>
					<g>
						
							<rect x="145.7" y="105.94" transform="matrix(0.1354 -0.9908 0.9908 0.1354 72.0697 302.353)" fill="currentColor" width="127.16" height="7.88"/>
						
							<rect x="165.72" y="103.17" transform="matrix(0.1354 -0.9908 0.9908 0.1354 86.8227 313.7134)" fill="currentColor" width="114.88" height="7.88"/>
						
							<rect x="186.36" y="100.97" transform="matrix(0.1354 -0.9908 0.9908 0.1354 100.9384 325.4928)" fill="currentColor" width="101.21" height="7.88"/>
						
							<rect x="207.48" y="99.55" transform="matrix(0.1354 -0.9908 0.9908 0.1354 114.1877 337.8424)" fill="currentColor" width="86.38" height="7.88"/>
						
							<rect x="229.34" y="98.81" transform="matrix(0.1354 -0.9908 0.9908 0.1354 126.6903 350.6825)" fill="currentColor" width="69.89" height="7.88"/>
						
							<rect x="251.88" y="98.96" transform="matrix(0.1354 -0.9908 0.9908 0.1354 138.1999 364.1752)" fill="currentColor" width="51.76" height="7.88"/>
					</g>
				</g>
			</g>
		</g>
		<g id="Labels">
		</g>
	</g></symbol></svg>
<!-- ============ HEADER ============ -->
<div class="util">
  <div class="wrap">
    <div class="util-social">
      <a href="https://www.linkedin.com/company/cfa-society-of-los-angeles" target="_blank" rel="noopener" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5A2.5 2.5 0 1 1 5 8.5a2.5 2.5 0 0 1-.02-5zM3.2 9.2h3.6V21H3.2zM9 9.2h3.45v1.6h.05c.48-.86 1.65-1.77 3.4-1.77 3.63 0 4.3 2.24 4.3 5.15V21h-3.6v-4.9c0-1.17-.02-2.68-1.63-2.68-1.64 0-1.9 1.28-1.9 2.6V21H9z"/></svg></a>
      <a href="https://instagram.com/cfasocietylosangeles/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2c2.72 0 3.06.01 4.12.06 1.07.05 1.79.22 2.43.47.66.26 1.22.6 1.77 1.16.56.55.9 1.11 1.16 1.77.25.64.42 1.36.47 2.43.05 1.07.06 1.4.06 4.12s-.01 3.06-.06 4.12c-.05 1.07-.22 1.79-.47 2.43-.26.66-.6 1.22-1.16 1.77-.55.56-1.11.9-1.77 1.16-.64.25-1.36.42-2.43.47-1.07.05-1.4.06-4.12.06s-3.06-.01-4.12-.06c-1.07-.05-1.79-.22-2.43-.47a4.9 4.9 0 0 1-1.77-1.16 4.9 4.9 0 0 1-1.16-1.77c-.25-.64-.42-1.36-.47-2.43C2.01 15.06 2 14.72 2 12s.01-3.06.06-4.12c.05-1.07.22-1.79.47-2.43.26-.66.6-1.22 1.16-1.77.55-.56 1.11-.9 1.77-1.16.64-.25 1.36-.42 2.43-.47C8.94 2.01 9.28 2 12 2zm0 1.8c-2.67 0-2.99.01-4.04.06-.98.04-1.5.21-1.86.35-.47.18-.8.4-1.15.75-.35.35-.57.68-.75 1.15-.14.36-.31.88-.35 1.86-.05 1.05-.06 1.37-.06 4.04s.01 2.99.06 4.04c.04.98.21 1.5.35 1.86.18.47.4.8.75 1.15.35.35.68.57 1.15.75.36.14.88.31 1.86.35 1.05.05 1.37.06 4.04.06s2.99-.01 4.04-.06c.98-.04 1.5-.21 1.86-.35.47-.18.8-.4 1.15-.75.35-.35.57-.68.75-1.15.14-.36.31-.88.35-1.86.05-1.05.06-1.37.06-4.04s-.01-2.99-.06-4.04c-.04-.98-.21-1.5-.35-1.86a3.1 3.1 0 0 0-.75-1.15 3.1 3.1 0 0 0-1.15-.75c-.36-.14-.88-.31-1.86-.35C14.99 3.81 14.67 3.8 12 3.8zm0 3.07A5.13 5.13 0 1 0 12 17.13 5.13 5.13 0 0 0 12 6.87zm0 8.46A3.33 3.33 0 1 1 12 8.67a3.33 3.33 0 0 1 0 6.66zm5.34-8.66a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z"/></svg></a>
      <a href="https://www.youtube.com/channel/UCunz_EVVMZTbQTEz5fLWoyQ" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3.02 3.02 0 0 0-2.12-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.38.51A3.02 3.02 0 0 0 .5 6.2C0 8.09 0 12 0 12s0 3.91.5 5.8a3.02 3.02 0 0 0 2.12 2.14c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3.02 3.02 0 0 0 2.12-2.14c.5-1.89.5-5.8.5-5.8s0-3.91-.5-5.8zM9.55 15.57V8.43L15.82 12l-6.27 3.57z"/></svg></a>
    </div>
    <a href="/i4a/pages/index.cfm?pageid=4503" class="util-login">Login</a>
  </div>
</div>
<header class="bar">
  <div class="wrap">
    <a class="logo" href="/" aria-label="CFA Society Los Angeles home"><span class="logo-img" role="img" aria-label="CFA Society Los Angeles"></span></a>
    <nav class="main" id="nav">
      <div class="dd">
        <a class="dd-top" href="/i4a/pages/index.cfm?pageid=4527">Join</a>
        <button type="button" class="dd-toggle" aria-expanded="false" aria-label="Show Join menu"></button>
        <div class="dd-menu"><a href="/i4a/pages/index.cfm?pageid=6400">Membership</a><a href="/i4a/pages/index.cfm?pageid=4508">Membership Benefits</a></div>
      </div>
      <div class="dd">
        <a class="dd-top" href="/i4a/pages/index.cfm?pageid=4528">Events</a>
        <button type="button" class="dd-toggle" aria-expanded="false" aria-label="Show Events menu"></button>
        <div class="dd-menu"><a href="/Upcoming-Events/">Upcoming Events</a><a href="/spotlight-content/">Spotlight Content</a><a href="/i4a/pages/index.cfm?pageid=5814">Global Society Content</a><a href="/i4a/pages/index.cfm?pageid=4580">Past Events</a><a href="/i4a/pages/index.cfm?pageid=4536">Event Photos</a><a href="/i4a/pages/index.cfm?pageid=4533">Sponsor</a><a href="/i4a/pages/index.cfm?pageid=4579">Event Recordings</a></div>
      </div>
      <div class="dd">
        <a class="dd-top" href="/i4a/pages/index.cfm?pageid=4530">Career</a>
        <button type="button" class="dd-toggle" aria-expanded="false" aria-label="Show Career menu"></button>
        <div class="dd-menu"><a href="/i4a/pages/index.cfm?pageid=4554">Job Board</a><a href="/i4a/pages/index.cfm?pageid=4523">Job Listings</a><a href="/MentorProgram/">Career Mentorship Program</a><a href="/i4a/pages/index.cfm?pageid=4541">Volunteer Opportunities</a><a href="/i4a/pages/index.cfm?pageid=4538">Member Directory</a></div>
      </div>
      <div class="dd">
        <a class="dd-top" href="/i4a/pages/index.cfm?pageid=4531">Learn</a>
        <button type="button" class="dd-toggle" aria-expanded="false" aria-label="Show Learn menu"></button>
        <div class="dd-menu"><a href="/i4a/pages/index.cfm?pageid=7114">Ethics Challenge</a><a href="/i4a/pages/index.cfm?pageid=4565">Research Challenge</a><a href="/i4a/pages/index.cfm?pageid=4559">CFA Institute Certificates</a><a href="/i4a/pages/index.cfm?pageid=4562">Member Resources</a></div>
      </div>
      <div class="dd">
        <a class="dd-top" href="/i4a/pages/index.cfm?pageid=4560">CFA Candidates</a>
        <button type="button" class="dd-toggle" aria-expanded="false" aria-label="Show CFA Candidates menu"></button>
        <div class="dd-menu"><a href="/i4a/pages/index.cfm?pageid=6394">Upcoming CFA® Candidate Events</a><a href="/i4a/pages/index.cfm?pageid=6354">CFA® Programs & Workshops</a><a href="/i4a/pages/index.cfm?pageid=6360">The CFA® Program - Exam, CBT, & Changes</a><a href="/i4a/pages/index.cfm?pageid=6361">CFA® Exam Scholarships</a><a href="/i4a/pages/index.cfm?pageid=6547">Past CFA® Workshop Recordings</a><a href="/i4a/pages/index.cfm?pageid=6440">Kaplan Schweser Resources</a><a href="/i4a/pages/index.cfm?pageid=6362">Additional Resources</a></div>
      </div>
      <div class="dd dd-last">
        <a class="dd-top" href="/i4a/pages/index.cfm?pageid=4504">About</a>
        <button type="button" class="dd-toggle" aria-expanded="false" aria-label="Show About menu"></button>
        <div class="dd-menu"> <a href="/i4a/pages/index.cfm?pageid=4512">Board of Governors</a> <a href="/i4a/pages/index.cfm?pageid=4506">Contact</a> <a href="/i4a/pages/index.cfm?pageid=4505">Media</a> </div>
      </div>
    </nav>
    <button class="burger" id="burger" aria-label="Menu"><span></span><span></span><span></span></button>
  </div>
</header>
</div>
					</div>
				</div>
			</div>

			<div id="main-container" class="i4a_container">
				<div id="main-wrapper" class="i4a_wrapper">
					<div id="main">

						<div id="content-container" class="i4a_container">
							<div id="content-wrapper" class="i4a_wrapper">
								<div id="content">


	<div id="breadcrumbs">
		

	</div>


<link rel="apple-touch-icon" sizes="180x180" href="/templates/1005/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/templates/1005/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/templates/1005/images/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/files/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">


<div id="i4acontent_area_outer">
		
		
<style>
.login_required-string {
	color: #bf110b;
}
.has-error {
	color: #f70404 !important;
}
.has-error input {
	border: 1px solid #f70404 !important;
}
</style>


<NOSCRIPT>
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=https://>www.cfala.org/i4a/nojavascript.cfm">
</NOSCRIPT>


<h2>Member/Subscriber Login Page</h2>


	<br /><br />


<div id="loginFailedText" style="display: none;">
	<div class="card">
		<h4 class="card-header text-white bg-danger">Login Failed</h4>
		<div class="card-body">
			<strong>Possible reasons:</strong><br />
			<ul>
				<li>Invalid Login / Password combination.</li>
				<li>Too many login attempts; you must wait 1 minutes before logging in again.</li>
				
			</ul>
			<p>If you do not know your login, please use the <a href="?controller=login&action=resetPassword">Reset Password</a> feature.</p>
		</div>
	</div>	
	<br /><br />
</div>

<div id="a54Text" style="display: none;">
	<div class="card">
		<h4 class="card-header text-white bg-danger">Login Failed</h4>
		<div class="card-body">
			<p><strong>We are sorry but your login has failed.</strong>
			<br />
			Please contact us at info@cfala.org and provide error code: <strong>A54</strong>. Thank you.</p>
		</div>
	</div>	
	<br /><br />
</div>


	<div class="row loginModule_outerWrapper">
		<div class="col-lg-6 col-md-8 col-sm-11 card loginModule_innerWrapper" style="margin-left: 15px; margin-right: 15px;">
			<br />
			<form name="loginForm" id="loginForm">
				<div class="form-group" id="username-group">
					<label class="col-form-label loginModule_UsernameLabel" for="username">Login</label> <span class="login_required-string"> *</span>
				    <input type="text" class="form-control loginModule_UsernameInput" name="username" id="username" maxlength="50" required>
				</div>
				<div class="form-group" id="password-group">
					<label class="col-form-label loginModule_PasswordLabel" for="password">Password</label> <span class="login_required-string"> *</span>
				    <input type="password" class="form-control loginModule_PasswordInput" name="password" id="password" maxlength="50" required>
				</div>
				<br />
				<div class="row">
					<div class="col-md-6 col-sm-12">
						<button type="button" class="btn btn-primary btn-block loginModule_LoginButton" id="submitBtn" data-loading-text="Please wait...">Log In</button>
					</div>
					<div class="col-md-6 col-sm-12">
						<button type="button" class="btn btn-link btn-block loginModule_ResetButton" id="resetBtn" data-loading-text="Please wait...">Reset Password</button>
					</div>
				</div>
				<br />
				<input type="hidden" name="nextPage" value="/i4a/membersonly/index.cfm?pageid=4503">
			</form>
			<br />
		</div>
	</div>


<br /><br />


<script type="text/javascript">
	$(function () {
		var request;

		$('#username').trigger('focus');

		// logging in from widget, needed a second way to show the error messages
		
			var showLoginFailedText = false;
			if (showLoginFailedText) {
				$('#loginFailedText').show();
			}
		
		
		// bind a form submit to Enter key press
		$('#username, #password').on('keyup', function(e) {
		    if (e.keyCode == 13) {
		        $('#submitBtn').trigger('click');
		    }
		});

		$('#resetBtn').on('click', function () {
			window.location = '?controller=login&action=resetPassword';
		});

		$('#submitBtn').on('click', function () {
			if (request) {
                request.abort();
            }

			var btn = $(this);
			var form = $('#loginForm');
            var inputs = form.find('input, select, button, textarea');
            var isValid = true;
	        var invalidFieldNames = '';

	        for (var x = 0; x < inputs.length; x++) {
	            if (inputs[x].required) {
	                if (inputs[x].value == '') {
	                	var $label = $("label[for='"+inputs[x].id+"']");
						if ($label.length == 0) {
					    	$label = $element.closest('label');
					   	}

					   	if ($label.length == 0) {
					     	// label wasn't found
					   	}
					   	else {
					     	// label was found
					     	if (invalidFieldNames != '') {
					     		invalidFieldNames += '<br>';
					     	}
					     	invalidFieldNames += $label.text();
					   	}

				        $('#'+inputs[x].id+'-group').addClass('has-error');
				        isValid = false;
	                }
	                else {
	                    $('#'+inputs[x].id+'-group').removeClass('has-error');
	                }
	            }
	        }

	        if (!isValid) {
	        		swal({
					title: 'Missing required fields',
					html: true,
					text: invalidFieldNames,
					animation: 'slide-from-top',
					type: 'info',
					confirmButtonText: 'Ok',
					confirmButtonColor: '#32557B'
				});
	        }
	        else {
	        	btn.button('loading');
	        	//btn.text('Please wait..');
				btn.prop('disabled', true);

				var serializedData = form.serialize();

				request = $.ajax({
					type: 'POST',
					url: '?controller=login&action=authenticate&_nodom=true',
					data: serializedData,
					dataType: 'text'
                });

                request.done(function(response, textStatus, jqXHR) {
                    if (textStatus == 'success') {
                        var decodedObj = JSON.parse(response);
                        
                        if (decodedObj.success) {
				  			window.location.href = decodedObj.nextpage;
                        }
                        else {
                    		if (decodedObj.message != "Incorrect username/password combination." && decodedObj.message != "Login has failed, error code: <strong>A54</strong>.") {
                    			swal({
						  			title: 'Login Failed',
						  			text: decodedObj.message,
						  			html: true,
						  			animation: "slide-from-top",
						  			type: 'error',
						  			confirmButtonText: "Ok",
						  			confirmButtonColor: "#32557B",
						  		});
                    		}
							btn.prop('disabled', false);
							btn.button('reset');
							inputs.prop('disabled', false);
							
							if (decodedObj.a54error) {
								$('#a54Text').show();
								$('#loginFailedText').hide();
							}
							else {
								$('#loginFailedText').show();
								$('#a54Text').hide();
							}
                        }
                    }
                    else {
                        swal({
				  			title: 'Error',
				  			text: 'Oops, something went wrong; please try again.',
				  			animation: "slide-from-top",
				  			type: 'error',
				  			confirmButtonText: "Ok",
				  			confirmButtonColor: "#32557B",
				  		});
				  		btn.prop('disabled', false);
	                    btn.button('reset');
	                    inputs.prop('disabled', false);
                    }
                });

				request.fail(function(jqXHR, textStatus, errorThrown) {
                    swal({
			  			title: "Error",
			  			text: errorThrown,
			  			animation: "slide-from-top",
			  			type: "error",
			  			confirmButtonText: "Ok",
			  			confirmButtonColor: "#32557B"
			  		});
			  		btn.prop('disabled', false);
                    btn.button('reset');
                    inputs.prop('disabled', false);
                });
	        }
		});

	});
</script>


			</div>


<div class="cfala cf-subscribe-band">
<!-- ============ EMAIL BAND (above events) ============ -->
<section class="subscribe">
  <div class="wrap"><div class="sub-inner">
    <div class="sub-text">
      <h3>Stay in the loop</h3>
      <p>Get event invitations, member news, and Society updates delivered to your inbox.</p>
    </div>
   <div class="sub-form"> <a class="btn btn-blue" href="/i4a/pages/index.cfm?pageid=4574"> Subscribe </a> </div>
  </div></div>
</section>


</div>

								</div><!-- #content -->
							</div><!-- #content-wrapper -->
						</div><!-- #content-container -->

						<div id="sidebar-a-container" class="i4a_container">
							<div id="sidebar-a-wrapper" class="i4a_wrapper">
								<div id="sidebar-a" class="inner widgets">
								</div>
							</div>
						</div>

						<div id="sidebar-b-container" class="i4a_container">
							<div id="sidebar-b-wrapper" class="i4a_wrapper">
								<div id="sidebar-b" class="inner widgets">
								</div>
							</div>
						</div>

					</div><!-- #main -->
				</div><!-- #main-wrapper -->
			</div><!-- #main-container -->


		</div><!-- #page -->
	</div><!-- #page-wrapper -->
</div><!-- #page-container -->
			<div id="footer-container" class="i4a_container">
				<div id="footer-wrapper" class="i4a_wrapper">
					<div id="footer" class="inner widgets">

<div class="cfala">
<!-- ============ FOOTER ============ -->
<footer class="foot">
  <div class="bg-pw"><svg viewBox="0 0 378 378"><use href="#pw"/></svg></div>
  <div class="wrap">
    <div class="foot-grid">
      <div class="brand-f">
        <a class="logo" href="/" aria-label="CFA Society Los Angeles home"><span class="logo-img" role="img" aria-label="CFA Society Los Angeles"></span></a>
        <p>A network of investment management professionals advancing integrity and professional excellence across the greater Los Angeles area since 1931.</p>
        <div class="socials"><a href="https://www.linkedin.com/company/cfa-society-of-los-angeles" target="_blank" rel="noopener" aria-label="LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5A2.5 2.5 0 1 1 5 8.5a2.5 2.5 0 0 1-.02-5zM3.2 9.2h3.6V21H3.2zM9 9.2h3.45v1.6h.05c.48-.86 1.65-1.77 3.4-1.77 3.63 0 4.3 2.24 4.3 5.15V21h-3.6v-4.9c0-1.17-.02-2.68-1.63-2.68-1.64 0-1.9 1.28-1.9 2.6V21H9z"/></svg></a><a href="https://instagram.com/cfasocietylosangeles/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2c2.72 0 3.06.01 4.12.06 1.07.05 1.79.22 2.43.47.66.26 1.22.6 1.77 1.16.56.55.9 1.11 1.16 1.77.25.64.42 1.36.47 2.43.05 1.07.06 1.4.06 4.12s-.01 3.06-.06 4.12c-.05 1.07-.22 1.79-.47 2.43-.26.66-.6 1.22-1.16 1.77-.55.56-1.11.9-1.77 1.16-.64.25-1.36.42-2.43.47-1.07.05-1.4.06-4.12.06s-3.06-.01-4.12-.06c-1.07-.05-1.79-.22-2.43-.47a4.9 4.9 0 0 1-1.77-1.16 4.9 4.9 0 0 1-1.16-1.77c-.25-.64-.42-1.36-.47-2.43C2.01 15.06 2 14.72 2 12s.01-3.06.06-4.12c.05-1.07.22-1.79.47-2.43.26-.66.6-1.22 1.16-1.77.55-.56 1.11-.9 1.77-1.16.64-.25 1.36-.42 2.43-.47C8.94 2.01 9.28 2 12 2zm0 1.8c-2.67 0-2.99.01-4.04.06-.98.04-1.5.21-1.86.35-.47.18-.8.4-1.15.75-.35.35-.57.68-.75 1.15-.14.36-.31.88-.35 1.86-.05 1.05-.06 1.37-.06 4.04s.01 2.99.06 4.04c.04.98.21 1.5.35 1.86.18.47.4.8.75 1.15.35.35.68.57 1.15.75.36.14.88.31 1.86.35 1.05.05 1.37.06 4.04.06s2.99-.01 4.04-.06c.98-.04 1.5-.21 1.86-.35.47-.18.8-.4 1.15-.75.35-.35.57-.68.75-1.15.14-.36.31-.88.35-1.86.05-1.05.06-1.37.06-4.04s-.01-2.99-.06-4.04c-.04-.98-.21-1.5-.35-1.86a3.1 3.1 0 0 0-.75-1.15 3.1 3.1 0 0 0-1.15-.75c-.36-.14-.88-.31-1.86-.35C14.99 3.81 14.67 3.8 12 3.8zm0 3.07A5.13 5.13 0 1 0 12 17.13 5.13 5.13 0 0 0 12 6.87zm0 8.46A3.33 3.33 0 1 1 12 8.67a3.33 3.33 0 0 1 0 6.66zm5.34-8.66a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0z"/></svg></a><a href="https://www.youtube.com/channel/UCunz_EVVMZTbQTEz5fLWoyQ" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3.02 3.02 0 0 0-2.12-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.38.51A3.02 3.02 0 0 0 .5 6.2C0 8.09 0 12 0 12s0 3.91.5 5.8a3.02 3.02 0 0 0 2.12 2.14c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3.02 3.02 0 0 0 2.12-2.14c.5-1.89.5-5.8.5-5.8s0-3.91-.5-5.8zM9.55 15.57V8.43L15.82 12l-6.27 3.57z"/></svg></a></div>
      </div>
      <div>
        <h5>Explore</h5>
        <ul><li><a href="/i4a/pages/index.cfm?pageid=4528">Events</a></li><li><a href="/i4a/pages/index.cfm?pageid=4560">CFA Candidates</a></li><li><a href="/i4a/pages/index.cfm?pageid=4504">About</a></li><li><a href="/i4a/pages/index.cfm?pageid=4533">Sponsors</a></li><li><a href="/i4a/pages/index.cfm?pageid=4506">Contact</a></li></ul>
      </div>
      <div>
        <h5>Membership</h5>
        <ul><li><a href="/i4a/pages/index.cfm?pageid=4527">Become a Member</a></li><li><a href="/i4a/pages/index.cfm?pageid=4503">Login</a></li></ul>
      </div>
      <div>
        <h5>Contact</h5>
        <div class="crow"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" width="14" height="14"><rect x="3" y="5.5" width="18" height="13" rx="2"/><path d="M3.5 7.5l8.5 6 8.5-6"/></svg></span><span><b>info@cfala.org</b></span></div>
        <div class="crow"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" width="14" height="14"><path d="M6.3 3.5c.5 0 .95.33 1.1.8l1.1 3.15c.16.47 0 .98-.38 1.28L8 9.8a11 11 0 0 0 5 5l1.07-1.13c.3-.38.8-.54 1.28-.38l3.15 1.1c.47.15.8.6.8 1.1V19a2 2 0 0 1-2.08 2A15 15 0 0 1 4 6.08 2 2 0 0 1 6 4z"/></svg></span><span>(213) 613-1503</span></div>
        <div class="crow"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" width="14" height="14"><path d="M12 21s7-5.6 7-11.2A7 7 0 0 0 5 9.8C5 15.4 12 21 12 21z"/><circle cx="12" cy="9.8" r="2.5"/></svg></span><span>13400 Riverside Drive, Ste. 215<br><span class="sub">Sherman Oaks, CA 91423</span></span></div>
      </div>
    </div>
    <div class="foot-bottom">
      <div>© 2026 CFA Society of Los Angeles, Inc. All rights reserved.</div>
      <div class="tax">CFA Society Los Angeles is a 501(c)(6) nonprofit business league. Membership dues and sponsorship payments are not tax-deductible as charitable contributions.</div>
    </div>
  </div>
</footer>
</div>
					</div><!-- #footer -->
				</div><!-- #footer-wrapper -->
			</div><!-- #footer-container -->

<script>
document.addEventListener('DOMContentLoaded', function(){
(function(){
  // hero banners: any images staff place at the TOP of the homepage content
  // (above the events) become rotating hero slides, replacing the text slides
  try{
    var heroEl=document.getElementById('hero');
    var areaH=document.getElementById('i4acontent_area');
    if(heroEl&&areaH){
      var bnd=areaH.querySelector('.smallnewbluebox, div[class*="headerdivider"], .buttondivider, h2, table');
      var lead=Array.prototype.slice.call(areaH.querySelectorAll('img')).filter(function(im){
        if(im.closest('table'))return false;
        return !bnd||(im.compareDocumentPosition(bnd)&Node.DOCUMENT_POSITION_FOLLOWING);
      });
      if(lead.length){
        Array.prototype.slice.call(heroEl.querySelectorAll('.slide')).forEach(function(s){s.parentNode.removeChild(s);});
        lead.forEach(function(im,i){
          var sl=document.createElement('div');sl.className='slide'+(i===0?' on':'');
          var wr=document.createElement('div');wr.className='wrap hero-single';
          var gr=document.createElement('div');gr.className='hero-graphic filled';
          var nd=im.closest('a')||im;
          gr.appendChild(nd);wr.appendChild(gr);sl.appendChild(wr);heroEl.appendChild(sl);
        });
      }
    }
  }catch(e0){}
  var slides=[].slice.call(document.querySelectorAll('.slide'));
  var i=0;
  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  function go(n){slides[i].classList.remove('on');i=(n+slides.length)%slides.length;slides[i].classList.add('on');}
  if(slides.length>1&&!reduce){setInterval(function(){go(i+1);},6500);}

  var burger=document.getElementById('burger'),nav=document.getElementById('nav');
  if(burger&&nav){burger.addEventListener('click',function(){nav.classList.toggle('open');});}

  // ---- which THEME are we on? -------------------------------------------------
  // The two-column rail must be a THEME decision, not a content one. Interior
  // full-width pages (1004/1021) also carry a populated sidemenu widget -- Past Events
  // has 270 links -- so gating the rail on 'sidebar has links' wrongly reserved a
  // column on 97% of the site and shifted every page left. Link COUNT does not separate
  // them either (1021 ranges 2-270, the sidebar themes 15-38). The reliable signal is
  // that every page loads its own theme's stylesheets, so the theme id is in the DOM.
  // Sidebar themes: 1002/1003 (originals) and 1022/1023 (redesigned copies).
  try{
    if(document.querySelector('link[href*="/templates/1002/"],link[href*="/templates/1003/"],'+
       'link[href*="/templates/1022/"],link[href*="/templates/1023/"]'))
      document.documentElement.className+=' cf-rail';
  }catch(eT){}

  // ---- rescue the i4a cookie-consent banner ----
  // i4a emits #i4a_consent_main BEFORE the sidemenu widget's div closes, so the parser
  // nests the banner inside the widget, which i4a then moves into #sidebar-a. Two bugs
  // follow: the banner is INVISIBLE on ~97% of pages (1021's generated base CSS hides the
  // whole sidebar container, and position:fixed cannot escape a display:none ancestor),
  // and its Privacy Policy link made every 1022/1023 page count as 'sidebar has links',
  // summoning an empty rail card on pages whose section menu is empty (found on event
  // pages). Re-parent it to <body> so it shows sitewide and stops polluting the gate.
  try{
    var cnB=document.getElementById('i4a_consent_main');
    if(cnB&&document.body)document.body.appendChild(cnB);
  }catch(eCN){}

  // ---- keep the site search when converting an interior template ----
  // Theme 1004 supplies a search widget that the redesign has no equivalent for. Rather
  // than deactivating it and silently losing site search on a 1000+ page site, move it
  // into the utility bar and let our CSS style it. No-ops where the widget is absent.
  try{
    var sw=document.querySelector('[id^="i4awidget_widget_search"], .widget_search');
    // insert into the util bar's INNER wrap. The util element itself only contains .wrap,
    // so inserting before .util-login (which lives inside wrap) threw NotFoundError, the
    // catch swallowed it, and the search was left gutted -- contents moved out, nothing
    // put back. Place the container FIRST and only then move the contents into it, so a
    // failure at any step leaves the original widget untouched rather than emptied.
    var uwrap=document.querySelector('.cfala .util .wrap')||document.querySelector('.cfala .util');
    var box;
    if(sw&&uwrap&&sw.children.length&&!uwrap.querySelector('.cf-search')){
      box=document.createElement('div');box.className='cf-search';
      var login=uwrap.querySelector('.util-login');
      if(login&&login.parentNode===uwrap)uwrap.insertBefore(box,login);
      else uwrap.appendChild(box);
      while(sw.firstChild)box.appendChild(sw.firstChild);
      sw.parentNode&&sw.parentNode.removeChild(sw);
      var inp=box.querySelector('input[type="text"]');
      if(inp){
        // i4a ships the field with a literal VALUE of 'Search the site' and an onfocus that
        // blanks it -- the pre-HTML5 pattern. If a user hits enter without focusing, they
        // search for the literal string. Convert it to a real placeholder so the field is
        // genuinely empty and modern.
        if((inp.value||'').replace(/\s+/g,' ').trim()==='Search the site')inp.value='';
        inp.removeAttribute('onfocus');
        if(!inp.getAttribute('placeholder'))inp.setAttribute('placeholder','Search the site');
      }
    }else if(uwrap&&!uwrap.querySelector('.cf-search')&&(!sw||!sw.children.length)){
      // theme ships NO working search widget (1020's widget set is broken, found when the
      // homepage went live Jul 30): build the site search ourselves with the IDENTICAL
      // action and fields as the widget's own form, so behaviour matches the other themes.
      box=document.createElement('div');box.className='cf-search';
      box.innerHTML='<form action="/i4a/search/search.cfm" method="post">'
        +'<input type="hidden" name="searchstring_required" value="">'
        +'<input type="hidden" name="collections" value="cfala_pages,cfala_pages_files">'
        +'<input type="text" name="searchstring" placeholder="Search the site">'
        +'<input type="submit" value="Search"></form>';
      var loginF=uwrap.querySelector('.util-login');
      if(loginF&&loginF.parentNode===uwrap)uwrap.insertBefore(box,loginF);
      else uwrap.appendChild(box);
    }
  }catch(eS){}

  // ---- adopt the i4a 'mainmenu' widget into the design's own nav markup ----
  var SECONDARYNAV=[{"l": "About", "h": "/i4a/pages/index.cfm?pageid=4504", "k": [{"l": "Media", "h": "/i4a/pages/index.cfm?pageid=4505"}, {"l": "Contact", "h": "/i4a/pages/index.cfm?pageid=4506"}]}];
  try{
    var mw=document.querySelector('.widget_menu_mainmenu');
    var navEl=document.getElementById('nav');
    if(mw&&navEl){
      var read=function(ul){
        if(!ul)return [];
        return [].slice.call(ul.children).filter(function(li){return li.tagName==='LI';}).map(function(li){
          var a=li.querySelector(':scope > a');
          if(!a)return null;
          var sub=li.querySelector(':scope > div.yuimenu > div.bd > ul, :scope > div > div.bd > ul');
          return {label:(a.textContent||'').replace(/\s+/g,' ').trim(),href:a.getAttribute('href')||'#',kids:read(sub)};
        }).filter(Boolean);
      };
      var tree=read(mw.querySelector('ul.level-1'));
      if(tree.length){
        var login=navEl.querySelector('.login');
        navEl.innerHTML='';
        tree.forEach(function(top){
          if(!top.kids.length){
            var a=document.createElement('a');a.href=top.href;a.textContent=top.label;navEl.appendChild(a);return;
          }
          var dd=document.createElement('div');dd.className='dd';
          // top label stays a real link (its landing page is a real page); the chevron is a
          // separate control so touch can open the panel without navigating
          var tl=document.createElement('a');tl.className='dd-top';tl.href=top.href;tl.textContent=top.label;
          var b=document.createElement('button');b.type='button';b.className='dd-toggle';
          b.setAttribute('aria-expanded','false');b.setAttribute('aria-label','Show '+top.label+' menu');
          // SECTION LIST ONLY (level 2), mirroring how the live site presents this
          // menu: the detail below each section lives on its landing page.
          var panel=document.createElement('div');panel.className='dd-menu';
          top.kids.forEach(function(mid){
            var ma=document.createElement('a');ma.href=mid.href;ma.textContent=mid.label;
            panel.appendChild(ma);
          });
          dd.appendChild(tl);dd.appendChild(b);dd.appendChild(panel);navEl.appendChild(dd);
        });
        SECONDARYNAV.forEach(function(x,i){
          if(!x.k||!x.k.length){
            var sa=document.createElement('a');sa.href=x.h;sa.textContent=x.l;navEl.appendChild(sa);return;
          }
          // secondary item with children renders as the same .dd the mainmenu tops use;
          // the drilldown wiring below picks it up like any other dropdown
          var sdd=document.createElement('div');
          sdd.className='dd'+(i===SECONDARYNAV.length-1?' dd-last':'');
          var stl=document.createElement('a');stl.className='dd-top';stl.href=x.h;stl.textContent=x.l;
          var sb=document.createElement('button');sb.type='button';sb.className='dd-toggle';
          sb.setAttribute('aria-expanded','false');sb.setAttribute('aria-label','Show '+x.l+' menu');
          var sp=document.createElement('div');sp.className='dd-menu';
          x.k.forEach(function(m){var ma=document.createElement('a');ma.href=m.h;ma.textContent=m.l;sp.appendChild(ma);});
          sdd.appendChild(stl);sdd.appendChild(sb);sdd.appendChild(sp);navEl.appendChild(sdd);
        });
        if(login)navEl.appendChild(login);
        navEl.setAttribute('data-src','i4a-mainmenu');
        mw.parentNode&&mw.parentNode.removeChild(mw);
      }else{
        // widget present but emitting NOTHING (its menu source is unset on this theme).
        // Keep the build-time nav and hide the empty div, which i4a appends into #header
        // carrying inherited absolute-position styles that would open a stray gap.
        mw.style.display='none';
      }
    }
    // any OTHER menu widget that shows up (custommenu1 duplicates the top level into the
    // footer; secondarymenu is the About/Media/Contact strip) is hidden, not removed, so it
    // stays visible to a DOM inspector if someone activates more widgets than intended.
    [].slice.call(document.querySelectorAll('[class^="widget_menu_"],[id^="i4awidget_widget_menu_"]')).forEach(function(w){
      if(w.className.indexOf('widget_menu_mainmenu')<0)w.style.display='none';
    });
  }catch(eM){}

  // ---- mobile: drill-down panels (an accordion of 100+ items scrolls for pages) ----
  try{
    var mnav=document.getElementById('nav');
    // bind whenever chevrons exist -- the nav may come from the runtime adopter OR from the
    // build-time tree in header.cfm, and both need the mobile accordion
    if(mnav&&mnav.querySelector('.dd-toggle')){
      mnav.querySelectorAll('.dd').forEach(function(dd){
        var btn=dd.querySelector(':scope > .dd-toggle');
        if(!btn)return;
        btn.addEventListener('click',function(){
          if(window.matchMedia('(min-width:921px)').matches)return;
          var open=dd.classList.toggle('m-open');
          btn.setAttribute('aria-expanded',open?'true':'false');
        });
      });
      var bg=document.getElementById('burger');
      if(bg)bg.addEventListener('click',function(){
        mnav.querySelectorAll('.dd.m-open').forEach(function(d){
          d.classList.remove('m-open');
          var bb=d.querySelector(':scope > .dd-toggle');if(bb)bb.setAttribute('aria-expanded','false');
        });
        mnav.scrollTop=0;
      });
    }
  }catch(eM2){}

  // ---- responsive search placement (runs LAST, after the adopter has rebuilt #nav) ----
  // The top utility bar has no room for socials + search + login on a phone -- login gets
  // pushed off-screen. Park the search in the top bar on desktop; on mobile move the SAME node
  // to the top of the burger panel, re-homing it whenever the viewport crosses the breakpoint.
  // This must run after the menu adopter, which does navEl.innerHTML='' and would otherwise wipe
  // a search already placed in the nav. box/uwrap are function-scoped vars from the search block.
  try{
    if(typeof box!=='undefined'&&box){
      var navS=document.getElementById('nav');
      var uwrapS=document.querySelector('.cfala .util .wrap')||document.querySelector('.cfala .util');
      var mqS=window.matchMedia('(max-width:860px)');
      var placeSearch=function(){
        try{
          if(mqS.matches){ if(navS&&box.parentNode!==navS)navS.insertBefore(box,navS.firstChild); }
          else if(uwrapS&&box.parentNode!==uwrapS){ var lg=uwrapS.querySelector('.util-login');
            if(lg&&lg.parentNode===uwrapS)uwrapS.insertBefore(box,lg); else uwrapS.appendChild(box); }
        }catch(eP){}
      };
      placeSearch();
      // Belt and braces: matchMedia('change') is the precise signal, but a plain resize
      // listener fires in every environment. placeSearch is idempotent (it checks parentNode
      // before moving), so running it on both costs nothing and covers orientation changes and
      // window drags across the breakpoint.
      if(mqS.addEventListener)mqS.addEventListener('change',placeSearch);
      else if(mqS.addListener)mqS.addListener(placeSearch);
      window.addEventListener('resize',placeSearch);
    }
  }catch(eM3){}

  // announcements: featured-card rotator (staff keep pasting stacked content; we regroup it here)
  try{
    var area=document.getElementById('i4acontent_area');
    if(area){
      var divs=Array.prototype.slice.call(area.querySelectorAll('div[class*="headerdivider"]'));
      var head=null;for(var d=0;d<divs.length;d++){if(divs[d].textContent.replace(/\s+/g,'')){head=divs[d];break;}}
      var spBtn=area.querySelector('.buttondivider a[href*="pageid=4533"]');
      var cutoff=spBtn?spBtn.closest('.buttondivider'):null;
      if(head){
        var raw=Array.prototype.slice.call(area.querySelectorAll('h2,p,img,iframe,center>em'));
        var atoms=raw.filter(function(n){
          if(!(head.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING))return false;
          if(cutoff&&(cutoff.contains(n)||(cutoff.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)))return false;
          if(n.tagName==='P'&&!n.textContent.replace(/\s+/g,'')&&!n.querySelector('img,iframe'))return false;
          return true;
        });
        atoms=atoms.filter(function(n){return !atoms.some(function(m){return m!==n&&m.contains(n);});});
        var groups=[],g=null;
        atoms.forEach(function(n){
          if(n.tagName==='H2'){g={items:[]};groups.push(g);}
          if(g)g.items.push(n);
        });
        if(groups.length>1){
          head.className+=' an-head';
          var rot=document.createElement('div');rot.className='an-rotator';
          var aSlides=groups.map(function(gr){
            var s=document.createElement('div');s.className='an-slide';
            var media=document.createElement('div');media.className='feat-media';
            var body=document.createElement('div');body.className='feat-body';
            var hasMedia=false;
            gr.items.forEach(function(n){
              var isMedia=(n.tagName==='IMG'||n.tagName==='IFRAME');
              var inner=(!isMedia&&n.querySelector)?n.querySelector('img,iframe'):null;
              if(isMedia&&!hasMedia){media.appendChild(n);hasMedia=true;}
              else if(inner&&!hasMedia){media.appendChild(inner);hasMedia=true;if(n.textContent.replace(/\s+/g,''))body.appendChild(n);}
              else{body.appendChild(n);}
            });
            if(!hasMedia)s.className+=' no-media';
            s.appendChild(media);s.appendChild(body);rot.appendChild(s);
            return s;
          });
          var dots=document.createElement('div');dots.className='an-dots';
          var k=0;
          var show=function(n){aSlides[k].classList.remove('on');dots.children[k].classList.remove('on');k=(n+aSlides.length)%aSlides.length;aSlides[k].classList.add('on');dots.children[k].classList.add('on');};
          aSlides.forEach(function(_,idx){var b=document.createElement('button');b.setAttribute('aria-label','Announcement '+(idx+1));b.addEventListener('click',function(){show(idx);});dots.appendChild(b);});
          var pv=document.createElement('button');pv.className='an-arrow prev';pv.innerHTML='‹';pv.setAttribute('aria-label','Previous announcement');
          var nx=document.createElement('button');nx.className='an-arrow next';nx.innerHTML='›';nx.setAttribute('aria-label','Next announcement');
          pv.addEventListener('click',function(){show(k-1);});
          nx.addEventListener('click',function(){show(k+1);});
          rot.appendChild(pv);rot.appendChild(nx);
          var wrapEl=document.createElement('div');wrapEl.className='an-wrap';
          wrapEl.appendChild(rot);wrapEl.appendChild(dots);
          head.parentNode.insertBefore(wrapEl,head.nextSibling);
          aSlides[0].classList.add('on');dots.children[0].classList.add('on');
          // lock all aSlides to the tallest so rotation never reflows the page
          var equalize=function(){var mx=0;aSlides.forEach(function(s){s.style.minHeight='';s.style.cssText+=';display:grid;visibility:hidden;position:absolute;left:0;right:0;';var h=s.offsetHeight;if(h>mx)mx=h;s.style.display='';s.style.visibility='';s.style.position='';s.style.left='';s.style.right='';});aSlides.forEach(function(s){s.style.minHeight=mx+'px';});};
          equalize();
          window.addEventListener('load',equalize);
          var rT=null;window.addEventListener('resize',function(){if(rT)clearTimeout(rT);rT=setTimeout(equalize,150);});
          Array.prototype.slice.call(rot.querySelectorAll('img')).forEach(function(im){if(!im.complete)im.addEventListener('load',equalize);});
          divs.forEach(function(dd){if(!dd.textContent.replace(/\s+/g,''))dd.style.display='none';});
        }
      }
    }
  }catch(err){}

  // interior pages: dress the breadcrumb + page title into the design's hero band
  try{
    var bc=document.getElementById('breadcrumbs');
    var pt=document.querySelector('h1.pagetitle');
    if(bc||pt){
      var phw=document.createElement('div');phw.className='cfala';
      var sec=document.createElement('section');sec.className='page-hero';
      var acc=document.createElement('div');acc.className='pw-accent';
      acc.innerHTML='<svg viewBox="0 0 378 378"><use href="#pw"/></svg>';
      var wp=document.createElement('div');wp.className='wrap';
      sec.appendChild(acc);sec.appendChild(wp);phw.appendChild(sec);
      var anchor=bc||pt;
      anchor.parentNode.insertBefore(phw,anchor);
      if(bc)wp.appendChild(bc);
      if(pt)wp.appendChild(pt);
      // rail themes: lift the band ABOVE the rail+content row so it spans the full page
      // width (the 1021 look) and the sidebar card starts below it instead of level with
      // it. Gates mirror the rail CSS exactly (cf-rail class + populated sidemenu), so JS
      // and CSS cannot disagree. cf-rail is set earlier in this same handler; the sidemenu
      // is moved into #sidebar-a by i4a's parser-time script, so both signals are decided.
      var railed=document.documentElement.className.indexOf('cf-rail')>-1
        &&document.querySelector('#sidebar-a-container .menu a');
      var mainEl=document.getElementById('main');
      if(railed&&mainEl&&mainEl.parentNode){
        phw.className+=' cf-hero-hoisted';
        mainEl.parentNode.insertBefore(phw,mainEl);
      }
    }
  }catch(e1){}

  // rail themes: Stay in the loop lives IN the sidebar as a compact card under the menu
  // (reviewer request Jul 29). It MOVES there -- one subscribe form per page -- so the
  // full-width bottom band appears only on non-rail pages. Same gates as the hero hoist;
  // event pages strip cf-rail before this runs and keep the bottom band.
  try{
    var bndS=document.querySelector('.cf-subscribe-band');
    var sbA=document.getElementById('sidebar-a');
    if(bndS&&sbA&&document.documentElement.className.indexOf('cf-rail')>-1
       &&document.querySelector('#sidebar-a-container .menu a')){
      bndS.className+=' cf-side-sub';
      sbA.appendChild(bndS);
    }
  }catch(eSB){}

  // event DETAIL pages: restore the top-right info rail. The legacy layout is two authored
  // floats (.leftmain 57% + .rightmain 355px) that need ~884px; our 820px reading column
  // made the second float wrap, dumping fees/registration BELOW the whole description.
  // Signal is the same one the other passes use for event details (td.speakerinfo), plus
  // the leftmain/rightmain pair as same-parent siblings. Grid replaces the floats; the
  // cf-evd hook on <html> lets the CSS widen ONLY these pages to the 1200px frame.
  try{
    var areaV=document.getElementById('i4acontent_area');
    if(areaV&&document.querySelector('.page-hero')&&areaV.querySelector('td.speakerinfo')
       &&areaV.querySelector('.month,.lgmonth')){ // the date chip separates REAL events from
       // staff pages built by copying the event skeleton (membership pages, Jul 30 live bug:
       // they lost their sidebar menu because this pass treated them as events)
      var lmV=areaV.querySelector('div.leftmain');
      var rmV=areaV.querySelector('div.rightmain');
      if(lmV&&rmV&&lmV.parentNode===rmV.parentNode){
        // event details leave the rail: the sidebar themes' section menu is empty or
        // irrelevant here, and the event layout brings its own right rail. Stripping
        // cf-rail deactivates the whole rail feature for this page, the cf-evd rules
        // take over (including the hoisted hero's alignment, which keys on classes,
        // not DOM position), and events render identically on every theme.
        document.documentElement.className=
          document.documentElement.className.replace(/(^|\s)cf-rail(?=\s|$)/g,' ')+' cf-evd';
        var colsV=document.createElement('div');colsV.className='cf-ev-cols';
        lmV.parentNode.insertBefore(colsV,lmV);
        colsV.appendChild(lmV);colsV.appendChild(rmV);
        lmV.className+=' cf-ev-main';rmV.className+=' cf-ev-info';
        // trailing legal fine print (the org's standard 501(c)(6) boilerplate) at the END
        // of the left column reads before the right column's boxes once mobile stacks the
        // grid (reviewer catch Jul 23 on the new membership page 6696). Hoist it below the
        // whole two-column block: full-width page-bottom note on desktop, last on mobile.
        // Signal is deliberately narrow -- a trailing <p> carrying the fixed legal string --
        // so event descriptions (which end in contact lines) can never match.
        try{
          var tailV=lmV.querySelector('.eventcontent');tailV=(tailV||lmV).lastElementChild;
          while(tailV&&tailV.tagName==='P'&&!tailV.textContent.replace(/\s+/g,''))tailV=tailV.previousElementSibling;
          if(tailV&&tailV.tagName==='P'&&/501\(c\)|tax-deduct/i.test(tailV.textContent)){
            tailV.className+=' cf-fineprint';
            colsV.parentNode.insertBefore(tailV,colsV.nextSibling);
          }
        }catch(eFP){}
      }
    }
  }catch(eV){}

  // Bound inline font sizes instead of flattening them. Staff set sizes in the editor and
  // expect to see a difference; the old CSS forced every inline size to one value, so 11pt,
  // 12pt and 15pt all came out identical. Here the authored size is kept and only the
  // extremes are pulled in, which protects the layout from 3rem/25pt pasted 'headings'
  // without discarding ordinary intent.
  try{
    var areaF=document.getElementById('i4acontent_area');
    if(areaF){
      var MINPX=13,MAXPX=30;
      Array.prototype.slice.call(areaF.querySelectorAll('[style*="font-size"]')).forEach(function(el){
        if(el.closest('.cf-erow,.cf-col-card,[class^="buttonbar"],[class^="detailsbar"]'))return;
        var px=parseFloat(getComputedStyle(el).fontSize)||0;
        if(!px)return;
        if(px<MINPX)el.style.fontSize=MINPX+'px';
        else if(px>MAXPX)el.style.fontSize=MAXPX+'px';
      });
    }
  }catch(eF){}

  // The staff colour palette, from /templates/1020/cfala.css and styles_wysiwyg.css.
  // Read colours from CLASS NAMES via this map rather than from computed styles: our own
  // card treatment blanks the source element before these passes run, and relying on the
  // legacy stylesheet still being linked is a dependency nobody would be left to debug.
  var CFCOLOR={newblue:'#4476FF',darkblue:'#06005A',learncyan:'#00BBFF',
    networkyellow:'#F5CA27',insightpurp:'#7A46FF',warmwhite:'#F7ECDE',coolgrey:'#F0F0F0',
    purple:'#5c068c',royal:'#0083d6',green:'#78b320',yellow:'#ffd100',aqua:'#009966',
    lightpurple:'#5b77cc'};
  // interior robustness: stack wide layout tables, style the lead paragraph
  try{
    var areaI=document.getElementById('i4acontent_area');
    if(areaI&&document.querySelector('.page-hero')){
      Array.prototype.slice.call(areaI.querySelectorAll('table')).forEach(function(tb){
        if(tb.querySelector('.month,.date,.lgmonth,.lgdate'))return;
        if(tb.className||tb.closest('form'))return; // module/Bootstrap tables and form internals are off-limits
        if(tb.querySelector('[colspan],[rowspan]'))return; // spans would scramble a transpose
        if(!tb.rows||!tb.rows.length)return;
        var nCols=0;for(var r=0;r<tb.rows.length;r++){if(tb.rows[r].cells.length>nCols)nCols=tb.rows[r].cells.length;}
        // Gate on MARKUP, never on rendered pixel width. The old test was
        // getBoundingClientRect().width<=560, which meant the very same page rendered as a
        // plain table on a 1280px laptop and as a stacked layout on an 1800px monitor. Two
        // staff on different screens would each be certain the other was seeing a bug, and
        // there is nobody left to arbitrate. Column count is a property of the content, so
        // the published page now looks the same everywhere.
        if(nCols<2)return;
        // DATA TABLE vs LAYOUT TABLE. Transposing columns into cards is right when each
        // COLUMN is an entity (the 5 membership types), and destroys the content when each
        // ROW is a record -- a course schedule would come out as 'Week: 1 2 3 4 5 6 7 8'.
        // Header cells, or more rows than a short attribute list, mean rows are records.
        // Those keep their structure and get a horizontal scroll on narrow screens instead.
        var isData=!!tb.querySelector('th')||tb.rows.length>5;
        if(isData){
          if(!tb.parentNode||tb.parentNode.className!=='cf-scroll'){
            var sc=document.createElement('div');sc.className='cf-scroll';
            tb.parentNode.insertBefore(sc,tb);sc.appendChild(tb);
          }
          return;
        }
        if(tb.rows.length>1&&nCols>2){
          // matrix layout table: each COLUMN is an entity -> transpose into cards
          var grid=document.createElement('div');grid.className='cf-grid';
          for(var c=0;c<nCols;c++){
            var card=document.createElement('div');card.className='cf-col-card';
            var accent='';
            for(var r2=0;r2<tb.rows.length;r2++){var cell=tb.rows[r2].cells[c];
              if(cell){
                if(!accent){var bb=cell.querySelector('[class^="buttonbar"],[class^="detailsbar"]');
                  if(bb){var am=(bb.className||'').match(/(?:buttonbar|detailsbar)([a-z]+)/i);
                    if(am&&CFCOLOR[am[1].toLowerCase()])accent=CFCOLOR[am[1].toLowerCase()];}
                  if(bb){var bbg=getComputedStyle(bb).backgroundColor;
                    if(bbg&&bbg!=='rgba(0, 0, 0, 0)'&&bbg!=='transparent')accent=bbg;}}
                while(cell.firstChild){card.appendChild(cell.firstChild);}
              }}
            if(card.textContent.replace(/\s+/g,'')||card.querySelector('img,iframe,div')){
              if(accent)card.style.borderTopColor=accent;
              grid.appendChild(card);
            }
          }
          if(grid.children.length){tb.parentNode.replaceChild(grid,tb);}
        }else{tb.className+=' cf-linear';}
      });
      Array.prototype.slice.call(areaI.querySelectorAll('p')).forEach(function(el){
        if(el.id||el.className)return;                    // never touch functional/module containers
        if(el.children.length===0&&!el.textContent.replace(/[\s\u00a0]+/g,''))el.style.display='none';
      });
      // PHOTO STRIPS: 2+ images sharing one leaf block with no prose are the CFALA editor's
      // 'band of photos' idiom (4508, 4521, 4525, 6847). Tag them so the interior block
      // default does not stack them vertically, and carry the author's own proportions so
      // the row keeps one even bottom edge.
      Array.prototype.slice.call(areaI.querySelectorAll('p,h1,h2,h3,h4,h5,div,center')).forEach(function(host){
        if(host.id||/cf-/.test(host.className||''))return;
        if(host.closest('td,table,.cf-col-card,.cf-erow,.cf-grid,.an-rotator'))return;
        if(host.querySelector('p,div,ul,ol,table,iframe'))return;
        var imgs=host.querySelectorAll('img');
        if(imgs.length<2)return;
        if(host.textContent.replace(/[\s\u00a0]+/g,'').length)return;
        if([].some.call(imgs,function(x){return (x.getAttribute('style')||'').indexOf('float')>-1;}))return;
        host.className+=' cf-img-row';
        [].forEach.call(imgs,function(x){
          x.className+=' cf-row-img';
          var st=x.getAttribute('style')||'';
          var wm=st.match(/(?:^|[^-a-z])width:\s*(\d+)/), hm=st.match(/(?:^|[^-a-z])height:\s*(\d+)/);
          var w=(wm&&wm[1])||x.getAttribute('width')||x.naturalWidth;
          var h=(hm&&hm[1])||x.getAttribute('height')||x.naturalHeight;
          if(w&&h){ x.style.setProperty('aspect-ratio',w+' / '+h); x.style.setProperty('flex','0 1 '+w+'px'); }
        });
      });
      Array.prototype.slice.call(areaI.querySelectorAll('img')).forEach(function(im){
        if(im.closest('td')||im.closest('.cf-col-card')||im.closest('.cf-img-row')||(im.getAttribute('style')||'').indexOf('float')>-1)return;
        var host=im.closest('p,div,h1,h2,h3,li');
        var txt=host?host.textContent.replace(/[\s\u00a0]+/g,'').length:0;
        // naturalWidth FIRST: it is a property of the image file, so placement is the same on
        // every screen. Rendered width made the same page lay out differently per viewport.
        var w=im.naturalWidth||im.getBoundingClientRect().width||0;
        if(txt>40){im.className+=' cf-inline-img';}
        else if(w>0&&w<140){im.className+=' cf-badge-img';}
      });
      // Lead paragraph = the page's opening sentence. This pass runs AFTER the table
      // transforms, so without a guard it can grab a paragraph that is now sitting inside a
      // generated card or event row -- which is exactly what made the first of the five
      // Membership cards render differently from the other four. Skip anything that already
      // carries a class or now lives inside generated furniture.
      var fp=null;
      var cands=[].slice.call(areaI.querySelectorAll('p'));
      for(var fi=0;fi<cands.length;fi++){
        var c=cands[fi];
        if(c.className)continue;
        if(c.closest('.cf-col-card,.cf-erow,.cf-grid,.an-rotator,td,table'))continue;
        if(!c.textContent.replace(/\s+/g,'').length)continue;
        fp=c;break;
      }
      if(fp){
        fp.className+=' cf-lead'+(fp.textContent.trim().length<220?' cf-lead-c':'');
      }
    }
  }catch(e2){}

  // event rows: template card style; staff chip color becomes the left rail
  try{
    var areaE=document.getElementById('i4acontent_area');
    if(areaE&&document.querySelector('.page-hero')){
      Array.prototype.slice.call(areaE.querySelectorAll('table')).forEach(function(tb){
        var chip=tb.querySelector('div[class*="box"]');
        if(!chip||!tb.querySelector('.month,.lgmonth'))return;
        // Event DETAIL pages reuse the same chip+month table as a LISTING row, so this
        // transform used to fire on them too and repaint the entire event body to the
        // small grey row style -- on roughly 60% of the site. td.speakerinfo only exists
        // on detail pages, so it is a reliable signal to leave them alone.
        if(tb.querySelector('td.speakerinfo')||areaE.querySelector('td.speakerinfo'))return;
        tb.className+=' cf-erow';
        var chTxt=['.month','.date','.lgmonth','.lgdate'].map(function(q){var el=tb.querySelector(q);return el?el.textContent:'';}).join('');
        if(!chTxt.replace(/\s+/g,''))tb.className+=' cf-nochip';
        // Rail colour comes from the chip's CLASS NAME, not its computed background. The
        // theme flattens the chip to transparent as part of the card treatment, so by the
        // time this runs getComputedStyle reports transparent and every rail fell back to
        // the same default blue -- wiping out the colour coding staff use to tell sections
        // apart (page 4579 authors four distinct colours; the live site shows all four).
        // The class name is authored data and cannot be clobbered by our own CSS.
        var railc='';
        var cm=(chip.className||'').match(/(?:small|large)([a-z]+)box/i);
        if(cm&&CFCOLOR[cm[1].toLowerCase()])railc=CFCOLOR[cm[1].toLowerCase()];
        if(!railc){
          var bg=getComputedStyle(chip).backgroundColor;
          if(bg&&bg!=='rgba(0, 0, 0, 0)'&&bg!=='transparent')railc=bg;
        }
        if(railc)tb.style.borderLeftColor=railc;
        // Paint the row's pill from ITS OWN class name too. The pill's colour otherwise comes
        // only from legacy cfala.css, which the theme merely happens to still link -- if that
        // link were ever pruned every pill would go transparent with white text, i.e.
        // invisible, and there would be nobody left to diagnose it. Deriving it here makes the
        // event rows self-contained while producing exactly the same colours.
        Array.prototype.slice.call(tb.querySelectorAll('[class^="buttonbar"],[class^="detailsbar"]')).forEach(function(pill){
          var pm=(pill.className||'').match(/(?:buttonbar|detailsbar)([a-z]+)/i);
          if(pm&&CFCOLOR[pm[1].toLowerCase()])pill.style.backgroundColor=CFCOLOR[pm[1].toLowerCase()];
        });
      });
    }
  }catch(e3){}
})();
});
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NMR4D7W');</script>
<!-- End Google Tag Manager -->

		
			<div id="i4awidget_widget_menu_238" class="widget_menu_mainmenu"  >
				
					
			</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('header');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_menu_238'));
					}
				</script>
				
			
	<style>
		div.i4a_consent_main {
			position: fixed;
			display: none;
			z-index: 999999999;
			
				bottom: 0px;
			
			height: 70px;
			width: 100%;
			background-color: white;
			color: #06005a;
			font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
			}

		div.i4a_consent_text {
			width: 70%;
			position: absolute;
			left: 10px;
			top: 10px;
			}

		div.i4a_consent_btnAccept {
			background-color: #06005a;
			color: white;
			position: absolute;
			right: 100px;
			top: 20px;
			padding: 5px;
			height: 20px;
			font-size: 14px;
			border-radius: 5px;
			font-weight: bold;
			cursor: pointer;
			}

		div.i4a_consent_closeme {
			position: absolute;
			right: 15px;
			width: 20px;
			height: 20px;
			top: 25px;
			font-size: 25px;
			background-color: white;
			color: #06005a;
			cursor: pointer;
			}
	</style>


	<div id="i4a_consent_main" class="i4a_consent_main">
		<div class="i4a_consent_text">
			
				We're using cookies, but you can turn them off in Privacy Settings. If you use the site without changing settings, you are agreeing to our use of cookies. Learn more in our <a target="_blank" href="https://www.cfala.org/i4a/pages/index.cfm?pageid=5623">Privacy Policy</a>.
		</div>
		<div class="i4a_consent_moreinfo">

		</div>
		<div class="i4a_consent_btnAccept" onclick="consentAccept();">Accept
		</div>
		<div class="i4a_consent_closeme" onclick="consentDecline();">X
		</div>
	</div>


	<script>

		function consentAccept() {
				// Enable Cookies again
				// Write our cookie that stores that cookie was accepted.
				_i4a_enableCookies();
				_i4a_createCookie("i4aconsent","true",365);
				var i4aContentMainDiv = document.getElementById('i4a_consent_main');
				i4aContentMainDiv.style.display = 'none';
				}

		function consentDecline() {
			var i4aContentMainDiv = document.getElementById('i4a_consent_main');
			i4aContentMainDiv.style.display = "none";
			// Now set our session cookie to ensure we don't keep displaying the banner...
			_i4a_enableCookies();
			_i4a_createCookie("i4askipconsent","true",null,_i4a_disableCookies
			);
			}

		// check to see if we should be displaying the banner
		var i4aContentMainDiv = document.getElementById('i4a_consent_main');
		i4aConsent = _i4a_readCookie("i4aconsent");
		i4aSkipConsent = _i4a_readCookie("i4askipconsent");

		if (i4aConsent != "true"  && i4aSkipConsent != "true") {
			i4aContentMainDiv.style.display = "block";

			}


	</script>
	

</body>
</html>