

<!DOCTYPE html>
<html lang="en">
<head>

	<title>NationalJournal</title>
	<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico" />

	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

	<!-- Twitter meta tags -->
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:site" content="@nationaljournal" />
	<meta name="twitter:title" content="" />
	<meta name="twitter:description" content=""/>
	<meta name="twitter:image" content="" />

	<!-- Schema.org markup for Google+ -->
	<meta name="google-site-verification" content="mxRH-jX1pR5MjoxIjXJOxnDElPR-loQvW49hc6LMh6w" />
	<meta itemprop="name" content="">
	<meta itemprop="description" content="">
	<meta itemprop="image" content="">

	<!-- Open Graph meta tags -->
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content="National Journal" />
	<meta property="og:type" content="article"/>
	<meta property="og:description" content="" />
	
	<!-- plugin css -->
	<link rel="stylesheet" href="/static/css/fonts.css" />
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/static/css/elegant-icons.css" />
	<link rel="stylesheet" href="/static/images/dist/sprite-ld.css" />
	<link rel="stylesheet" href="/static/css/grid.css" />
	<link rel="stylesheet" href="/static/css/plugins.css" />
	<link rel="stylesheet" href="/static/css/animations.css" />
	<link rel="stylesheet" href="/static/css/video-js.min.css" />
	<link rel="stylesheet" href="/static/css/jquery-ui.min.css" />
	<!-- nj css -->
	<link rel="stylesheet" href="/static/css/gneisschart.css" />
	<link rel="stylesheet" href="/static/css/nj/style.css" />
	<link rel="stylesheet" href="/static/css/nj/responsive.css" />
    <link rel="stylesheet" href="/static/css/nj/landings/login.css" />

	
	
	<script src="/static/js/plugins/jquery-1.11.0.min.js"></script>
	<script src="/static/js/plugins/jquery-ui.min.js"></script>
	<script src="/static/js/plugins/jquery.mobile.custom.min.js"></script>
	<script src="/static/js/plugins/jquery.cookie.js"></script>
	<!-- chart stuff -->
	<script src="/static/js/plugins/d3.v2.min.js"></script>
	<script src="/static/js/plugins/sugar.min.js"></script>
	<script src="/static/js/plugins/webfontloader.js" type="text/javascript" charset="utf-8"></script>
	<script src="/static/js/plugins/gneisschart.js"></script>

	<!-- plugins -->
	<script src="/static/js/plugins/jquery.timeago.min.js"></script>
	<script src="/static/js/plugins/jquery.bxslider.min.js"></script>
	<script src="/static/js/plugins/jquery.onscreen.min.js"></script>
	<script src="/static/js/plugins/jquery.mousewheel.js"></script>
	<script src="/static/js/plugins/mwheelIntent.js"></script>
	<script src="/static/js/plugins/jquery.jscrollpane.min.js"></script>
	<script src="/static/js/plugins/jquery.parallax-scroll.js"></script>
	<script src="/static/js/plugins/underscore-min.js"></script>
	<script src="/static/js/plugins/backbone-min.js"></script>
	<script src="/static/js/plugins/core.js"></script>
	<script src="/static/js/plugins/touch.js"></script>
	<script src="/static/js/plugins/dropdown.js"></script>
	<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
	<script src="https://www.youtube.com/iframe_api"></script>

	<!-- ad -->
	<script src="/static/js/nj/conf.js"></script>
	<script type="text/javascript">
    var googletag = googletag || {};
    googletag.cmd = googletag.cmd || [];
    (function() {
      var gads = document.createElement("script");
      gads.async = true;
      gads.type = "text/javascript";
      var useSSL = "https:" == document.location.protocol;
      gads.src = (useSSL ? "https:" : "http:") + "//www.googletagservices.com/tag/js/gpt.js";
      var node =document.getElementsByTagName("script")[0];
      node.parentNode.insertBefore(gads, node);
     })();
</script>

<!-- Peer39 tagging code. -->
<script type="text/javascript">
    var ord = Number(ord) || Math.floor(Math.random()*10e12);
    var p39_ids_DFP = '';
    var p39_ids_GPT = '';

    function afterFinished_1388() {
        var pList = p39_KVP('p', ',');
        pList = pList.replace(/(^\s*,)|(,\s*$)/g, '');
        p39_ids_DFP = ';p=' + pList.replace(/(p\=)/g, '');
        p39_ids_GPT = '[' + pList.replace(/(p\=)/g, '') + ']';
    }
</script>

<!-- Criteo tagging code. -->
<script type='text/javascript'>
var crtg_nid = '3114';
var crtg_cookiename = 'crtg_national';
var crtg_varname = 'crtg_content';
function crtg_getCookie(c_name){ var i,x,y,ARRCookies=document.cookie.split(";");for(i=0;i<ARRCookies.length;i++){x=ARRCookies[i].substr(0,ARRCookies[i].indexOf("="));y=ARRCookies[i].substr(ARRCookies[i].indexOf("=")+1);x=x.replace(/^\s+|\s+$/g,"");if(x==c_name){return unescape(y);} }return'';}
var crtg_content = crtg_getCookie(crtg_cookiename);
var crtg_rnd=Math.floor(Math.random()*99999999999);
(function(){
var crtg_url=location.protocol+'//rtax.criteo.com/delivery/rta/rta.js?netId='+escape(crtg_nid);
crtg_url +='&cookieName='+escape(crtg_cookiename);
crtg_url +='&rnd='+crtg_rnd;
crtg_url +='&varName=' + escape(crtg_varname);
var crtg_script=document.createElement('script');crtg_script.type='text/javascript';crtg_script.src=crtg_url;crtg_script.async=true;
if(document.getElementsByTagName("head").length>0)document.getElementsByTagName("head")[0].appendChild(crtg_script);
else if(document.getElementsByTagName("body").length>0)document.getElementsByTagName("body")[0].appendChild(crtg_script);
})();
</script>

<script>
googletag.cmd.push(function(){
	if (typeof isIE7 == 'undefined')
		googletag.pubads().collapseEmptyDivs(true);
	//else
	//	googletag.pubads().collapseEmptyDivs();
	googletag.pubads().disableInitialLoad();
	googletag.pubads().enableSingleRequest();
	googletag.enableServices();
});
</script>
	<script src="/static/js/nj/njHelper.js"></script>
	<script src="/static/js/nj/njGraphic.js"></script>

    <!-- omniture -->
    <script type="text/javascript">var OMNITURE_REPORT_SUITE = 'atlanticnationaljournal2013prod';</script>
    <script src="/static/js/plugins/omniture.js"></script>
    <script src="/static/js/nj/omniture-sprops.js"></script>
    <script src="/static/js/plugins/pym.min.js"></script>
    <!-- placeholder -->

    <!-- amc -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.js"></script>


	<!-- main js -->
	<script src="/static/js/nj/global.js"></script>
	<script src="/static/js/nj/paywall.js"></script>
	

	<script type="text/javascript">
		var IMAGE_DOMAIN = '';
		if (window.location.hostname.indexOf('.com') > -1) {
			var IMAGE_DOMAIN = 'https://img.nationaljournal.com';
		}
		
		if (window.location.hostname.indexOf('stage') > -1) { 
			var IMAGE_DOMAIN = 'http://img.stage.njdc.com';
		}

		
	</script>

	<!-- Chartbeat -->
	<script type="text/javascript">
	var _sf_async_config={uid:17396,domain:"nationaljournal.com"};
	(function(){
	  function loadChartbeat() {
	    window._sf_endpt=(new Date()).getTime();
	    var e = document.createElement('script');
	    e.setAttribute('language', 'javascript');
	    e.setAttribute('type', 'text/javascript');
	    e.setAttribute('src',
	       (("https:" == document.location.protocol) ?
	"https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" :
	"http://static.chartbeat.com/") +
	       "js/chartbeat.js");
	    document.body.appendChild(e);
	  }
	  var oldonload = window.onload;
	  window.onload = (typeof window.onload != 'function') ?
	     loadChartbeat : function() { oldonload(); loadChartbeat(); };
	})();
	</script>

	
</head>




<!--#include virtual="ssi/head.shtml" -->
	

	<link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="/static/css/nj/home/home.css" />


    <script src="https://s3-us-west-2.amazonaws.com/nationaljournal/briefing-tracker/homepage-briefing-tracker.js"></script>
	<script src="/static/js/nj/home.js"></script>
	<script>
	  var __reach_config = {
	    pid: SIMPLE_REACH_ID,
	    title: 'National Journal',
	    url: 'http://www.nationaljournal.com',
	    date: Date.now(),
	    ignore_errors: false
	  };

	  (function(){
	    var s = document.createElement('script');
	    s.async = true;
	    s.type = 'text/javascript';
	    s.src = document.location.protocol + '//d8rk54i4mohrb.cloudfront.net/js/reach.js';
	    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);
	  })();
	</script>

<body class="homepage">

<p class="no-height no-text">
	<a class="skip-nav" href="#skipNav">Skip Navigation</a>
</p>

	<!--#include virtual="ssi/mobile-menu.shtml" -->
	<span class="mobile-menu-overlay"></span>

<div class="mobile-menu free">
	<div class="mobile-menu-section">
		<div class="mobile-menu-section-body">
			<div class="mobile-menu-actions">
				<a href="/login" class="btn btn-gold">Log In</a>
			</div><!-- /.mobile-menu-actions -->
		</div><!-- /.mobile-menu-section-body -->
	</div><!-- /.mobile-menu-section -->
	
	<div class="mobile-menu-section sub-padding">
		<div class="mobile-menu-section-head">
			<h3>Sections</h3>
		</div><!-- /.mobile-menu-section-head -->
		
		<div class="mobile-menu-section-body">
			<div class="nav-primary-mobile">

				<nav class="nav nav-primary">
					<ul>
						<li class="twenty-sixteen">
							<a href="/twentysixteen?mref=nav">Twentysixteen</a>
						</li>
						
						<li class="congress">
							<a href="/congress?mref=nav">Congress</a>
						</li>
						
						<li class="white-house">
							<a href="/white-house?mref=nav">White House</a>
						</li>
						
						<li class="politics">
							<a href="/politics?mref=nav">Politics</a>
						</li>
						
						<li class="energy">
							<a href="/energy?mref=nav">Energy</a>
						</li>
						
						<li class="health-care">
							<a href="/health-care?mref=nav">Health Care</a>
						</li>
						
						<li class="defense">
							<a href="/defense?mref=nav">Defense</a>
						</li>
						
						<li class="tech">
							<a href="/tech?mref=nav">Tech</a>
						</li>

						<li class="daily">
							<a href="/daily?mref=nav"><strong>Daily</strong></a>
						</li>

						<li class="hotline">
							<a href="/hotline?mref=nav"><strong>Hotline</strong></a>
						</li>

						<li class="magazine">
							<a href="/magazine?mref=nav"><strong>Magazine</strong></a>
						</li>

						<li class="almanac">
							<a href="/almanac?mref=nav"><strong>Almanac</strong></a>
						</li>

						<li class="best-practices">
							<a href="/best-practices?mref=nav"><strong>Best Practices</strong></a>
						</li>

						<li class="events">
							<a href="/events/membership/?mref=nav"><strong>Events</strong></a>
						</li>

						<li class="media-university">
							<a href="/media-university?mref=nav"><strong>Media University</strong></a>
						</li>

						<li class="presentation-center">
							<a href="/presentations?mref=nav"><strong>Presentation<span class="plural mobile-nav-show">s</span><span class="center mobile-nav-hide"> Center</span></strong></a>
						</li>

						<li class="peer-to-peer">
							<a href="/peer-briefings?mref=nav"><strong><span class="peer">Peer-To-Peer</span> Briefings</strong></a>
						</li>
					</ul>
				</nav>
			</div><!-- /.nav-primary-mobile -->
		</div><!-- /.mobile-menu-section-body -->
	</div><!-- /.mobile-menu-section -->
	
	<div class="mobile-menu-section news-analysis-section">
		<div class="mobile-menu-section-head news-section-head">
			<h3>News & Analysis</h3>
		</div><!-- /.mobile-menu-section-head -->
		
		<div class="mobile-menu-section-body">
			<div class="nav-primary-mobile">
				<nav class="nav mobile-nav">
					<ul>

						<li class="daily">
							<a href="/daily?mref=nav"><strong>Daily</strong></a>
						</li>

						<li class="hotline">
							<a href="/hotline?mref=nav"><strong>Hotline</strong></a>
						</li>

						<li class="magazine">
							<a href="/magazine?mref=nav"><strong>Magazine</strong></a>
						</li>

						<li class="twenty-sixteen">
							<a href="/twentysixteen?mref=nav">Twentysixteen</a>
						</li>

						<li class="congress">
							<a href="/congress?mref=nav">Congress</a>
						</li>

						<li class="white-house">
							<a href="/white-house?mref=nav">White House</a>
						</li>
						
						<li class="politics">
							<a href="/politics?mref=nav">Politics</a>
						</li>
						
						<li class="energy">
							<a href="/energy?mref=nav">Energy</a>
						</li>
						
						<li class="health-care">
							<a href="/health-care?mref=nav">Health Care</a>
						</li>
						
						<li class="defense">
							<a href="/defense?mref=nav">Defense</a>
						</li>
						
						<li class="tech">
							<a href="/tech?mref=nav">Tech</a>
						</li>
					</ul>
				</nav>
			</div><!-- /.nav-primary-mobile -->
		</div><!-- /.mobile-menu-section-body -->
	</div><!-- /.mobile-menu-section -->
	
	<div class="mobile-menu-section">
		<div class="mobile-menu-section-head">
			<h3>Featured</h3>
		</div><!-- /.mobile-menu-section-head -->
		
		<div class="mobile-menu-section-body">
			<div class="nav-secondary-mobile">
				<nav class="nav nav-secondary">
					<ul>
                        <li>
							<a href="/wia?mref=nav">DC Info Age</a>
						</li>

						<li>
							<a href="/next-america?mref=nav">The Next America</a>
						</li>
						
						<li>
							<a href="/next-economy?mref=nav">The Next Economy</a>
						</li>
						
						<li class="link-sponsored">
							<a href="/americas-energy?mref=nav">Sponsored: America's Energy</a>
						</li>
						
						<li class="mobile-nav-hide">
							<a href="#about?mref=nav" id="more-btn" class="nav-popup-toggle">More <i class="arrow_triangle-right"></i></a>
						</li>
					</ul>
				</nav>
			</div><!-- /.nav-secondary-mobile -->
		</div><!-- /.mobile-menu-section-body -->
	</div><!-- /.mobile-menu-section -->
	
	<div class="mobile-menu-section">
		<div class="mobile-menu-section-head">
			<h3>More</h3>
		</div><!-- /.mobile-menu-section-head -->
		
		<div class="mobile-menu-section-body">
			<div class="nav nav-tertiary">
				<ul>
					<li>
						<a href="#">Social 
							<i class="arrow_triangle-down"></i></a>
						<ul>
							<li>
								<a href="/newsletters?mref=nav">Newsletters</a>
							</li>
							<li>
								<a href="/rss?mref=nav">RSS</a>
							</li>
							<li>
								<a target="_blank" href="https://www.linkedin.com/company/national-journal">LinkedIn</a>
							</li>
							
							<li>
								<a target="_blank" href="https://twitter.com/nationaljournal">Twitter</a>
							</li>
							
							<li>
								<a target="_blank" href="https://www.facebook.com/NationalJournal">Facebook</a>
							</li>
							
							<li>
								<a target="_blank" href="https://plus.google.com/+NationalJournal">Google+</a>
							</li>
							
							<li>
								<a target="_blank" href="http://nationaljournal.tumblr.com">Tumblr</a>
							</li>
						</ul>
					</li>

					<li>
						<a href="/events?mref=nav">
							National Journal LIVE
						</a>
					</li>
					
					<li>
						<a href="/learn-more?mref=nav">
							Membership
						</a>
					</li>
					
					<li>
						<a href="/about-national-journal?mref=nav">About</a>
					</li>
					
					<li>
						<a target="_blank" href="http://www.atlanticmedia.com/category/national-journal/">Leadership</a>
					</li>
					
					<li>
						<a href="/editorial/?mref=nav">Editorial Team</a>
					</li>
					
					<li>
						<a href="/staff?mref=nav">Staff Bios</a>
					</li>
					
					<li>
						<a target="_blank" href="http://www.atlanticmedia.com/about/">Atlantic Media</a>
					</li>
					
					<li>
						<a target="_blank" href="http://www.atlanticmedia.com/careers">Careers</a>
					</li>
					
					<li>
						<a href="/press?mref=nav">Press Room</a>
					</li>

					<li>
						<a href="/advertise?mref=nav">Advertise</a>
					</li>
					
					<li>
						<a href="/advertise/?page_id=2449&mref=nav">Advertising Guidelines</a>
					</li>
					
					<li>
						<a href="/privacy-policy?mref=nav">Privacy Policy</a>
					</li>
					
					<li>
						<a href="/terms-and-conditions?mref=nav">Terms and Conditions</a>
					</li>
				</ul>
			</div><!-- /.nav -->
		</div><!-- /.mobile-menu-section-body -->
	</div><!-- /.mobile-menu-section -->
</div><!-- /.mobile-menu -->

<script type="text/template" id="login-check">
	<% var login = retrieveLoggedInData(); %>
	<% if (login['accessString'] != '' || s.prop25) { %>
	<a href="/dashboard" class="btn btn-gold">Dashboard</a>
	<% } else { %>
	<a href="/login" class="btn btn-gold">Log In</a>
	<% } %>
</script>

<script type="text/javascript">
	var template = _.template($('#login-check').html());
	$('.mobile-menu-actions').html(template);
</script>


	<div id="search-overlay">
	<div class="shell">
	<div class="row">
	<div class="search-primary">
		<div class="close">
			&times;
		</div>
		<form action="/search" method="get">
			<div class="search-primary-body">
				<label for="q" class="hidden">Search</label>
				
				<div class="search-primary-controls">
					<input type="search" name="q" id="q" placeholder="Search stories, events, resources or people ..." class="search-primary-field" />
					<input type="hidden" name="sref" value="siteoverlay" />
				</div><!-- /.search-primary-controls -->

				<div class="search-primary-actions">
					<button type="submit" class="search-primary-btn">
						<i class="icon_search"></i>
					</button>
				</div><!-- /.search-primary-actions -->
			</div><!-- /.search-primary-body -->
		</form>
	</div><!-- /.search-primary -->
	</div>
	</div>
</div>

	<div class="header-outer">
		<section class="banner banner-primary">
			<div class="banner-ad gptAd leaderboard">
				<span class="adunit"
				id="homepage_front"
				data-zone="homepage_front"
				data-ord=""
				data-customtargetting='{"njid":"homepage_front", "pos":"homepage_front", "kw": "None"}'
				data-desktop="6000x540,728x90,970x90"
				data-tablet="6000x500,728x90"
				data-phone="6000x250,400x200,320x50,300x50"
				></span>
			</div>
		</section><!-- /.banner -->
		
<script type="text/template" id="breakingnews-content">
	<div class="fixed-breaking-news">
	<% var bNews = collection; %>
	<div class="center">
		<% if(bNews['label']){ %>
			<span class="breaking-label"><%= bNews['label'] %>:</span>
		<% } %>
		<span class="breaking-headline"><%= bNews['headline'] %></span>
		<% if(bNews['destinationUrl']){ %>
			<a href="<%= bNews['destinationUrl'] %>">
				<span class="breaking-read-now">
					Read Now 
					<i class="arrow_triangle-right"></i>
				</span>
			</a>
		<% } %>
	</div>
</div>
</script>
<script type="text/template" id="mostread-content">
	
</script>

<script type="text/template" id="skybox-content">
	
<div class="skybox-wrapper">
	<% if (skybox) { %>
		<% _.each(skybox, function(rec,i) { %>
			
<% if (typeof rec != 'undefined' && rec) { %>
	<div class="skybox-story">
		<a href="<%= rec['url'] + '?mref=skybox' %>" data-mref="skybox">
			<% var imgPromo = getTypeImage('wide', rec); %>
			<% if (imgPromo) { %>
				<div class="skybox-story-image">
					<img src="<%= IMAGE_DOMAIN %><%= setCrop(167, false, imgPromo) %>"/>
				</div>
			<% } else { %>
				<div class="skybox-story-image">
					<img src="/static/images/placeholder_wide.jpg"/>
				</div>
			<% } %>
			<div class="skybox-story-details">
				<span class="skybox-story-headline">
					<%= rec['headline'] %>
				</span>
			</div>
            <% if (rec['byline']) { %>
                <div class="skybox-story-details">
                    <span class="skybox-story-byline">
                        <%= rec['byline'] %>
                    </span>
                </div>
            <% } %>
		</a>
	</div>
<% } %>
		<% }); %>
		
<% if(promo != null){ %>
	<div class="skybox-story <% if(promo['ad_campaign']) {%>sponsored<% } %>">
		<a href="<%= promo['url'] + '?mref=skybox' %>" data-mref="skybox">
			<% var imgSrc = getTypeImage('wide', promo) %>
			<% if (imgSrc) { %>
				<div class="skybox-story-image">
					<img src="<%= IMAGE_DOMAIN %><%= setCrop(167, false, imgSrc) %>"/>
				</div>
			<% } else { %>
				<div class="skybox-story-image">
					<img src="/static/images/placeholder_wide.jpg"/>
				</div>
			<% } %>
			<div class="skybox-story-details">
				<% if (promo['ad_campaign']) { %><span class="sponsor-content-flag">sponsor content</span><% } %>
				<span class="skybox-story-headline">
					<%= promo['headline'] %>
				</span>
			</div>
            <% if (promo['byline']) { %>
                <div class="skybox-story-details">
                    <span class="skybox-story-byline">
                        By <%= promo['byline'] %>
                    </span>
                </div>
            <% } %>
		</a>
	</div>
<% } %>
	<% } %>
</div>
</script>
<script type="text/template" id="recommended-content">
	

<section class="section-related">
	<div class="shell">
		<div class="section-head">
			<h4>Recommended for you</h4>
			<div class="section-related-picker mobile-show">
				<a data-slide-index="0" class="bullet-section-related">&#8226;</a>
				<a data-slide-index="1" class="bullet-section-related">&#8226;</a>
				<a data-slide-index="2" class="bullet-section-related">&#8226;</a>
				<a data-slide-index="3" class="bullet-section-related">&#8226;</a>
			</div>
		</div><!-- /.section-head -->

		<div class="section-body">
			<ul class="articles">
				<% if (recommended) { %>
					<% var recCount = 0; %>
					<% var storyTitle = $('h2.header-title').text() %>
					<% _.each(recommended, function(rec, i) { %>
						
    <li class="article-compact related <% if (rec['sponsored']) { %>sponsored<% } %>">
        <a href="<%= rec['url'] + '?mref=recommended' %>" data-mref="recommended">
            <div class="article-compact-image">
                <% var imgPromo = getTypeImage('wide', rec); %>
                <% if (imgPromo) { %>
                    <img src="<%= IMAGE_DOMAIN %><%= setCrop(265, false, imgPromo) %>"/>
                <% } else { %>
                    <img src="/static/images/placeholder_wide.jpg"/>
                <% } %>
                <div class="article-compact-content no-bg">
                    <% if (rec['sponsored']) { %>
                        <span class="sponsor-content-flag">sponsor content</span>
                    <% } %>
                    <h3 class="article-compact-title"><%= rec['headline'] %></h3>
                    <div class="article-compact-entry border-top">
                        <%= rec['subheadline'] %>
                        <div class="btn btn-transparent">
                            Read Now <i class="arrow_triangle-right"></i>
                        </div>
                    </div>
                </div>
            </div><!-- /.article-compact-image -->
        </a>
    </li><!-- /.article-compact -->
    <% recCount++; %>
					<% }); %>
					
<% if(promo != null){ %>
    <li class="article-compact related <% if (promo['ad_campaign']) { %>sponsored<% } %>">
        <a href="<%= promo['url'] + '?mref=recommended' %>" data-mref="recommended">
            <div class="article-compact-image">
           <% 
                var imgSrc = getTypeImage('wide', promo);
                %>
                <% if (imgSrc) { %>
                    <img src="<%= IMAGE_DOMAIN %><%= setCrop(265, false, imgSrc) %>"/>
                <% } else { %>
                    <img src="/static/images/placeholder_wide.jpg"/>
                <% } %>
                <div class="article-compact-content no-bg">
                    <% if (promo['ad_campaign']) { %><span class="sponsor-content-flag">sponsor content</span><% } %>
                    <h3 class="article-compact-title"><%= promo['headline'] %></h3>
                    <div class="article-compact-entry border-top">
                        <%= promo['subheadline'] %>
                        <div class="btn btn-transparent">
                            Read Now <i class="arrow_triangle-right"></i>
                        </div>
                    </div>
                </div>
            </div><!-- /.article-compact-image -->
        </a>
    </li><!-- /.article-compact -->
<% } %>
				<% } %>
			</ul><!-- /.articles -->
		</div><!-- /.section-body -->
	</div><!-- /.shell -->
</section><!-- /.section-related -->
</script>

<script type="text/template" id="interstitial-ad-content">
	<div class="interstitial-header">
	<div class="header-left">
		<a href="/" class="logo">
			<i class="sprite-logo logo-big">National Journal Short</i>
			<i class="sprite-logo-medium logo-medium">National Journal Short</i>
		</a>

		<p class="slogan">Runs on Dunkin.</p><!-- /.slogan -->
	</div><!-- /.header-left -->
</div>
<div class="interstitial-body">
	<div class="center-ad-body">
		<div class="interstitial-text-wrapper">
			<span class="left-text">THIS AD WILL END IN <span class="i-timer">10</span> SECOND(s)</span>
			<span class="right-text i-close-btn">CLOSE <i class="icon_close"></i></span>
		</div> <!-- /.interstitial-text-wrapper -->
		<div class="gptAd">
			<span class="adunit" 
				id="nj_prestitial_ad"
				data-zone="_content"
				data-ord=""
				data-customtargetting='{"njid":"nj_prestitial_ad", "pos":"prestitial"}'
				data-desktop="640x480"
				data-tablet="640x480"
				data-phone="300x251"
			></span><!-- /.adunit -->
		</div><!-- /.gptAd -->
	</div><!-- /.center-ad-body -->
</div><!-- /.interstitial-body -->
</script>

<div id="bNewsContainer" class="breaking-news-container"></div>
<div class="skybox-container" id="skyboxContainer">
	<div class="skybox-nav">
		<ul class="free-member hidden">
			<li><a href="/next-america?mref=nav">The Next America</a></li>
			<li><a href="/next-economy?mref=nav">The Next Economy</a></li>
			<li><a href="/americas-energy?mref=nav" class="sponsored">Sponsored: America's Energy</a></li>
			<li><a href="#about?mref=nav" id="more-btn" class="nav-popup-toggle">More<i class="arrow_triangle-right"></i></a></li>
			<li class="ip-auth-link"><a href="/login">Login</a></li>
		</ul>
		<ul class="member hidden">
			<li><a href="/next-america?mref=nav">The Next America</a></li>
			<li><a href="/next-economy?mref=nav">The Next Economy</a></li>
			<li><a href="/americas-energy?mref=nav" class="sponsored">Sponsored: America's Energy</a></li>
			<li><a href="#about?mref=nav" id="more-btn" class="nav-popup-toggle">More<i class="arrow_triangle-right"></i></a></li>
			<li><a href="/my-account?mref=nav">My Account</a></li>
		</ul>
	</div>
	<div id="skyboxContents"></div>
	<div id="apiSkyboxContainer"></div>
</div>
<div id="mostreadContainer" class="mostread-container"></div>

<header id="ha-header" class="free header clearfix">
	<div class="ha-header-perspective">
		
		<div class="ha-header-front">
			<div class="header-content-wrapper">
				<span class="burger"></span>
				
				<div class="header-left">
					<a href="/" class="logo">
						<i class="sprite-logo logo-big">National Journal Short</i>
						<i class="sprite-logo-medium logo-medium">National Journal Short</i>
					</a>

					<p class="slogan">Runs on Dunkin.</p><!-- /.slogan -->
				</div><!-- /.header-left -->

				<div class="header-center">
					<h2 class="header-title"></h2>
				</div><!-- /.header-center -->

				<div class="header-right">
					<div class="header-socials">
	<ul>
		<li>
			<a href='/search' class="link-search link-search-page">
				<i class="sprite-search selected-sprite"></i>
				<i class="sprite-search"></i>
				<i class="sprite-search-medium"></i>
			</a>
		</li>
		
		<li class="link-facebook">
			<a href="https://www.facebook.com/dialog/feed?redirect_uri=http://www.nationaljournal.com&display=popup&app_id=1420640618178948&link=http://www.nationaljournal.com&description=Share National Journal!&picture=http://www.nationaljournal.com/static/images/placeholder_square.jpg" target="_blank">
				<i class="social_facebook_circle"></i>
			</a>
		</li>
		
		<li class="link-twitter">
			<a href="https://twitter.com/intent/tweet?url=http://www.nationaljournal.com&text=Share National Journal!" target="_blank">
				<i class="social_twitter_circle"></i>
			</a>
		</li>
		
		<li class="link-googleplus">
			<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=http://www.nationaljournal.com?oref=linkedin.com&title=National Journal&summary=&source=">
				<i class="social_linkedin_circle"></i>
			</a>
		</li>
	</ul>
</div><!-- /.header-socials -->
				</div><!-- /.header-right -->
			</div><!-- /.header-content-wrapper -->
			
			<span class="scroll-progress"></span>
		</div>
		<div class="ha-header-bottom">

			<div class="header-content-wrapper">
				<span class="burger"></span>
				
				<div class="header-left">
					<a href="/" class="logo">
						<i class="sprite-logo logo-big">National Journal Short</i>
						<i class="sprite-logo-medium logo-medium">National Journal Short</i>
					</a>

					<p class="slogan">
						
					</p><!-- /.slogan -->
				</div><!-- /.header-left -->

				<div class="header-center">
					<nav class="nav nav-primary">
						<ul>
							<li class="twenty-sixteen">
								<a href="/twentysixteen?mref=nav">Twentysixteen</a>
							</li>
							
							<li class="congress">
								<a href="/congress?mref=nav">Congress</a>
							</li>
							
							<li class="white-house">
								<a href="/white-house?mref=nav">White House</a>
							</li>
							
							<li class="politics">
								<a href="/politics?mref=nav">Politics</a>
							</li>
							
							<li class="energy">
								<a href="/energy?mref=nav">Energy</a>
							</li>
							
							<li class="health-care">
								<a href="/health-care?mref=nav">Health Care</a>
							</li>
							
							<li class="defense">
								<a href="/defense?mref=nav">Defense</a>
							</li>
							
							<li class="tech">
								<a href="/tech?mref=nav">Tech</a>
							</li>

							<li class="news">
								<a href="#" id="news-btn" class="news nav-popup-toggle" >News <span class="analysis">& Analysis</span><i class="arrow_triangle-right"></i></a>
							</li>

							<li class="almanac">
								<a href="/almanac?mref=nav">Almanac</a>
							</li>

							<li class="best-practices">
								<a href="/best-practices?mref=nav">Best Practices</a>
							</li>

							<li class="events">
								<a href="/events/membership/?mref=nav">Events</a>
							</li>

							<li class="media-university">
								<a href="/media-university?mref=nav">Media University</a>
							</li>

							<li class="peer-to-peer">
								<a href="/peer-briefings?mref=nav"><span class="peer">Peer-To-Peer</span> Briefings</a>
							</li>

                            <li class="presentation-center">
								<a href="/presentations?mref=nav">Presentation<span class="plural">s</span><span class="center mobile-nav-hide"> Center</span></a>
							</li>

							<li class="daily">
								<a href="/daily?mref=nav">Daily</a>
							</li>

							<li class="hotline">
								<a href="/hotline?mref=nav">Hotline</a>
							</li>

							<li class="magazine">
								<a href="/magazine?mref=nav">Magazine</a>
							</li>
						</ul>
					</nav><!-- /.nav -->
					<nav class="nav nav-secondary">
						<ul>
                            <li>
								<a href="/wia?mref=nav">DC Info Age</a>
							</li>

							<li>
								<a href="/next-america?mref=nav">The Next America</a>
							</li>
							
							<li>
								<a href="/next-economy?mref=nav">The Next Economy</a>
							</li>
							
							<li class="link-sponsored">
								<a href="/americas-energy?mref=nav">Sponsored: America's Energy</a>
							</li>
							
							<li class="mobile-nav-hide">
								<a href="#about?mref=nav" id="more-btn" class="nav-popup-toggle">More<i class="arrow_triangle-right"></i></a>
							</li>

							<li class="my-account">
								<a href="/my-account">My Account</a>
							</li>
						</ul>
					</nav><!-- /.nav -->
				</div><!-- /.header-center -->

				<div class="header-right">
					
					<div class="header-socials">
	<ul>
		<li>
			<a href='/search' class="link-search link-search-page">
				<i class="sprite-search selected-sprite"></i>
				<i class="sprite-search"></i>
				<i class="sprite-search-medium"></i>
			</a>
		</li>
		
		<li class="link-facebook">
			<a href="https://www.facebook.com/dialog/feed?redirect_uri=http://www.nationaljournal.com&display=popup&app_id=1420640618178948&link=http://www.nationaljournal.com&description=Share National Journal!&picture=http://www.nationaljournal.com/static/images/placeholder_square.jpg" target="_blank">
				<i class="social_facebook_circle"></i>
			</a>
		</li>
		
		<li class="link-twitter">
			<a href="https://twitter.com/intent/tweet?url=http://www.nationaljournal.com&text=Share National Journal!" target="_blank">
				<i class="social_twitter_circle"></i>
			</a>
		</li>
		
		<li class="link-googleplus">
			<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=http://www.nationaljournal.com?oref=linkedin.com&title=National Journal&summary=&source=">
				<i class="social_linkedin_circle"></i>
			</a>
		</li>
	</ul>
</div><!-- /.header-socials -->

					<a href="#" class="link-search">
						<i class="sprite-search selected-sprite"></i>
						<i class="sprite-search"></i>
						<i class="sprite-search-medium"></i>
					</a>
				</div><!-- /.header-right -->
			</div><!-- /.header-content-wrapper -->

			<span class="scroll-progress"></span>
		</div>
	</div>
</header><!-- /.header -->

<div class="nav-popup" id="more-popup">
		<div class="shell">
			<div class="nav-popup-inner">
				<a href="#" class="nav-popup-close">
					<i class="sprite-close"></i>
				</a>
				
				<h2>More</h2>
				
				<div class="cols">
					<div class="col">
						<ul>
							<li>
								<a href="/newsletters?mref=nav">Newsletters</a>
							</li>
							<li>
								<a href="/rss?mref=nav">RSS</a>
							</li>
							<li>
								<a target="_blank" href="https://www.linkedin.com/company/national-journal">LinkedIn</a>
							</li>
							
							<li>
								<a target="_blank" href="https://twitter.com/nationaljournal">Twitter</a>
							</li>
							
							<li>
								<a target="_blank" href="https://www.facebook.com/NationalJournal">Facebook</a>
							</li>
							
							<li>
								<a target="_blank" href="https://plus.google.com/+NationalJournal">Google+</a>
							</li>
							
							<li>
								<a target="_blank" href="http://nationaljournal.tumblr.com">Tumblr</a>
							</li>
						</ul>
					</div><!-- /.col -->
				
					<div class="col">
						<ul>
							<li>
								<a href="/events?mref=nav">National Journal LIVE</a>
							</li>
							<li>
								<a href="/next-america?mref=nav">The Next America</a>
							</li>
							
							<li>
								<a href="/next-economy?mref=nav">The Next Economy</a>
							</li>

							<li>
								<a href="/wia?mref=nav">Washington in the Information Age</a>
							</li>
							
							<li>
								<a href="/learn-more?mref=nav">Membership and Subscription</a>
							</li>
						</ul>
					</div><!-- /.col -->
				
					<div class="col">
						<ul>
							<li>
								<a href="/about?mref=nav">About</a>
							</li>
							
							<li>
								<a target="_blank" href="http://www.atlanticmedia.com/category/national-journal/">Leadership</a>
							</li>
							
							<li>
								<a href="/editorial/?mref=nav">Editorial Team</a>
							</li>
							
							<li>
								<a href="/staff?mref=nav">Staff Bios</a>
							</li>
							
							<li>
								<a target="_blank" href="http://www.atlanticmedia.com/about/">Atlantic Media</a>
							</li>
							
							<li>
								<a target="_blank" href="http://www.atlanticmedia.com/careers">Careers</a>
							</li>
						</ul>
					</div><!-- /.col -->
				
					<div class="col">
						<ul>
							<li>
								<a href="/press?mref=nav">Press Room</a>
							</li>
							
							<li>
								<a href="/advertise?mref=nav">Advertise</a>
							</li>
							
							<li>
								<a href="/advertise/?page_id=2449&mref=nav">Advertising Guidelines</a>
							</li>
							
							<li>
								<a href="/privacy-policy?mref=nav">Privacy Policy</a>
							</li>
							
							<li>
								<a href="/terms-and-conditions?mref=nav">Terms and Conditions</a>
							</li>
						</ul>
					</div><!-- /.col -->
				</div><!-- /.cols -->
			</div><!-- /.nav-popup-inner -->
		</div><!-- /.shell -->
	</div><!-- /.nav-popup -->

	<div class="nav-popup" id="news-analysis-popup">
		<div class="shell">
			<div class="nav-popup-inner">
				<a href="#" class="nav-popup-close">
					<i class="sprite-close"></i>
				</a>
				
				<h2>News & Analysis</h2>
				
				<div class="cols">

					<div class="col">
						<ul>
							<li>
								<a href="/daily"><b>Daily</b></a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/hotline"><b>Hotline</b></a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/magazine"><b>Magazine</b></a>
							</li>
						</ul>
					</div><!-- /.col -->
					
					<div class="col">
						<ul>
							<li>
								<a href="/twentysixteen">TwentySixteen</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/congress">Congress</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/white-house">White House</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/politics">Politics</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/energy">Energy</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/health-care">Health Care</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/defense">Defense</a>
							</li>
						</ul>
					</div><!-- /.col -->

					<div class="col">
						<ul>
							<li>
								<a href="/tech">Tech</a>
							</li>
						</ul>
					</div><!-- /.col -->
				</div><!-- /.cols -->
			</div><!-- /.nav-popup-inner -->
		</div><!-- /.shell -->
	</div><!-- /.nav-popup -->

<script type="text/template" id="login-check">
	<% var login = getCookie('loggedin'); %>
	<% if (login || s.prop25) { %>
	<a href="/dashboard" class="btn btn-gold">Dashboard</a>
	<% } else { %>
	<a href="/login" class="btn btn-gold">Log In</a>
	<% } %>
</script>

<script type="text/javascript">
	template = _.template($('#login-check').html());

	var today = new Date();
	var monthArray = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
	var weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
	$('#ha-header .slogan').text(weekdays[today.getDay()] + ', ' + monthArray[today.getMonth()] + ' ' + today.getDate() + ', ' + today.getFullYear());
	$('.ha-header-bottom .header-right').append(template());
</script>

<p class="no-height no-text">
	<a id="skipNav">&nbsp;</a>
</p>
	</div><!-- /.header-outer -->

	<main class="main" id="homepage">
		<div id="leadContentRail">
		</div>

		<div class="section-news news-rail">
			<div class="shell shell-wide">
				<div class="article-inner">
					<div id="homepage-left-rail" class="left-rail tablet-hide">
						<!-- insert content here -->
					</div><!-- /.col-md-4 -->

					<div id="homepage-center-rail" class="center-rail" data-count="0">
						<div id="updates"></div>
						<div class="post-feed-section">

							<div class="column-ad ad gptAd mobile-show">
								<span class="advertisement-text"><span class="a-text">Advertisement</span></span>
								<span class="adunit"
									id="homepage_content_ad"
									data-zone="homepage_front"
									data-customtargetting='{"njid":"homepage_square_ad", "pos":"homepage_rail", "kw":"None"}'
									data-ord=""
									data-desktop="300x250,300x600"
									data-tablet="300x250"
									data-phone="300x250"
									data-ad-index="0"
								></span>
							</div>

							<div class="post-feed-head">
								<h3>
									<strong>What We’re Following</strong>
								</h3>
								<span class="beta-plug-btn">
									Beta <i class="icon_question_alt"></i>
								</span>
								<div class="beta-popup hidden">
									This is a new feature that is currently being tested and implemented.
								</div>

								<span class="send-feedback">
									<a target="_blank" href="mailto:teambriefing@nationaljournal.com?Subject=Feedback on What We're Following">
										Give Feedback</a> <i class="arrow_carrot-2right"></i>
								</span>
								<span class="post-feed-description">
									Washington moves quickly. Stay informed as the day unfolds.
								</span><!-- /.post-feed-description"> -->
							</div><!-- /.post-feed-head -->
				
							<div class="posts-feed" id="homepageFeeds">
								<!-- append posts here -->
							</div><!-- /.post-feed-body -->

							<div class="subscribe-container">
								<div class="subscribe-head">
									<h2>We’ll deliver this how you want it.</h2>
								</div>
								<div class="subscribe subscribe-small">
									<form action="?" method="post">
										<div class="subscribe-body">
											<div class="subscribe-actions">
												<button type="submit" class="subscribe-btn">
													<i class="arrow_triangle-right"></i>
												</button>
											</div><!-- /.subscribe-actions -->
											
											<div class="subscribe-controls">
												<i class="icon_mail_alt"></i>
												<input type="text" name="subscribe" id="subscribe" placeholder="Enter your email" class="subscribe-field">
												<input type="hidden" name="mailing_list" value="what_were_following">
											</div><!-- /.subscribe-controls -->
										</div><!-- /.subscribe-body -->
									</form>
								</div>
							</div>
						</div>
					</div><!-- /.col-md-5 -->

					<div id="homepage-right-rail" class="right-rail mobile-hide">
						<div class="column-ad ad gptAd" style="min-height:250px">
							<span class="adunit"
								id="homepage_rail_ad"
								data-zone="homepage_content"
								data-customtargetting='{"njid":"homepage_rail_ad", "pos":"homepage_rail", "kw":"None"}'
								data-ord=""
								data-desktop="300x250"
								data-tablet="300x250"
								data-phone="300x250"
							></span>
						</div>
						
						<div id="popularStories"></div>
					</div><!-- /.col-md-3 -->
				</div><!-- /.row -->
			</div><!-- /.shell -->
		</div><!-- /.section-news -->


		<div class="section-news">
			<div class="shell shell-wide">
				<div class="row">
					<div class="col-sm-12 mobile-hide" id="bottomContentRail">
						<!-- insert large curated stories -->
					</div><!-- /.col-sm-12 -->
				</div><!-- /.row -->
				<div class="row" id="double-bottom-row">
				</div>
			</div><!-- /.shell -->
		</div><!-- /.section-news -->
	</main><!-- /.main -->
	
	<!--#include virtual="ssi/footer.shtml" -->
	<footer class="footer">
	<div class="shell">
		<div class="footer-cols">
			<div class="footer-cols-inner">
				<div class="footer-col">

					<div class="footer-nav">
						<ul>
							<li>
								<a href="/newsletters?mref=nav">Newsletters</a>
							</li>
							
							<li>
								<a href="/rss?mref=nav">RSS</a>
							</li>
							
							<li>
								<a target="_blank" href="https://www.linkedin.com/company/national-journal">LinkedIn</a>
							</li>
							
							<li>
								<a target="_blank" href="https://twitter.com/nationaljournal">Twitter</a>
							</li>

							<li>
								<a target="_blank" href="https://www.facebook.com/NationalJournal">Facebook</a>
							</li>

							<li>
								<a target="_blank" href="https://plus.google.com/+NationalJournal">Google+</a>
							</li>

							<li>
								<a target="_blank" href="http://nationaljournal.tumblr.com">Tumblr</a>
							</li>
						</ul>
					</div><!-- /.footer-nav -->
				</div><!-- /.footer-col -->
				
				<div class="footer-col">
					<div class="footer-nav">
						<ul>
							<li>
								<a href="/events?mref=nav">National Journal LIVE</a>
							</li>
							
							<li>
								<a href="/next-america?mref=nav">The Next America</a>
							</li>
							
							<li>
								<a href="/next-economy?mref=nav">The Next Economy</a>
							</li>

							<li>
								<a href="/wia?mref=nav">Washington in the Information Age</a>
							</li>
							
							<li>
								<a href="/learn-more?mref=nav">Membership and Subscription</a>
							</li>

						</ul>
					</div><!-- /.footer-nav -->
				</div><!-- /.footer-col -->
			</div><!-- /.footer-cols-inner -->
			
			<div class="footer-cols-inner">				
				<div class="footer-col">
					<div class="footer-nav">
						<ul>
							<li>
								<a href="/about-national-journal?mref=nav">About</a>
							</li>
							
							<li>
								<a target="_blank" href="http://www.atlanticmedia.com/category/national-journal/">Leadership</a>
							</li>
							
							<li>
								<a href="/editorial/?mref=nav">Editorial Team</a>
							</li>
							
							<li>
								<a href="/staff?mref=nav">Staff Bios</a>
							</li>
							
							<li>
								<a target="_blank" href="http://www.atlanticmedia.com/about/">Atlantic Media</a>
							</li>
							
							<li>
								<a target="_blank" href="http://www.atlanticmedia.com/careers">Careers</a>
							</li>
						</ul>
					</div><!-- /.footer-nav -->
				</div><!-- /.footer-col -->

				<div class="footer-col">
					<div class="footer-nav">
						<ul>
							<li>
								<a href="/press?mref=nav">Press Room</a>
							</li>

							<li>
								<a href="/advertise?mref=nav">Advertise</a>
							</li>
							
							<li>
								<a href="/advertise/?page_id=2449&mref=nav">Advertising Guidelines</a>
							</li>
							
							<li>
								<a href="/privacy-policy?mref=nav">Privacy Policy</a>
							</li>
							
							<li>
								<a href="/terms-and-conditions?mref=nav">Terms and Conditions</a>
							</li>
						</ul>
					</div><!-- /.footer-nav -->
				</div><!-- /.footer-col -->
			</div><!-- /.footer-cols-inner -->
		</div><!-- /.footer-cols -->
	</div><!-- /.shell -->
</footer><!-- /.footer -->

<script type="text/template" id="lead-rail-content">
	
<% if(topRail.length > 0){ %>
<div class="post-alt post-alt-big">
	<% 
		var firstStory = topRail[0];
	%>
	<div class="post-image">
		<% 
		var img = getTypeImage('wide', firstStory);
		if(img){ %>
			<img src="<%= IMAGE_DOMAIN %><%= setCrop(1120, false, img) %>" alt="" />
		<% } %>
	</div><!-- /.post-alt -->
	
	<div class="post-content-wrapper">
		<div class="post-content">
			<div class="post-meta">
				<ul>
					<% if(firstStory['authors'] && firstStory['authors'].length>0){ %>
					<li class="authors">
						<% 
						var authorsArray = [];
						_.each(firstStory['authors'], function(author){
							if(author['author'])
								authorsArray.push('<a href="/editorial/'+author['name'].replace(' ', '-').toLowerCase()+'?mref=home">'+author['name']+'</a>');
							else
								authorsArray.push(author['name']);
						});

						var byline = '';
						if(authorsArray.length > 0){
							if(authorsArray.length > 1){
								var finalAuthor = authorsArray.pop();
								byline = authorsArray.join(', ') + ' and ' + finalAuthor;
							}else{
								byline = authorsArray.join('');
							}
						}

						var bylineString = null;
						if(byline.length > 0)
							bylineString = 'By ' + byline;
						if(bylineString){
						%>
						<%= bylineString %>
						<% } %>
					</li>
					<% } %>
					<li>
						<a class="post-share-btn" href="#">
							Share<i class="ico-share">&#xe0a0;</i>
						</a>
					</li>
				</ul>
			</div><!-- /.post-meta -->
			
			<a href="<%= firstStory['short_url'] + '?mref=home' %>">		
				<% if(firstStory['headline']){ %>	
					<h2>
						<%= firstStory['headline'] %>
					</h2>
				<% } %>
				<% if(firstStory['subheadline']){ %>
					<h5>
						<%= firstStory['subheadline'] %>
					</h5>
				<% } %>
			</a>
		</div><!-- /.post-content -->

		<div class="post-content-right">
			<% 
				_.each(topRail.slice(1), function(article){
			%>
			<div class="post-entry tablet-hide">
				<div class="post-entry-inner">
					<div class="post-related">
						<strong>
							<a href="<%= article['short_url'] + '?mref=home' %>"><%= article['headline'] %></a>
						</strong>

						<span>
							<% if(article['authors'] && article['authors'].length>0){ %>
								<% 
								var authorsArray = [];
								_.each(article['authors'], function(author){
									if(author['author'])
										authorsArray.push('<a href="/editorial/'+author['name'].replace(' ', '-').toLowerCase()+'?mref=home">'+author['name']+'</a>');
									else
										authorsArray.push(author['name']);
								});

								var byline = '';
								if(authorsArray.length > 0){
									if(authorsArray.length > 1){
										var finalAuthor = authorsArray.pop();
										byline = authorsArray.join(', ') + ' and ' + finalAuthor;
									}else{
										byline = authorsArray.join('');
									}
								}

								var bylineString = null;
								if(byline.length > 0)
									bylineString = 'By ' + byline;
								if(bylineString){
								%>
								<%= bylineString %>
								<% } %>
							<% } %>
						</span>
					</div><!-- /.post-related -->
				</div><!-- /.post-entry-inner -->
			</div>
			<%
				});
			%>
		</div>
	</div><!-- /.post-alt -->
</div>
<% } %>
</script>

<script type="text/template" id="popular-stories-content">
	
<div class="most-popular">
	<h4>Most Read</h4>
	
	<ol class="updates">
		<% _.each(collection, function(story, i){ %> 
		<li class="update">
			<div class="update-number">
				<strong><%= i+1 %></strong>
			</div><!-- /.update-number -->

			<div class="update-content">
				<div class="update-entry">
					<p>
						<a href="<%= story['url'] + '?mref=home' %>" data-mref="popular">
							<%= story['headline'] %>
						</a>
					</p>
				</div><!-- /.update-entry -->
			</div><!-- /.update-content -->
		</li><!-- /.update -->
		<% }); %>
	</ol><!-- /.updates -->

	<% if (promo) { %>
		<!--
		<p class="sponsored">
			<a href="<%= promo['url'] %>">
				<i class="icon_ribbon_alt"></i>
				SPONSORED: <em><%= promo['headline'] %></em>
			</a>
		</p>--><!-- /.sponsored -->
	<% } %>
</div><!-- /.most-popuplar -->
</script>
<script type="text/template" id="curated-story">
	
<% if(curated){ %>
<div class="post-alt">
	<% var img = getTypeImage('square', curated);
	%>
	<% if(img){ %>	
		<a href="<%= curated['short_url'] %>">
		<div class="post-image">
			<img src="<%= IMAGE_DOMAIN %><%= setCrop(350, 350, img) %>" alt="" />
		</div><!-- /.post-alt -->
		</a>
	<% } else { %>
		<div class="post-no-image">
			<% var url = '' 
			if(curated['short_url'])
				url = curated['short_url'];
			else if(curated['url'])
				url = curated['url'];
			%>
			<a href="<%= url %>">
				<div class="no-image-holder"></div>
			</a>
		</div><!-- /.post-alt -->
	<% } %>

	<div class="post-content">
		<div class="post-meta">
			<ul>
				<% if(ispromoted){ %>
					<li class="authors sponsored">
						Sponsor Content
					</li>
				<% } else { %>
					<% if(curated['authors'] && curated['authors'].length>0){ %>
					<li class="authors">
						<% 
						var authorsArray = [];
						_.each(curated['authors'], function(author){
							if(author['author'])
								authorsArray.push('<a href="/editorial/'+author['name'].replace(' ', '-').toLowerCase()+'">'+author['name']+'</a>');
							else
								authorsArray.push(author['name']);
						});

						var byline = '';
						if(authorsArray.length > 0){
							if(authorsArray.length > 1){
								var finalAuthor = authorsArray.pop();
								byline = authorsArray.join(', ') + ' and ' + finalAuthor;
							}else{
								byline = authorsArray.join('');
							}
						}

						var bylineString = null;
						if(byline.length > 0)
							bylineString = 'By ' + byline;
						if(bylineString && authorsArray.length > 0){
						%>
						<%= bylineString %>
						<% } %>
					</li>
					<% } %>
				<% } %>
				<li>
					<a class="post-share-btn" href="#">
						Share<i class="ico-share">&#xe0a0;</i>
					</a>
				</li>
			</ul>
		</div><!-- /.post-meta -->

		<% var url = '' 
			if(curated['short_url'])
				url = curated['short_url'];
			else if(curated['url'])
				url = curated['url'];
			%>
		<a href="<%= url %>">
			<h4 class="<% if(ispromoted){ %>sponsored<% } %>">
				<%= curated['headline'] %>
			</h4>	
			<% if((!img) && curated['subheadline']){ %>
				<h5 class="no-image-header"><%= curated['subheadline'] %></h5>
			<% } %>
		</a>
	</div><!-- /.post-content -->
</div><!-- /.post-alt -->
<% } %>
</script>
<script type="text/template" id="more-curated">
	
<div class="pointer-ref-wrapper">
	<ul>
	<% _.each(bottomZone, function(article, index){ %>
		<li class="pointer <% if(index ==0){ %> active <% } %>"></li>
	<% }) %>
</ul>
</div>
<div class="bottom-zone">
	<% _.each(bottomZone, function(article){ %>
	<div class="post-alt post-alt-big">
		<% 
		var img = getTypeImage('wide', article);
		if(img){ %>
		<a href="<%= article['short_url'] + '?mref=home' %>">
			<div class="post-image">
				<img src="<%= IMAGE_DOMAIN %><%= setCrop(1120, 630, img) %>" alt="" />
			</div><!-- /.post-alt -->
		</a>
		<% } %>
		
		<div class="post-content">
			<div class="post-meta">
				<ul>
					<% if(article['authors'] && article['authors'].length>0){ %>
					<li class="authors">
						<%  
						var authorsArray = [];
						_.each(article['authors'], function(author){
							if(author['author'])
								authorsArray.push('<a href="/editorial/'+author['name'].replace(' ', '-').toLowerCase()+'?mref=home">'+author['name']+'</a>');
							else
								authorsArray.push(author['name']);
						});

						var byline = '';
						if(authorsArray.length > 0){
							if(authorsArray.length > 1){
								var finalAuthor = authorsArray.pop();
								byline = authorsArray.join(', ') + ' and ' + finalAuthor;
							}else{
								byline = authorsArray.join('');
							}
						}

						var bylineString = null;
						if(byline.length > 0 && authorsArray.length > 0)
							bylineString = 'By ' + byline;
						if(bylineString){
						%>
						<%= bylineString %>
						<% } %>
					</li>
					<% } %>
					<li>
						<a class="post-share-btn" href="#">
							Share<i class="ico-share">&#xe0a0;</i>
						</a>
					</li>
				</ul>
			</div><!-- /.post-meta -->

			<h2>
				<a href="<%= article['short_url'] + "?mref=home" %>"><%= article['headline'] %></a>
			</h2>

			<% if(article['subheadline']){ %>
				<div class="post-entry">
					<p><a href="<%= article['short_url'] + "?mref=home" %>"><%= article['subheadline'] %></a></p>
				</div><!-- /.post-entry -->
			<% } %>
		</div><!-- /.post-content -->
	</div><!-- /.post-alt -->
	<% }); %>
</div>
</script>
<script type="text/template" id="aggregated-stories">
	
<% 
	var assocBriefings = {};
	if(data['briefings']){
%>
<div class="post-feed main-briefing-post">
	<ul class="briefings">

	<% 
		_.each(data['briefings'], function(briefing, index){
			var pointer = index+1;
			assocBriefings['briefing_'+briefing['id']] = pointer;
	%>
		<li class="briefing-pointer b<%= pointer %>" data-pointer="b<%= pointer %>" data-id='<%= briefing['id'] %>'>
			<span class="brief-color"></span>
			<span class="brief-title"><%= briefing['content'] %></span>
		</li>
	<%
		});
	%>

	</ul>
</div>
<% 	} %>

<%
	if(data['updates']){
		_.each(data['updates'], function(update, index){

			if(index == 2 && data['updates'].length >= 5){
%>
	<div class="subscribe-container post-feed">
		<div class="subscribe-head">
			<h2>Get this in your inbox.</h2>
		</div>
		<div class="subscribe subscribe-small">
			<form action="?" method="post">
				<div class="subscribe-body">
					<div class="subscribe-actions">
						<button type="submit" class="subscribe-btn">
							<i class="arrow_triangle-right"></i>
						</button>
					</div><!-- /.subscribe-actions -->
					
					<div class="subscribe-controls">
						<i class="icon_mail_alt"></i>
						<input type="text" name="subscribe" id="subscribe" placeholder="Enter your email to subscribe" class="subscribe-field">
						<input type="hidden" name="mailing_list" value="what_were_following">
					</div><!-- /.subscribe-controls -->
				</div><!-- /.subscribe-body -->
			</form>
		</div>
	</div>
<%
			}
			
			var pointer = '';
			if(update['assoc_briefing'])
				pointer = 'b'+assocBriefings['briefing_'+update['assoc_briefing']['id']];
%>
	<div class="post-feed briefing-update <%= pointer %>" data-pointer-id="updates" data-id="<%= update['id'] %>">
		<div id="ref<%= update['id'] %>-link"></div>
		<div class="pf-top-wrapper">
			<div class="post-image">
				<div class="post-category">
					<!-- include icon based on category here -->
					<i class="<%= update['category'] %>"></i>
				</div>
			</div>

			<div class="post-body">
				<div class="post-head">
					<p>
						<%= update['kicker'] %>
					</p>
				</div><!-- /.post-head -->

				<div class="post-content">
					<% if(update['sources'] && update['sources'].length > 0){ %>
					<p>
						<a class="briefing-headline-source" target="_blank" href="<%=update['sources'][0] %>"><%= update['headline'] %></a>
					</p>
					<% } else { %>
					<p>
						<%= update['headline'] %>
					</p>
					<% } %>
				</div><!-- /.post-content -->

				<div class="post-foot">
					<% 	var d1 = new Date(update['publication_date']['$date']);
						var currentTime = new Date();
						var diff = currentTime.getTime() - d1.getTime();
					%>
					<ul>
						<li>
							<a class="not-link" href="/bu/<%= update['id'] %>?mref=home">
								<i class="ico-time">&#x7d;</i> 
								<% if(diff > 7200000){ %>
									<%= format_date_without_time(d1) %>
								<% } else { %>
									<%= $.timeago(d1) %>
								<% } %>
							</a> 
						</li>
					</ul>
				</div>
			</div>

			<div class="post-share">
				<div class="post-action-top">
					<a href="#" class="post-share-btn">
						share <i class="ico-share">&#xe0a0;</i>
					</a>
				</div><!-- /.post-action-top -->
			</div>
		</div>
		<% if(!update['authors']){ %>
			<div class="pf-bottom-wrapper">
				<div class="post-head">
					<p>
						Why We Care
					</p>
				</div><!-- /.post-head -->
				<div class="post-content">
					<%= update['content'] %>
				</div>
			</div>
		<% } else { %>
			<div class="pf-bottom-wrapper">
				<div class="post-content author">
					<div class="author-image">
						<% img = getTypeImage('square', update['authors']); %>
						<% if(update['authors'] && img){ %>
							<img src="<%= IMAGE_DOMAIN %><%= setCrop(45, 45, img) %>" />
						<% } else { %>
							<img src="/static/images/placeholder_square.jpg"/>
						<% } %>

						<span class="bar-color"></span>
					</div>
					<div class="author-content">
						<span class="author-name"><%= update['authors']['first_name'] %> <%= update['authors']['last_name'] %></span>
						<span class="author-title"><%= update['authors']['title'] %></span>
						<span class="post-content sub-content">
							<span>&ldquo;</span><%= update['content'] %><span>&rdquo;</span>
						</span>
					</div>
				</div>
			</div>
		<% } %>
		<% if(update['sources'] && update['sources'].length > 0){ %>
			<div class="post-sources">
				<span>Source:</span>
				<% if(update['sources']){ %>
				<ul class="source-list" id="briefingsources-<%= update['id'] %>">
					<% _.each(update['sources'], function(source, index){ 
						var domain = getBaseDomain(source);
						var favUrl = 'http://'+domain+'/favicon.ico';
						validFavicon(favUrl, "briefingsources-"+update['id'], source);
						%>
						
					<% }); %>
				</ul>
				<% } %>
			</div>
		<% } %>
	</div>
<%
		});
	}
%>
</script>
<script type="text/template" id="double-bottom">
	<% var countedStories = 0; %>
<% _.each(doubleBottomZone, function(article, index) {%>
<% if(getImage(article) && countedStories < 4){ 
	countedStories++;
%>
<div class="col-md-4 col-sm-6 mobile-hide <% if(countedStories > 3){ %>tablet-show <% } %>">
	<div class="post-alt">
		<% 
		var img = getTypeImage('square', article);
		if(img){ %>
			<a href="<%= article['short_url'] + "?mref=home" %>">
				<div class="post-image">
					<img src="<%= IMAGE_DOMAIN %><%= setCrop(353, 353, img) %>" alt="" />
				</div><!-- /.post-alt -->
			</a>
		<% } else { %>
			<div class="post-no-image">
				<a href="<%= article['short_url'] + "?mref=home" %>">
					<div class="no-image-holder"></div>
				</a>
			</div><!-- /.post-alt -->
		<% } %>
		
		<div class="post-content">
			<div class="post-meta">
				<ul>
					<% if(article['ad_campaign']){ %>
						<li class="authors sponsored">
							Sponsor Content
						</li>
					<% } else { %>
						<% if(article['authors'] && article['authors'].length>0){ %>
						<li class="authors">
							<% 
							var authorsArray = [];
							_.each(article['authors'], function(author){
								if(author['author'])
									authorsArray.push('<a href="/editorial/'+author['name'].replace(' ', '-').toLowerCase()+' ?mref=home">'+author['name']+'</a>');
								else
									authorsArray.push(author['name']);
							});

							var byline = '';
							if(authorsArray.length > 0){
								if(authorsArray.length > 1){
									var finalAuthor = authorsArray.pop();
									byline = authorsArray.join(', ') + ' and ' + finalAuthor;
								}else{
									byline = authorsArray.join('');
								}
							}

							var bylineString = null;
							if(byline.length > 0)
								bylineString = 'By ' + byline;
							if(bylineString){
							%>
							<%= bylineString %>
							<% } %>
						</li>
						<% } %>
					<% } %>
					<li>
						<a class="post-share-btn" href="#">
							Share<i class="ico-share">&#xe0a0;</i>
						</a>
					</li>
				</ul>
			</div><!-- /.post-meta -->

			<h4 class="<% if(article['ad_campaign']){ %>sponsored<% } %>">
				<a href="<%= article['short_url'] + '?mref=home' %>"><%= article['headline'] %></a>
			</h4>
		</div><!-- /.post-content -->
	</div><!-- /.post-alt -->
</div><!-- /.col-md-4 -->
<% } %>
<% }); %>
</script>

</body>
<!--#include virtual="ssi/foot.shtml" -->
	
</html>