## loads the html 5 doctype
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/doctype_html5.vtl")
<head>
## loads the title and meta tags
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/metadata.vtl")
## loads the fav icon
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/fav_icon.vtl")
##<link rel="stylesheet" type="text/css" href="/DOTSASS/includes/css/test.css?debug=true">
## loads department template styles
<link rel="stylesheet" type="text/css" href="${domain}/contentAsset/raw-data/a490d51a-8c80-4acd-96b6-3c1971dac3a5/fileAsset">
<link rel="stylesheet" type="text/css" href="/includes/main.css">
## loads modernizer
<!--[if lt IE 9]><script type="text/javascript" src="${domain}/contentAsset/raw-data/d726d485-a94d-407e-a120-6657f7dd3596/fileAsset?byInode=true"></script><![endif]-->
## loads typekit
#if(${host.typekit} !="")#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/typekit.vtl")#end
</head>
## loads the body tag
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/body.vtl")
## loads GTM script from share drive
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/gtm.vtl")
## BROWSER UPGRADE MESSAGE INCLUDE
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/browser_upgrade.vtl")
<div id="outer-wrap"#if($VTLSERVLET_URI =="/index") class="home"#end>
<nav id="mobile-nav" aria-label="mobile">
<h2 class="landmark">Mobile Menu</h2>
<p class="close"><a href="#return" tabindex="0"><svg class="close-icon"><use xlink:href="#close-icon"></use></svg> Close</a></p>
<p class="title-mobile"><a href="/" title="$host.siteName">$host.siteName</a></p>
<form action="/pages/search" id="cse-search-box-mobile">
<label class="hide" for="gse_query-mobile">Search Box</label>
<input type="text" id="gse_query-mobile" name="query" size="18" placeholder="Search...">
<label class="hide" for="searchbutton-mobile">Submit Search</label>
<input type="submit" value="Search" id="searchbutton-mobile">
</form>
<ul id="nav-menu-mobile">
#set($topnav = $navtool.getNav("/"))
<li class="level_1 #if($VTLSERVLET_URI =="/index") active #end"><a href="/">Home</a></li>
#foreach($item in $topnav)
<li class="level_1#if($item.active) active#end #if($item.children.size() > 0) parent#end"><a href="${item.href}">$item.title</a>
#if($item.active && $item.children.size() > 0)
<ul>
#foreach($two in $item.children)
<li class="level_2#if($two.active) active#end #if($two.children.size() > 0)parent#end"><a href="${two.href}">${two.title}</a>
#if($two.active && $two.children.size() > 0)
<ul>
#foreach($three in $two.children)
<li class="level_3#if($three.active) active#end"><a href="${three.href}">${three.title}</a></li>
#end
</ul>
#end
</li>
#end ## end $one
</ul>
#end
</li>
#end
</ul>
<p class="close"><a href="#return"><svg class="close-icon"><use xlink:href="#close-icon"></use></svg> Close</a></p>
</nav>
<div id="dark-cover" aria-label="Mobile Only - on click, close mobile menu"></div>
<header role="banner" #if($VTLSERVLET_URI =="/index") class="home"#end>
<div class="row masthead-row">
<div class="small-9 large-12 columns masthead">
<a href="http://www.msu.edu"><svg class="masthead">
<text>Michigan State University</text>
<use xlink:href="#msu-masthead-icon"></use>
</svg></a>
<div id="search-medium">
<form action="/pages/search" id="cse-search-box" role="search">
<label class="hide" for="gse_query">Search Box</label>
<input type="text" id="gse_query" name="query" size="18" aria-label="search box" placeholder="Search...">
<label class="hide" for="searchbutton">Submit Search</label>
<input type="submit" value="Search" id="searchbutton">
</form>
</div>
</div>
<div class="small-3 columns">
<p id="nav-button" class="nav-button green"><a href="#mobile-nav"><svg class="masthead"><text>Mobile Menu</text>
<use xlink:href="#menu-search-icon"></use></svg>
</a></p>
</div>
</div>
<div class="row title-row">
<div class="small-12 columns"><h1><a href="/" title="$host.siteName">#dotParse('/includes/siteTitle.vtl')</a></h1></div>
</div>
</header>
#if($VTLSERVLET_URI =="/index")
<div class="banner-wrap">
<div class="row home-banner">
<div class="small-12 medium-6 large-3 columns banner-text">
#dotParse('/includes/home-banner.vtl')
</div>
<div class="medium-6 large-9 columns banner-image">
</div>
</div>
</div>
#end
<div class="page-wrap">
<div class="fade">
<div id="page" class="page row">
## sidebar
<div class="large-3 columns" id="nav-medium">
<nav id="navigation" class="navigation">
<h2 class="landmark">Main Menu</h2>
<ul id="nav_sub">
#set($topnav = $navtool.getNav("/"))
<li class="level_1 #if($VTLSERVLET_URI =="/index") here #end"><a href="/">Home</a></li>
#foreach($level_1 in $topnav)
<li class="level_1#if($level_1.active) here#end #if($level_1.parent) parent#end"><a href="${level_1.href}">${level_1.title}</a>
#if($level_1.active && $level_1.children.size() > 0)
<ul>
#foreach($level_2 in $level_1.children)
<li class="level_2#if($level_2.active) here#end #if($level_2.parent) parent#end"><a href="${level_2.href}">${level_2.title}</a>
#if($level_2.active && $level_2.children.size() > 0)
<ul>
#foreach($level_3 in $level_2.children)
<li class="level_3#if($level_3.active) here#end"><a href="${level_3.href}">${level_3.title}</a></li>
#end
</ul>
#end
</li>
#end
</ul>
#end
</li>
#end
## code below allows the user to re-arrange nav
#dotParse("//www.anr.msu.edu/shared/vtl/shared-web-files/nav-arrange.vtl")
</ul>
</nav>
#dotParse('/includes/nav-promo.vtl')
</div>
## content
<article id="content" class="content small-12 large-9 columns" role="main">