<div class="panel" id="full-toc">

<div class="panel-heading">

<h3 class="panel-head"><a href="/table-of-contents.html" style="color: #fff;">Table of Contents</a></h3>

</div>

<div class="list-group">

{% for p in pages|sort(attribute='sortorder') %}

{% if p %}

{% if p.toc == 'True' %}<a href="/{{ p.slug }}.html" class="list-group-item smaller-item{% if p.slug == page.slug %} active{% endif %}" style='font-family: "Helvetica Neue",sans-serif;'>{{ p.sidebartitle }}</a>{% else %}<a href="/{{ p.slug }}.html" class="list-group-item smaller-item{% if p.slug == page.slug %} active{% endif %}" style='font-family: "Helvetica Neue",sans-serif; {% if p.sortorder[0:2]|int > 9 and p.sortorder[2:4]|int > 1 %}padding-left:35px{% else %}padding-left:27px{% endif %}'>{{ p.sidebartitle }}</a>{% endif %}

{% endif %}

{% endfor %}

<a href="/table-of-contents.html" class="list-group-item smaller-item" style='font-family: "Helvetica Neue",san-serif;background-color:#22B24C; color: #fff;'>...or <span style="border-bottom: 1px dotted;">view the full table of contents</span>.</a>

</div>