CINXE.COM
Bismarck, ND - Official Website | Official Website
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <!-- Google Tag Manager for GA4 --> <script>(function(w,d,s,l,i){w.GAMeasurementID='G-B4BBDX3JQT';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> <!-- End Google Tag Manager for GA4 --> <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= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; 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="google-site-verification" content="UA-107190556-1"/> <meta name="category0" content="Home" /> <meta name="theme-color" content="rgb(14, 46, 110)"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Bismarck, ND - Official Website | Official Website</title> <meta name="description" content=""> <meta name="keywords" content="Home"> <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> <!--[if IE 6]><script language="JavaScript" type="text/javascript"> var isie6 = true; </script><![endif]--> <!--[if IE 7]><script language="JavaScript" type="text/javascript"> var isie7 = true; </script><![endif]--> <!--[if IE 8]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <!--[if IE 9]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <script type="text/javascript"><!-- var intCountryCode = 840; var externalSiteDialogHeight = '350px'; var order = ''; //--></script> <link href="/789695552.css" rel="stylesheet" type="text/css" /> <link href="/1150385818.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> <!--CPHeadContent--> <script src="/-1356065630.js" type="text/javascript"></script> <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> <!--[if lt IE 9]><script type="text/javascript" src="/Scripts/html5.js"></script><![endif]--> <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 1; } 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="#ccaf97938d-759c-48fa-a1ae-99d488bf750d" 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="7" /> <input type="hidden" id="hdnContentCollectionID" value="b5b600f5-1734-4aae-9b5f-181bf7f883cf" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="11" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1" /> <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=""> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/CP/ie7.css"><![endif]--> <!-- Allow Dashboard, Favorites Enabled --> <!-- Begin Signed Out Bar --> <div class="cpToolbar user public"> <div class="inner selfClear"> <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> <ul class="nav secondary"> <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li> </ul> </div> </div> <script> $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) </script> <!-- End Signed Out Bar --> </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap2"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Bismarck ND Homepage" class="bannerObject" height="69" src="/ImageRepository/Document?documentID=44806" width="197" /></a> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccacecdc45-02f1-46f6-aeb9-040e79c2d02d" data-containerid="acecdc45-02f1-46f6-aeb9-040e79c2d02d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="18"> <div class="row outer wide"><!-- --><div class="outer col col14 first" style="" data-widgetcontainerid="d9f88bc2-3039-4fb2-9f7b-ea2f9d1a3928"> <div class="row nest first last wide"> <div class="inner col col14 first last id3234f5ad-846d-49a9-b065-26d818dacd1b" style="" data-widgetcontainerid="3234f5ad-846d-49a9-b065-26d818dacd1b"> <div data-widget-id="19dc77e4-404c-482b-8473-93ba151e8688" 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.widgetSearchButton19dc77e4-404c-482b-8473-93ba151e8688").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField19dc77e4-404c-482b-8473-93ba151e8688").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField19dc77e4-404c-482b-8473-93ba151e8688").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688").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 ($("#searchField19dc77e4-404c-482b-8473-93ba151e8688").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField19dc77e4-404c-482b-8473-93ba151e8688")); } } }); }, 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 skin9 widgetOptionSet33" style="display: block;" aria-label="Search"> <!-- For the button right and inside --> <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox19dc77e4-404c-482b-8473-93ba151e8688" cp5ph="true" id="searchField19dc77e4-404c-482b-8473-93ba151e8688" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search our site…" title="Search our site…" type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton19dc77e4-404c-482b-8473-93ba151e8688" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=44840" data-image="/ImageRepository/Document?documentID=44841" src="/ImageRepository/Document?documentID=44841" /></a> <label class="searchLabel" for="searchField19dc77e4-404c-482b-8473-93ba151e8688">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #1F1F1F; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #1F1F1F; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #1F1F1F; } .widgetSearch :-ms-input-placeholder { color: #1F1F1F; } .widgetSearch .widgetBody .widgetSearchBox19dc77e4-404c-482b-8473-93ba151e8688 { color: #1F1F1F; background: transparent; border: none; border-right: solid 2px #255FB2; height: 40px; font-family: Oswald; font-size; 15px; padding: 0 56px 0 0; } .widgetSearch .widgetBody .widgetSearchButton19dc77e4-404c-482b-8473-93ba151e8688 { margin: 2px 15px 0 0; } .widgetSearch .widgetSearch-onlyDept19dc77e4-404c-482b-8473-93ba151e8688 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept19dc77e4-404c-482b-8473-93ba151e8688 { 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("searchField19dc77e4-404c-482b-8473-93ba151e8688").value; } </script> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col10 last" style="" data-widgetcontainerid="73d2751f-6ec1-464b-81b4-2b6ecbad9909"> <div class="row nest first last wide"> <div class="inner col col10 first last id7c81b5fc-61b1-4881-9544-751d9a3d24b4" style="" data-widgetcontainerid="7c81b5fc-61b1-4881-9544-751d9a3d24b4"> <div data-widget-id="78c0ff7a-2b3a-4186-acfc-e61370490872" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget78c0ff7a-2b3a-4186-acfc-e61370490872" class="widget widgetGraphicLinks skin16 widgetOptionSet31 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid5 "> <div class="row autoWidths center wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self" aria-label="Facebook graphic"><img src="/ImageRepository/Document?documentID=44829" class="graphicButtonLink" alt="Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=44829'" onmouseout="this.src='/ImageRepository/Document?documentID=44829'" onfocus="this.src='/ImageRepository/Document?documentID=44829'" onblur="this.src='/ImageRepository/Document?documentID=44829'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_self" aria-label="X graphic"><img src="/ImageRepository/Document?documentID=44838" class="graphicButtonLink" alt="X" onmouseover="this.src='/ImageRepository/Document?documentID=44838'" onmouseout="this.src='/ImageRepository/Document?documentID=44838'" onfocus="this.src='/ImageRepository/Document?documentID=44838'" onblur="this.src='/ImageRepository/Document?documentID=44838'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCpKvrlgVx3F3PEWRJq2LUew" target="_self" aria-label="YouTube graphic"><img src="/ImageRepository/Document?documentID=44839" class="graphicButtonLink" alt="YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=44839'" onmouseout="this.src='/ImageRepository/Document?documentID=44839'" onfocus="this.src='/ImageRepository/Document?documentID=44839'" onblur="this.src='/ImageRepository/Document?documentID=44839'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="http://www.linkedin.com/company/cityofbismarck" target="_self" aria-label="Linkedin graphic"><img src="/ImageRepository/Document?documentID=44831" class="graphicButtonLink" alt="Linkedin" onmouseover="this.src='/ImageRepository/Document?documentID=44831'" onmouseout="this.src='/ImageRepository/Document?documentID=44831'" onfocus="this.src='/ImageRepository/Document?documentID=44831'" onblur="this.src='/ImageRepository/Document?documentID=44831'"> </a></div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/bismarckndgov/" target="_self" aria-label="Instagram graphic"><img src="/ImageRepository/Document?documentID=44830" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=44830'" onmouseout="this.src='/ImageRepository/Document?documentID=44830'" onfocus="this.src='/ImageRepository/Document?documentID=44830'" onblur="this.src='/ImageRepository/Document?documentID=44830'"> </a></div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </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="MainItem1605" class="topMenuItem" role="none" data-pageid="1605" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/1605/Government" target = "_self" > Government </a> <!-- --><!-- --></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/8/Departments" target = "_self" > Departments </a> <!-- --><!-- --></li><!----><li id="MainItem1606" class="topMenuItem" role="none" data-pageid="1606" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavServices" class="navMainItem mainNavItem mainNavItem3" href="/1606/Services" target = "_self" > Services </a> <!-- --><!-- --></li><!----><li id="MainItem2324" class="topMenuItem" role="none" data-pageid="2324" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem4" href="/2324/Community" target = "_self" > Community </a> <!-- --><!-- --></li><!----><li id="MainItem59" class="topMenuItem" role="none" data-pageid="59" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem5" href="/59/I-Want-To" target = "_self" > I Want To </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=11&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; 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="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1605" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1605 hidden" data-orientation="horizontal"> <div id="cce5e8d170-f055-4417-ad39-2f8864aa442b" data-containerid="e5e8d170-f055-4417-ad39-2f8864aa442b" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal"> <div id="cc5221a346-c81d-4bcf-a1a1-323f69e36131" data-containerid="5221a346-c81d-4bcf-a1a1-323f69e36131" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1606" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1606 hidden" data-orientation="horizontal"> <div id="ccadbf205d-74d0-4c54-9d9f-cf213ad20dac" data-containerid="adbf205d-74d0-4c54-9d9f-cf213ad20dac" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2324" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2324 hidden" data-orientation="horizontal"> <div id="cc943e6b8c-d29d-4121-a98b-eb04f0a86619" data-containerid="943e6b8c-d29d-4121-a98b-eb04f0a86619" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu59" class="contentTop mainNavMegaMenu megaMenuContainer pageID_59 hidden" data-orientation="horizontal"> <div id="cc37d55406-622a-4c67-af22-00b73b78aba8" data-containerid="37d55406-622a-4c67-af22-00b73b78aba8" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <!-- <div data-cpRole="banner" id="banner1"> --><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerContentTS"> <div class="siteWrap3"><div data-cpRole="contentContainer" id="contentTS"> <div id="ccdaea99d2-9c3e-4112-ab4c-8ef45a532829" data-containerid="daea99d2-9c3e-4112-ab4c-8ef45a532829" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="ac87c13b-48a1-4c0d-856f-3ed4e5f08a8c"> <div class="row nest first last wide"> <div class="inner col col24 first last id773857b1-b5d0-4c11-a546-19f44a657f68" style="" data-widgetcontainerid="773857b1-b5d0-4c11-a546-19f44a657f68"> <div class="widget slideShow skin17" role="region" aria-label="Slideshow" id="slideshow0caa1fe5-6e84-4a4b-a458-6007c6ed1d3d" aria-haspopup="false" data-widgetID="0caa1fe5-6e84-4a4b-a458-6007c6ed1d3d"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="3584" /> <div id="divSlideshow3584" class="cpSlideshow widgetBody cpSlideshowJS3584 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/718240160.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS3584 "> <ol class="semanticList cpSlider fade cpSliderJS3584"> <li class="hidden" id="3584_20317" data-index="0" aria-hidden="true"> <img src="/ImageRepository/Document?documentID=44843" class="" alt="Paddleboat on the Missouri River" title="Paddleboat on the Missouri River" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3584" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Bismarck, North Dakota</h4> <p class="widgetDesc widgetItem">Our Mission: To provide high-quality public services in partnership with our community to enhance our quality of life.</p> </div> </div> </li> <li class="hidden" id="3584_20318" data-index="1" aria-hidden="true"> <a href="https://www.bismarcknd.gov/FormCenter/Administration-2/Bismarck-Citizen-Academy-Application-268" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49191" class="" alt="Link to https://www.bismarcknd.gov/FormCenter/Administration-2/Bismarck-Citizen-Academy-Application-" title="Link to https://www.bismarcknd.gov/FormCenter/Administration-2/Bismarck-Citizen-Academy-Application-" data-delayed-image="" style="height: 1px" /> </a> </li> <li class="hidden" id="3584_20319" data-index="2" aria-hidden="true"> <a href="https://bismarcknd.gov/FormCenter/Administration-2/City-of-Bismarck-Board-Commission-Commit-253" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49194" class="" alt="Link to https://bismarcknd.gov/FormCenter/Administration-2/City-of-Bismarck-Board-Commission-Commit-" title="Link to https://bismarcknd.gov/FormCenter/Administration-2/City-of-Bismarck-Board-Commission-Commit-" data-delayed-image="" style="height: 1px" /> </a> </li> <li class="hidden" id="3584_20320" data-index="3" aria-hidden="true"> <a href="https://dakotamediaaccess.net/CablecastPublicSite/gallery/34?channel=2" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46790" class="" alt="Bismarck Mayor Mike Schmitz interviewing City Administrator Jason Tomanek on Bismarck Insights" title="Bismarck Mayor Mike Schmitz interviewing City Administrator Jason Tomanek on Bismarck Insights" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3584" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Bismarck Insights</h4> <p class="widgetDesc widgetItem">Click to see the on-demand episodes of Bismarck Insights with Mayor Mike Schmitz, a transparent and engaging conversational dive into meaningful topics impacting local government in Bismarck, North Dakota. </p> </div> </div> </a> </li> <li class="hidden" id="3584_20321" data-index="4" aria-hidden="true"> <a href="https://www.spreaker.com/podcast/these-are-your-neighbors--6022289" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46791" class="" alt="Five photos of These Are Your Neighbors Hosts Thea and Sargianna with various guests" title="Five photos of These Are Your Neighbors Hosts Thea and Sargianna with various guests" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3584" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">These Are Your Neighbors Podcast</h4> <p class="widgetDesc widgetItem">Click to listen to episodes of These Are Your Neighbors, a podcast hosted by Human Relations Committee members Thea Jorgensen and Sargianna Wutzke. </p> </div> </div> </a> </li> <li class="hidden" id="3584_20322" data-index="5" aria-hidden="true"> <a href="https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?channel=2" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47740" class="" alt="City Current Carousel tile linking to https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?c" title="City Current Carousel tile linking to https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?c" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_3584" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">City Current Podcast</h4> <p class="widgetDesc widgetItem">Don’t have time to watch Bismarck City Commission meetings? Click to view this podcast for a recap and insights. </p> </div> </div> </a> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS3584 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS3584 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <ol class="semanticList pager dots"> <li class="active" id="dot3584_20317"> <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS3584" data-targetImageli="3584_20317" data-dotNumber="1"> 1 <span class="visuallyhidden">Paddleboat on the Missouri River</span> </a> </li> <li class="" id="dot3584_20318"> <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS3584" data-targetImageli="3584_20318" data-dotNumber="2"> 2 <span class="visuallyhidden">Link to https://www.bismarcknd.gov/FormCenter/Administration-2/Bismarck-Citizen-Academy-Application-</span> </a> </li> <li class="" id="dot3584_20319"> <a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS3584" data-targetImageli="3584_20319" data-dotNumber="3"> 3 <span class="visuallyhidden">Link to https://bismarcknd.gov/FormCenter/Administration-2/City-of-Bismarck-Board-Commission-Commit-</span> </a> </li> <li class="" id="dot3584_20320"> <a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS3584" data-targetImageli="3584_20320" data-dotNumber="4"> 4 <span class="visuallyhidden">Bismarck Mayor Mike Schmitz interviewing City Administrator Jason Tomanek on Bismarck Insights</span> </a> </li> <li class="" id="dot3584_20321"> <a href="#targetImage" aria-label="Mapping dot for slide number 5" role="button" onclick=" return false; " class="dotJS3584" data-targetImageli="3584_20321" data-dotNumber="5"> 5 <span class="visuallyhidden">Five photos of These Are Your Neighbors Hosts Thea and Sargianna with various guests</span> </a> </li> <li class="" id="dot3584_20322"> <a href="#targetImage" aria-label="Mapping dot for slide number 6" role="button" onclick=" return false; " class="dotJS3584" data-targetImageli="3584_20322" data-dotNumber="6"> 6 <span class="visuallyhidden">City Current Carousel tile linking to https://dakotamediaaccess.net/CablecastPublicSite/gallery/30?c</span> </a> </li> </ol> <div aria-live="polite" aria-atomic="true" class="liveRegionJS3584 visuallyhidden"></div> <script type="text/javascript"> // <!-- var $1 = typeof $ == 'undefined' ? window.parent.$ : $; $1(document).ready(function () { var slideshowbb611205167b4f8f9f37939d921a8a8b = new Slideshow(); slideshowbb611205167b4f8f9f37939d921a8a8b.generate('3584','1','5', false,false, 0); $('#ssPlay-btn-3584').addClass('isHidden'); }); var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; $1.when($pages.rwdReady).done(function () { var divSlideshowID = 'divSlideshow3584'; var mediaQuerySize = 25; if (mediaQuerySize == 0) mediaQuerySize = 25; //default for not widget slide show var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; var $divSlideShow = $('#' + divSlideshowID); var $arrows = $divSlideShow.find('a.arrow'); var $arrowsNew = $divSlideShow.find('a.arrowNew'); var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); var $overlays = $(document.getElementsByName('captionOverlay_3584')); if(window.isMobileBrowserIncludingTablets){ $overlays.each(function (overlay) { $(overlay).removeClass('overlay') }); } $cpMedia.unregister(mediaElementQuery) .register(mediaElementQuery, { deferSetup: false, setup: function () { cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); $divSlideShow.removeClass('wide').addClass('narrow'); if ($divExternalSlideshow.length > 0) { $divExternalSlideshow.hide(); } if ($arrows.length > 0) { $arrows.hide(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID) .on('swipeRight', function (e, a) { $arrows.filter('.prev').click(); }); $$('#' + divSlideshowID) .on('swipeLeft', function (e) { $arrows.filter('.next').click(); }); } } if ($arrowsNew.length > 0) { if (!(true && !window.isMobileBrowserIncludingTablets)) { $arrowsNew.hide(); } if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID) .on('swipeRight', function (e, a) { $arrowsNew.filter('.prev').click(); }); $$('#' + divSlideshowID) .on('swipeLeft', function (e) { $arrowsNew.filter('.next').click(); }); } } if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { if (2 == 1) { $overlays.hide(); } else if (2 == 2) { $overlays.removeClass('overlay'); } } }, match: function () { cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); $divSlideShow.addClass('wide').removeClass('narrow'); if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { $divExternalSlideshow.show(); } if ($arrows.length > 0) { $arrows.show(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).off('swipeRight'); $$('#' + divSlideshowID).off('swipeLeft'); } } if ($arrowsNew.length > 0) { $arrowsNew.show(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).off('swipeRight'); $$('#' + divSlideshowID).off('swipeLeft'); } } if ($overlays.length > 0) { if (2 == 1) { $overlays.show(); } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { $overlays.addClass('overlay'); } } }, unmatch: function () { cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); $divSlideShow.removeClass('wide').addClass('narrow'); if ($divExternalSlideshow.length > 0) { $divExternalSlideshow.hide(); } if ($arrows.length > 0) { $arrows.hide(); if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).on('swipeRight', function (e) { $arrows.filter('.prev').click(); }); $$('#' + divSlideshowID).on('swipeLeft', function (e) { $arrows.filter('.next').click(); }); } } if ($arrowsNew.length > 0) { if (typeof ($$) !== 'undefined') { $$('#' + divSlideshowID).on('swipeRight', function (e) { $arrowsNew.filter('.prev').click(); }); $$('#' + divSlideshowID).on('swipeLeft', function (e) { $arrowsNew.filter('.next').click(); }); } } if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { if (2 == 1) { $overlays.hide(); } else if (2 == 2) { $overlays.removeClass('overlay'); } } } }); }); // --> </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('0caa1fe5-6e84-4a4b-a458-6007c6ed1d3d', $('#slideshow' + '0caa1fe5-6e84-4a4b-a458-6007c6ed1d3d'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '0caa1fe5-6e84-4a4b-a458-6007c6ed1d3d'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div> </div><!-- </div> --> </div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap"><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"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="31062" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <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" /> <div id="ccaf97938d-759c-48fa-a1ae-99d488bf750d" data-containerid="af97938d-759c-48fa-a1ae-99d488bf750d" class="pageContent cpGrid cpGrid24" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc2de8e724-55ce-4050-9321-9e0c3aec8650" data-containerid="2de8e724-55ce-4050-9321-9e0c3aec8650" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> <div class="row outer wide"><!-- --><div class="outer col col8 first" style="" data-widgetcontainerid="8b4fbce9-3989-462b-90b3-9ad4ed862e76"> <div class="row nest first last wide"> <div class="inner col col8 first last id963ab191-ba79-40fb-a3be-f0ceb505dd1e" style="" data-widgetcontainerid="963ab191-ba79-40fb-a3be-f0ceb505dd1e"> <div data-widget-id="68fa2fe3-21be-4c9a-b0d6-b3c1f908fec1" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget68fa2fe3-21be-4c9a-b0d6-b3c1f908fec1" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' 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="/2163/32996/Agendas-Minutes" target="_self" class="fancyButton fancyButton831 " > <span> <span><span class="text">Agenda Center</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton831.fancyButton:link,.fancyButton831.fancyButton:visited, .fancyButton831div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton831.fancyButton:hover,.fancyButton831.fancyButton:focus,.fancyButton831.fancyButton:active,.fancyButton831.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton831.fancyButton:link > span,.fancyButton831.fancyButton:visited > span, .fancyButton831div.fancyButton > span{ } .fancyButton831.fancyButton:hover > span,.fancyButton831.fancyButton:focus > span,.fancyButton831.fancyButton:active > span,.fancyButton831.fancyButton.hover > span{ } .fancyButton831.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44817'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton1 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton831.fancyButton:hover .text,.fancyButton831.fancyButton:focus .text,.fancyButton831.fancyButton:active .text,.fancyButton831.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44818'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton1:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/FormCenter/RequestTracker-Forms-43/Contact-Us-237" target="_self" class="fancyButton fancyButton832 " > <span> <span><span class="text">Report a Concern</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton832.fancyButton:link,.fancyButton832.fancyButton:visited, .fancyButton832div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton832.fancyButton:hover,.fancyButton832.fancyButton:focus,.fancyButton832.fancyButton:active,.fancyButton832.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton832.fancyButton:link > span,.fancyButton832.fancyButton:visited > span, .fancyButton832div.fancyButton > span{ } .fancyButton832.fancyButton:hover > span,.fancyButton832.fancyButton:focus > span,.fancyButton832.fancyButton:active > span,.fancyButton832.fancyButton.hover > span{ } .fancyButton832.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44824'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton832 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton832.fancyButton:hover .text,.fancyButton832.fancyButton:focus .text,.fancyButton832.fancyButton:active .text,.fancyButton832.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44823'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton832:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="d33dd8dd-a9e0-4842-bc74-33388827d27f"> <div class="row nest first last wide"> <div class="inner col col8 first last id2d3546e5-d04f-4b39-8b0b-6b163d85ee2a" style="" data-widgetcontainerid="2d3546e5-d04f-4b39-8b0b-6b163d85ee2a"> <div data-widget-id="d467ab9e-2fc0-49d2-8e2f-6ab7cf4b5346" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetd467ab9e-2fc0-49d2-8e2f-6ab7cf4b5346" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' 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="https://bismarcknd.gov/2370/Website-Notifications" target="_self" class="fancyButton fancyButton833 " > <span> <span><span class="text">Notify Me®</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton833.fancyButton:link,.fancyButton833.fancyButton:visited, .fancyButton833div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton833.fancyButton:hover,.fancyButton833.fancyButton:focus,.fancyButton833.fancyButton:active,.fancyButton833.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton833.fancyButton:link > span,.fancyButton833.fancyButton:visited > span, .fancyButton833div.fancyButton > span{ } .fancyButton833.fancyButton:hover > span,.fancyButton833.fancyButton:focus > span,.fancyButton833.fancyButton:active > span,.fancyButton833.fancyButton.hover > span{ } .fancyButton833.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44820'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton833 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton833.fancyButton:hover .text,.fancyButton833.fancyButton:focus .text,.fancyButton833.fancyButton:active .text,.fancyButton833.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44819'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton833:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://ipn.paymentus.com/epd/stde/bsmu" target="_self" class="fancyButton fancyButton834 " > <span> <span><span class="text">Online Payments</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton834.fancyButton:link,.fancyButton834.fancyButton:visited, .fancyButton834div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton834.fancyButton:hover,.fancyButton834.fancyButton:focus,.fancyButton834.fancyButton:active,.fancyButton834.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton834.fancyButton:link > span,.fancyButton834.fancyButton:visited > span, .fancyButton834div.fancyButton > span{ } .fancyButton834.fancyButton:hover > span,.fancyButton834.fancyButton:focus > span,.fancyButton834.fancyButton:active > span,.fancyButton834.fancyButton.hover > span{ } .fancyButton834.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44822'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton834 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton834.fancyButton:hover .text,.fancyButton834.fancyButton:focus .text,.fancyButton834.fancyButton:active .text,.fancyButton834.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44821'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton834:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="800b1477-f471-4a73-b210-a88a47f13ce3"> <div class="row nest first last wide"> <div class="inner col col8 first last idb1c13e23-516e-4bf3-8108-9bbb169fb28e" style="" data-widgetcontainerid="b1c13e23-516e-4bf3-8108-9bbb169fb28e"> <div data-widget-id="651ff605-2f5a-4f3f-ba55-731ae426bf93" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget651ff605-2f5a-4f3f-ba55-731ae426bf93" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' 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="/20/GIS-Maps" target="_self" class="fancyButton fancyButton835 " > <span> <span><span class="text">GIS Maps</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton835.fancyButton:link,.fancyButton835.fancyButton:visited, .fancyButton835div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton835.fancyButton:hover,.fancyButton835.fancyButton:focus,.fancyButton835.fancyButton:active,.fancyButton835.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton835.fancyButton:link > span,.fancyButton835.fancyButton:visited > span, .fancyButton835div.fancyButton > span{ } .fancyButton835.fancyButton:hover > span,.fancyButton835.fancyButton:focus > span,.fancyButton835.fancyButton:active > span,.fancyButton835.fancyButton.hover > span{ } .fancyButton835.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44816'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton835 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton835.fancyButton:hover .text,.fancyButton835.fancyButton:focus .text,.fancyButton835.fancyButton:active .text,.fancyButton835.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44815'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton835:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://www.governmentjobs.com/careers/bismarcknd" target="_self" class="fancyButton fancyButton836 " > <span> <span><span class="text">Job Openings</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton836.fancyButton:link,.fancyButton836.fancyButton:visited, .fancyButton836div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44825'); background-repeat: no-repeat; background-position: center 3px ; transition: all .3s ease-in-out;} .fancyButton836.fancyButton:hover,.fancyButton836.fancyButton:focus,.fancyButton836.fancyButton:active,.fancyButton836.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=44826'); background-repeat: no-repeat; background-position: center top; } .fancyButton836.fancyButton:link > span,.fancyButton836.fancyButton:visited > span, .fancyButton836div.fancyButton > span{ } .fancyButton836.fancyButton:hover > span,.fancyButton836.fancyButton:focus > span,.fancyButton836.fancyButton:active > span,.fancyButton836.fancyButton.hover > span{ } .fancyButton836.fancyButton .text{ color: rgb(31, 31, 31); font-size: 1.35em; font-family: "Oswald"; padding-top: 135px; padding-bottom: 8px; font-style: normal; text-decoration: none; padding-top: 135px; padding-bottom: 8px; background-image: url('/ImageRepository/Document?documentID=44814'); background-repeat: no-repeat; background-position: center 47px ; transition: all .3s ease-in-out; position: relative; } .fancyButton836 .text:after { content: ""; position: absolute; background-color: #7B7C7F; height: 5px; width: 50px; max-width: 100%; border-radius: 3px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s ease-in-out; } .fancyButton836.fancyButton:hover .text,.fancyButton836.fancyButton:focus .text,.fancyButton836.fancyButton:active .text,.fancyButton836.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=44813'); background-repeat: no-repeat; background-position: center 44px ; } .fancyButton836:is(:hover,:focus,:active) .text:after { width: 100px; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Buttons --><div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="ccead3dc52-ac89-41ad-bfb7-90422380ccfa" data-containerid="ead3dc52-ac89-41ad-bfb7-90422380ccfa" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="70"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="10dc91af-189d-4166-95f2-9adc432ccccc"> <div class="row nest first last wide"> <div class="inner col col24 first last ide710842a-7d3e-4fa7-be5f-d2497e7a18af" style="" data-widgetcontainerid="e710842a-7d3e-4fa7-be5f-d2497e7a18af"> <div data-widget-id="a7fb50b1-7681-4ee8-a2d9-1df33e77fcaf" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdva7fb50b1-7681-4ee8-a2d9-1df33e77fcaf" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headera7fb50b1-7681-4ee8-a2d9-1df33e77fcaf"> <div class=""> </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"> <h1 class="headline">Featured Links</h1><p><br></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) { $('#divInfoAdva7fb50b1-7681-4ee8-a2d9-1df33e77fcaf .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col12 first" style="" data-widgetcontainerid="2b22a7f1-f882-48c8-811f-6fed0c1898e4"> <div class="row nest first last wide"> <div class="inner col col12 first last idaea3286b-a7c9-48f9-b374-c570b3e7550b" style="" data-widgetcontainerid="aea3286b-a7c9-48f9-b374-c570b3e7550b"> <div data-widget-id="219372d2-0471-40a8-8841-1832b6202e63" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget219372d2-0471-40a8-8841-1832b6202e63" class="widget widgetGraphicLinks skin22 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:32em"}' 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="https://bismarcknd.gov/Directory.aspx?did=21" target="_self" class="fancyButton fancyButton853 " > <span> <span><span class="text"><span class="textStyle1">City Commission</span><span class="textStyle2">Commission Information<br></span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton853.fancyButton:link,.fancyButton853.fancyButton:visited, .fancyButton853div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44855'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton853:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton853 > span { width: 100%;} .fancyButton853.fancyButton:hover,.fancyButton853.fancyButton:focus,.fancyButton853.fancyButton:active,.fancyButton853.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton853.fancyButton:link > span,.fancyButton853.fancyButton:visited > span, .fancyButton853div.fancyButton > span{ } .fancyButton853.fancyButton:hover > span,.fancyButton853.fancyButton:focus > span,.fancyButton853.fancyButton:active > span,.fancyButton853.fancyButton.hover > span{ } .fancyButton853.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton853.fancyButton:hover .text,.fancyButton853.fancyButton:focus .text,.fancyButton853.fancyButton:active .text,.fancyButton853.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton853.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton853 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton853.fancyButton:hover .textStyle1, .fancyButton853.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton853:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton853.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton853.fancyButton:hover .textStyle2, .fancyButton853.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/382/Impounded-Animals" target="_self" class="fancyButton fancyButton854 " > <span> <span><span class="text"><span class="textStyle1">Impounded Animals</span><span class="textStyle2">Contact us</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton854.fancyButton:link,.fancyButton854.fancyButton:visited, .fancyButton854div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44856'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton854:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton854 > span { width: 100%;} .fancyButton854.fancyButton:hover,.fancyButton854.fancyButton:focus,.fancyButton854.fancyButton:active,.fancyButton854.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton854.fancyButton:link > span,.fancyButton854.fancyButton:visited > span, .fancyButton854div.fancyButton > span{ } .fancyButton854.fancyButton:hover > span,.fancyButton854.fancyButton:focus > span,.fancyButton854.fancyButton:active > span,.fancyButton854.fancyButton.hover > span{ } .fancyButton854.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton854.fancyButton:hover .text,.fancyButton854.fancyButton:focus .text,.fancyButton854.fancyButton:active .text,.fancyButton854.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton854.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton854 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton854.fancyButton:hover .textStyle1, .fancyButton854.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton854:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton854.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton854.fancyButton:hover .textStyle2, .fancyButton854.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/419/Property-Information" target="_self" class="fancyButton fancyButton855 " > <span> <span><span class="text"><span class="textStyle1">Property Information</span><span class="textStyle2">Search our database</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton855.fancyButton:link,.fancyButton855.fancyButton:visited, .fancyButton855div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44861'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton855:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton855 > span { width: 100%;} .fancyButton855.fancyButton:hover,.fancyButton855.fancyButton:focus,.fancyButton855.fancyButton:active,.fancyButton855.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton855.fancyButton:link > span,.fancyButton855.fancyButton:visited > span, .fancyButton855div.fancyButton > span{ } .fancyButton855.fancyButton:hover > span,.fancyButton855.fancyButton:focus > span,.fancyButton855.fancyButton:active > span,.fancyButton855.fancyButton.hover > span{ } .fancyButton855.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton855.fancyButton:hover .text,.fancyButton855.fancyButton:focus .text,.fancyButton855.fancyButton:active .text,.fancyButton855.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton855.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton855 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton855.fancyButton:hover .textStyle1, .fancyButton855.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton855:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton855.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton855.fancyButton:hover .textStyle2, .fancyButton855.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://trakitapi.bismarcknd.gov/etrakit/" target="_self" class="fancyButton fancyButton856 " > <span> <span><span class="text"><span class="textStyle1">Online Permits and Projects</span><span class="textStyle2">Pay and report online</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton856.fancyButton:link,.fancyButton856.fancyButton:visited, .fancyButton856div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44860'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton856:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton856 > span { width: 100%;} .fancyButton856.fancyButton:hover,.fancyButton856.fancyButton:focus,.fancyButton856.fancyButton:active,.fancyButton856.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton856.fancyButton:link > span,.fancyButton856.fancyButton:visited > span, .fancyButton856div.fancyButton > span{ } .fancyButton856.fancyButton:hover > span,.fancyButton856.fancyButton:focus > span,.fancyButton856.fancyButton:active > span,.fancyButton856.fancyButton.hover > span{ } .fancyButton856.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton856.fancyButton:hover .text,.fancyButton856.fancyButton:focus .text,.fancyButton856.fancyButton:active .text,.fancyButton856.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton856.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton856 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton856.fancyButton:hover .textStyle1, .fancyButton856.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton856:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton856.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton856.fancyButton:hover .textStyle2, .fancyButton856.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="dbd2663c-6bbb-4ee4-a94c-f6f5a481558d"> <div class="row nest first last wide"> <div class="inner col col12 first last idafbb271c-ba4f-43e5-866a-0afb4d94c792" style="" data-widgetcontainerid="afbb271c-ba4f-43e5-866a-0afb4d94c792"> <div data-widget-id="bae3be1e-5b65-4bf6-8f99-5b936d64b31c" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetbae3be1e-5b65-4bf6-8f99-5b936d64b31c" class="widget widgetGraphicLinks skin22 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:32em"}' 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="http://bismarcklibrary.org/" target="_self" class="fancyButton fancyButton857 " > <span> <span><span class="text"><span class="textStyle1">Library</span><span class="textStyle2">Search our collection</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton857.fancyButton:link,.fancyButton857.fancyButton:visited, .fancyButton857div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44858'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton857:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton857 > span { width: 100%;} .fancyButton857.fancyButton:hover,.fancyButton857.fancyButton:focus,.fancyButton857.fancyButton:active,.fancyButton857.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton857.fancyButton:link > span,.fancyButton857.fancyButton:visited > span, .fancyButton857div.fancyButton > span{ } .fancyButton857.fancyButton:hover > span,.fancyButton857.fancyButton:focus > span,.fancyButton857.fancyButton:active > span,.fancyButton857.fancyButton.hover > span{ } .fancyButton857.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton857.fancyButton:hover .text,.fancyButton857.fancyButton:focus .text,.fancyButton857.fancyButton:active .text,.fancyButton857.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton857.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton857 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton857.fancyButton:hover .textStyle1, .fancyButton857.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton857:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton857.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton857.fancyButton:hover .textStyle2, .fancyButton857.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/bids.aspx" target="_self" class="fancyButton fancyButton858 " > <span> <span><span class="text"><span class="textStyle1">Bids/RFPs</span><span class="textStyle2">Access open opportunities</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton858.fancyButton:link,.fancyButton858.fancyButton:visited, .fancyButton858div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44854'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton858:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton858 > span { width: 100%;} .fancyButton858.fancyButton:hover,.fancyButton858.fancyButton:focus,.fancyButton858.fancyButton:active,.fancyButton858.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton858.fancyButton:link > span,.fancyButton858.fancyButton:visited > span, .fancyButton858div.fancyButton > span{ } .fancyButton858.fancyButton:hover > span,.fancyButton858.fancyButton:focus > span,.fancyButton858.fancyButton:active > span,.fancyButton858.fancyButton.hover > span{ } .fancyButton858.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton858.fancyButton:hover .text,.fancyButton858.fancyButton:focus .text,.fancyButton858.fancyButton:active .text,.fancyButton858.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton858.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton858 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton858.fancyButton:hover .textStyle1, .fancyButton858.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton858:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton858.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton858.fancyButton:hover .textStyle2, .fancyButton858.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/2203/Landfill" target="_self" class="fancyButton fancyButton859 " > <span> <span><span class="text"><span class="textStyle1">Landfill</span><span class="textStyle2">Questions/Feedback</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton859.fancyButton:link,.fancyButton859.fancyButton:visited, .fancyButton859div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44857'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton859:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton859 > span { width: 100%;} .fancyButton859.fancyButton:hover,.fancyButton859.fancyButton:focus,.fancyButton859.fancyButton:active,.fancyButton859.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton859.fancyButton:link > span,.fancyButton859.fancyButton:visited > span, .fancyButton859div.fancyButton > span{ } .fancyButton859.fancyButton:hover > span,.fancyButton859.fancyButton:focus > span,.fancyButton859.fancyButton:active > span,.fancyButton859.fancyButton.hover > span{ } .fancyButton859.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton859.fancyButton:hover .text,.fancyButton859.fancyButton:focus .text,.fancyButton859.fancyButton:active .text,.fancyButton859.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton859.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton859 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton859.fancyButton:hover .textStyle1, .fancyButton859.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton859:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton859.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton859.fancyButton:hover .textStyle2, .fancyButton859.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/658/Public-Information" target="_self" class="fancyButton fancyButton860 " > <span> <span><span class="text"><span class="textStyle1">Media Kit</span><span class="textStyle2">Questions/Feedback</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton860.fancyButton:link,.fancyButton860.fancyButton:visited, .fancyButton860div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=44859'); background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 400px; height: 225px; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); margin: 0 auto; display: flex; align-items: center; } .fancyButton860:after { content: ""; position: absolute; background-color: rgba(7, 24, 59, 0.4); height: 100%; width: 100%; top: 0; left: 0; } .fancyButton860 > span { width: 100%;} .fancyButton860.fancyButton:hover,.fancyButton860.fancyButton:focus,.fancyButton860.fancyButton:active,.fancyButton860.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton860.fancyButton:link > span,.fancyButton860.fancyButton:visited > span, .fancyButton860div.fancyButton > span{ } .fancyButton860.fancyButton:hover > span,.fancyButton860.fancyButton:focus > span,.fancyButton860.fancyButton:active > span,.fancyButton860.fancyButton.hover > span{ } .fancyButton860.fancyButton .text{ padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; text-decoration: none; background-color: rgb(14, 46, 110); padding-top: 17px; padding-bottom: 13px; padding-right: 5px; padding-left: 5px; background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; } .fancyButton860.fancyButton:hover .text,.fancyButton860.fancyButton:focus .text,.fancyButton860.fancyButton:active .text,.fancyButton860.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton860.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 1.25em; font-family: Oswald; font-style: normal; text-decoration: none; display: block; line-height: 1.2; position: relative; } .fancyButton860 .textStyle1:after { content: ""; position: absolute; background-color: #F5F9FF; height: 5px; width: 50px; border-radius: 3px; left: 50%; bottom: -10px; transform: translateX(-50%); transition: all .2s ease-in-out;} .fancyButton860.fancyButton:hover .textStyle1, .fancyButton860.fancyButton.hover .textStyle1{ text-decoration: underline; } .fancyButton860:is(:hover,:focus,:active) .textStyle1:after { width: 0;} .fancyButton860.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-size: 0.9em; font-family: Poppins; font-weight: 500; text-decoration: none; display: block; line-height: 1.2; opacity: 0; transition: all .3s ease-in-out;} .fancyButton860.fancyButton:hover .textStyle2, .fancyButton860.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1;} </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cceda74d53-3753-442b-b7a0-54d9d5ac12a3" data-containerid="eda74d53-3753-442b-b7a0-54d9d5ac12a3" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="64"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="1c73dd94-98d5-411f-8028-b38e3ff282d6"> <div class="row nest first last wide"> <div class="inner col col24 first last idad9e87b4-213a-4053-898d-cd1ec7143fde" style="" data-widgetcontainerid="ad9e87b4-213a-4053-898d-cd1ec7143fde"> <div data-widget-id="138a340b-853c-479d-bb97-4cd15e541e3d" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv138a340b-853c-479d-bb97-4cd15e541e3d" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header138a340b-853c-479d-bb97-4cd15e541e3d"> <div class=""> </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"> <h1 class="headline">News & Highlights</h1><p><br></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) { $('#divInfoAdv138a340b-853c-479d-bb97-4cd15e541e3d .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col15 first" style="" data-widgetcontainerid="8de114c7-3556-4584-a38f-144d4cb458ae"> <div class="row nest first last wide"> <div class="inner col col15 first last id9163c96f-7b2e-499c-a58e-efe7c7b3bb95" style="" data-widgetcontainerid="9163c96f-7b2e-499c-a58e-efe7c7b3bb95"> <div data-widget-id="b8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <section class="widget widgetNewsFlash skin20 widgetOptionSet34 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarouselb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7"> <div class="cpWindow cpWindowb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=8536" target="_self"><img class="media" src="/ImageRepository/Document?documentID=43750" alt="COB-Public-Works-SO-Logo-FC-RGB" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8536" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8536" target="_self">City of Bismarck Closing Grass Sites for Winter Season </a> </h4> <div class="widgetDesc"> Collection sites are expected to be removed from the locations throughout the community on December 2. <a id="newsFlashReadOn8536" href="/CivicAlerts.aspx?AID=8536" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8536 newsFlashReadOn8536">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=8535" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46964" alt="Bismarck Airport Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8535" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8535" target="_self">American Airlines Expands Service to Chicago O'Hare </a> </h4> <div class="widgetDesc"> Bismarck Airport is excited to announce American Airlines will begin daily nonstop service between Bismarck Airport and Chicago O’Hare <a id="newsFlashReadOn8535" href="/CivicAlerts.aspx?AID=8535" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8535 newsFlashReadOn8535">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="/CivicAlerts.aspx?AID=8534" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46972" alt="City of Bismarck Engineering Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8534" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8534" target="_self">Bismarck Expwy Lanes Reduced Between Washington St and 3rd St </a> </h4> <div class="widgetDesc"> On Monday, November 25, 2024, a water main burst on Bismarck Expressway between Washington St and 3rd St. <a id="newsFlashReadOn8534" href="/CivicAlerts.aspx?AID=8534" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8534 newsFlashReadOn8534">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=8533" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=35054" alt="Bismarck Fire Department Patch Image" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8533" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8533" target="_self">Thanksgiving Safety Tips from the Bismarck Fire Department </a> </h4> <div class="widgetDesc"> The Bismarck Fire Department would like to wish everyone a Safe and Happy Thanksgiving. In addition, here are some great fire safety tips from the NFPA. <a id="newsFlashReadOn8533" href="/CivicAlerts.aspx?AID=8533" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8533 newsFlashReadOn8533">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="4"> <a href="/CivicAlerts.aspx?AID=8519" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47222" alt="News Release PSA" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8519" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8519" target="_self">Bismarck City Offices and Landfill Closed November 28 | Changes to Garb & Recy Collection </a> </h4> <div class="widgetDesc"> Bismarck City offices and landfill will be closed on Thursday, November 28th, for the Thanksgiving Day holiday and there will be no garbage or curbside recycling collection. <a id="newsFlashReadOn8519" href="/CivicAlerts.aspx?AID=8519" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8519 newsFlashReadOn8519">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="5"> <a href="https://www.einnews.com/pr_news/762752633/big-sky-passenger-rail-authority-welcomes-bismarck-mandan-mpo-to-government-partners-program" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47981" alt="Bismarck-Mandan Metropolitan Planning Organization Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8531" class="widgetTitle"> <a href="https://www.einnews.com/pr_news/762752633/big-sky-passenger-rail-authority-welcomes-bismarck-mandan-mpo-to-government-partners-program" target="_self">Big Sky Passenger Rail Authority Welcomes Bismarck-Mandan MPO to Government Partners Program </a> </h4> <div class="widgetDesc"> The Big Sky Passenger Rail Authority (BSPRA) is pleased to announce that the Bismarck-Mandan Metropolitan Planning Organization (BMMPO) has unanimously voted to join its Government Partners Program. <a href="https://www.einnews.com/pr_news/762752633/big-sky-passenger-rail-authority-welcomes-bismarck-mandan-mpo-to-government-partners-program" target="_self" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="6"> <a href="/CivicAlerts.aspx?AID=8526" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47929" alt="Knife River Corporation Logo " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8526" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8526" target="_self">South Washington Street Reconstruction Update from Knife River Corporation </a> </h4> <div class="widgetDesc"> As the season and project are quickly winding down, we wanted to inform you of upcoming, permanent traffic pattern changes within the project. <a id="newsFlashReadOn8526" href="/CivicAlerts.aspx?AID=8526" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8526 newsFlashReadOn8526">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="7"> <div class="text"> <h4 id="newsFlashItemHeader8525" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8525" target="_self">CAMPERS & TRAILERS NOT TO BE PARKED ON BISMARCK RESIDENTIAL STREETS DECEMBER 1-MARCH 31 </a> </h4> <div class="widgetDesc"> The Bismarck Police Department issues this reminder concerning the parking of campers and trailers on Bismarck residential streets. <a id="newsFlashReadOn8525" href="/CivicAlerts.aspx?AID=8525" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8525 newsFlashReadOn8525">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="8"> <a href="/CivicAlerts.aspx?AID=8512" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=49192" alt="City of Bismarck Advisory Boards Logo Treatment" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8512" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8512" target="_self">Ten City of Bismarck Advisory Boards Seeking Volunteers </a> </h4> <div class="widgetDesc"> Board applicants must be residents of the City of Bismarck, except for the Planning and Zoning vacancy, which must be filled by someone residing in the Extraterritorial Area (ETA). <a id="newsFlashReadOn8512" href="/CivicAlerts.aspx?AID=8512" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8512 newsFlashReadOn8512">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="9"> <a href="/CivicAlerts.aspx?AID=8511" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=44137" alt="Citizen Academy Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8511" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8511" target="_self">City of Bismarck Accepting 2025 Citizen Academy Applications Throughout November </a> </h4> <div class="widgetDesc"> Citizen Academy is a three-month, interactive venture into the departments of Bismarck’s municipal government. Up to 20 applicants will be chosen for the 2025 Citizen Academy, the fourth class offered. <a id="newsFlashReadOn8511" href="/CivicAlerts.aspx?AID=8511" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8511 newsFlashReadOn8511">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="10"> <a href="/CivicAlerts.aspx?AID=8506" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=48966" alt="Ghost hunting kits available for checkout at Bismarck Veterans Memorial Public Library." data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8506" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8506" target="_blank">Ghost Hunting Kits Available at Bismarck Veterans Memorial Public Library </a> </h4> <div class="widgetDesc"> Bismarck Veterans Memorial Public Library (BVMPL) recently added four Ghost Hunting Kits to its collection with donated funds after receiving multiple requests from patrons, just in time for the Halloween season. <a id="newsFlashReadOn8506" href="/CivicAlerts.aspx?AID=8506" target="_blank" class="readOn" aria-labelledby="newsFlashItemHeader8506 newsFlashReadOn8506">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="11"> <a href="/CivicAlerts.aspx?AID=8472" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=48062" alt="Announcing the Bismarck Veterans Memorial Public Library’s updated values statement." data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8472" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8472" target="_blank">Announcing Bismarck Veterans Memorial Public Library’s Updated Values Statement </a> </h4> <div class="widgetDesc"> We are excited to unveil the library’s updated values statement, reflecting our dedication to serving the Bismarck-Burleigh community and visitors with enhanced relevance and inclusivity. <a id="newsFlashReadOn8472" href="/CivicAlerts.aspx?AID=8472" target="_blank" class="readOn" aria-labelledby="newsFlashItemHeader8472 newsFlashReadOn8472">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="12"> <div class="text"> <h4 id="newsFlashItemHeader6740" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=6740" target="_self">Bismarck's Yard Waste Drop Off Site (Correction) </a> </h4> <div class="widgetDesc"> Bismarck yard waste drop Site 15 has moved to Clairmont Road & Frisco Way. <a id="newsFlashReadOn6740" href="/CivicAlerts.aspx?AID=6740" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader6740 newsFlashReadOn6740">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="13"> <a href="/CivicAlerts.aspx?AID=8412" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47348" alt="Bismarck Veterans Memorial Public Library Receives National PR Award" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8412" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8412" target="_blank">Bismarck Veterans Memorial Public Library Receives National PR Award </a> </h4> <div class="widgetDesc"> Bismarck Veterans Memorial Public Library was honored at the American Library Association’s (ALA) 2024 Core PR Xchange Ceremony on June 30, 2024 in conjunction with its annual conference in San Diego, CA. <a id="newsFlashReadOn8412" href="/CivicAlerts.aspx?AID=8412" target="_blank" class="readOn" aria-labelledby="newsFlashItemHeader8412 newsFlashReadOn8412">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="14"> <a href="/CivicAlerts.aspx?AID=8293" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=46719" alt="A room with blue couches in front of a fireplace" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8293" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8293" target="_self">Visit Teen HQ </a> </h4> <div class="widgetDesc"> Teen HQ (Headquarters) is your destination for reading, studying, doing homework, playing games with friends, attending teen events, being creative, and so much more. <a id="newsFlashReadOn8293" href="/CivicAlerts.aspx?AID=8293" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8293 newsFlashReadOn8293">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="15"> <a href="/CivicAlerts.aspx?AID=8532" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=47556" alt="Bismarck Fire Department Patch Image" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader8532" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=8532" target="_self">Bismarck Fire Department Reminds Residents: Stay Safe from Carbon Monoxide this Winter. </a> </h4> <div class="widgetDesc"> The Bismarck Fire Department would like to remind residents that November is carbon monoxide (CO) awareness month. <a id="newsFlashReadOn8532" href="/CivicAlerts.aspx?AID=8532" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader8532 newsFlashReadOn8532">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> // <!-- window.$ = window.$ || window.parent.$; $(document).ready(function () { //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal if(!window.carouselsToInit){ window.carouselsToInit = new Array(); } var widgetNewsFlashb8b68c0c37504b5f8b6c3fa6c38b15c7 = function() { var widgetWindow = $('#widgetNewsFlashb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7').find('.cpWindow')[0]; if(widgetWindow){ if(widgetWindow.clientWidth != 0){ window.setTimeout(function(){ $('#widgetNewsFlashb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7').adaptiveCarousel({ minSlideWidth: 250, maxSlideWidth: 385, gutterWidth: 40, circular: true, teaser: false, transitionTiming: 500, noImageRequired: false }); }, 250); var index = window.carouselsToInit.indexOf(widgetNewsFlashb8b68c0c37504b5f8b6c3fa6c38b15c7); if (index > -1) { window.carouselsToInit.splice(index, 1); } } } } var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlashb8b68c0c37504b5f8b6c3fa6c38b15c7); if (indexCarouselsToInit === -1) { window.carouselsToInit.push(widgetNewsFlashb8b68c0c37504b5f8b6c3fa6c38b15c7); } if (window.carouselsToInit) { window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); } if (window.Pages.onResizeHandlers){ window.Pages.onResizeHandlers.forEach(function(car){car();}); } }); if (Modernizr.touch) { var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; $.when($pages.rwdReady).done(function () { //only for responsive sites if (typeof($$) !== 'undefined') { $$('#widgetNewsFlashb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7').on('swipeRight', function (e, a) { $(this).adaptiveCarousel("moveBack"); }); $$('#widgetNewsFlashb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7').on('swipeLeft', function (e) { $(this).adaptiveCarousel("moveForward"); }); } }); } // --> </script> <a id="newsFlashViewAllb8b68c0c-3750-4b5f-8b6c-3fa6c38b15c7" class="widgetViewAll alignRight" style="" href="/CivicAlerts.aspx?CID=20,55,5,52,11,13,9,15,29,48,30,17,18,44,3,16,14,10,8,6,42" aria-label="News Flash View All">View All News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9de4233a-005a-473c-bc3d-c14f87bbc52b"> <div class="row nest first last wide"> <div class="inner col col1 first last id664679da-410f-4eb3-bb13-c57976388b79" style="" data-widgetcontainerid="664679da-410f-4eb3-bb13-c57976388b79"> <div class="widget widgetSpacer" id="c0b52135-3422-4984-bc87-12f4f80f5433"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="b128ae12-27f4-439e-bda4-7c6c013d48bc"> <div class="row nest first last wide"> <div class="inner col col8 first last ida1199505-8a85-4ec6-b6d5-fd65d3545b77" style="" data-widgetcontainerid="a1199505-8a85-4ec6-b6d5-fd65d3545b77"> <div data-widget-id='7d37e635-0862-404a-9921-623f3d6cb3cf' data-moduleName="customHtml" id='widgetCustomHtml7d37e635-0862-404a-9921-623f3d6cb3cf' class="widget widgetCustomHtml skin20 narrow" > <div class="widgetBody pageStyles" id="widgetBody7d37e635-0862-404a-9921-623f3d6cb3cf"> <div id="customHtml7d37e635-0862-404a-9921-623f3d6cb3cf"><div><!-- Facebook adjust --> <div class="facebook-container"> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBismarckNDGov%2F&tabs=timeline&width=500&height=600&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="600" style="border:solid 20px #F5F9FF;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div> <style> .facebook-container { text-align: center; } </style> <script> // If you do not want to maintain aspect ratio: set to zero const aspectRatio = 1.4; const selector = ".facebook-container"; const minWidth = 220; const maxWidth = 500; // Facebook widget will not expand past 500 const minHeight = 600; const maxHeight = 600; const widthRegexp = /(width=)([0-9]+)/; const heightRegexp = /(height=)([0-9]+)/; let width = 0; let height = 0; function clamp(num, min, max) { return Math.min(Math.max(num, min), max); } function adjust() { const container = $(selector); const frame = $(selector + " > iframe"); if (frame === undefined || frame.length === 0) { console.warn("No facebook widget found..."); } else { const rawSrc = frame.attr("src"); const containerWidth = container.width(); if (containerWidth === 0) { const parents = container.parents(); for (let i = 0; i < parents.length; i++) { const parent = $(parents[i]); if (parent.css("display") === "none") { let mobileTab = parent.siblings(); mobileTab = mobileTab[mobileTab.length - 1]; if (!mobileTab) return; // Get .cpTabPanels let desktopTab = parent.parent(); // Get .cpTabs desktopTab = desktopTab.siblings(); desktopTab = desktopTab[desktopTab.length - 1]; // Get the matching tab (from the mobile tab text) desktopTab = $(desktopTab).children(); desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; if (!desktopTab) return; const desktopHandler = () => { adjust(); desktopTab.removeEventListener("click", desktopHandler); } const mobileHandler = () => { adjust(); mobileTab.removeEventListener("click", mobileHandler); } desktopTab.addEventListener("click", desktopHandler); mobileTab.addEventListener("click", mobileHandler); break; } } return; } width = clamp(containerWidth, minWidth, maxWidth); height = clamp(Math.floor(width * aspectRatio), minHeight, maxHeight); // Replace src and style on iframe try { const oldWidth = rawSrc.match(widthRegexp); const oldHeight = rawSrc.match(heightRegexp); if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { return; } const newSrc = rawSrc .replace(widthRegexp, "width=" + parseInt(width)) .replace(heightRegexp, "height=" + parseInt(height)); // Set attributes on frame frame.attr("src", newSrc); frame.css("width", width); frame.css("height", height); } catch (e) { console.warn("Failed replacing width & height"); console.warn(e); } } } let adjustTimeoutFn; $(window).load(function () { adjust(); $(window).resize(function () { clearTimeout(adjustTimeoutFn); adjustTimeoutFn = setTimeout(function () { adjust(); }, 250); }); $.when(window.Pages.angularToolbarComplete).done(function () { adjust(); }); }); </script> <!-- End Facebook adjust --> </div></div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Calendar --><div data-cpRole="structuralContainer" id="homeContainer3"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc3c8f32e5-7d31-4e02-a3d9-bc02afc7322f" data-containerid="3c8f32e5-7d31-4e02-a3d9-bc02afc7322f" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="f7a153fb-66ff-4556-9a3b-15bf65290667"> <div class="row nest first wide"> <div class="inner col col24 first last id2faf40bc-20e9-45e1-ae0f-0359664bb510" style="" data-widgetcontainerid="2faf40bc-20e9-45e1-ae0f-0359664bb510"> <div data-widget-id="85945acf-7169-49cb-a8f6-ddb24edde188" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv85945acf-7169-49cb-a8f6-ddb24edde188" class="widget widgetInfoAdvanced skin19 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header85945acf-7169-49cb-a8f6-ddb24edde188"> <div class=""> </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"> <h1 class="headline">Calendar</h1><p>Keep up to date with upcoming events and meetings</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) { $('#divInfoAdv85945acf-7169-49cb-a8f6-ddb24edde188 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest last wide"> <div class="inner col col24 first last idf54373d5-7b83-4464-aac4-69a69ce5ecd7" style="" data-widgetcontainerid="f54373d5-7b83-4464-aac4-69a69ce5ecd7"> <div id="divTabbed5e5c9faf-0128-4580-83c9-0603bb002f05" class="widget widgetTabbed wide skin21" data-widgetid="5e5c9faf-0128-4580-83c9-0603bb002f05" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <!-- --><li style="width: 96%;" class="active"> <a href="#tab5e5c9faf-0128-4580-83c9-0603bb002f05_0" class="tabButton" role="tab" aria-controls="#tab5e5c9faf-0128-4580-83c9-0603bb002f05_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Events" contenteditable="false">Events</span></a> </li><!-- --> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tab5e5c9faf-0128-4580-83c9-0603bb002f05_0" class="tabButton" role="tab" aria-controls="#tab5e5c9faf-0128-4580-83c9-0603bb002f05_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Events" contenteditable="false">Events</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tab5e5c9faf-0128-4580-83c9-0603bb002f05_0" role="tabpanel"> <div data-widget-id="4dcbc456-262f-4f2f-b595-91940e94cd2d" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendar4dcbc456-262f-4f2f-b595-91940e94cd2d" class="widget widgetCalendar skin21 widgetOptionSet35 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:74em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid3 mediaLeft"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar media" style="width: 32%; "> <input type="hidden" name="monthToRender" data-year="2024" data-month="11" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeader4dcbc456-262f-4f2f-b595-91940e94cd2d"><button aria-label="Previous Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><div tabindex="0" class="cp-miniCalendar-title">November 2024</div><button aria-label="Next Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> <table role="grid" aria-labelledby="miniCalendarHeader4dcbc456-262f-4f2f-b595-91940e94cd2d" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> Sun </abbr></th> <th scope="col"><abbr title=" Monday "> Mon </abbr></th> <th scope="col"><abbr title=" Tuesday "> Tue </abbr></th> <th scope="col"><abbr title=" Wednesday "> Wed </abbr></th> <th scope="col"><abbr title=" Thursday "> Thu </abbr></th> <th scope="col"><abbr title=" Friday "> Fri </abbr></th> <th scope="col"><abbr title=" Saturday "> Sat </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2024-10-27">27</time></span></td> <td class="not"><span><time datetime="2024-10-28">28</time></span></td> <td class="not"><span><time datetime="2024-10-29">29</time></span></td> <td class="not"><span><time datetime="2024-10-30">30</time></span></td> <td class="not"><span><time datetime="2024-10-31">31</time></span></td> <td><span><time datetime="2024-11-01"> 1</time></span></td> <td><span><time datetime="2024-11-02"> 2</time></span></td> </tr> <tr><td><span><time datetime="2024-11-03"> 3</time></span></td> <td><span><time datetime="2024-11-04"> 4</time></span></td> <td><span><time datetime="2024-11-05"> 5</time></span></td> <td><span><time datetime="2024-11-06"> 6</time></span></td> <td><span><time datetime="2024-11-07"> 7</time></span></td> <td><span><time datetime="2024-11-08"> 8</time></span></td> <td><span><time datetime="2024-11-09"> 9</time></span></td> </tr> <tr><td><span><time datetime="2024-11-10">10</time></span></td> <td><span><time datetime="2024-11-11">11</time></span></td> <td><span><time datetime="2024-11-12">12</time></span></td> <td><span><time datetime="2024-11-13">13</time></span></td> <td><span><time datetime="2024-11-14">14</time></span></td> <td><span><time datetime="2024-11-15">15</time></span></td> <td><span><time datetime="2024-11-16">16</time></span></td> </tr> <tr><td><span><time datetime="2024-11-17">17</time></span></td> <td><span><time datetime="2024-11-18">18</time></span></td> <td><span><time datetime="2024-11-19">19</time></span></td> <td><span><time datetime="2024-11-20">20</time></span></td> <td><span><time datetime="2024-11-21">21</time></span></td> <td><span><time datetime="2024-11-22">22</time></span></td> <td><span><time datetime="2024-11-23">23</time></span></td> </tr> <tr><td><span><time datetime="2024-11-24">24</time></span></td> <td><span><time datetime="2024-11-25">25</time></span></td> <td><span><time datetime="2024-11-26">26</time></span></td> <td><span><time datetime="2024-11-27">27</time></span></td> <td class="today"><a tabindex="0" href='/calendar.aspx?view=list&year=2024&month=11&day=28&CID=52,54,85,55,88,36,59,90,91,62,57,63,33,82,31,67,69,14,72,74,76,20,79,89,93'><time datetime="2024-11-28">28</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=29&CID=52,54,85,55,88,36,59,90,91,62,57,63,33,82,31,67,69,14,72,74,76,20,79,89,93'><time datetime="2024-11-29">29</time></a></td> <td><span><time datetime="2024-11-30">30</time></span></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "4dcbc456-262f-4f2f-b595-91940e94cd2d", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: true }); }); </script> <div class="row text narrow" style="margin-left: 37%;"> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2024-11-28"]" name="day-list" /> <div class="col col1 first last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="7221" > <h4 class="widgetTitle">Thu, Nov 28 - Fri, Nov 29 </h4> <div style="display:inline;" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=7221" target="_self">Thanksgiving Day Holiday - November 28th | Change in Schedule for Bismarck Garbage & Recycling Collection | City Offices and Landfill Closed.</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> </ol> </div> <div class="col col1 "> <ol class="semanticList"> </ol> </div> </div> </div> <a id="calendarViewAll4dcbc456-262f-4f2f-b595-91940e94cd2d" class="widgetViewAll alignRight" style="" href="/calendar.aspx?CID=52,54,85,55,88,36,59,90,91,62,57,63,33,82,31,67,69,14,72,74,76,20,79,89,93" aria-label="Calendar View All">View All Events</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbed5e5c9faf-0128-4580-83c9-0603bb002f05'; var mediaQuerySize = 54; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbed5e5c9faf-0128-4580-83c9-0603bb002f05'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbed5e5c9faf-0128-4580-83c9-0603bb002f05').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbed5e5c9faf-0128-4580-83c9-0603bb002f05'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbed5e5c9faf-0128-4580-83c9-0603bb002f05 .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccbe6713ea-41b9-412a-a24c-f08b55744cc7" data-containerid="be6713ea-41b9-412a-a24c-f08b55744cc7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="70"> <div class="row outer wide"><!-- --><div class="outer col col7 first" style="" data-widgetcontainerid="d7c86d72-33b1-4385-8490-c663a2333968"> <div class="row nest first last wide"> <div class="inner col col7 first last id26865eb6-cd10-4d72-a9fd-f8551ae192db" style="" data-widgetcontainerid="26865eb6-cd10-4d72-a9fd-f8551ae192db"> <div data-widget-id="d90622ec-a9fb-492f-a870-f59b84a85095" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvd90622ec-a9fb-492f-a870-f59b84a85095" class="widget widgetInfoAdvanced skin14 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerd90622ec-a9fb-492f-a870-f59b84a85095"> <div class=""> </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="/"><img src="/ImageRepository/Document?documentId=44828" class="fr-dib" alt="Bismarck North Dakota Homepage"></a></p> </li> <li class="InfoAdvanced widgetItem fr-view"> <p>Mission Statement: To provide high-quality public services in partnership with our community to enhance our quality of life.</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) { $('#divInfoAdvd90622ec-a9fb-492f-a870-f59b84a85095 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="62b9dddc-6cb5-4f75-91f4-65ee0f81994b"> <div class="row nest first last wide"> <div class="inner col col1 first last ida9d1dd12-45f4-4cd5-89e9-8c8c1af1eb3b" style="" data-widgetcontainerid="a9d1dd12-45f4-4cd5-89e9-8c8c1af1eb3b"> <div class="widget widgetSpacer" id="9235a925-4b27-457e-9420-78398ab4e8c1"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="5d294bd8-cbd7-444c-ae01-5a655bfaf63e"> <div class="row nest first last wide"> <div class="inner col col4 first last iddaf0b1c2-7faa-43ce-bacf-bc3baf63f7f2" style="" data-widgetcontainerid="daf0b1c2-7faa-43ce-bacf-bc3baf63f7f2"> <div data-widget-id="417f5738-eeaa-49e8-bc9c-78e0c20c8576" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv417f5738-eeaa-49e8-bc9c-78e0c20c8576" class="widget widgetInfoAdvanced skin11 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header417f5738-eeaa-49e8-bc9c-78e0c20c8576"> <header class="widgetHeader" id="header417f5738-eeaa-49e8-bc9c-78e0c20c8576"> <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><a href="/Directory.aspx">Department Contacts</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) { $('#divInfoAdv417f5738-eeaa-49e8-bc9c-78e0c20c8576 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="0dddfbd8-9dfe-4a90-a966-31da0458b4b0"> <div class="row nest first last wide"> <div class="inner col col1 first last id2feb0555-5b9a-4418-a971-3de903295765" style="" data-widgetcontainerid="2feb0555-5b9a-4418-a971-3de903295765"> <div class="widget widgetSpacer" id="eca54561-5aef-4a65-8028-b8505c060172"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="96930e2d-066f-4377-8a4b-7dc7c5a5c98d"> <div class="row nest first last wide"> <div class="inner col col5 first last id966485bd-0432-420f-8ea0-17cebee853da" style="" data-widgetcontainerid="966485bd-0432-420f-8ea0-17cebee853da"> <div data-widget-id="06d9b248-8d3c-480a-bfd3-48f06686ca98" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink06d9b248-8d3c-480a-bfd3-48f06686ca98" class="widget widgetQuickLinks skin11 widgetOptionSet32 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader06d9b248-8d3c-480a-bfd3-48f06686ca98"> <header class="widgetHeader" id="quickLinksHeader06d9b248-8d3c-480a-bfd3-48f06686ca98"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=127" >Community Political Subdivisions</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="https://www.bisparks.org/" target="_blank" aria-label="Bismarck Parks and Recreation District opens in new window">Bismarck Parks and Recreation District</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.bismarckschools.org/" target="_blank" aria-label="Bismarck Public Schools opens in new window">Bismarck Public Schools</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.burleigh.gov/" target="_blank" aria-label="Burleigh County opens in new window">Burleigh County</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.nd.gov/" target="_blank" aria-label="State of North Dakota opens in new window">State of North Dakota</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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="04f80d66-c2b7-4f99-8b92-61e43cf3294f"> <div class="row nest first last wide"> <div class="inner col col1 first last id31ad2b00-aad6-493e-a44c-2a5181a0faf4" style="" data-widgetcontainerid="31ad2b00-aad6-493e-a44c-2a5181a0faf4"> <div class="widget widgetSpacer" id="98276513-5a43-409f-adfc-5c8edac34bcc"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="8c642f27-0e08-4cb2-9061-7e04f549882d"> <div class="row nest first last wide"> <div class="inner col col5 first last id4e7daf9e-ac2e-4173-a11d-d4c1ca1aa436" style="" data-widgetcontainerid="4e7daf9e-ac2e-4173-a11d-d4c1ca1aa436"> <div data-widget-id="57202b3c-fb7a-4184-a5c3-014727ac8c0c" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink57202b3c-fb7a-4184-a5c3-014727ac8c0c" class="widget widgetQuickLinks skin11 widgetOptionSet32 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader57202b3c-fb7a-4184-a5c3-014727ac8c0c"> <header class="widgetHeader" id="quickLinksHeader57202b3c-fb7a-4184-a5c3-014727ac8c0c"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=69" >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="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2398/Website-Disclaimer" target="_self" >Website Disclaimer</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2399/Privacy-Statement" target="_self" >Privacy Statement</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap.aspx" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://civicplus.com/referral" target="_self" >Government Websites by CivicPlus®</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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </footer><!-- Home --><div data-cpRole="structuralContainer" id="backToHomeTS" class="fixedBottomTS"> <div class="siteWrap3"><div data-cpRole="contentContainer" id="homeTS"> <div id="ccabe21e4f-e660-4576-9c43-52a8b40e76b6" data-containerid="abe21e4f-e660-4576-9c43-52a8b40e76b6" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="1865e52e-0f22-4cc6-85e9-9b5d6d1c0d71"> <div class="row nest first last wide"> <div class="inner col col24 first last id8614b772-e330-4d22-857d-2d5464262729" style="" data-widgetcontainerid="8614b772-e330-4d22-857d-2d5464262729"> <div data-widget-id="a5847ce2-6f5e-4800-8727-4dcdbb506aca" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgeta5847ce2-6f5e-4800-8727-4dcdbb506aca" class="widget widgetGraphicLinks skin12 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid1 "> <div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/" target="_self" class="fancyButton fancyButton837 " > <span> <span><span class="text">Back to Home</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton837.fancyButton:link,.fancyButton837.fancyButton:visited, .fancyButton837div.fancyButton{ background-color: rgb(14, 46, 110); padding-top: 69px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background-image: url('/ImageRepository/Document?documentID=44827'); background-repeat: no-repeat; background-position: center 21px ; width: 75px; margin: 0 auto; transition: all .3s ease-in-out;} .fancyButton837.fancyButton:hover,.fancyButton837.fancyButton:focus,.fancyButton837.fancyButton:active,.fancyButton837.fancyButton.hover{ background-color: rgb(31, 31, 31); background-repeat: no-repeat; background-position: center 21px ; } .fancyButton837.fancyButton:link > span,.fancyButton837.fancyButton:visited > span, .fancyButton837div.fancyButton > span{ } .fancyButton837.fancyButton:hover > span,.fancyButton837.fancyButton:focus > span,.fancyButton837.fancyButton:active > span,.fancyButton837.fancyButton.hover > span{ } .fancyButton837.fancyButton .text{ color: rgb(245, 249, 255); font-family: "Poppins"; font-weight: 500; text-decoration: none; background-repeat: no-repeat; background-position: left top; line-height: 1.3;} .fancyButton837.fancyButton:hover .text,.fancyButton837.fancyButton:focus .text,.fancyButton837.fancyButton:active .text,.fancyButton837.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="ccc7473022-fafa-4786-948e-58e58fe26b6b" data-containerid="c7473022-fafa-4786-948e-58e58fe26b6b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="458bedec-148f-47ad-894b-97b2043603c1"> <div class="row nest first last wide"> <div class="inner col col24 first last idf22395ae-28a2-487b-ac28-c2e569d44dec" style="" data-widgetcontainerid="f22395ae-28a2-487b-ac28-c2e569d44dec"> <div data-widget-id='62cacefb-61b7-4290-b79f-396f9100ae43' data-moduleName="customHtml" id='widgetCustomHtml62cacefb-61b7-4290-b79f-396f9100ae43' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBody62cacefb-61b7-4290-b79f-396f9100ae43"> <div id="customHtml62cacefb-61b7-4290-b79f-396f9100ae43"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: left; } .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">CivicPlus®</a></span> </div> </div></div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div> <div id="banner2-28" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner2-28', 'banner2', {"BannerOptionID":28,"ThemeID":11,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"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":42,"BannerOptionID":28,"FileName":"/ImageRepository/Document?documentID=44853","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":14,"BannerOptionID":28,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202402112326401493.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, {"BannerImageID":42,"BannerOptionID":28,"FileName":"/ImageRepository/Document?documentID=44853","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, '/App_Themes/2024 - Home/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=44853" />'); }); }); </script> </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"> <!-- Content from the Froala Editor will go here. --> 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: '1', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/773427118.js" type="text/javascript"></script> <!-- Google tag (gtag.js) --> <script async src=https://www.googletagmanager.com/gtag/js?id=G-62Q8D758KM></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-62Q8D758KM'); </script> <!----------Google Translate (Mobile Friendly)---------> <style>#google-translate-container {float: right;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;text-indent: 20px;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px; !important;padding: 0 1px 0 .25rem !important;} #launcher-wrapper {bottom: 50px !important;} </style> <div id="google-translate-container"> <div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div> </div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); // begin accessibility compliance $('img.goog-te-gadget-icon').attr('alt','Google Translate'); $('div#goog-gt-tt div.logo img').attr('alt','translate'); $('div#goog-gt-tt .original-text').css('text-align','left'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); $('.goog-te-combo').attr('aria-label','google translate languages'); $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); } $(function() { $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); }); </script> <!--------------End Google Translate-----------------> <!-- Fixed Nav Adjustment --> <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 anchor2 = $("#headerContainerTS") // 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 bodyContainerTS = $("#bodyContainerTS"); 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() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 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); } })(); // 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 () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); </script> <!-- End Fixed Nav Adjustment --> <!-- Move banner to outer wrap --> <script> function moveBannerToOuterWrap() { if ($(".fixedBannerTS").length) { if ($("#bannerDivbanner2").length) { $("#bannerDivbanner2").appendTo("#outer-wrap"); } else { setTimeout(function() { moveBannerToOuterWrap(); }, 500); } } } moveBannerToOuterWrap(); </script> <!-- end move banner to outer wrap --> <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=Libre+Baskerville:700,regular|Oswald:500,600,700,regular|Poppins:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Work+Sans:100,200,300,500,600,700,800,900,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>