<div class="page_header theme_">
<div class="page_header_inner">
<div class="page_header_top">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Offices and Services</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Offices and Services</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Full Width Callouts -->
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="people_listing_filters">
<div class="event_listing_filters_inner">
<!-- Filter -->
<div class="filter">
<div class="fs-row">
<div class="fs-cell">
<div class="filter_inner">
<div class="filter_bar">
<form class="filter_tools" action="" method="get">
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_1">Search</label>
<div class="filter_search_form">
<input class="filter_search_input" id="filter_tool_label_1" type="search" placeholder="Search offices...">
<span class="filter_search_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</div>
</div>
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_2">Category</label>
<select class="filter_tool_select" id="filter_tool_label_2">
<option value="Showing All" selected>Showing All</option>
<option value="Office A">Office A</option>
<option value="A Very Long Office Name Here">A Very Long Office Name Here</option>
</select>
</div>
<div class="filter_tool filter_tool_submit">
<button class="filter_tools_submit_button">
<span class="filter_tools_submit_button_inner">
<span class="filter_tools_submit_button_label">Submit</span>
<span class="filter_tools_submit_button_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
</div>
</div>
<!-- Department List -->
<div class="js-accordion department_list">
<div class="fs-row">
<div class="fs-cell">
<div class="department_list_inner">
<ul class="department_list_items" id="item_list" aria-label="">
<li class="js-accordion-item js-department-item-2-1 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-1">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Campus Ministry</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">410-555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Building Name
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Campus Ministry">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<h3 class="department_item_content_title">The Daniel J. Mulhauser, S.J. Campus Ministry Center</h3>
<div class="department_item_content_text typography">
<p>Rooted in the Catholic tradition and guided by the spirituality of St. Ignatius of Loyola, the Office of Campus Ministry serves the religious and spiritual needs of the Le Moyne College community. Campus Ministry dedicates itself to the Jesuit ideal of cura personalis (care for the whole person) and cultivates the formation of people for and with others. Campus Ministry welcomes and serves persons of all religious affiliations and faith traditions.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Liturgy & Worship</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Retreats</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Service & Opportunities</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Contact Us</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-2 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-2">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Cum sociis natoque penatibus</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
2980 Falls Road, Baltimore, MD 21211
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Cum sociis natoque penatibus">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-3 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-3">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
101
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-4 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-4">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Department</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Donec pede justo, fringilla vel, aliquet nec
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Department">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-5 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-5">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Office</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Duffy 254
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Office">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-6 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-6">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Aenean vulputate eleifend tellus. Aenean leo ligula.
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-7 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-7">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Aliquam lorem</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Etiam rhoncus
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Aliquam lorem">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-8 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-8">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Phasellus viverra nulla ut metus varius laoreet.</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Phasellus viverra nulla ut metus varius laoreet.">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-9 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-9">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Quisque rutrum</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
Aliquam lorem ante
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Quisque rutrum">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-10 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-10">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Etiam ultricies nisi vel augue</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
viverra quis
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Etiam ultricies nisi vel augue">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-11 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-11">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Nam eget dui</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
ultricies nisi vel augue
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Nam eget dui">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="js-accordion-item js-department-item-2-12 department_item">
<div class="department_item_header">
<h2 class="department_item_heading">
<button class="js-accordion-swap js-swap department_item_button" data-swap-target=".js-department-item-2-12">
<span class="department_item_heading_inner">
<span class="department_item_heading_icon"></span>
<span class="department_item_heading_label">
<span class="department_item_heading_title">Maecenas nec odio et ante tincidunt tempus.</span>
</span>
</span>
</button>
</h2>
<div class="department_item_detail department_item_detail_contact">
<span class="department_item_detail_label">Contact<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
<a href="tel:4105551234" class="department_item_detail_data_link">
<span class="department_item_detail_data_link_inner">
<span class="department_item_detail_data_link_label">(410) 555-1234</span>
</span>
</a> </span>
</div>
<div class="department_item_detail department_item_detail_location">
<span class="department_item_detail_label">Location<span class="department_item_detail_label_hint">:</span> </span>
<span class="department_item_detail_data">
dolor
</span>
</div>
</div>
<div class="js-accordion-content department_item_content" aria-label="Maecenas nec odio et ante tincidunt tempus.">
<div class="department_item_content_inner">
<div class="department_item_content_group">
<div class="department_item_content_text typography">
<p>Mauris bibendum et arcu at ornare. Donec non lectus posuere, mollis eros ut, pulvinar orci. Vivamus nec est vel massa pretium bibendum. Nam semper ultrices placerat. Ut vel lorem dolor. Morbi dictum nulla felis, et porttitor eros blandit sed. Phasellus sit amet libero leo. Nullam vitae sapien sed ipsum vehicula.</p>
</div>
<ul class="department_item_links">
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Suspendisse ullamcorper nisl sapien, sit.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Donec vulputate sapien.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="department_item_links_item">
<a href="#" class="department_item_link">
<span class="department_item_link_inner">
<span class="department_item_link_label">Morbi ullamcorper efficitur mauris.</span><span class="icon_nowrap department_item_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
<div class="department_list_pagination">
<!-- Pagination -->
<div class="pagination">
<nav class="pagination_nav" aria-label="Department Pagination">
<a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
<span class="pagination_arrow_icon">
<svg class="icon icon_caret_left">
<use href="/images/icons.svg#caret_left" />
</svg>
</span>
<span class="pagination_arrow_label">Previous Page</span>
</a>
<a class="pagination_arrow pagination_arrow_right" href="#">
<span class="pagination_arrow_label">Next Page</span>
<span class="pagination_arrow_icon">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</a>
</nav>
<form class="pagination_form" action="#" method="get">
<div class="pagination_form_inner">
<label class="pagination_form_label" for="pagination_form_select">Page</label>
<div class="pagination_form_select_wrapper">
<select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
</div>
<span class="pagination_form_suffix">of 50</span>
<button class="pagination_form_button" type="submit" aria-label="View Page">
<span class="pagination_form_button_inner">
<span class="pagination_form_button_label">Go</span>
<span class="pagination_form_button_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</button>
</div>
</form>
</div>
<!-- END: Pagination -->
</div>
</div>
</div>
</div>
</div>
<!-- END: Department List -->
</div>
{% include '@partial-page-header' with {
page: page
} %}
<!-- Full Width Callouts -->
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% if page.filters %}
<div class="people_listing_filters">
{% if page.filters_title %}
<h2 class="event_listing_title">{{ page.filters_title }}</h2>
{% endif %}
<div class="event_listing_filters_inner">
{% include '@partial-filter' with {
tools: page.filters,
results: '',
} %}
</div>
</div>
{% endif %}
{% render '@partial-department-list' %}
</div>
No notes defined.