<!-- Header -->
<header class="js-header header has_page_image" id="header">
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
<div class="js-header-primary header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_logo">
<div class="logo logo_header logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">VCUarts</span>
<span class="logo_link_icon">
<svg class="icon icon_logo">
<use href="/images/icons.svg#logo" />
</svg>
</span>
</a>
</div>
</div>
<div class="header_controls">
<div class="js-header-controls-navs header_controls_navs">
<div class="header_controls_navs_inner">
<div class="header_departments_nav">
<div class="js-nav-toggle-group js-departments-nav-group js-departments-nav-group-head toggle_nav_group departments_nav_group departments_nav_group_head">
<button class="js-departments-nav-toggle js-nav-toggle-button js-swap departments_nav_toggle button_toggle" data-swap-target=".js-departments-nav-group" data-swap-linked="departments">
<span class="departments_nav_toggle_inner_default departments_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="departments_nav_toggle_label_default departments_nav_toggle_label button_toggle_label_default button_toggle_label">Departments</span>
<span class="departments_nav_toggle_icon_default departments_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="departments_nav_toggle_inner_active departments_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="departments_nav_toggle_label_active departments_nav_toggle_label button_toggle_label_active button_toggle_label">Departments</span>
<span class="departments_nav_toggle_icon_active departments_nav_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 class="js-nav-toggle-panel js-departments-nav-panel js-departments-nav-panel-head toggle_nav_panel departments_nav_panel departments_nav_panel_head">
<nav class="js-nav-toggle js-departments-nav js-departments-nav-head toggle_nav departments_nav departments_nav_head" aria-labelledby="toggle_nav_title-54">
<div class="toggle_nav_header departments_nav_header">
<h2 class="toggle_nav_title departments_nav_title" id="toggle_nav_title-54">Departments</h2>
</div>
<ul class="js-nav-toggle-list js-departments-nav-list toggle_nav_list departments_nav_list" aria-labelledby="toggle_nav_title-54">
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Art Education</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Art History</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Cinema</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Communication Arts</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Craft</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Dance & Choreography</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Fashion Design + Merchandising</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Graphic Design</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Interior Design</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Kinetic Imaging</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Music</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Painting + Printmaking</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Photography + Film</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Sculpture + Extended Media</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-departments-nav-item toggle_nav_item departments_nav_item">
<a class="js-nav-toggle-link js-departments-nav-link toggle_nav_link departments_nav_link" href="#">
<div class="toggle_nav_link_inner departments_nav_link_inner">
<span class="departments_nav_link_label">Theatre</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header_audience_nav">
<div class="js-nav-toggle-group js-audience-nav-group js-audience-nav-group-head toggle_nav_group audience_nav_group audience_nav_group_head">
<button class="js-audience-nav-toggle js-nav-toggle-button js-swap audience_nav_toggle button_toggle" data-swap-target=".js-audience-nav-group" data-swap-linked="audience">
<span class="audience_nav_toggle_inner_default audience_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="audience_nav_toggle_label_default audience_nav_toggle_label button_toggle_label_default button_toggle_label">Resources for</span>
<span class="audience_nav_toggle_icon_default audience_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="audience_nav_toggle_inner_active audience_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="audience_nav_toggle_label_active audience_nav_toggle_label button_toggle_label_active button_toggle_label">Resources for</span>
<span class="audience_nav_toggle_icon_active audience_nav_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 class="js-nav-toggle-panel js-audience-nav-panel js-audience-nav-panel-head toggle_nav_panel audience_nav_panel audience_nav_panel_head">
<nav class="js-nav-toggle js-audience-nav js-audience-nav-head toggle_nav audience_nav audience_nav_head" aria-labelledby="toggle_nav_title-55">
<div class="toggle_nav_header audience_nav_header">
<h2 class="toggle_nav_title audience_nav_title" id="toggle_nav_title-55">Audience</h2>
</div>
<ul class="js-nav-toggle-list js-audience-nav-list toggle_nav_list audience_nav_list" aria-labelledby="toggle_nav_title-55">
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Current Students</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Faculty & Staff</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Admitted Students</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Families & Parents</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Alumni</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Donors</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-audience-nav-item toggle_nav_item audience_nav_item">
<a class="js-nav-toggle-link js-audience-nav-link toggle_nav_link audience_nav_link" href="#">
<div class="toggle_nav_link_inner audience_nav_link_inner">
<span class="audience_nav_link_label">Press & Vendors</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="js-header-menu-toggle header_menu_toggle">
<a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
<span class="menu_toggle_inner_default menu_toggle_inner">
<span class="menu_toggle_label_default menu_toggle_label">Menu</span>
<span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">
<svg class="icon icon_menu">
<use href="/images/icons.svg#menu" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header">
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell">
<div class="page_intro_inner">
<div class="page_intro_meta">
<div class="page_intro_group">
<div class="page_breadcrumb">
<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_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Community & Campus</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Facilities & Places & Things & Traces & Backyards</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
<h1 class="page_title" id="page_title" tabindex="-1">Facilities & Places & Things & Traces & Backyards</h1>
</div>
<p class="page_description">Our spaces are designed to be flexible and to accommodate all kinds of creativity.</p>
</div>
<div class="page_header_media">
<figure class="page_header_figure">
<img class="page_header_image" srcset="https://images.fastspot.com/vcuarts/1440x960/9 1440w, https://images.fastspot.com/vcuarts/1220x814/9 1220w, https://images.fastspot.com/vcuarts/980x654/9 980w, https://images.fastspot.com/vcuarts/740x494/9 740w, https://images.fastspot.com/vcuarts/500x334/9 500w, https://images.fastspot.com/vcuarts/300x200/9 300w" sizes="(min-width: 980px) 45vw, 98vw" src="https://images.fastspot.com/vcuarts/300x200/9" alt="" loading="eager" width="300" height="200">
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="page_subnav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_subnav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_nav_flat">
<nav class="sub_nav" aria-labelledby="basic_nav_title-22">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-22">Facilities & Places & Things & Traces & Backyards</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-22">
<li class="sub_nav_item active">
<a class="sub_nav_link active" href="#" aria-current="page">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Facilities and Places</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Richmond Events</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="page_subnav_toggle">
<h2 class="page_subnav_toggle_title">In This Section</h2>
<div class="js-nav-toggle-group js-sub-nav-group toggle_nav_group sub_nav_group">
<button class="js-sub-nav-toggle js-nav-toggle-button js-swap sub_nav_toggle button_toggle" data-swap-target=".js-sub-nav-group" data-swap-linked="sub">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label button_toggle_label_default button_toggle_label">Select Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label button_toggle_label_active button_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_chevron_down">
<use href="/images/icons.svg#chevron_down" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-sub-nav-panel toggle_nav_panel sub_nav_panel">
<div class="toggle_nav_panel_close sub_nav_panel_close">
<button class="js-swap toggle_nav_panel_close_button sub_nav_panel_close_button" data-swap-target=".js-sub-nav-group" data-swap-linked="sub">Close</button>
</div>
<nav class="js-nav-toggle js-sub-nav toggle_nav sub_nav" aria-labelledby="toggle_nav_title-56">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-56">facilities & places & things & traces & backyards</h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-56">
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Facilities and Places</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Richmond Events</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Header -->
<header class="js-header header{% if page.background %} has_header_background{% else %}{% if page.image %} has_page_image{% endif %}{% endif %}{% if 'program_detail' in page.classes %} program_detail_header{% endif %}" id="header"{% if 'program_detail' in page.classes %} style="--background-image: url('https://images.fastspot.com/{{ config.images }}/{{ img.portraitClassic.sml.width }}x{{ img.portraitClassic.sml.height }}/{{ page.background }}');"{% endif %}>
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>
{% if page.alert == true %}
<div class="js-alert-wrapper">
{% render '@partial-alert' %}
</div>
{% endif %}
{% if page.cookie == true %}
<div class="js-cookie-wrapper">
{% render '@partial-cookie' %}
</div>
{% endif %}
<div class="js-header-primary header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="header_primary_inner">
<div class="header_logo">
{% include '@partial-logo' with {
modifier: 'header',
icon: 'logo',
print: ''
} %}
</div>
<div class="header_controls">
<div class="js-header-controls-navs header_controls_navs">
<div class="header_controls_navs_inner">
<div class="header_departments_nav">
{% include '@navigation-toggle' with {
class: 'departments',
modifier: 'head',
title: 'Departments',
links: navigation.departments,
icon: '',
child_icon: '',
toggle: {
title: 'Departments',
icon: 'chevron_down',
title_active: 'Departments',
icon_active: 'close',
swap_target: '.js-departments-nav-group',
swap_link: 'departments'
}
} %}
</div>
<div class="header_audience_nav">
{% include '@navigation-toggle' with {
class: 'audience',
modifier: 'head',
title: 'Audience',
links: navigation.audience,
icon: '',
child_icon: '',
toggle: {
title: 'Resources for',
icon: 'chevron_down',
title_active: 'Resources for',
icon_active: 'close',
swap_target: '.js-audience-nav-group',
swap_link: 'audience'
}
} %}
</div>
</div>
</div>
<div class="js-header-menu-toggle header_menu_toggle">
{% include '@partial-link-toggle' with {
class: 'menu',
js: true,
title: 'Menu',
url: '#menu',
icon: 'menu',
swap_target: '.menu',
swap_link: 'menu'
} %}
</div>
</div>
</div>
</div>
</div>
</div>
{% if 'program_detail' in page.classes %}
{% include '@partial-page-header--program-detail' with {
page: page
} %}
{% elseif 'department_detail' in page.classes %}
{% include '@partial-page-header--department-detail' with {
page: page
} %}
{% elseif 'event_listing' in page.classes %}
{% include '@partial-page-header--event-listing' with {
page: page
} %}
{% elseif 'event_detail' in page.classes %}
{% include '@partial-page-header--event-detail' with {
page: page
} %}
{% elseif 'news_detail' in page.classes %}
{% include '@partial-page-header--news-detail' with {
page: page
} %}
{% elseif 'people_detail' in page.classes %}
{% include '@partial-page-header--people-detail' with {
page: page
} %}
{% elseif 'work_detail' in page.classes %}
{% include '@partial-page-header--work-detail' with {
page: page
} %}
{% else %}
{% if page.background %}
{% include '@partial-page-header--bg' with {
page: page
} %}
{% else %}
{% include '@partial-page-header' with {
page: page
} %}
{% endif %}
{% endif %}
</header>
<!-- END: Header -->
No notes defined.