CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />  <script>(function(w,d,s,l,i){w.GAMeasurementID='G-BHBDP3YP52';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','cpDataLayerGA4','GTM-K73C5PS');</script>  <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://az416426.vo.msecnd.net/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item’s type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= true; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = true; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="category0" content="Home" /> <meta name="category1" content="Civic Engagement " /> <meta name="category2" content="The Lawmaking Process" /> <meta name="theme-color" content="#003b5c"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>The Lawmaking Process | New Jersey Legislative Services, NJ</title> <meta name="description" content="It is the responsibility of the Legislature to facilitate the enactment of laws. The following “Path of Legislation” charts the steps for getting from concept to reality."> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/-162451808.css" rel="stylesheet" type="text/css" /> <link href="/1130670900.css" rel="stylesheet" type="text/css" /> <link href="/-702424551.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script>  <script src="/1315934815.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="1" /> <input type="hidden" id="hdnContentCollectionID" value="abaa676b-9d5e-4adc-9f82-ac26161bb3fa" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="1" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="168" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> <style> @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); .alertText .customAlert { color: #EAEAEA; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-weight: bold; height: 27px; left: 57px; line-height: 27px; overflow: hidden; position: absolute; top: 15px; white-space: nowrap; width: 268px; } </style> <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #003A5D;"> <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;"> <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;"> <img src="/Common/Images/AlertCenter/alertBarBlink.svg" id="1_imgDot" alt="Emergency Alert" class="redDot" /> <span id="1_customAlert" class="customAlert">Closings</span> </a> <span id="1_spnAlertContainer" class="alertContainer"><a href="/AlertCenter.aspx?AID=Holiday-Hour-Restrictions-12" target="_self" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;"> Holiday Hour Restrictions <span style="color: #FFFFFF;">Read More...</span> </a> </span> </div> </div> <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div>   </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap3"><div data-cpRole="structuralContainer" id="logoWraperContainerTS"> <div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="New Jersey Office of Legislative Services Home Page" class="bannerObject" height="299" src="/ImageRepository/Document?documentID=65" width="598" /></a> </div> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc79eb3747-6c05-4474-968a-98edcd4c9f68" data-containerid="79eb3747-6c05-4474-968a-98edcd4c9f68" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="88cc3fed-4880-48c6-a004-5d5df5556b5f"> <div class="row nest first last wide"> <div class="inner col col24 first last ida225e448-8e88-4f4a-95c0-507af695c1e9" style="" data-widgetcontainerid="a225e448-8e88-4f4a-95c0-507af695c1e9"> <div data-widget-id="2e21187f-e5b5-4e2b-9aff-9a97c02884c7" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2e21187f-e5b5-4e2b-9aff-9a97c02884c7" class="widget widgetGraphicLinks skin55 widgetOptionSet38 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/njstatehousetours/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label=" Instagram graphic"><img src="/ImageRepository/Document?documentID=41" class="graphicButtonLink" alt=" Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=41'" onmouseout="this.src='/ImageRepository/Document?documentID=41'" onfocus="this.src='/ImageRepository/Document?documentID=41'" onblur="this.src='/ImageRepository/Document?documentID=41'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/StateHouseTours/ " onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label="New Jersey Sate House Tours Twitter graphic"><img src="/ImageRepository/Document?documentID=392" class="graphicButtonLink" alt="New Jersey Sate House Tours Twitter" onmouseover="this.src='/ImageRepository/Document?documentID=392'" onmouseout="this.src='/ImageRepository/Document?documentID=392'" onfocus="this.src='/ImageRepository/Document?documentID=392'" onblur="this.src='/ImageRepository/Document?documentID=392'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/NJStateHouseTours/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label=" Facebook graphic"><img src="/ImageRepository/Document?documentID=40" class="graphicButtonLink" alt=" Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=40'" onmouseout="this.src='/ImageRepository/Document?documentID=40'" onfocus="this.src='/ImageRepository/Document?documentID=40'" onblur="this.src='/ImageRepository/Document?documentID=40'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCcpaFqC0CcZ77cSaaFSAN3w" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" aria-label=" YouTube graphic opens in new window"><img src="/ImageRepository/Document?documentID=43" class="graphicButtonLink" alt=" YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=43'" onmouseout="this.src='/ImageRepository/Document?documentID=43'" onfocus="this.src='/ImageRepository/Document?documentID=43'" onblur="this.src='/ImageRepository/Document?documentID=43'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="90bb4399-4d09-4e5a-9b2c-26b4951390f3"> <div class="row nest first last wide"> <div class="inner col col24 first last id991f2bb2-02a6-406b-a62d-6fa8918e4996" style="" data-widgetcontainerid="991f2bb2-02a6-406b-a62d-6fa8918e4996"> <div data-widget-id="8af12d84-1ec3-4b6b-9daa-119f6ce1cac2" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.10.4/js/jquery.ui.autocomplete.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin39 widgetOptionSet15" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox8af12d84-1ec3-4b6b-9daa-119f6ce1cac2" cp5ph="true" id="searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." title="Search..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton8af12d84-1ec3-4b6b-9daa-119f6ce1cac2" role="button"><img alt="Search-1" class="imageHover" data-hover="/ImageRepository/Document?documentID=85" data-image="/ImageRepository/Document?documentID=84" src="/ImageRepository/Document?documentID=84" /></a> <label class="searchLabel" for="searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #fff; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #fff; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .widgetSearch :-ms-input-placeholder { color: #fff; } .widgetSearch .widgetBody .widgetSearchBox8af12d84-1ec3-4b6b-9daa-119f6ce1cac2 { color: #fff; font-family: Open Sans; height: 55px; border-radius: 5px; border: 1px solid rgba(255,255,255,1); background: #003B5C; padding: 0 80px 0 20px; box-shadow: -3.346px 3.716px 9px 0px rgba(0, 0, 0, 0.31); } .widgetSearch .widgetBody .widgetSearchButton8af12d84-1ec3-4b6b-9daa-119f6ce1cac2 { margin: 5px; padding-top: .17em; padding-right: .5em; } .widgetSearch .widgetSearch-onlyDept8af12d84-1ec3-4b6b-9daa-119f6ce1cac2 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept8af12d84-1ec3-4b6b-9daa-119f6ce1cac2 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.10.4/themes/jquery-ui.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField8af12d84-1ec3-4b6b-9daa-119f6ce1cac2").value; } </script> </div> </div>  </div>  </div></div>  </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavPlanaVisit" class="navMainItem mainNavItem mainNavItem1" href="/27/Plan-a-Visit" target = "_self" > Plan a Visit </a> </li><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavTeachers" class="navMainItem mainNavItem mainNavItem2" href="/101/Teachers" target = "_self" > Teachers </a> </li><li id="MainItem187" class="topMenuItem" role="none" data-pageid="187" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavStudents" class="navMainItem mainNavItem mainNavItem3" href="/187/Students" target = "_self" > Students </a> </li><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavTheStateHouse" class="navMainItem mainNavItem mainNavItem4" href="/31/The-State-House" target = "_self" > The State House </a> </li><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavCivicEngagement" class="navMainItem mainNavItem mainNavItem5" href="/35/Civic-Engagement" target = "_self" > Civic Engagement </a> </li><li id="MainItem186" class="topMenuItem" role="none" data-pageid="186" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavVolunteer" class="navMainItem mainNavItem mainNavItem6" href="/186/Volunteer" target = "_self" > Volunteer </a> </li> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=1&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = false; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div class="siteWrap3"><div data-cpRole="structuralContainer" id="bannerContentTS"> <div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc085a326f-84a1-4607-be9d-c89790f7e072" data-containerid="085a326f-84a1-4607-be9d-c89790f7e072" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div> </div></div> </div> <div id="bannerImagesJSON2" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":2,"ThemeID":1,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":80,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=314","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/"}, '/App_Themes/Interior/Images/', 'Rotating', '0'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> <li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/35/Civic-Engagement">Civic Engagement </a></li><li id="currentBCPage" data-pageid="168">The Lawmaking Process</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="168" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="35" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1766" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="The Lawmaking Process" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> The Lawmaking Process </h1> <div id="cc5f8c90dc-b4cb-431b-90ee-10648f8df655" data-containerid="5f8c90dc-b4cb-431b-90ee-10648f8df655" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="920a0247-8620-4288-bb6b-589e2fde2d55"> <div class="row nest first wide"> <div class="inner col col24 first last id71a6a5ce-9a0b-4da9-a41e-87f99b03e50d" style="" data-widgetcontainerid="71a6a5ce-9a0b-4da9-a41e-87f99b03e50d"> <div class="widget image pageStyles" id="divImageOuter09ca0eee-d1c5-4956-9e19-a5400a605f20" data-widget-id="09ca0eee-d1c5-4956-9e19-a5400a605f20"> <div class="widgetBody " id="divImage09ca0eee-d1c5-4956-9e19-a5400a605f20"> <img src="/ImageRepository/Document?documentID=175" alt="Law of New Jersey Books" title="Law of New Jersey Books"/> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id5b063ff8-b174-470c-aab8-2c0e98cb7ab5" style="" data-widgetcontainerid="5b063ff8-b174-470c-aab8-2c0e98cb7ab5"> <div class="widget editor pageStyles narrow" id="divEditor56095ca2-8b4d-4471-bf5c-919aae174ce5" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <p>It is the responsibility of the Legislature to facilitate the enactment of laws. The following "Path of Legislation" charts the steps for getting from concept to reality.</p><p>View the <a href="/DocumentCenter/View/170" target="_blank" rel="noopener" aria-label="View the Path of Legislation (PDF) Opens in new window">Path of Legislation</a>.</p><h2 class="subhead1">Organization of the State Government</h2><p>The government of the State of New Jersey, like that of the United States, is divided into three branches: the legislative, the executive, and the judicial. The principal function of the Legislature is to enact laws. The Executive branch, comprised of the Governor, Lieutenant Governor, and State agencies, carries out the programs established by law. The Judiciary, which includes all courts, punishes violators and settles controversies and disputes. The Supreme Court is the final authority on the meaning and constitutionality of laws.</p><h2 class="subhead1">Legislators</h2><p>The Legislature consists of two Houses, a 40-member Senate, and an 80-member General Assembly. A senator must be at least 30 years old, a citizen of the United States, and a resident of New Jersey for four years prior to an election. A member of the General Assembly must be at least 21 years old, a United States citizen, and a resident of the State for at least two years prior to an election. In each case, the legislator must also have resided in his or her legislative district for one year prior to the election. Service in the Legislature is considered to be part-time and most legislators also hold other employment.</p><h2 class="subhead1">Legislative Districts</h2><p>Legislators are elected from 40 legislative districts of substantially equal populations. The voters in each district elect one Senator and two members of the General Assembly. Every ten years, based on the results of the Federal census, the boundaries of the 40 districts are redrawn to maintain an equal population in each district.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '56095ca2-8b4d-4471-bf5c-919aae174ce5')); }); </script> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col12 first" style="" data-widgetcontainerid="e207021a-aa3c-44e4-b2de-a59806ab374f"> <div class="row nest first last wide"> <div class="inner col col12 first last id91467b14-4e46-419b-88b9-78a6fbc6a803" style="" data-widgetcontainerid="91467b14-4e46-419b-88b9-78a6fbc6a803"> <div class="widget editor pageStyles narrow" id="divEditor2c5bf864-c4ce-42fe-8778-fdad467d5fcd" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1">Legislative Elections</h2><p>Legislative elections are held in November of each odd-numbered year. Members of the General Assembly serve two-year terms. Senators serve for four years, except for the first term of a new decade, which is only two years. This 2-4-4 cycle allows for elections from new districts as soon as possible after reapportionment.</p><p>Interim appointments are made to fill vacant legislative seats by the county committee or committees of the party of the vacating legislator.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '2c5bf864-c4ce-42fe-8778-fdad467d5fcd')); }); </script> </div> </div>  </div>  </div><div class="outer col col12 last" style="" data-widgetcontainerid="f95af80e-abf5-43d7-b104-500905109e99"> <div class="row nest first last wide"> <div class="inner col col12 first last id83d6ff10-90aa-4357-8dc6-7cc5ea58fa8b" style="" data-widgetcontainerid="83d6ff10-90aa-4357-8dc6-7cc5ea58fa8b"> <div class="widget editor pageStyles narrow" id="divEditora55c286b-b1d1-46f1-a0fe-a2cf0e420eb2" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1">Legislative Organization</h2><p>Each House elects a presiding officer-the President of the Senate and the Speaker of the General Assembly. They are second and third in line of succession to the governorship after the Lieutenant Governor and may serve as Acting Governor. The President and the Speaker have broad powers within their respective Houses. They decide the meeting schedules and the daily calendar of bills to be considered, preside over the sessions, appoint committee chairs and members, refer bills to the committee for consideration, and direct the business of their Houses. Each party in each House also chooses a leader, assistant leaders, and "whips." Party leaders help develop party policy on the issues before the Legislature.</p><p>Each House establishes standing reference committees to review legislation specific to subject areas. Much of the discussion on the merits of a bill takes place in committee. Representatives of interest groups and members of the public are generally given the opportunity to <a href="/DocumentCenter/View/173" target="_blank" rel="noopener" aria-label="present (PDF) Opens in new window">present</a> their views at committee meetings.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + 'a55c286b-b1d1-46f1-a0fe-a2cf0e420eb2')); }); </script> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="862d19ac-f46c-4990-a188-032dd99ed4d8"> <div class="row nest first wide"> <div class="inner col col24 first last ida39a559c-295c-4a93-847d-6ef8eb4b5b5f" style="" data-widgetcontainerid="a39a559c-295c-4a93-847d-6ef8eb4b5b5f"> <div class="widget editor pageStyles narrow" id="divEditore9e8f931-f01e-4e08-aecc-4d1583c5c7e9" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1">Legislative Powers</h2><p>The chief function of the Legislature is to enact laws. A proposal to make a new law, or to change or repeal an existing law, is presented to the Legislature as a bill. To become law, a bill must pass both Houses by a majority vote and be approved by the Governor.</p><p>The Legislature may also propose amendments to the New Jersey Constitution. The proposed amendment must be passed by a vote of three-fifths of each House before being placed on the ballot in November for a public vote. An amendment may also be presented to the voters if the Legislature passes it two years in a row by a simple majority vote.</p><p>Additional powers of the Legislature include:</p><ul><li>Enacting an annual appropriation bill outlining all State spending;</li><li>Senatorial approval of the Governor’s appointments;</li><li>Ratification of amendments to the U.S. Constitution;</li><li>Judgment of the elections and qualification of its members;</li><li>Institution and conduct of impeachment proceedings against State officials;</li><li>Review of administrative rules and regulations.</li></ul> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + 'e9e8f931-f01e-4e08-aecc-4d1583c5c7e9')); }); </script> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col12 first ide40c1b95-4058-4690-ad35-1076bfe06300" style="" data-widgetcontainerid="e40c1b95-4058-4690-ad35-1076bfe06300"> <div class="widget editor pageStyles narrow" id="divEditorff91ead6-2384-4070-9faf-bcdca88375bf" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1">Legislative Sessions</h2><p>Each Legislature is in session for two years. All business conducted during the first year may be continued in the second year. At the end of the second year, all unfinished business expires. Typically, the Legislature meets on Mondays and Thursdays. Other days may be devoted to committee meetings and public hearings. Joint sessions are occasionally held, most often for an address by the Governor. Floor sessions and committee meetings are open to the public.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + 'ff91ead6-2384-4070-9faf-bcdca88375bf')); }); </script> </div> </div>  <div class="inner col col12 last idb9054ea8-d375-4262-ad39-9e481f46d226" style="" data-widgetcontainerid="b9054ea8-d375-4262-ad39-9e481f46d226"> <div class="widget editor pageStyles narrow" id="divEditor2ea94069-26f0-47a5-a6d0-39513dd1f756" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1">Contacting Your Legislators</h2><p>Legislators value the opinions and suggestions of their constituents. Through their professionally staffed district offices, legislators are prepared to respond to requests for information about legislative matters or provide assistance in dealing with State agencies.</p><p>You may call or write to <a href="https://www.njleg.state.nj.us/legislative-roster" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">legislators</a> at their district offices or write to them at:</p><p>c/o New Jersey Senate, State House<br>P.O. Box 099, Trenton, NJ 08625-0099 or<br>c/o New Jersey General Assembly, State House<br>P.O. Box 098, Trenton, NJ 08625-0098.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '2ea94069-26f0-47a5-a6d0-39513dd1f756')); }); </script> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd6923f64-2522-4bce-8783-61ad1b416b69" data-containerid="d6923f64-2522-4bce-8783-61ad1b416b69" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="40"> </div> </aside> </div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> <aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc41b59384-b84b-475c-8cbb-147c277a9249" data-containerid="41b59384-b84b-475c-8cbb-147c277a9249" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="35" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem168" data-pageid="168"> <div class="accordionNavItem"> <a href="/168/The-Lawmaking-Process" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">The Lawmaking Process</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem181" data-pageid="181"> <div class="accordionNavItem"> <a href="/181/Participating-in-Legislative-Activity" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Participating in Legislative Activity</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem174" data-pageid="174"> <div class="accordionNavItem"> <a href="/174/Government-Resources" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Government Resources</a> </div> </li> </ol> <script type="text/javascript"> $(document).ready(function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> $(document).ready(function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); </script> </nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc8b19b189-2668-4b71-a804-04433928621a" data-containerid="8b19b189-2668-4b71-a804-04433928621a" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap1"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccff9c6d5d-7ec6-4cf6-9dc8-2a5d8566cbb8" data-containerid="ff9c6d5d-7ec6-4cf6-9dc8-2a5d8566cbb8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="33"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="ec9e7c9b-8e0a-4acf-9bda-6796ebc29cb2"> <div class="row nest first last wide"> <div class="inner col col8 first last id954a6ecb-b540-496f-aa91-5542b92f07db" style="" data-widgetcontainerid="954a6ecb-b540-496f-aa91-5542b92f07db"> <div data-widget-id="60c174bc-e316-42e4-b0ba-533e175f7045" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget60c174bc-e316-42e4-b0ba-533e175f7045" class="widget widgetGraphicLinks skin45 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/179" target="_self" class="fancyButton fancyButton93 " > <span> <span><span class="text">Visitor FAQs</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton93.fancyButton:link,.fancyButton93.fancyButton:visited, .fancyButton93div.fancyButton{ padding-top: 85px; background-image: url('/ImageRepository/Document?documentID=300'); background-repeat: no-repeat; background-position: center top; position: relative; } .fancyButton93::after { content: ''; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 75px; height: 2px; background: #E0E0E0; border-radius: 3px; transition: all .3s ease-in-out;} .fancyButton93.fancyButton:hover,.fancyButton93.fancyButton:focus,.fancyButton93.fancyButton:active,.fancyButton93.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton93:hover::after, .fancyButton93:focus::after, .fancyButton93:active::after { width: 150px; background: linear-gradient(90deg, #CBA052 0%, #936f2c 100%);} .fancyButton93.fancyButton:link > span,.fancyButton93.fancyButton:visited > span, .fancyButton93div.fancyButton > span{ } .fancyButton93.fancyButton:hover > span,.fancyButton93.fancyButton:focus > span,.fancyButton93.fancyButton:active > span,.fancyButton93.fancyButton.hover > span{ } .fancyButton93.fancyButton .text{ color: #383838; font-family: "Source Sans 3"; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase;} .fancyButton93.fancyButton:hover .text,.fancyButton93.fancyButton:focus .text,.fancyButton93.fancyButton:active .text,.fancyButton93.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/168" target="_self" class="fancyButton fancyButton96 " > <span> <span><span class="text">The Lawmaking Process</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton96.fancyButton:link,.fancyButton96.fancyButton:visited, .fancyButton96div.fancyButton{ padding-top: 85px; background-image: url('/ImageRepository/Document?documentID=78'); background-repeat: no-repeat; background-position: center top; position: relative; } .fancyButton96::after { content: ''; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 75px; height: 2px; background: #E0E0E0; border-radius: 3px; transition: all .3s ease-in-out;} .fancyButton96.fancyButton:hover,.fancyButton96.fancyButton:focus,.fancyButton96.fancyButton:active,.fancyButton96.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton96:hover::after, .fancyButton96:focus::after, .fancyButton96:active::after { width: 150px; background: linear-gradient(90deg, #CBA052 0%, #936f2c 100%);} .fancyButton96.fancyButton:link > span,.fancyButton96.fancyButton:visited > span, .fancyButton96div.fancyButton > span{ } .fancyButton96.fancyButton:hover > span,.fancyButton96.fancyButton:focus > span,.fancyButton96.fancyButton:active > span,.fancyButton96.fancyButton.hover > span{ } .fancyButton96.fancyButton .text{ color: #383838; font-family: "Source Sans 3"; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase;} .fancyButton96.fancyButton:hover .text,.fancyButton96.fancyButton:focus .text,.fancyButton96.fancyButton:active .text,.fancyButton96.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="7cd88bc4-92c6-4c1f-b73a-724d2a2bdcd5"> <div class="row nest first last wide"> <div class="inner col col8 first last id894f0759-8026-4618-98a2-6e0cda42e7fc" style="" data-widgetcontainerid="894f0759-8026-4618-98a2-6e0cda42e7fc"> <div data-widget-id="3f1ca0ce-4514-4ad6-9cfc-46bb79f0757a" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget3f1ca0ce-4514-4ad6-9cfc-46bb79f0757a" class="widget widgetGraphicLinks skin45 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/171" target="_self" class="fancyButton fancyButton78 " > <span> <span><span class="text">State House History</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton78.fancyButton:link,.fancyButton78.fancyButton:visited, .fancyButton78div.fancyButton{ padding-top: 85px; background-image: url('/ImageRepository/Document?documentID=301'); background-repeat: no-repeat; background-position: center top; position: relative; } .fancyButton78::after { content: ''; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 75px; height: 2px; background: #E0E0E0; border-radius: 3px; transition: all .3s ease-in-out;} .fancyButton78.fancyButton:hover,.fancyButton78.fancyButton:focus,.fancyButton78.fancyButton:active,.fancyButton78.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton78:hover::after, .fancyButton78:focus::after, .fancyButton78:active::after { width: 150px; background: linear-gradient(90deg, #CBA052 0%, #936f2c 100%);} .fancyButton78.fancyButton:link > span,.fancyButton78.fancyButton:visited > span, .fancyButton78div.fancyButton > span{ } .fancyButton78.fancyButton:hover > span,.fancyButton78.fancyButton:focus > span,.fancyButton78.fancyButton:active > span,.fancyButton78.fancyButton.hover > span{ } .fancyButton78.fancyButton .text{ color: #383838; font-family: "Source Sans 3"; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase;} .fancyButton78.fancyButton:hover .text,.fancyButton78.fancyButton:focus .text,.fancyButton78.fancyButton:active .text,.fancyButton78.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/160" target="_self" class="fancyButton fancyButton94 " > <span> <span><span class="text">State Symbols</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton94.fancyButton:link,.fancyButton94.fancyButton:visited, .fancyButton94div.fancyButton{ padding-top: 85px; background-image: url('/ImageRepository/Document?documentID=302'); background-repeat: no-repeat; background-position: center top; position: relative; } .fancyButton94::after { content: ''; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 75px; height: 2px; background: #E0E0E0; border-radius: 3px; transition: all .3s ease-in-out;} .fancyButton94.fancyButton:hover,.fancyButton94.fancyButton:focus,.fancyButton94.fancyButton:active,.fancyButton94.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton94:hover::after, .fancyButton94:focus::after, .fancyButton94:active::after { width: 150px; background: linear-gradient(90deg, #CBA052 0%, #936f2c 100%);} .fancyButton94.fancyButton:link > span,.fancyButton94.fancyButton:visited > span, .fancyButton94div.fancyButton > span{ } .fancyButton94.fancyButton:hover > span,.fancyButton94.fancyButton:focus > span,.fancyButton94.fancyButton:active > span,.fancyButton94.fancyButton.hover > span{ } .fancyButton94.fancyButton .text{ color: #383838; font-family: "Source Sans 3"; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase;} .fancyButton94.fancyButton:hover .text,.fancyButton94.fancyButton:focus .text,.fancyButton94.fancyButton:active .text,.fancyButton94.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="d0cbf766-5ec2-4498-aaf3-cbc505596223"> <div class="row nest first last wide"> <div class="inner col col8 first last ide30af6a4-9bb9-4aeb-9ae5-471e670bc183" style="" data-widgetcontainerid="e30af6a4-9bb9-4aeb-9ae5-471e670bc183"> <div data-widget-id="95cf83ca-a93f-4e32-96d0-63cc025b7a48" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget95cf83ca-a93f-4e32-96d0-63cc025b7a48" class="widget widgetGraphicLinks skin45 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/166" target="_self" class="fancyButton fancyButton80 " > <span> <span><span class="text">Directions</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton80.fancyButton:link,.fancyButton80.fancyButton:visited, .fancyButton80div.fancyButton{ padding-top: 85px; background-image: url('/ImageRepository/Document?documentID=299'); background-repeat: no-repeat; background-position: center top; position: relative; } .fancyButton80::after { content: ''; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 75px; height: 2px; background: #E0E0E0; border-radius: 3px; transition: all .3s ease-in-out;} .fancyButton80.fancyButton:hover,.fancyButton80.fancyButton:focus,.fancyButton80.fancyButton:active,.fancyButton80.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton80:hover::after, .fancyButton80:focus::after, .fancyButton80:active::after { width: 150px; background: linear-gradient(90deg, #CBA052 0%, #936f2c 100%);} .fancyButton80.fancyButton:link > span,.fancyButton80.fancyButton:visited > span, .fancyButton80div.fancyButton > span{ } .fancyButton80.fancyButton:hover > span,.fancyButton80.fancyButton:focus > span,.fancyButton80.fancyButton:active > span,.fancyButton80.fancyButton.hover > span{ } .fancyButton80.fancyButton .text{ color: #383838; font-family: "Source Sans 3"; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase;} .fancyButton80.fancyButton:hover .text,.fancyButton80.fancyButton:focus .text,.fancyButton80.fancyButton:active .text,.fancyButton80.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/163" target="_self" class="fancyButton fancyButton95 " > <span> <span><span class="text">Teacher FAQs</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton95.fancyButton:link,.fancyButton95.fancyButton:visited, .fancyButton95div.fancyButton{ padding-top: 85px; background-image: url('/ImageRepository/Document?documentID=82'); background-repeat: no-repeat; background-position: center top; position: relative; } .fancyButton95::after { content: ''; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 75px; height: 2px; background: #E0E0E0; border-radius: 3px; transition: all .3s ease-in-out;} .fancyButton95.fancyButton:hover,.fancyButton95.fancyButton:focus,.fancyButton95.fancyButton:active,.fancyButton95.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton95:hover::after, .fancyButton95:focus::after, .fancyButton95:active::after { width: 150px; background: linear-gradient(90deg, #CBA052 0%, #936f2c 100%);} .fancyButton95.fancyButton:link > span,.fancyButton95.fancyButton:visited > span, .fancyButton95div.fancyButton > span{ } .fancyButton95.fancyButton:hover > span,.fancyButton95.fancyButton:focus > span,.fancyButton95.fancyButton:active > span,.fancyButton95.fancyButton.hover > span{ } .fancyButton95.fancyButton .text{ color: #383838; font-family: "Source Sans 3"; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase;} .fancyButton95.fancyButton:hover .text,.fancyButton95.fancyButton:focus .text,.fancyButton95.fancyButton:active .text,.fancyButton95.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap1"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc80ebddad-935b-4ac8-b2c2-65c59c6813a2" data-containerid="80ebddad-935b-4ac8-b2c2-65c59c6813a2" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="45"> <div class="row outer wide"><div class="outer col col7 first" style="" data-widgetcontainerid="3ab45b8a-fecc-48ec-bef1-39a5e154a5cb"> <div class="row nest first last wide"> <div class="inner col col7 first last id28dfd2f3-019e-4bba-96c6-61d4a95adc3a" style="" data-widgetcontainerid="28dfd2f3-019e-4bba-96c6-61d4a95adc3a"> <div data-widget-id="7eb15044-37fb-467d-8735-1167cd2702cb" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv7eb15044-37fb-467d-8735-1167cd2702cb" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header7eb15044-37fb-467d-8735-1167cd2702cb"> <header class="widgetHeader" id="header7eb15044-37fb-467d-8735-1167cd2702cb"> <div class=""> <h3 >Contact Us</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><strong>NJ State House Tours</strong><br><strong>Office of Legislative Services</strong><br>145 West State Street <br>Trenton, New Jersey 08625-0068</p><p>P: <a href="tel:609-847-3150">609-847-3150</a><br><a href="/cdn-cgi/l/email-protection#c5abafb6b1a4b1a0adaab0b6a0b1aab0b7b685abafa9a0a2ebaab7a2">Email Us</a>  </p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv7eb15044-37fb-467d-8735-1167cd2702cb .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="47432122-4804-40ce-88b4-e9ec852d9d62"> <div class="row nest first last wide"> <div class="inner col col6 first last id780b30bb-a476-4456-b1ff-41e3c9a0bc38" style="" data-widgetcontainerid="780b30bb-a476-4456-b1ff-41e3c9a0bc38"> <div data-widget-id="688b278d-d9a3-421e-8eed-c6c7ccb4a0df" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink688b278d-d9a3-421e-8eed-c6c7ccb4a0df" class="widget widgetQuickLinks skin37 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader688b278d-d9a3-421e-8eed-c6c7ccb4a0df"> <header class="widgetHeader" id="quickLinksHeader688b278d-d9a3-421e-8eed-c6c7ccb4a0df"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=15" >Helpful Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >FAQs</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/166/Directions" target="_self" >Directions</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/167/Local-Attractions" target="_self" >Local Attractions</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/174/Government-Resources" target="_self" >Government Resources</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.njleg.gov/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" >New Jersey Legislature</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.njleg.gov/public-info-assistance" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" >Public Information Assistance</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="ba9fde54-b2a7-4cf2-b05c-3facb00821d6"> <div class="row nest first last wide"> <div class="inner col col6 first last id97d42036-29e5-4617-bf10-a5bf4339d0c4" style="" data-widgetcontainerid="97d42036-29e5-4617-bf10-a5bf4339d0c4"> <div data-widget-id="3627e276-b5f0-4f4b-b91a-6b2bc9129b2f" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink3627e276-b5f0-4f4b-b91a-6b2bc9129b2f" class="widget widgetQuickLinks skin37 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader3627e276-b5f0-4f4b-b91a-6b2bc9129b2f"> <header class="widgetHeader" id="quickLinksHeader3627e276-b5f0-4f4b-b91a-6b2bc9129b2f"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div><div class="outer col col5 last" style="" data-widgetcontainerid="33f2da21-8aa8-4ac8-ba33-efa3a7af8bbc"> <div class="row nest first last wide"> <div class="inner col col5 first last id644b4c0f-6d77-4391-b59f-5e0c83e336c2" style="" data-widgetcontainerid="644b4c0f-6d77-4391-b59f-5e0c83e336c2"> <div data-widget-id="875ee815-d7d6-48bb-a44f-37d8094e8e79" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv875ee815-d7d6-48bb-a44f-37d8094e8e79" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header875ee815-d7d6-48bb-a44f-37d8094e8e79"> <header class="widgetHeader" id="header875ee815-d7d6-48bb-a44f-37d8094e8e79"> <div class=""> <h3 >Other Links</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a href="https://www.njleg.gov/office-of-legislative-services" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);"><img src="/ImageRepository/Document?documentId=63" class="fr-fil fr-dib" alt="New Jersey Office of Legislative Services Home Page" style="width: 271px;"></a></p><p><a href="/copyright">Copyright Notice</a></p><p><a href="/privacy">Privacy Policy</a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv875ee815-d7d6-48bb-a44f-37d8094e8e79 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc4fb19a83-b54d-4097-b1ef-52616fa3e09c" data-containerid="4fb19a83-b54d-4097-b1ef-52616fa3e09c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="dcdff0c5-4027-495c-9c67-2032e7df1187"> <div class="row nest first last wide"> <div class="inner col col24 first last idd81df4a1-0d15-4a1d-bb09-5349b0b06009" style="" data-widgetcontainerid="d81df4a1-0d15-4a1d-bb09-5349b0b06009"> <div data-widget-id='0311db97-c57c-4b26-bc01-7c843b03f1f0' data-moduleName="customHtml" id='widgetCustomHtml0311db97-c57c-4b26-bc01-7c843b03f1f0' class="widget widgetCustomHtml skin39 narrow" > <div class="widgetBody pageStyles" id="widgetBody0311db97-c57c-4b26-bc01-7c843b03f1f0"> <div id="customHtml0311db97-c57c-4b26-bc01-7c843b03f1f0"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '168', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-167462948.js" type="text/javascript"></script>  <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); const bodyContainerTS = $("#bodyContainerTS"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight()); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight()); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }, 350); $(window).scroll(function () { try { scrollAdjustmentTS(); } catch (e) { console.error(e); } }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }); }); </script>  <script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "a3009278e20ebd5d19599689b42e0915"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script> <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Open+Sans:500,500italic,600,600italic,700,700italic,italic,regular|Source+Sans+3:500,500italic,600,600italic,700,700italic,italic,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>