Menu

<!-- Menu -->
<div class="js-menu menu" id="menu" aria-label="Site Menu">
    <div class="menu_header">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="menu_header_inner">
                    <h2 class="menu_title">Site Menu</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="menu_primary">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="menu_primary_inner">
                    <div class="menu_search menu_search_small">

                        <div class="js-site-search site_search site_search_small" id="site_search_small" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="site search">
                            <meta itemprop="url" content="http://paul-smiths.dev.fastspot.com/site">
                            <form class="site_search_form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
                                <meta itemprop="target" content="http://paul-smiths.dev.fastspot.com/site/components/preview/template-search?q={q}">
                                <label class="js-site-search-label site_search_label" for="search_string__small">Search</label>
                                <div class="site_search_field">
                                    <input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__small" name="q" placeholder="Search" required>
                                    <button class="site_search_button" type="submit">
                                        <span class="site_search_button_inner">
                                            <span class="site_search_button_label">Submit</span>
                                            <span class="site_search_button_icon">
                                                <svg class="icon icon_search">
                                                    <use href="/images/icons.svg#search" />
                                                </svg>
                                            </span>
                                        </span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="menu_primary_main">
                        <div class="menu_main_nav_collapse">

                            <nav class="js-nav-collapse js-main-collapse-nav collapse_nav main_collapse_nav" aria-labelledby="collapse_nav_title-2">
                                <div class="collapse_nav_header main_collapse_nav_header">
                                    <h2 class="collapse_nav_title main_collapse_nav_title" id="collapse_nav_title-2">site</h2>
                                </div>
                                <ul class="js-nav-collapse-list js-main-collapse-nav-list collapse_nav_list main_collapse_nav_list" aria-labelledby="collapse_nav_title-2">
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-1 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">The Smitty Story</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-1" data-swap-group="main_collapse_nav" aria-label="The Smitty Story" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_chevron_right">
                                                            <use href="/images/icons.svg#chevron_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="The Smitty Story">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Sustainability</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Well-being</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Adventure</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">About Paul Smith's College</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-2 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Apply for Admission</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-2" data-swap-group="main_collapse_nav" aria-label="Apply for Admission" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_chevron_right">
                                                            <use href="/images/icons.svg#chevron_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Apply for Admission">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Visit Paul Smith's</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Steps to Apply</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Connect with Admissions</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-3 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Cost & Aid</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-3" data-swap-group="main_collapse_nav" aria-label="Cost & Aid" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_chevron_right">
                                                            <use href="/images/icons.svg#chevron_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Cost & Aid">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Tuition & Fees</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Work Program</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Jobs & Internships</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Types of Aid</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Veteran Resources</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-4 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Academics</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-4" data-swap-group="main_collapse_nav" aria-label="Academics" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_chevron_right">
                                                            <use href="/images/icons.svg#chevron_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Academics">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Programs of Study / Majors & Minors</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Graduate School</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Hands-on Learning</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Career Development</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">2 + 2 Transfer Program</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Academic Resources</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Meet our Faculty</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-5 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Life in the Adirondacks</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-5" data-swap-group="main_collapse_nav" aria-label="Life in the Adirondacks" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_chevron_right">
                                                            <use href="/images/icons.svg#chevron_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="Life in the Adirondacks">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Housing & Dining</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Local Communities</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Clubs & Activities</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Vibes & Values</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Arts & Culture</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Health & Safety</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-6 collapse_nav_item main_collapse_nav_item">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">Athletics</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-collapse-item js-main-collapse-nav-item js-main-collapse-nav-item-7 collapse_nav_item main_collapse_nav_item has_children">
                                        <div class="collapse_nav_item_inner main_collapse_nav_item_inner">
                                            <a class="js-nav-collapse-link js-main-collapse-nav-link collapse_nav_link main_collapse_nav_link" href="#">
                                                <div class="collapse_nav_link_inner main_collapse_nav_link_inner">
                                                    <span class="collapse_nav_label main_collapse_nav_link_label">News & Events</span>
                                                </div>
                                            </a>
                                            <button class="js-swap js-nav-collapse-toggle js-main-collapse-nav-toggle collapse_nav_toggle main_collapse_nav_toggle" data-swap-target=".js-main-collapse-nav-item-7" data-swap-group="main_collapse_nav" aria-label="News & Events" aria-haspopup="true" aria-expanded="false">
                                                <span class="collapse_nav_toggle_inner main_collapse_nav_toggle_inner">
                                                    <span class="collapse_nav_icon main_collapse_nav_toggle_icon">
                                                        <svg class="icon icon_chevron_right">
                                                            <use href="/images/icons.svg#chevron_right" />
                                                        </svg>
                                                    </span>
                                                </span>
                                            </button>
                                        </div>
                                        <ul class="js-nav-collapse-children js-main-collapse-nav-children collapse_nav_children main_collapse_nav_children" aria-label="News & Events">
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">Events</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">News</span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-nav-collapse-child-item js-main-collapse-nav-child-item collapse_nav_child_item main_collapse_nav_child_item">
                                                <a class="js-nav-collapse-child-link js-main-collapse-nav-child-link collapse_nav_child_link main_collapse_nav_child_link" href="#">
                                                    <div class="collapse_nav_link_inner main_collapse_nav_child_link_inner">
                                                        <span class="collapse_nav_child_link_label main_collapse_nav_child_link_label">The Apollos</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="menu_primary_aside">
                        <div class="menu_search menu_search_large">

                            <div class="js-site-search site_search site_search_large" id="site_search_large" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="site search">
                                <meta itemprop="url" content="http://paul-smiths.dev.fastspot.com/site">
                                <form class="site_search_form" action="/components/preview/template-search" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
                                    <meta itemprop="target" content="http://paul-smiths.dev.fastspot.com/site/components/preview/template-search?q={q}">
                                    <label class="js-site-search-label site_search_label" for="search_string__large">Search</label>
                                    <div class="site_search_field">
                                        <input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__large" name="q" placeholder="Search" required>
                                        <button class="site_search_button" type="submit">
                                            <span class="site_search_button_inner">
                                                <span class="site_search_button_label">Submit</span>
                                                <span class="site_search_button_icon">
                                                    <svg class="icon icon_search">
                                                        <use href="/images/icons.svg#search" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="menu_action_nav">

                            <nav class="action_nav action_nav_menu" aria-labelledby="basic_nav_title-4">
                                <div class="action_nav_header">
                                    <h2 class="action_nav_title" id="basic_nav_title-4">Actions</h2>
                                </div>
                                <ul class="action_nav_list" aria-labelledby="basic_nav_title-4">
                                    <li class="action_nav_item">
                                        <a class="action_nav_link" href="#">
                                            <div class="action_nav_link_inner">
                                                <span class="action_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_suitcase">
                                                        <use href="/images/icons.svg#suitcase" />
                                                    </svg>
                                                </span>
                                                <span class="action_nav_link_label">Visit</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="action_nav_item">
                                        <a class="action_nav_link" href="#">
                                            <div class="action_nav_link_inner">
                                                <span class="action_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_check">
                                                        <use href="/images/icons.svg#check" />
                                                    </svg>
                                                </span>
                                                <span class="action_nav_link_label">Apply</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="action_nav_item">
                                        <a class="action_nav_link" href="#">
                                            <div class="action_nav_link_inner">
                                                <span class="action_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_gift">
                                                        <use href="/images/icons.svg#gift" />
                                                    </svg>
                                                </span>
                                                <span class="action_nav_link_label">Give</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="action_nav_item">
                                        <a class="action_nav_link" href="#">
                                            <div class="action_nav_link_inner">
                                                <span class="action_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_lock">
                                                        <use href="/images/icons.svg#lock" />
                                                    </svg>
                                                </span>
                                                <span class="action_nav_link_label">Bobnet Login</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="menu_audience_nav">

                            <nav class="takeover_nav takeover_nav_audience" aria-labelledby="basic_nav_title-5">
                                <div class="takeover_nav_header">
                                    <h2 class="takeover_nav_title" id="basic_nav_title-5">For You</h2>
                                </div>
                                <ul class="takeover_nav_list" aria-labelledby="basic_nav_title-5">
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Current Students</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Parents & Families</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Admitted Students</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Visitors</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Alumni</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Corporate Partners</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="menu_centers_nav">

                            <nav class="takeover_nav takeover_nav_centers" aria-labelledby="basic_nav_title-6">
                                <div class="takeover_nav_header">
                                    <h2 class="takeover_nav_title" id="basic_nav_title-6">Centers & Institutes</h2>
                                </div>
                                <ul class="takeover_nav_list" aria-labelledby="basic_nav_title-6">
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Adirondack Watershed Institute</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Center for Sustainability</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Global Center for Rural Communities</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Osgood Homestead</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="takeover_nav_item">
                                        <a class="takeover_nav_link" href="#">
                                            <div class="takeover_nav_link_inner">
                                                <span class="takeover_nav_link_label">Visitors Interpretive Center (VIC)</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="menu_close">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="menu_close_inner">

                    <button class="js-menu-close-toggle  js-swap menu_close_toggle button_toggle" data-swap-target=".menu" data-swap-linked="menu">
                        <span class="menu_close_toggle_inner_default menu_close_toggle_inner button_toggle_inner_default button_toggle_inner">
                            <span class="menu_close_toggle_label_default menu_close_toggle_label button_toggle_label_default button_toggle_label">Close</span>
                            <span class="menu_close_toggle_icon_default menu_close_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_close">
                                    <use href="/images/icons.svg#close" />
                                </svg>

                            </span>
                        </span>
                        <span class="menu_close_toggle_inner_active menu_close_toggle_inner button_toggle_inner_active button_toggle_inner">
                            <span class="menu_close_toggle_label_active menu_close_toggle_label button_toggle_label_active button_toggle_label">Close</span>
                            <span class="menu_close_toggle_icon_active menu_close_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_close">
                                    <use href="/images/icons.svg#close" />
                                </svg>

                            </span>
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Menu -->
<!-- Menu -->
<div class="js-menu menu" id="menu" aria-label="Site Menu">
	<div class="menu_header">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="menu_header_inner">
					<h2 class="menu_title">Site Menu</h2>
				</div>
			</div>
		</div>
	</div>
	<div class="menu_primary">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="menu_primary_inner">
					<div class="menu_search menu_search_small">
						{% include '@partial-search' with {
							modifier: 'small',
							aria: 'site search',
							label: 'Search',
							placeholder: 'Search',
							button_text: 'Submit'
						} %}
					</div>
					<div class="menu_primary_main">
						<div class="menu_main_nav_collapse">
							{% include '@navigation-collapse' with {
								class: 'main_collapse',
								modifier: '',
								title: 'site',
								toggle_icon: 'chevron_right',
								links: navigation.main
							} %}
						</div>
					</div>
					<div class="menu_primary_aside">
						<div class="menu_search menu_search_large">
							{% include '@partial-search' with {
								modifier: 'large',
								aria: 'site search',
								label: 'Search',
								placeholder: 'Search',
								button_text: 'Submit'
							} %}
						</div>
						<div class="menu_action_nav">
							{% include '@navigation-basic' with {
								class: 'action',
								modifier: 'menu',
								title: 'Actions',
								links: navigation.action
							} %}
						</div>
						<div class="menu_audience_nav">
							{% include '@navigation-basic' with {
								class: 'takeover',
								modifier: 'audience',
								title: 'For You',
								links: navigation.audience
							} %}
						</div>
						<div class="menu_centers_nav">
							{% include '@navigation-basic' with {
								class: 'takeover',
								modifier: 'centers',
								title: 'Centers & Institutes',
								links: navigation.centers
							} %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="menu_close">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="menu_close_inner">
					{% include '@partial-button-toggle' with {
						class: 'menu_close',
						title: 'Close',
						icon: 'close',
						active_title: "Close",
						active_icon: 'close',
						swap_target: '.menu',
						swap_link: 'menu'
					} %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Menu -->

No notes defined.