<!DOCTYPE html>
<!--[if lt IE 8]><html class="no-js nav theme-teal lt-ie10 lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]><html class="no-js nav theme-teal lt-ie10 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]><html class="no-js nav theme-teal lt-ie10" lang="en"> <![endif]-->
<!--[if !IE]><!-->
<html ng-strict-di scroll class="no-js nav theme-teal no-init" lang="en-us">
<!--<![endif]-->

<head>

    <!-- <base href="/index.aspx" /> -->

    <script>
        window.console = window.console || {};
        window.console.log = window.console.log || function () { };

        if (document.location.toString().toLowerCase().indexOf('index.aspx') === -1) {
            document.location = 'index.aspx' + document.location.search;
        }
    </script>

    <meta http-equiv="x-ua-compatible" content="IE=Edge" />
    <meta charset="utf-8" />
    <meta name="robots" content="index,follow" />
    <!-- CDC Template Version -->
    <meta property="cdc:template_version" content="3.0" />
    <!-- Facebook Metadata -->
    <meta property="og:title" content="" />
    <meta property="og:image" content="" />
    <meta property="og:site_name" content="" />
    <meta property="og:description" content="" />

    <title>Public Health Media Library</title>

    	<link rel="stylesheet" href="/TemplatePackage/3.0/css/lib/bootstrap24.css" />
	<link rel="stylesheet" href="/TemplatePackage/3.0/css/app.css?3.2.3.8" />
	<!--[if gt IE 9]><!--><!--<![endif]-->
	<!--[if IE 7]>
		<link rel="stylesheet" href="/TemplatePackage/3.0/css/lib/font-awesome-ie7.css" />
	<![endif]-->
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="/TemplatePackage/3.0/css/ie.css" />
	<![endif]-->
	<link rel="stylesheet" media="print" href="/TemplatePackage/3.0/css/print.css?3.2.3.8" />
	<script src="/TemplatePackage/3.0/js/libs/modernizr-latest.js"></script>
	<script>
		if(!Date.now){Date.now=function now(){return new Date().getTime()}}
		var page_timing = page_timing || {};
		page_timing.page_start = Date.now();
		function $$(e){if(window.$){e()}else{setTimeout(function(){$$(e)},50)}}
		// (function(){function e(e,t){var n=e.length;while(n--){if(e[n].indexOf(t)>-1){return e[n]}}return false}var t=e(document.getElementsByTagName("html")[0].className.split(" "),"theme-");if(t){var n=document.createElement("link");n.rel="stylesheet";n.type="text/css";n.media="screen";n.href="/TemplatePackage/3.0/css/themes/"+t+".css";document.getElementsByTagName("head")[0].appendChild(n)}})();

		var settings = {}, addthis = null;
	</script>

	<meta name="application-name" content="CDC.gov"/>
	<meta property="cdc:template_version" content="3.2.3.8" />
	<meta name="msapplication-TileColor" content="#0061aa" />
	<meta name="msapplication-square70x70logo" content="/TemplatePackage/3.0/images/Win8_tile_70x70.png" />
	<meta name="msapplication-square150x150logo" content="/TemplatePackage/3.0/images/Win8_tile_150x150.png" />
	<meta name="msapplication-wide310x150logo" content="/TemplatePackage/3.0/images/Win8_tile_310x150.png" />
	<meta name="msapplication-square310x310logo" content="/TemplatePackage/3.0/images/Win8_tile_310x310.png" />
	<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

    <meta name="description" content="CDC - Public Health Media Library" />
    <meta name="keywords" content="CDC - Public Health Media Library" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/TemplatePackage/3.0/images/cdc-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/TemplatePackage/3.0/images/cdc-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/TemplatePackage/3.0/images/cdc-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" href="/TemplatePackage/3.0/images/cdc-touch-icon-57x57.png" />
    <link rel="shortcut icon" href="/TemplatePackage/3.0/images/favicon.ico" />

    <meta name="robots" content="index,follow" />
    <meta property="cdc:template_version" content="3.0" />

    <link rel="alternate" type="application/rss+xml" title="" href="" />
    <!-- Local CSS reference to allow overrides for the page/site -->
    <link rel="stylesheet" href="css/_bundle.css?1563206879421" />

</head>

<body data-ng-app="storefront" ng-controller="MainController as main">
    <div id="skipmenu">
	<a href="#searchTarget" class="skippy">Skip directly to search</a>
	<a href="#azTab" class="skippy">Skip directly to A to Z list</a>
	<a href="#nav-container" class="skippy">Skip directly to navigation</a>
	<a href="#share-bar" class="skippy">Skip directly to page options</a>
	<a href="#contentArea" class="skippy">Skip directly to site content</a>
</div>
    <!-- <div ng-include="main.templatePackageMapping.skipMenuNav"></div>-->

    <div id="wrapper">

        
<!-- references to this removed intentionally -->

        <!--<div ng-include="main.templatePackageMapping.chromeFrame"></div>-->

        <header id="header">
            <div class="container">
                <!-- header -->
                <div class="row">
                    <div class="text-right topbar-content">
                        <div ng-if="!main.isEcard" class="userNavBar"> 
                            <div class="userNav ng-hide" ng-hide="main.pending">

                                <div ng-if="!main.loggedIn" class="btn-group" ng-cloak>
                                    <!-- <a class="btn btn-link btn-small btnSignIn" data-toggle="dropdown" href="#/login"> -->
                                    <a class="btn btn-link btn-small btnSignIn" href="#/login">
                                        <!--<a class="btn btn-link btn-small btnSignIn" href="#">-->
                                        <span class="icon-signin"></span>
                                        <span>Sign in</span>
                                    </a>
                                </div>

                                <div ng-if="main.loggedIn" class="btn-group text-right" ng-cloak>
                                    <a href="#/myaccount" class="btn btn-link btn-small btnAccount">
                                        <span class="icon-user"></span>
                                        <span class="">My Account</span>
                                    </a>

                                    <a href="#" class="btn btn-link btnSyndList" data-toggle="dropdown" ng-if="main.userData && main.userData.syndicationLists.length > 1">
                                        
                                        <span class="icon-list-ul"></span>
                                        <span class="userName dropdown-toggle" data-toggle="dropdown">{{main.$rootScope.syndList.listName}} <span class="icon-angle-down" style="margin-right: 0;"></span></span>

                                        <ul class="dropdown-menu syndicationlist pull-right">
                                            <li ng-repeat="list in main.userData.syndicationLists" ng-click="main.syndicationList(list.syndicationListId)"><span style="padding: 0 5px 0 5px;">{{list.listName}} </span></li>
                                        </ul>
                                    </a>
                                    <a href="#" class="btn btn-link btnSyndList" data-toggle="dropdown" ng-click="main.syndicationList()" ng-if="main.userData && main.userData.syndicationLists.length == 1">
                                        <span class="syndicationlistPicker">
                                            <span class="userName">{{main.$rootScope.syndList.listName}}</span>
                                        </span>
                                    </a>

                                    <a href="#" class="btn btn-link btn-small btnLogout" ng-click="main.logout()">
                                        <span class="icon-signout"></span>
                                        <span class="logout">Logout</span>
                                    </a>
                                </div>

                                <div ng-if="!main.loggedIn" class="btn-group newUser" ng-cloak>
                                    <!--<a class="btn btn-link btn-small btnCreateAccount" href="">-->
                                    <a class="btn btn-link btn-small btnCreateAccount" href="#/newaccount">
                                        <span class="icon-user"></span>New User
                                    </a>
                                </div>

                                <!--<div class="btn-group dropdown btnSetLanguage">
										<a class="btn btn-link btn-small" data-toggle="dropdown" href="#">
											<i class="icon-globe"></i>English
										</a>
										<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel">
											<li><a tabindex="-1" href="#" data-language="eng">English</a></li>
											<li><a tabindex="-1" href="#" data-language="esp">Spanish</a></li>
										</ul>
									</div>-->
                            </div>
                        </div>
                    </div>

                    <!-- cdc -->
                    <div id="logo" class="span14">
                        <!--iPad touch response and 508 voice reader issue currently under investigation -->
<a href="https://www.cdc.gov" title="Centers for Disease Control and Prevention. CDC twenty four seven. Saving Lives, Protecting People">
	<img src="/TemplatePackage/3.0/images/masthead_subpage.svg" alt="Centers for Disease Control and Prevention. CDC twenty four seven. Saving Lives, Protecting People" class="hidden-one" />
	<img src="/TemplatePackage/3.0/images/masthead_1-col.svg" alt="Centers for Disease Control and Prevention. CDC twenty four seven. Saving Lives, Protecting People" class="visible-one" />
</a>

<!-- IOS9 iPad bug work around - make sure screen readers have a readable version of the logo to read
<a class="tp-sr-only" href="https://www.cdc.gov">Centers for Disease Control and Prevention. CDC twenty four seven. Saving Lives, Protecting People</a>
 -->

                        <!--<div ng-include="main.templatePackageMapping.logo"></div>-->
                    </div>
                    <!-- search -->

                    <div class="a2z-button pull-right hidden-one hidden-two">
                        <a href="#" id="azTab">A-Z Topic Index <span class="icon-angle-down"></span></a>
                    </div>

                </div>

                	<div class="hidden-three hidden-four" id="mobile-menu">
		<ul>
			<li id="vp1-menu-button" class="border-bottom-white"><a href="#" id="menu-nav"><span class="sprite-16-menu"></span>MENU</a></li>
			<li id="vp1-a2z-button" class="border-bottom-white"><a href="#" id="menu-az">CDC A-Z</a></li>
			<li id="vp1-search-button" class="border-bottom-white"><a href="#" id="menu-search"><span class="sprite-16-search-white"></span>SEARCH</a></li>
		</ul>
	</div>
<script>if (typeof page_timing !== 'undefined') { page_timing.menu_load = Date.now(); }</script>

                <!--<div ng-include="main.templatePackageMapping.menu"></div>-->

                <div ng-controller="AtozTopicLettersController as atozTopicLetters" ng-include="atozTopicLetters.template"></div>



                <div id="searchArea-two-column" class="span24 searchbar hide hidden-three hidden-four">
                    <!-- include virtual="/TemplatePackage/3.0/includes/searchBottom.html" -->
                    <!-- <div id="template-package-searchBottom"></div>-->
                </div>

                <!--
	See the noscript include for modifying the emergency message. DO NOT add it here.
-->
<script>if (typeof page_timing !== 'undefined') { page_timing.emergency_load = Date.now(); }</script>

                <!--<div ng-include="main.templatePackageMapping.emergency"></div>-->

                <!-- /header -->
                <div class="titlebar">
                    <h1><a ng-click="main.homeclick($event)" class="homeLink" style="cursor: pointer;">Public Health Media Library</a></h1>
                </div>
                <!-- emergency -->
<div id="emergencyContainer">
	<!--
	<div class="alert alert-error en">
		<b>Attention!</b> Uncomment this section and place the emergency message here.
	</div>
	<div class="alert alert-error esp">
		<b>&#161;Atenci&#243;n!</b> Elimine el comentario de esta secci&#243;n y colocar el mensaje de emergencia aqu&#237;.
	</div>	
	-->
</div>

<!-- no script -->
<noscript>
	<div class="alert alert-block"> Note: Javascript is disabled or is not supported by your browser. For this reason, some items on this page will be unavailable. For more information about this message, please visit this page: <a href="//www.cdc.gov/other/about_cdcgov.html">About CDC.gov</a>.</div>
</noscript>
<script>if (typeof page_timing !== 'undefined') { page_timing.noscript_load = Date.now(); }</script>

                <!--<div ng-include="main.templatePackageMapping.noscript"></div>-->
            </div>
        </header>

        <!-- temp -->
        <!-- <div ng-include="'app/error/template.html'"></div> -->

        <div class="container">
            <div id="content">
                <div class="row">
                    <!-- left nav -->
                    <div id="nav-container" class="span5">

                        <!-- todo: temp ecard; move into template!!! -->
                        <!--
                        <nav ng-hide="!main.isEcard" id="left" class="hidden-one hidden-two ng-hide" ng-cloak>
                            <ul id="nav-primary">
                                <li>
                                    <div class="pull-right nav-plusminus"></div>
                                    <a href="index.aspx?mediaType=eCard&displayName=eCards"><i class="icon-envelope"></i>&nbsp; Send your own eCard</a>
                                </li>
                            </ul>
                        </nav>
                            -->
                        <!-- temp ecard -->
                        <div ng-show="main.useFacetedNav" ng-controller="NavFacetController as navFacet" ng-include="navFacet.template"></div>
                        <div ng-hide="main.useFacetedNav" ng-controller="NavBasicController as navBasic" ng-include="navBasic.template"></div>

                        <div ng-hide="main.useFacetedNav" ng-controller="TopSyndicatedController as topSyndicated" ng-include="topSyndicated.template" ng-hide></div>

                    </div>
                    <!--nav-container-->

                    <div id="share-bar" class="span19">
                        <div class="socialmediabar">
                            <div class="row">
                                <div class="span8">
                                    <div id="socialMediaShareContainer">
	<div class="share_container noLinking">
	 	<a class="share_button_facebook" title="Facebook" href="#"><span class="tp-sr-only">Recommend on Facebook</span><span id="share_facebook" class="facebookRecommend"> </span></a>
	 	<a class="share_button_twitter" title="Twitter" href="#"><span class="tp-sr-only">Tweet</span><span id="share_twitter" class="twitterTweet"> </span></a>
		<a class="share_button" href="#socialMediaShareContainer" ><img src="/TemplatePackage/3.0/images/social/addthis-32.png" alt="Share" /><span class="shareButtonEn tp-sr-only" aria-label="Share">Share</span><span class="shareButtonEs tp-sr-only" aria-label="Compartir">Compartir</span></a>
	</div>
</div>

<!-- target anchor for return to top feature in VP1 -->
<a id="content-start" tabindex="-1"></a>

                                    <!--<div ng-include="main.templatePackageMapping.socialMediaShare"></div>-->
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- body -->
                    <div id="body" class="span19 borderbox">

                        <div id="alert-window" class="alert alert-error" style="display: none;">
                            <button type="button" class="close">&times;</button>
                            <span id="addlMessage"></span>
                        </div>

                        <div id="contentArea">

                            <div id="TEMP_angular_view_reference">
                                <div data-ng-view autoscroll="true"></div>
                            </div>

                            <div id="content-secondary">
                                <!-- begin editable -->
                                <!-- // This area is optional 
								// All content in the Right Column (except for Page Option links and GovD) will be moved to the Persistent Content Area upon migration
								// This area will need to enabled if it is being used otherwise not included in the page build...
								-->
                                <div class="module-typeH">
                                    <h3>Contact Us</h3>
                                    <ul class="list-block">
                                        <li>If you need technical help or would like to submit feedback, contact us at <a href="mailto:IMTech@cdc.gov" id="anch_18">IMTech@cdc.gov</a></li>

                                        <!--<li>For pages not already in the syndication catalog, you may <a href="#" class="help_requestPage">request a page to be syndicated</a>.</li>
										<li>If you see issues with a syndicated page, you may report the problem.</li>-->
                                    </ul>
                                </div>
                                <!-- /end editable -->
                            </div>
                            <!--content-secondary-->

                        </div>
                        <!-- /end #contentArea -->
                    </div>
                    <!-- /end #body -->

                </div>
                <!--row-->

                <div class="row">
                    <div class="span24">
                        <div id="plugin-legend" class="pluginOff">
	<h5>File Formats Help:</h5><span><a href="https://www.cdc.gov/Other/plugins/">How do I view different file formats (PDF, DOC, PPT, MPEG) on this site?</a></span>
	<ul>
		<li class="plugin-pdf"><a href="https://www.cdc.gov/Other/plugins/#pdf"><span class="sprite-16-pdf">Adobe PDF file</span></a></li>
		<li class="plugin-ppt"><a href="https://www.cdc.gov/Other/plugins/#ppt"><span class="sprite-16-ppt">Microsoft PowerPoint file</span></a></li>
		<li class="plugin-word"><a href="https://www.cdc.gov/Other/plugins/#doc"><span class="sprite-16-word">Microsoft Word file</span></a></li>
		<li class="plugin-excel"><a href="https://www.cdc.gov/Other/plugins/#xls"><span class="sprite-16-excel">Microsoft Excel file</span></a></li>
		<li class="plugin-wmv"><a href="https://www.cdc.gov/Other/plugins/#wmv"><span class="sprite-16-wmv">Audio/Video file</span></a></li>
		<li class="plugin-qt"><a href="https://www.cdc.gov/Other/plugins/#qt"><span class="sprite-16-qt">Apple Quicktime file</span></a></li>
		<li class="plugin-real"><a href="https://www.cdc.gov/Other/plugins/#ram"><span class="sprite-16-rp">RealPlayer file</span></a></li>
		<li class="plugin-text"><a href="https://www.cdc.gov/Other/plugins/#text"><span class="sprite-16-txt">Text file</span></a></li>
		<li class="plugin-zip"><a href="https://www.cdc.gov/Other/plugins/#zip"><span class="sprite-16-zip">Zip Archive file</span></a></li>
		<li class="plugin-sas"><a href="https://www.cdc.gov/Other/plugins/#sas"><span class="sprite-16-sas">SAS file</span></a></li>
		<li class="plugin-epub"><a href="https://www.cdc.gov/Other/plugins/#epub"><span class="sprite-16-ebook">ePub file</span></a></li>
		<li class="plugin-ris"><a href="https://www.cdc.gov/Other/plugins/#ris"><span class="sprite-16-ris">RIS file</span></a></li>
	</ul>
</div>

                        <!--<div ng-include="main.templatePackageMapping.pluginsLegend"></div>-->
                    </div>
                </div>

                <!-- date stamp -->
                <div class="row" id="datestamp" itemscope="itemscope" itemtype="http://schema.org/WebPage">
                    <div class="span24">
                        <ul>
                            <li class="last-reviewed">Page last reviewed:<span itemprop="lastReviewed">{{main.CURRENT_DATE}}</span></li>
                            <li class="last-updated">Page last updated:<span itemprop="dateModified">{{main.CURRENT_DATE}}</span></li>
                            <li class="content-source">
                                Content source:
                                <ul>
                                    <li itemtype="http://schema.org/Organization" itemscope="itemscope" itemprop="sourceOrganization">
                                        <a href="http://www.cdc.gov/" itemprop="url">Centers for Disease Control and Prevention</a>,&nbsp;
                                    </li>
                                    <li itemtype="http://schema.org/Organization" itemscope="itemscope" itemprop="sourceOrganization">
                                        <a href="http://www.cdc.gov/about/organization/oadc.html" itemprop="url">Office of the Associate Director for Communications, Division of Public Affairs</a>
                                    </li>

                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /end #content -->
        </div>
        <!-- / end .container -->

        <footer id="footer">
            	<div class="socialMedia">
		<div class="container">
			<nav class="socialFooter followcdc">
				<h6>Follow CDC</h6>
				<ul>
					<li><a href="https://www.cdc.gov/Other/emailupdates"><span class="sprite-24-govd"></span><span class="tp-sr-only">Email</span></a></li>
					<li><a href="https://www.facebook.com/CDC" target="_blank"><span class="sprite-24-facebook"></span><span class="tp-sr-only">Recommend</span></a></li>
					<li><a href="https://twitter.com/CDCgov" target="_blank"><span class="sprite-24-twitter"></span><span class="tp-sr-only">Tweet</span></a></li>
					<li><a href="https://www.linkedin.com/company/centers-for-disease-control-and-prevention" target="_blank"><span class="sprite-24-linkedin"></span><span class="tp-sr-only">Post</span></a></li>
					<li><a href="https://tools.cdc.gov/podcasts/rss.asp"><span class="sprite-24-rss"></span><span class="tp-sr-only">RSS</span></a></li>
				</ul>
			</nav>
			<nav class="socialFooter cdcmedia">
				<h6>CDC Media</h6>
				<ul>
					<li><a href="https://www2c.cdc.gov/podcasts"><span class="sprite-24-listen"></span><span class="tp-sr-only">Listen</span></a></li>
					<li><a href="https://www.cdc.gov/cdctv"><span class="sprite-24-watch"></span><span class="tp-sr-only">Watch</span></a></li>
					<li><a href="https://www.youtube.com/user/CDCstreamingHealth" target="_blank"><span class="sprite-24-youtube"></span><span class="tp-sr-only">YouTube</span></a></li>
				</ul>
			</nav>
		</div>
	</div>

            <!--<div ng-include="main.templatePackageMapping.footerSocialMedia"></div>-->
            <div class="container">
                			<div id="hhs"><a href="https://www.hhs.gov" class="noLinking"><img alt="Department of Health and Human Services" src="/TemplatePackage/3.0/images/hhs.png" /></a></div>

			<!-- class="pull-right" -->

                <!--<div ng-include="main.templatePackageMapping.footerLogos"></div>-->
                <ul class="cdcLinks">
                    			<li class="span5">
				<nav>
					<h6><span class="icon-angle-down visible-one pull-left"></span>About CDC</h6>
					<ul class="hidden-one">
						<li><a href="https://jobs.cdc.gov">Employment</a></li>
						<li><a href="https://www.cdc.gov/media/index.html">Newsroom</a></li>
						<li><a href="https://www.cdc.gov/Learning">Training/Education</a></li>
						<li><a href="https://www.cdc.gov/funding">Funding</a></li>
						<li><a href="https://www.cdc.gov/about/organization/cio.htm">CDC's Organization</a></li>
						<li><a href="https://www.cdc.gov/about/organization/mission.htm">Mission and Vision</a></li>
						<li><a href="https://www.cdc.gov/Other/about_cdcgov.html">Using this Site</a></li>
					</ul>
				</nav>
			</li>
			<li class="span5">
				<nav>
					<h6><span class="icon-angle-down visible-one pull-left"></span>Legal</h6>
					<ul class="hidden-one">
						<li><a href="https://www.cdc.gov/Other/link.html">Link to Us</a></li>
						<li><a href="https://www.cdc.gov/Other/policies.html">Policies</a></li>
						<li><a href="https://www.cdc.gov/od/foia">FOIA</a></li>
						<li><a href="https://www.cdc.gov/contact/accessibility.html">Accessibility</a></li>
						<li><a href="https://www.cdc.gov/Other/privacy.html">Privacy</a></li>
						<li><a href="https://www.cdc.gov/eeo/nofearact/index.htm">No FEAR Act</a></li>
						<li><a href="https://oig.hhs.gov" class="noLinking">Inspector General</a></li>
						<li><a href="https://www.usa.gov/" class="noLinking">USA.gov</a></li>
					</ul>
				</nav>
			</li>



                    <!--<div ng-include="main.templatePackageMapping.footerCdcLinks"></div>-->
                    <li class="local-contact"></li>
                    <li class="contact">
                        				<section>
					<h6><span class="icon-angle-down visible-one pull-left"></span>Contact CDC</h6>
					<address class="address hidden-one" itemscope="itemscope" itemtype="https://schema.org/Organization">
						<div class="block" itemprop="name">Centers for Disease Control and Prevention</div>
						<div class="value" itemprop="address" itemscope="itemscope" itemtype="https://schema.org/PostalAddress">
							<span class="block" itemprop="streetAddress">1600 Clifton Road</span>
							<span itemprop="addressLocality">Atlanta</span>,
							<span itemprop="addressRegion">GA</span>
							<span itemprop="postalCode">30329-4027</span>
							<span itemprop="addressCountry">USA</span>
						</div>
						<div class="value" itemprop="telephone">800-CDC-INFO (800-232-4636)</div>
						<div class="value" itemprop="contactPoint" itemscope="itemscope" itemtype="https://schema.org/ContactPoint">
							<span itemprop="url"><a href="https://wwwn.cdc.gov/dcs/RequestForm.aspx">Contact CDC-INFO</a></span>
						</div>
					</address>
				</section>

                        <!--<div ng-include="main.templatePackageMapping.footerGlobalContact"></div>-->
                    </li>
                </ul>
            </div>
        </footer>

        <div id="totop" class="off visible-one">TOP</div>
    </div>

    <script>page_timing.libs_start = Date.now();</script><script src="/TemplatePackage/3.0/js/libs.min.js?3.2.3.8"></script><script>page_timing.libs_end = Date.now();page_timing.core_start = Date.now();</script><script src="/TemplatePackage/3.0/js/core.min.js?3.2.3.8"></script><script>page_timing.core_end = Date.now();</script>

    <link type="text/css" rel="stylesheet" href="/TemplatePackage/3.0/css/lib/jquery-ui/jquery-ui.css" />
    <script src="/TemplatePackage/3.0/js/libs/jquery-ui.js"></script>


    <!-- nneded for embed code -->
    <!--<script src='//tools.cdc.gov/api/embed/html/js/embed-2.0.2.js'></script>-->
    <!-- 3rd party libraries -->
    <script src="js/libs/_bundle.js?1563206879422"></script>
    <!-- app -->
    <script src="app/_bundle.js?1563206879422"></script>

    <script>page_timing.app_start = Date.now();</script><script src="/TemplatePackage/3.0/js/app.min.js?3.2.3.8"></script><script>page_timing.app_end = Date.now();</script><!-- Begin Survey scripts -->
<script src="/JScript/foresee/foresee-trigger.js"></script>
<!-- End Survey scripts -->

    <!-- The following include is for including any local JS code to the page -->

    	<!--<script src="/TemplatePackage/3.0/local/js/flexXmlLoader.js"></script>-->


    <!-- required for recaptcha/mailforms, need to repackage into proper include -->
    <script src="/TemplatePackage/3.0/js/libs/jquery-validation/jquery.validate.min.js"></script>
    <script src="/TemplatePackage/3.0/js/libs/jquery-inputmask/jquery.inputmask.js"></script>
    <script src="/TemplatePackage/3.0/js/libs/jquery-inputmask/jquery.inputmask.regex.extensions.js"></script>
    <script src="/TemplatePackage/3.0/js/libs/jquery-json/jquery.json-2.4.min.js"></script>
	
	<script src="/TemplatePackage/3.0/js/cdc/oadc/cdc.formValidation.js"></script>

    <script src="js/plugins/topSyndicated.js"></script>
	<script src="//www.cdc.gov/TemplatePackage/contrib/widgets/tp-widget-external-loader.js"></script>
	<script>
		window.reloadWidgets = function () {
			// LOAD THE WIDGET
			window.CDC.Widget.Loader.loadWidget('syndicationIframe', $('[data-cdc-widget="syndicationIframe"]'));
		}
	</script>

    <script>if (typeof page_timing !== 'undefined') { page_timing.metrics_start = Date.now(); }</script>
<!-- xxxxxxxxxxxxxxxxxx METRICS code begins here xxxxxxxxxxxxxxxxxxxxxxxxxxx-->
<div id="metrics">

<!-- Begin Google DAP inclusion -->
<script id="_fed_an_ua_tag" src="/JScript/metrics/google/Universal-Federated-Analytics-Min.js?agency=HHS&amp;subagency=CDC"></script>
<!-- End Google DAP inclusion -->

<!-- Begin Template Package Custom Interactions and Metrics Hierarchy/Levels Support -->
<script src="/TemplatePackage/contrib/libs/cdc/metrics/rd_custom_interactions.js"></script>
<script src="/TemplatePackage/contrib/libs/cdc/metrics/topic_levels.js"></script>
<!-- End Template Package Custom Interactions and Metrics Hierarchy/Levels Support -->

<!-- Adbobe Analytics code version: JS-2.0 -->
<script src="/JScript/metrics/adobe/analytics_cdcgov.js"></script>
<script>

	if ('undefined' !== typeof enquire) {
		enquire.register(CDC.Global.selectors.vp1, function() {
			s.prop49 = 1;
		});
		enquire.register(CDC.Global.selectors.vp2, function() {
			s.prop49 = 2;
		});
		enquire.register(CDC.Global.selectors.vp3, function() {
			s.prop49 = 3;
		});
		enquire.register(CDC.Global.selectors.vp4, function() {
			s.prop49 = 4;
		});
	}


    <!-- The following include is where local metrics settings for SiteCatalyst and GA are made -->
    s.pageName=document.title;
s.channel="ENTER YOUR CHANNEL NAME HERE";
s.prop2=window.location.href.toLowerCase();
s.prop26=document.title;
s.prop30=document.title;
s.prop31=window.location.href.toLowerCase();
s.prop46=window.location.href.toLowerCase();
s.server=window.location.hostname;

// Simplified URL
s.prop73 = window.location.href.split('?')[0].split('#')[0].toLowerCase();
s.eVar73 = window.location.href.split('?')[0].split('#')[0].toLowerCase();

// Update the level variables here.
updateVariables(s);

// Set the referrer value if passed on the querystring from a CDC page-level redirect.
if ('undefined' !== typeof CDC && 'undefined' !== typeof CDC.qs && CDC.qs['CDC_AA_refVal']) {
  s.referrer = CDC.qs['CDC_AA_refVal'];
}

/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
var s_code=s.t();
if(s_code) {document.write(s_code);}
</script>
<script type="text/javascript">
if(navigator.appVersion.indexOf('MSIE')>=0) { document.write(unescape('%3C')+'\!-'+'-'); }
</script>
<noscript><a href="https://cdc.112.2o7.net"><img src="https://cdc.112.2o7.net/b/ss/cdcgov/1/H.21--NS/01/H.21--NS/0" height="1" width="1" alt="Web Analytics" /></a></noscript><!--/DO NOT REMOVE/-->
<!-- End SiteCatalyst code version: H.21. -->
<!-- Begin Template Package DigitalGov Search Support -->
<script type="text/javascript" src="/TemplatePackage/3.0/js/cdc/oadc/rd_search.js"></script>
<!-- End Template Package DigitalGov Search Support -->
</div>
<!-- xxxxxxxxxxxxxxxxxx METRICS code ends here xxxxxxxxxxxxxxxxxxxxxxxxxxx-->
<script>if (typeof page_timing !== 'undefined') { page_timing.metrics_end = Date.now(); }</script>



    <!-- The following include is for nav/breadcrumb rendering functionality and is needed in all templates -->
    	<script>
	<!--//
		$(document).ready(function () {
			var cdcLeftNav = new CDC.LeftNav("nav-primary", "", true, true, true);
			cdcLeftNav.render();
		});
	//-->
	</script>


    <!--
			In WCMS templates there is a local SSI for other content/assets that
			must appear before the closing body tag.
		-->
    <!--include virtual="/~inc~/localRDBodyBottom.html" -->

    <!-- The following include is for the carousel widget plugin -->
    <link rel="stylesheet" href="/TemplatePackage/3.0/css/lib/flexslider.css" />
<link rel="stylesheet" href="/TemplatePackage/3.0/css/flexslider.css" />
<script src="/TemplatePackage/3.0/js/modules/dynamic/flexslider.js"></script>
<script src="/TemplatePackage/3.0/js/libs/jquery.flexslider2.js"></script>

    <!-- Modal Holder, Do not remove -->
    <div class="modalHolder"></div>
    <div id="modalTos" class="modal hide modal-tos" data-backdrop="static"></div>
    <div>Version {{main.VERSION}}</div>

    <script>
        // all of this to combat the template package version of the a-z. timeout required because even with no-init there's
        // somethign trying to grab the click event on the tab.
        $(document).ready(function () {
            setTimeout(function () {
                $(".a2z-button").css('visibility', 'visible').off().on("click", function (b) {
                    b.preventDefault();
                    $(".a2z-bar").toggle();
                    $(this).find("span").toggleClass("icon-angle-down icon-angle-up");
                });
            }, 500);
        });
    </script>

</body>
</html>
