<nav id="fatnav" role="navigation">
<ul>
  {{#l0:items}}
    <li class="pillar">
      <span class="toplevel">{{l0.title}}</span>
      <ul class="expandee">
        {{#l1:l0.items}}
          <li class="submenu">{{l1.title}}
            <ul>
             {{?l1.items}}{{#l2:l1.items}}
                <li class="category">
                  {{?l2.href}}<a href="{{l2.href}}">{{/l2.href}}
                  {{l2.title}}
                  {{?l2.href}}</a>{{/l2.href}}
                  <ul>
                    {{?l2.items}}{{#l3:l2.items}}
                      <li><a href="{{l3.href}}">{{l3.title}}</a>
                      </li>
                    {{/l2.items}}{{/l2.items}}
                  </ul>
                </li>
              {{/l1.items}}{{/l1.items}}
            </ul>
          </li>
        {{/l0.items}}
      </ul>
    </li>
  {{/items}}
  <li id="search">
    <img src="{{static}}/images/search.png">
    <div class="expandee">

<!-- override search styles set globally by site.css -->
<style>
.gsc-above-wrapper-area, .gsc-result-info {
  font-size: 11px;
}
.gs-webResult div, .gs-result div {
  line-height: initial;
}
.gs-webResult a, .gs-result a {
  text-decoration: none;
}
td.gcsc-branding-img-noclear, .gcsc-branding-img-noclear a {
  width: 51px;
  height: 15px;
  vertical-align: top;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
  padding: 0;
}
.gsc-control-cse tr, .gsc-control-cse td, .gsc-control-cse th {
 padding: inherit;
 border: none;
}
.gsc-control-cse {
  white-space: normal;
  border: none;
  padding: 0 1em;
}
#search .gsc-control-cse img {
  height: inherit;
  width: inherit;
}
.gsc-control-cse table {
  margin: initial;
}
.gsc-control-cse * {
  box-sizing: initial;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
}
#fatnav .expandee .gsc-control-cse a {
 padding: 0;
 color: inherit;
}
</style>

      <form id="chrome-docs-cse-search-form" action="https://google.com/cse">
        <input type="search" id="chrome-docs-cse-input" name="q" placeholder="What are you looking for?">
        <input type="hidden" name="cx" value="010997258251033819707:7owyldxmpkc" />
        <input type="hidden" name="ie" value="UTF-8" />
      </form>
      <gcse:searchresults-only gname="results"></gcse:searchresults-only>
    </div>
  </li>
</ul>
</nav>