<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1255"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title style="direction:rtl">Air Quality Index (AQI)</title> <link rel="stylesheet" href="/css1/bootstrap.css?v=2.1.6" type="text/css" catc /> <link href="/Content/Site.css?v=2.1.6" rel="stylesheet" type="text/css" /> <link href="/UserContent/UserLTR.css?v=2.1.6" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery-1.12.4.min.js?v=2.1.6" type="text/javascript"></script> <script src="/Scripts/angular.min.js?v=2.1.6"></script> <script src="/UserContent/UserScript.js?v=2.1.6" type="text/javascript"></script> <script src="/Scripts/bootstrap-datepicker.js?v=2.1.6" type="text/javascript"></script> <script src="/scripts/jquery.quicksand.js?v=2.1.6" type="text/javascript"></script> <script src="/scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.6" type="text/javascript"></script> <link href="/scripts/fancybox/source/jquery.fancybox1.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/moment.min.js?v=2.1.6"></script> <script src="/Scripts/jquery.slimmenu.min.js?v=2.1.6"></script> <link href="/Content/slimmenu.min.css?v=2.1.6" rel="stylesheet" /> <script src="/Scripts/TableSuter/jquery.tablesorter.js?v=2.1.6"></script> <script src="/Scripts/TableSuter/jquery.tablesorter.widgets.js?v=2.1.6"></script> <link href="/Scripts/TableSuter/themes/blue/style.css?v=2.1.6" rel="stylesheet" /> <link rel="shortcut icon" href="/img/icons/favicon.ico"> <script src="/Scripts/SiteScripts.js?v=2.1.6" type="text/javascript"></script> <meta name="twitter:widgets:csp" content="on" /> <link rel="stylesheet" href="/css1/icons-retina.css?v=2.1.6" type="text/css" /> <link rel="stylesheet" href="/css1/datepicker.css?v=2.1.6" type="text/css" /> <link rel="stylesheet" href="/Content/kendo/2018.1.221/kendo.common.min.css?v=2.1.6"> <link rel="stylesheet" href="/Content/kendo/2018.1.221/kendo.rtl.min.css?v=2.1.6"> <link rel="stylesheet" href="/Content/kendo/2018.1.221/kendo.default.min.css?v=2.1.6"> <link rel="stylesheet" href="/Content/kendo/2018.1.221/kendo.dataviz.min.css?v=2.1.6"> <link rel="stylesheet" href="/Content/kendo/2018.1.221/kendo.dataviz.default.min.css?v=2.1.6"> <link rel="stylesheet" href="/Content/kendo/2018.1.221/kendo.mobile.all.min.css?v=2.1.6"> <script src="/Scripts/kendo/2018.1.221/jszip.min.js?v=2.1.6"></script> <script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"></script> <script src="/Scripts/utils/Kendo/KendoConfig.js?v=2.1.6"></script> <script src="/Scripts/utils/Kendo/kendoDirectionUtils.js?v=2.1.6"></script> <script src="/Scripts/utils/Kendo/kendoUtils.js?v=2.1.6"></script> <script src="/Scripts/utils/Kendo/kendoGridEditors.js?v=2.1.6"></script> <script src="/Scripts/utils/Kendo/KendoFactory.js?v=2.1.6"></script> <script src="/Scripts/utils/Kendo/KendoDataManagerAdapter.js?v=2.1.6"></script> <script src="/Scripts/utils/Kendo/KendoCustomWindowFactory.js?v=2.1.6"></script> <script src="/Scripts/utils/IdGenerator.js?v=2.1.6"></script> <link href="/assets/css/jquery.mCustomScrollbar.css?v=2.1.6" rel="stylesheet" type="text/css" /> <link href="/assets/css/font-awesome.min.css?v=2.1.6" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Raleway:400,300,700,900" rel="stylesheet" type="text/css" /> <link href="/assets/css/prism.css?v=2.1.6" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery.bxslider/jquery.bxslider.min.js?v=2.1.6"></script> <link href="/Scripts/jquery.bxslider/jquery.bxslider.css?v=2.1.6" rel="stylesheet" /> <script src="/Scripts/jquery.newsTicker.js?v=2.1.6" type="text/javascript"></script> <script src="/Scripts/WebConfig.js?v=2.1.6"></script> <script> //the goal is not to use the following variables more. var g_LangName = 'en-US'; baseUrl = "/"; dateFormat = "M/d/yyyy"; //it does not known if there is any use in this variable. //alternative WebConfig.stationInfoDateFormat = "M/D/YYYY"; WebConfig.langName = 'en-US'; WebConfig.baseUrl = "/"; </script> <script src="/Scripts/utils/utils.js"></script> <script src="/Scripts/utils/jsUtils.js?v=2.1.6"></script> <script src="/Scripts/utils/jqueryExtension.js?v=2.1.6"></script> <script src="/Scripts/utils/AjaxUtils.js?v=2.1.6"></script> <script src="/Scripts/utils/HtmlUtils.js?v=2.1.6"></script> <script src="/Scripts/utils/modelUtils.js?v=2.1.6"></script> <script src="/Scripts/utils/ajaxLoader.js?v=2.1.6"></script> <script src="/Scripts/utils/graphExporter.js?v=2.1.6"></script> <script src="/Scripts/utils/mobile-detect.min.js"></script> <script src="/Scripts/utils/deviceUtils.js?v=2.1.6"></script> <script src="/Scripts/kendo/cultures/kendo.culture.en-US.min.js"></script> <script src="/Scripts/utils/layoutManager.js"></script> <script> kendo.culture("en-US"); fullPath = "/"; // Bootstrap AngularJS application only after google.visualization is loaded //google.setOnLoadCallback(function () { // angular.bootstrap(document.body, ['app']) //}); // Load google visualization // google.load('visualization', '1', { packages: ['corechart'] }); function checksession() { var result; $.ajax({ async: false, type: "GET", url: "/home/getsession?permission=true", }).done(function (mds) { result = mds; }) return result; } </script> <link href="/Style/style_using_sass-ltr.css?v=2.1.6" rel="stylesheet" /> <style> .logOnOfli a{ color:rgb(56,84,121); font-size: 13px; font-weight: normal; text-decoration: underline; } table.tablesorter thead tr th, table.tablesorter tfoot tr th{ background-color: rgb(230, 238, 238) !important; font-family:Arial !important; font-size:14px !important; font-weight:bold !important; } table.tablesorter tbody td{ background-color: rgb(255, 255, 255) !important; font-family:Arial !important; font-size:14px !important; font-weight:normal !important; } ul#menu li a, #menu li ul li a,.languageMenu a,#menu li div{ font-family:Arial !important; font-size:16px !important; font-weight:normal !important; color:#fff; } .k-dropdown-wrap .k-input { font-family:Arial !important; font-size:16px !important; } #topPageTitle{ background-color: rgba(57, 78, 95, 0.48) !important; } .titlePageH1 h1{ font-family:Arial !important; font-size:25px !important; font-weight:bold !important; color:rgb(51, 51, 51) !important; } .RightLogInTitle { color:rgb(51, 51, 51) !important; } .LogInfieldSubmit input{ font-weight:bold !important; background:rgb(51, 51, 51) !important; color:white; } body{ width:100% !important; } #Linkimg { background: transparent; border-radius: 0; cursor: pointer; font-size: 40px; height: 26px; margin-left: 0px; padding: 6px 7px; position: absolute; text-align: center; vertical-align: middle; width: 9px; left: 0; z-index: 9999999999999; color: rgba(0, 0, 0, 1); text-shadow: 0px 0px 5px black; } #agency { float: left; } #LinksDiv { float: right; background: #394e5f !important; } /*#Links{ overflow: hidden; }*/ #navheader { /* background-color: #fff; */ font-size: 85%; text-align: right; margin: 0; padding: 0px 4px 3px 3px; border-top: none; border-right: none; border-bottom: none; border-left: none; background: none; /*float: left;*/ } #masthead { background: #394e5f; /*width: 100%;*/ min-height: 37px; /*overflow:hidden;*/ } .theList input{ background: rgb(0, 136, 204); border:none; border-radius:0px; color:#fff; } .IndexClicked{ background: #394e5f !important; color:#fff !important; } ul#menu { height: 37px; /*background: rgb(0, 136, 204);*/ } ul#menu li a, .nameMenu { box-shadow: none; display: list-item; font-size: 16px; line-height: 37px; margin-bottom: 1px; margin-top: 1px; text-decoration: none; text-shadow: none; vertical-align: middle; } ul#menu ul { background: rgb(0, 136, 204); min-width: 232px; } ul.slimmenu li ul li{ background: rgb(0, 136, 204); cursor: pointer; } ul#menu li a:hover,ul#menu ul li a:hover,ul#menu li .nameMenu:hover{ background: #394e5f; color: #fff !important; } ul#menu ul li { width: 100%; /*min-width: 290px;*/ display: inline-table; border-bottom: none; border-top: none; } ul#menu li.selected ul li a { background-color: transparent; box-shadow: 0px 0px 2px black; } ul#menu li.selected a,ul#menu li.menuLi.selected a, ul#menu li.menuLi.selected .nameMenu{ background-color: #394e5f; box-shadow: 0px 0px 2px black; color:#fff; } ul#menu li.selected ul li a,ul#menu li.menuLi.selected ul li a, ul#menu li.menuLi.selected ul li .nameMenu{ background: rgb(0, 136, 204); color: #fff; } ul#menu li.selected ul li { background:rgb(0, 136, 204); } ul#menu li.selected ul li a:hover { background-color: #394e5f; } #lang { margin-left: 0px; max-width: 92px; float: left; margin-top: 5px; } .logOnOf { margin-right: 5px; } body { margin: 0; } #agency { font-size: 100%; padding: 0.6em 0 0.2em; } .ListOfMonitors .menu-collapser { width: 100%; z-index: 900000000000; color: black; } #content h1{ font-family:Arial !important; font-size:25px !important; font-weight:bold !important; color:rgb(51, 51, 51) !important; background:rgba(57, 78, 95, 0.48) !important; } #childPageLink{ background: rgba(187, 204, 187, 0); } #childPageLink a{ color: rgba(0, 0, 0, 1); } </style> <style> #content { /*width:80%;*/ margin: 0 auto; float: none; } .titlePageH1 { /*width:80%;*/ margin: 0 auto 20px; } .LinkName span { margin: 5px; } .LinkName a { text-decoration: none; } #main { width: 80%; margin: 0 auto; } .languageMenu { padding: 6px !important; } #languageDropDownList { height: 28px; width: 150px; } h1,h2,h3,h4,h5,h6{ margin:0 !important; } </style> </head> <body> <script> try{ var _gaq = _gaq || []; //added for dnr.wi.gov cross-domain tracking _gaq.push(['dnr._setAccount', 'UA-9064896-1']); _gaq.push(['dnr._setDomainName','temp.airquality.wi.gov']); //not sure this will work since this is not a valid subdomain for DNR _gaq.push(['dnr._setAllowLinker', true]); _gaq.push(['dnr._trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); } catch(err) { alert('Error in processing GATC'); } </script> <div id="TopPage"> <div id="Linkimg" style="color:#fff">-</div> <div id="Links" style="background:#394e5f !important;"> <div id="LinksDiv"> <div class="link"> <a href="https://dnr.wi.gov/topic/AirQuality/Monitor.html" target="_blank" title="Air Quality Monitoring"> <img class="LinksImg" /> </a> <a href="https://dnr.wi.gov/topic/AirQuality/Monitor.html" target="_blank" title="Air Quality Monitoring" style="font-family:Arial;color:#fff;font-size:12px;font-weight:normal;">Air Quality Monitoring</a> </div> <div class="link"> <a href="https://dnr.wi.gov/topic/AirQuality/Trends.html" target="_blank" title="Air Quality Trends"> <img class="LinksImg" /> </a> <a href="https://dnr.wi.gov/topic/AirQuality/Trends.html" target="_blank" title="Air Quality Trends" style="font-family:Arial;color:#fff;font-size:12px;font-weight:normal;">Air Quality Trends</a> </div> <div class="link"> <a href="https://dnr.wi.gov/topic/AirQuality/Contacts.html" target="_blank" title="Contact Air Program Staff"> <img class="LinksImg" /> </a> <a href="https://dnr.wi.gov/topic/AirQuality/Contacts.html" target="_blank" title="Contact Air Program Staff" style="font-family:Arial;color:#fff;font-size:12px;font-weight:normal;">Contact Air Program Staff</a> </div> <div class="link"> <a href="https://dnr.wi.gov" target="_blank" title="Back to DNR website"> <img class="LinksImg" /> </a> <a href="https://dnr.wi.gov" target="_blank" title="Back to DNR website" style="font-family:Arial;color:#fff;font-size:12px;font-weight:normal;">dnr.wi.gov</a> </div> <div class="link"> <a href="https://www.wisconsin.gov/" target="_blank" title="Wisconsin.gov"> <img class="LinksImg" /> </a> <a href="https://www.wisconsin.gov/" target="_blank" title="Wisconsin.gov" style="font-family:Arial;color:#fff;font-size:12px;font-weight:normal;">Wisconsin.gov</a> </div> </div> </div> <div id="BackGroundappheader"></div> <div id="appheader" style="background: rgba(187, 204, 187, 0); display:block"> <div class="EnvelopeDiv" style="max-width:100%"> <div id="LogoSystemNameLeftDiv"> <a href="" target="_blank"> <img id="LogoSystemNameLeft" src="/Images/dnr-air.jpg" /> </a> </div> <div id="title"> <a href="/" style="font-family:Aharoni !important;font-size:20px ;color:rgba(0, 0, 0, 1) !important;font-weight:bold ;">SystemTitle</a> </div> <div id="LogoSystemNameRightDiv"> </div> </div> </div> <div id="Noise_Monitoring_Program"> <div>Noise monitoring program</div> </div> <div class="BorderClass BeforeMasthead"></div>  <div id="masthead" style="background:rgb(0, 136, 204) !important;position: relative;overflow hidden;"> <div> <div id="navheader"> <ul id="menu" class="slimmenu"> <li class="menuLi "> <a href="/home/map" class=" access_focusable" tabindex="0"> Interactive Maps </a> </li> <li class="menuLi HaveChild "> <div class="nameMenu menuItemWithChilds access_focusable" tabindex="0">Reports</div> <ul class="subMenuParent"> <li><a href="/Report/HourlyReports">Hourly Monitoring Data</a> </li> <li><a href="/report/SingleStationReport">Station Report</a> </li> <li><a href="/Report/stationreport">Multistation Report</a> </li> <li><a href="/report/MonitorReport">Monitor Report</a> </li> <li><a href="/Report/StationsIndexReport">Index Report</a> </li> <li><a href="/Report/AQI_CurrentHourSummary">Current AQI Summary</a> </li> <li><a href="/Report/HighestAQI">Highest AQI</a> </li> <li><a href="/Report/HighestOzone">Highest Ozone</a> </li> <li><a href="/Report/HighestPM25">Highest PM2.5</a> </li> <li><a href="/Report/EightHourlyReports">8-hr Ozone Summary</a> </li> <li><a href="/Report/Hr24PM25Summary">24-hr PM2.5 Summary</a> </li> <li><a href="/Report/AdvanceReportsMenu">Advanced Reports Menu</a> </li> </ul> </li> <li class="menuLi "> <a href="/home/text/81" class=" access_focusable" tabindex="0"> Information </a> </li> <li class="menuLi "> <a href="/home/text/324" class=" access_focusable" tabindex="0"> Forecast </a> </li> <li class="menuLi selected"> <a href="/home/text/538" class=" access_focusable" tabindex="0"> Air Quality Index (AQI) </a> </li> <script> /* adding supporting for navigation to sub menus via keyboard (Tab key) */ $('.menuItemWithChilds').focusin(function (e) { $(this).trigger("mouseenter") }); $(".menuItemWithChilds").shiftTabFocusOut(function (e) { let this_ = e; //debugger $(this_).trigger("mouseout") }); //not working //$("#menu .subMenuParent li:last-child > a").tabFocusOut(function (e) { // $(this).closest(".subMenuParent").siblings('.menuItemWithChilds').trigger("mouseout") //}); //instead $("#menu .subMenuParent li:last-child > a").bind('keydown', function (e) { if (!e.shiftKey && e.keyCode == 9) { $(this).closest(".subMenuParent").siblings('.menuItemWithChilds').trigger("mouseout") } }); $("#menu .subMenuParent li:first-child > a").shiftTabFocusOut(function (e) { //debugger let this_ = e; $(this_).closest(".subMenuParent").siblings('.menuItemWithChilds').trigger("mouseout") }); ///////////////////////////////////////////////////////////////////////////////// if (parseInt(window.innerWidth) < 820) { $(".ListLang").css("display", "block"); $(".languageMenu").css("display", "none"); $("#navheader").css("width", "100%"); } else { $(".ListLang").css("display", "none"); $(".languageMenu").css("display", "block"); //$("#navheader").css("width", "80%"); } $(window).resize(function () { if (parseInt(window.innerWidth) < 820) { $(".ListLang").css("display", "block"); $(".languageMenu").css("display", "none"); $("#navheader").css("width", "100%"); } else { $(".ListLang").css("display", "none"); $(".languageMenu").css("display", "block"); //$("#navheader").css("width", "80%"); } }) </script> </ul> <div style="clear: both"> </div> <div style="clear: both"></div> </div> <script> $("#LinksDiv").slimmenu( { style: 'font-family:Arial !important;color:#fff !important', resizewidth: '800', collapserTitle: 'Links menu', animspeed: 'medium', easingeffect: null, indentchildren: true, childrenindenter: ' ' }); $("#menu").slimmenu( { style: 'font-family:Arial !important;color:#fff !important', resizewidth: '800', collapserTitle: 'Toptitle', animspeed: 'medium', easingeffect: null, indentchildren: false, childrenindenter: ' ' }); </script> <div style="clear:both"></div> </div> <script> $('#languageDropDownList').on('change', function () { changeLeng(this.value) }) </script> <script> let langugePlace = "0"; let doesShowLang = "False".toLowerCase() == "true" ? true : false; let languageMenu = $(".languageMenu") if (doesShowLang && langugePlace == 1) { $(".EnvelopeDiv").append(languageMenu) } </script> </div> <div class="BorderClass AfterMasthead"></div>   <script> $("#Linkimg").click(function () { $("#Links").toggle(300, function () { if ($("#Links").css("display") == "block") { $("#Linkimg").css({ "font-size": "29px", "margin-top": "0px" }); $("#Linkimg").text("-"); } else { $("#Linkimg").text("+"); $("#Linkimg").css({ "font-size": "29px", "margin-top": "4px" }); } }); }); function closeDiv(a) { $("#Links").toggle(300, function () { }); } </script> <div> </div> <div style="clear:both"></div> </div> <div class="page"> <div id="main"> <div id="CoverPathLinkWithUserName"> <div id="pathLinks"> <div class="LinkName"><a href="/">Home</a><span><img src="/img/seperator.png" class="imageseperetor"></span></div> <div class="LinkName"> <a href="/home/text/538">Air Quality Index (AQI)</a> </div> <div class="clearBoth" style="clear:both"></div> </div> <div id="UserName"> </div> </div> <div id="content"> <h1>Air Quality Index (AQI)</h1> <div style="clear:both"></div> <p>The DNR uses weather forecasts and data from air monitoring sites to determine air quality throughout the state, and notifies residents in real time when pollutants reach unhealthy levels. The DNR uses the U.S. EPA's <a href="https://www.airnow.gov/aqi/aqi-basics/" target="_blank">Air Quality Index (AQI)</a> to inform the public of current pollutant levels. The AQI uses colors and corresponding numbers to communicate the current air quality for air pollutants regulated by the Clean Air Act. To protect public health, the DNR issues an air quality advisory for a county when the AQI exceeds, or is expected to exceed, the ozone or fine particle (PM<sub>2.5</sub>) standard.</p><h2>How AQI ranges correspond to ozone and PM<sub>2.5</sub> concentrations</h2><br /><table cellspacing="1" cellpadding="4"><caption>Color coded chart showing ozone and PM<sub>2.5</sub> concentration ranges for each AQI level</caption> <thead><tr style="background:rgb(225, 235, 244);"><th scope="col">AQI Levels<br />of Health Concern</th><th scope="col" data-role="resizable">Numerical Value</th><th scope="col">8-hr Ozone (ppb)</th><th scope="col">24-hr PM<sub>2.5</sub> (ug/m<sup>3</sup>)</th></tr></thead><tbody><tr style="background:rgb(0, 228, 0);"><td>Good</td><td class="center">0-50</td><td class="center">0-54</td><td class="center">0.0 to 9.0</td></tr><tr style="background:yellow;"><td>Moderate</td><td class="center">51-100</td><td class="center">55-70</td><td class="center">9.1 to 35.4</td></tr><tr style="background:rgb(255, 126, 0);color:white;"><td>Unhealthy for Sensitive Groups</td><td class="center">101-150</td><td class="center">71-85</td><td class="center">35.5 to 55.4</td></tr><tr style="background:red;color:white;"><td>Unhealthy</td><td class="center">151-200</td><td class="center">86-105</td><td class="center">55.5 to 125.4</td></tr><tr style="background:rgb(143, 63, 151);color:white;"><td>Very Unhealthy</td><td class="center">201-300</td><td class="center">106-200</td><td class="center">125.5 to 225.4</td></tr><tr style="background:rgb(126, 0, 35 );color:white;"><td>Hazardous</td><td class="center">> 300</td><td class="center">> 201</td><td class="center">> 225.4</td></tr></tbody></table><br /><p>The ozone AQI is calculated from 8-hour rolling average concentrations. The PM<sub>2.5</sub> AQI is calculated using the 24-hour rolling average concentrations.</p><p>Air quality advisories are issued when the AQI exceeds (or is expected to exceed) a value of 100.</p><ul><li>AQI calculations for the current day, as shown on the map and reports, use <a href="https://usepa.servicenowservices.com/airnow?id=kb_article_view&sys_id=fed0037b1b62545040a1a7dbe54bcbd4">NowCast AQI calculations</a>.*<ul><li>NowCast AQI is a predictive model that shortens the averaging period and weights the most recent hours more heavily.</li><li>NowCast AQI is not used for regulatory purposes, including comparison to the National Ambient Air Quality Standards.</li></ul></li><li>When a new day begins, AQI values for the previous day are recalculated using the official <a href="https://www.airnow.gov/aqi/aqi-calculator/">AQI calculation</a>; therefore, values for previous days will correspond to regulatory values.</li><li>To help users better understand current air quality conditions, 8-hour Ozone and Ozone AQI timestamps use an "hour ending" convention (e.g., the "08" hour timestamp includes the hours of 01:00 – 08:00). Conversely, for regulatory purposes, a "running forward" convention (e.g., the "08" hour timestamp includes the hours of 08:00 – 15:00) is used.</li></ul><p>* On August 1, 2019, the EPA completed a technical change in the background of the <a href="https://www.airnow.gov/">AirNow website</a> and updated the algorithm associated with Nowcast, which is used to estimate the AQI in real time. The EPA anticipates that the revised algorithm will improve the accuracy of predictions about ozone air quality at the local level, specifically reducing the number of days when the Nowcast ozone value reported on AirNow appears to be higher than the day’s AQI forecast and/or the daily AQI. This change requires programming to apply the revised Nowcast algorithm to the <a href="https://airquality.wi.gov/home/map">DNR Air Quality web map</a>. Until this change is made there will be differences between the DNR web map and the AirNow web map.</p> </div> <script> var IdPage = window.location.pathname.substr(window.location.pathname.indexOf("text/") + 5, window.location.pathname.length); $.each($(".ChildLi"), function (i, val) { if (IdPage == $(val).attr("data-val")) { $(val).addClass("selctedStation"); } }) </script> <div style="clear: both"> </div> </div> <div style="clear: both"> </div> <footer style="display:none;"> <div class="footerDiv"> <p><span style="font-size:11.0pt;font-family:'Calibri',sans-serif;">The monitoring data presented on this webpage contains real-time continuous data that have not been through a full quality assurance review. These data should be considered unofficial. Data in reports may not follow all rounding/truncation conventions required for comparison to the regulatory National Ambient Air Quality Standards. For details, see the </span> <strong>Information tab</strong>.<br />This map is for informational purposes only and may not have been prepared for or be suitable for legal, engineering or surveying purposes. The user is solely responsible for verifying the accuracy of information before using for any purpose. By using this product for any purpose user agrees to be bound by all disclaimers found here: <strong>https://dnr.wisconsin.gov/legal</strong>. </p> <div style="clear:both"></div> </div> </footer> <div style="clear: both"> </div> </div> <script> $(document).ready(function () { g_LayoutManager.init() }) </script> <script> $("#SetLang").on("change", function (val) { changeLeng($("#SetLang").val()); }) function changeLeng(a) { $.ajax({ //async: false, cache: false, type: "GET", url: "/ajax/ChangeLang", data: { UserLang: a } }) .done(function (mds) { location.replace(location.href); }) } //if ($(document).width() < 800) { // $("footer").css("display", "none"); //} //else { // $("footer").css("display", "block"); //} </script> <script> jQuery(window).load(function () { if ($("#TopPage").height() < $(window).height()) { //$("#main").css("min-height", ($(window).height() - $("#TopPage").height()) + "px"); } setTimeout(function () { if ($("#TopPage").height() < $(window).height()) { //$("#main").css("min-height", ($(window).height() - $("#TopPage").height()) + "px"); } }, 2000); if ($("#agency").width() + $("#navheader").width() + $(".languageMenu").width() > $(window).width()) { $("#agency").css("display", "none"); } else { $("#agency").css("display", "block"); } if ($(window).width() < 710) { $(".languageMenu").css("display", "none"); } }) </script> </body> </html>

CINXE.COM