Recommended Print & Media Lists

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://www.ala.org/awards/recommended-books-and-media" /> <meta property="og:title" content="Recommended Print & Media Lists" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Recommended Print & Media Lists" /> <meta name="twitter:image" content="https://www.ala.org/themes/custom/ala/ala-seo.png" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.ala.org/", "url": "https://www.ala.org/", "description": "Awards, publishing, and conferences: ALA membership advocates to ensure access to information for all", "name": "American Library Association", "logo": { "@type": "ImageObject", "representativeOfPage": "True", "url": "https://www.ala.org//themes/custom/ala/logo.svg" } } ] }</script> <link rel="icon" href="/themes/custom/ala/favicon.ico" type="image/png" /> <link rel="alternate" hreflang="en" href="https://www.ala.org/awards/recommended-books-and-media" /> <script>window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};</script> <title>Recommended Print & Media Lists | ALA</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_KyukA4Abw-uy5wJQ5Ba6nI0h64gAfGE_XH6eAZ-I-ck.css?delta=0&language=en&theme=ala&include=eJxdilEOAiEMRC9E4EibQbosplDSgq6eXl01Jv5M3rwZpDQE7RbwAb-qtOHsZoNqiDByYCwv-GuVzJDJ3EmUQhOt4HI_DiGzRPB7STo72OOM3XUosqJv9tU_42frM3KxjZK7FLpaONJXSZPJRRqDdKG9i1Fa1sLPaiFTIwU_AH1TTf0" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_1hrFLR2VQkSI9M8IALgrciajQpXbADpYI13KqNd0lbY.css?delta=1&language=en&theme=ala&include=eJxdilEOAiEMRC9E4EibQbosplDSgq6eXl01Jv5M3rwZpDQE7RbwAb-qtOHsZoNqiDByYCwv-GuVzJDJ3EmUQhOt4HI_DiGzRPB7STo72OOM3XUosqJv9tU_42frM3KxjZK7FLpaONJXSZPJRRqDdKG9i1Fa1sLPaiFTIwU_AH1TTf0" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/14","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-PGK7ZWT"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJxdjlkOwjAMRC8UmiNVUzKEICeO4pTt9JQWxPIzmnmSn4wQuqLcPF5lODQt3UHgITUV7k62rkOSzrb1KDpBnnWcYPTP-KxMM0Sam9iXk5HXqsYwvgw-srAt53tt9KHNFTLsVQR1saywaMuQdKeLqlE4dkQfl_jfA064_sLsKhpiQz3a2_4hw1zqPEmyI4Ozm3Xm7ftz4sX8mpv0G2QNs_ABgFJzfA","theme":"ala","theme_token":null},"ajaxTrustedUrl":{"\/awards\/recommended-books-and-media":true},"multiselect":{"widths":250},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:94f54aea75945f715068b59762aa223f0888bff15db825536968c74c300949d7":{"view_name":"awards","view_display_id":"recommended_awards","view_args":"","view_path":"\/node\/14","view_base_path":null,"view_dom_id":"94f54aea75945f715068b59762aa223f0888bff15db825536968c74c300949d7","pager_element":0,"viewsreference":{"compressed":"eJxdjEEKwzAMBP-icw7pKeCvlGJULLsC2TWO0hJC_l6Z0BR60GF2d7RBQEVwGzxjnEnBlUVkAOHMJ2BLS6ZycsVE7QvKKnTAPgAVvAsFb6-US5rBXW9daKZ7O9bV61pN6CGmhvUB_wMOVk_jOF1-VWSS4Avmrh7wYnrD_gE-qETw"}}}},"user":{"uid":0,"permissionsHash":"6d055e77f2dba947d248c3184bd403b313cb55c0ca910e8dcf2da6287a80491f"}}</script> <script src="/sites/default/files/js/js_QSbtI1yVJI1F-ifB3rt1_IttYo0EIc4DiQA9En_9tfk.js?scope=header&delta=0&language=en&theme=ala&include=eJxdjlEOwjAMQy9UmiNV3ppFnUJTtQHG7ZnKfuDH8rMs2cjZDfVNuEzculUPUJCoLdBpoa1Uvu0jiJkoJ4eQ-P0XIf8cseMIz8KvQVO_wcLu3BMfzQbntBU9cZBw5X4urtaZcn80aFxNFW3wvHEVP5BGRXQ"></script> <script src="/modules/contrib/google_tag/js/gtm.js?snbe61"></script> <script src="/modules/contrib/google_tag/js/gtag.js?snbe61"></script> <script src="/sites/default/files/js/js_l-eO8RvrAL3Y0MiiVNzp7MNObvMqjAMYXG7puvJUyHE.js?scope=header&delta=3&language=en&theme=ala&include=eJxdjlEOwjAMQy9UmiNV3ppFnUJTtQHG7ZnKfuDH8rMs2cjZDfVNuEzculUPUJCoLdBpoa1Uvu0jiJkoJ4eQ-P0XIf8cseMIz8KvQVO_wcLu3BMfzQbntBU9cZBw5X4urtaZcn80aFxNFW3wvHEVP5BGRXQ"></script> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" as="style" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" crossorigin> <link rel="preconnect" href="https://use.typekit.net" crossorigin> <link rel="preconnect" href="https://p.typekit.net" crossorigin /> <link rel="preload" href="https://use.typekit.net/hww8zbp.css" as="style" crossorigin> <link rel="stylesheet" href="https://use.typekit.net/hww8zbp.css" crossorigin> </head> <body class="path-node page-node-type-flex-page"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGK7ZWT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner" class="w-full border-b z-20 relative" x-data="{ open: false }"> <div class="hidden xl:block menu--utility_desktop"> <div class="region region-utility-menu"> <nav id="block-utility" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/awards/recommended-books-and-media" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="flex gap-4 w-full xl:container items-start xl:items-center justify-between py-5 xl:px-0 relative flex-col xl:flex-row"> <div class="region region-header"> <div id="block-sitebranding" class="block block-system block-system-branding-block relative z-10"> <a href="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> <img class="max-w-[180px] md:max-w-[220px]" src="https://www.ala.org/themes/custom/ala/logo.svg" alt="ALA site logo"> </a> </div> </div> <div class="hamburger-menu w-full xl:w-auto" x-data="{ open: false }"> <div x-data="{ searchOpen: false }" class="xl:hidden absolute search-btn__mobile top-[39px]" :class="{ '': !open, '': open }"> <button aria-label="search" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="close" @click="searchOpen = !searchOpen, open = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" x-cloak :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </div> <button @click="open = !open, searchOpen = false" class="h-5 w-10 focus:outline-none xl:hidden absolute right-7" :class="{ 'top-1/2 -translate-y-1/2': !open, 'top-39': open }" aria-label="Mobile Menu" :aria-expanded="open" aria-controls="block-ala-main-menu"><span class="sr-only">Menu</span> <span :class="{ 'max-w-7 transform rotate-45 translate-y-px top-0': open }" class="first w-10 h-1 bg-mainBlueColor left-0 absolute bottom-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'opacity-0': open, 'translate-y-0': !open }" class="second w-8 h-1 bg-mainBlueColor absolute top-1/2 right-0 transition-all duration-200 ease-in-out origin-center"></span> <span :class="{ 'max-w-7 transform -rotate-45 -translate-y-0.3': open }" class="w-10 h-1 bg-mainBlueColor absolute top-0 left-0 transition-all duration-200 ease-in-out origin-center"></span> </button>  <div x-cloak :class="{ 'hidden xl:block': !open }" class="transition-all duration-200 ease-in-out mt-8 xl:mt-0"> <div class="xl:w-auto xl:flex xl:items-center" :class="{ 'block': open, 'hidden xl:block': !open }"> <div class="xl:hidden menu--utility_mobile"> <nav id="block-utility-2" class="block block-menu navigation menu--utility static xl:relative sidebar-menu" aria-labelledby="block-utility-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-utility-2-menu" class="hidden">Utility</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="utility-nav w-full mx-auto bg-mainBlueColor"> <div class="utility-nav-list-wrapper flex items-center justify-end z-10"> <ul x-data="{ clicked: false }" class="w-full xl:w-auto list-reset flex menu--utility items-center flex-col xl:flex-row static p-7 xl:p-0"> <li class="w-full xl:w-auto"> <ul class="grid grid-cols-2 gap-4 xl:flex m-0 menu--utility__inner mb-6 xl:mb-0"> <li class="inline-block p-0" data-title=About-ALA> <a href="/aboutala" class="about text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="About ALA" data-drupal-link-system-path="node/43">About ALA</a> </li> <li class="inline-block p-0" data-title=ALA-Connect> <a href="https://connect.ala.org/home" class="connect text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Connect">ALA Connect</a> </li> <li class="inline-block p-0" data-title=ALA-Websites> <a href="/aboutala/sitesdirectory" class="website text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="inline-block p-0" data-title=Job-Board> <a href="https://joblist.ala.org/" class="job text-white relative xl:pl-4 xl:pr-4 py-2 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Job Board">Job Board</a> </li> </ul> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Join--Renew> <a href="https://my.ala.org/store/dues.aspx" class="join text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Join | Renew">Join | Renew</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Donate> <a href="/donate" class="donate text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" target="_blank" title="Donate">Donate</a> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:inline-flex xl:justify-center xl:items-center transition-all duration-300 parent-level dropdown w-full xl:w-auto xl:border-b-0 last3" data-title=Login> <a href="/saml_login?destination=/awards/recommended-books-and-media" class="text-white pl-7 xl:pl-4 relative xl:pr-4 py-4 xl:py-2 inline-flex items-center font-bold" title="Login">Login</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="region region-primary-menu"> <nav id="block-ala-main-menu" class="block block-menu navigation menu--main static xl:relative sidebar-menu" aria-labelledby="block-ala-main-menu-menu" role="navigation"> <h2 class="visually-hidden" id="block-ala-main-menu-menu" class="hidden">Main navigation</h2> <div :class="{ 'block': open, 'hidden xl:block': !open }" class="main-menu-wrapper max-w-7xl mx-auto px-4 sm:px-6 xl:px-8 z-50"> <div class="flex items-center justify-between z-10"> <ul x-data="{ clicked: false }" class="main--menu list-reset flex gap-4 xl:min-h-[55px] flex-col xl:flex-row static bg-white pt-5 xl:pt-0 w-full menu-l-0 items-center"> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/membership" title="Membership" data-drupal-link-system-path="node/44">Membership</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/membership" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/44">Membership Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/membership/new-member-center" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/16868">Member Center</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/donate" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership">Give to ALA</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/getinvolved" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/15738">Get Involved with ALA</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/committees" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/16494">Committees</a> </li> <li class="pl-3 xl:pl-0"> <a href="/aboutala/divs" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/59964">Divisions</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/aboutala/rts" class="block xl:whitespace-nowrap transition-all duration-300" title="Membership" data-drupal-link-system-path="node/59965">Round Tables</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/advocacy" title="Advocacy & Issues" data-drupal-link-system-path="node/61209">Advocacy & Issues</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/advocacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/61209">Advocacy & Issues Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/bbooks" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/13731">Banned & Challenged Books</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/intfreedom" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/12971">Intellectual Freedom</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/advocacy-public-policy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/17195">Public Policy</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/diversity" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15429">Equity, Diversity & Inclusion</a> </li> <li class="pl-3 xl:pl-0"> <a href="/advocacy/literacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15265">Literacy</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/advocacy/privacy" class="block xl:whitespace-nowrap transition-all duration-300" title="Advocacy & Issues" data-drupal-link-system-path="node/15329">Privacy</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/conferencesevents" title="Conferences & Events" data-drupal-link-system-path="node/45">Conferences & Events</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/conferencesevents" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/45">Conferences & Events Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/events" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/18">Events Calendar</a> </li> <li class="pl-3 xl:pl-0"> <a href="/conferencesevents/past" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/17491">Past & Future ALA Conferences</a> </li> <li class="pl-3 xl:pl-0"> <a href="/conferencesevents/ala-conference-site-selection" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/60508">Criteria for Conference Site Selection</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/conferencesevents/celebrationdays" class="block xl:whitespace-nowrap transition-all duration-300" title="Conferences & Events" data-drupal-link-system-path="node/17432">Library Celebration Days</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/awards" title="Awards & Grants" data-drupal-link-system-path="node/28">Awards & Grants</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/awards" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/28">Awards & Grants Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/awards/books-media" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/31">Book, Print & Media Awards</a> </li> <li class="pl-3 xl:pl-0"> <a href="/grants" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/29">Grants</a> </li> <li class="pl-3 xl:pl-0"> <a href="/awards/professional-recognition" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/32">Professional Recognition</a> </li> <li class="pl-3 xl:pl-0"> <a href="/awardsgrants/seals" class="block xl:whitespace-nowrap transition-all duration-300" title="Awards & Grants" data-drupal-link-system-path="node/17246">Purchase Awards Seals</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/awards/recommended-books-and-media" class="block xl:whitespace-nowrap transition-all duration-300 is-active" title="Awards & Grants" data-drupal-link-system-path="node/14" aria-current="page">Recommended Print & Media Lists</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:py-1 pr-4 relative transition-all duration-300 parent-level dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/educationcareers" title="Education & Careers" data-drupal-link-system-path="node/46">Education & Careers</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/educationcareers" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/46">Education & Careers Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://elearning.ala.org/" target="_blank" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers">ALA eLearning</a> </li> <li class="pl-3 xl:pl-0"> <a href="https://joblist.ala.org/" target="_blank" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers">JobList Career Center</a> </li> <li class="pl-3 xl:pl-0"> <a href="/educationcareers/accreditedprograms" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/11824">Accredited Programs</a> </li> <li class="pl-3 xl:pl-0"> <a href="/educationcareers/scholarships" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/17131">ALA Scholarships</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/educationcareers/libcareers/become" class="block xl:whitespace-nowrap transition-all duration-300" title="Education & Careers" data-drupal-link-system-path="node/13326">Become a Librarian</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li @click="clicked = !clicked" :class="{ 'active': clicked }" class="xl:mr-5 relative pr-4 transition-all duration-300 parent-level parent-level-last dropdown w-full xl:w-auto border-b xl:border-b-0 xl:flex xl:flex-col xl:justify-center" tabindex="0"> <a href="/tools" title="Tools & Resources" data-drupal-link-system-path="node/60005">Tools & Resources</a> <div class="m-0 hidden z-10 xl:absolute dropdown-content main--menu_submenu"> <ul class="wrapper hidden bg-white xl:p-6 xl:py-4"> <li class="pl-3 xl:pl-0"> <a href="/tools" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/60005">Tools & Resources Home</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/programming" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/11826">Programming & Exhibitions</a> </li> <li class="pl-3 xl:pl-0"> <a href="/future" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/14109">Center for the Future of Libraries</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/guidelines" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/8324">ALA Standards & Guidelines</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/publications" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/13399">Products & Publications</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/librariestransform/libraries-transforming-communities" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/14981">Libraries Transforming Communities</a> </li> <li class="pl-3 xl:pl-0"> <a href="/tools/topics" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/15294">Research & Library Topics</a> </li> <li class="pl-3 xl:pl-0 main--menu_submenu--final-item"> <a href="/news" class="block xl:whitespace-nowrap transition-all duration-300" title="Tools & Resources" data-drupal-link-system-path="node/59884">News & Press</a> </li> </ul> </div> <span class="caret"><svg role="group" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path class="arrow-icon" d="M5.81907 6.62493C5.44804 7.12502 4.55223 7.12502 4.1812 6.62493L0.137632 1.17063C-0.244378 0.655459 0.214034 9.81579e-08 0.956565 1.63072e-07L9.0437 8.70072e-07C9.78576 9.34944e-07 10.2442 0.655459 9.86263 1.17063L5.81907 6.62493Z"/> </svg> </span> </li> <li x-data="{ searchOpen: false }" class="main--menu__search hidden xl:list-item relative ml-4"> <button aria-label="Search" @click="searchOpen = !searchOpen" :class="{ 'block': !searchOpen, 'hidden': searchOpen }"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <button aria-label="Search Close" @click="searchOpen = !searchOpen" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1, 0, 0, 1, -11.855980873107912, -12.26480770111084)"> <rect class="search-close-icon" id="Rectangle 42" width="22.7224" height="2.3305" transform="matrix(0.707096 -0.707118 0.707096 0.707118 13.0762 29.21)" fill="#15347E"/> <rect class="search-close-icon" id="Rectangle 47" width="22.7224" height="2.3305" transform="matrix(0.707096 0.707118 -0.707096 0.707118 14.4395 13.1426)" fill="#15347E"/> </g> </svg> </button> <div class="search-input-field__wrapper absolute w-[414px] right-0" x-transition @click.away="searchOpen = false" :class="{ 'block': searchOpen, 'hidden': !searchOpen }"> <form action="/search/site" method="get" accept-charset="UTF-8" class="flex absolute right-[-4rem] pt-2 xs:right-0"> <button aria-label="search" class="seach-icon flex justify-center items-center" type="submit"> <svg role="group" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 19L14.7501 14.7425M17.1053 9.05263C17.1053 11.1883 16.2569 13.2365 14.7467 14.7467C13.2365 16.2569 11.1883 17.1053 9.05263 17.1053C6.91694 17.1053 4.86872 16.2569 3.35856 14.7467C1.8484 13.2365 1 11.1883 1 9.05263C1 6.91694 1.8484 4.86872 3.35856 3.35856C4.86872 1.8484 6.91694 1 9.05263 1C11.1883 1 13.2365 1.8484 14.7467 3.35856C16.2569 4.86872 17.1053 6.91694 17.1053 9.05263V9.05263Z" stroke="#15347E" stroke-width="2" stroke-linecap="round" class="search-icon-svg" /> </svg> </button> <input x-show="searchOpen" type="search" id="edit-keys" name="keys" placeholder="Search here..." class="search-input-field w-[414px] h-12 pl-[62px] pr-2 py-3 bg-white rounded-md border-2 border-blue-900 justify-start items-center gap-2 inline-flex max-w-[94vw] md:max-w-auto" /> </form> </div> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </header> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="px-5 lg:px-0 lg:container"> <div class="region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="region region-content-above"> </div> </div> <div class="content relative"> <div class="breadcrumb-wrapper w-full z-20"> <div class="lg:container mx-auto"> <div class="region region-breadcrumb"> <div id="block-ala-breadcrumbs" class="block block-system block-system-breadcrumb-block relative z-10"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="flex items-center"> <li> <a href="/">ALA</a> </li> <li> <svg role="img" width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g opacity="0.4"> <path d="M12.8128 11.3244L7.81283 5.70654L6.91699 6.71307L11.042 11.3244L6.93783 15.9356L7.83366 16.9422L12.8128 11.3244Z" fill="#101828"/> </g> </svg> </li> <li> <a href="/awards">Awards and Grants</a> </li> </ol> </nav> </div> </div> </div> </div> <div class="page-content-wrapper"> <div class="region region-content"> <div id="block-ala-content" class="block block-system block-system-main-block relative z-10 lg:z-10" data-filter-on-class="z-30" data-filter-off-class="z-10"> <article data-history-node-id="14" class="node node--type-flex-page node--view-mode-full node--hide-sidebar"> <div class="bg-secondaryColor20"> <div class="lg:container lg:py-16 relative lg:items-center"> <div class="px-5 py-12 lg:pt-20 lg:pb-0 xl:mb-0 xl:pt-0 2xl:px-0 text-center"> <h1 class="mx-0 my-2">Recommended Print & Media Lists</h1> </div> </div> </div> <div class="node__content px-5 xl:px-0"> <div class="layout xl:flex"> <div class="node__main w-full">  <div class="paragraph paragraph--type--section paragraph--view-mode--default"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="paragraph paragraph--type--view-embed paragraph--view-mode--default"> <div class="mt-6 lg:mt-0"> <div class="awards"> <div class="views-element-container"> <div class="view view-awards view-id-awards view-display-id-recommended_awards js-view-dom-id-94f54aea75945f715068b59762aa223f0888bff15db825536968c74c300949d7 px-4 lg:px-0 lg:-mt-10 bg-white"> <div class="view-filters"> <form class="views-exposed-form bef-exposed-form" data-drupal-selector="views-exposed-form-awards-recommended-awards" action="/awards/recommended-books-and-media" method="get" id="views-exposed-form-awards-recommended-awards" accept-charset="UTF-8"> <div class="filters flex flex-col gap-8"> <div class="filters__main-wrapper"> <div class="filters__main flex flex-wrap sm:flex-nowrap sm:gap-3 w-full p-1 border border-secondaryColor rounded-lg"> <div class="filters__main-text-filter flex-auto relative"> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-title form-item-title"> <label for="edit-title">Title</label> <input placeholder="Search..." data-drupal-selector="edit-title" type="text" id="edit-title" name="title" value="" size="30" maxlength="128" class="form-text bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" /> </div> </div> <div class="filters__actions sm:grow-0 sm:shrink-0 w-full sm:w-auto"> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit-awards" type="submit" id="edit-submit-awards" value="Search" class="button js-form-submit form-submit inline-flex bg-gray-800 block rounded border-2 py-3 px-9 text-white" /> </div> </div> </div> </div> <div class="filters__drawer-wrapper xl:border-b xl:border-b-mainColor/[.1] xl:gap-8 xl:flex xl:flex-col xl:pb-9"> <button type="button" class="filters__open-trigger border !border-secondaryColor !flex font-medium items-center justify-center xl:!hidden relative w-full" aria-expanded="false" aria-controls="view-filters-"> <svg role="img" class="absolute top-2/4 transform -translate-y-1/2 -translate-x-12" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M10 18V16.5H14V18H10ZM6 12.75V11.25H18V12.75H6ZM3 7.5V6H21V7.5H3Z" fill="black"></path> </svg> Filter </button> <div class="filters__drawer"> <span class="filters__drawer-overlay bg-mainBlueColor block fixed h-full opacity-0 transition-opacity right-full top-0 w-full z-[999] xl:hidden" data-trigger-classes="!right-0 !opacity-50"></span> <div id="" class="filters__drawer-content bg-white bottom-full flex flex-col fixed h-full max-w-[410px] right-0 transition-[bottom] w-full z-[1000] xl:max-w-full xl:static" data-trigger-classes="!bottom-0"> <div class="filters__secondary-header border-b border-b-mainColor/[.1] flex items-center justify-between px-9 py-5 xl:hidden"> <h2 class="filters__secondary-title m-0">Filter</h2> <button class="filters__close-trigger !border-0 !m-0" type="button"> <span class="sr-only">Close</span> <svg role="group" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="0.000640869" y="23.5813" width="33.3491" height="3.42042" transform="rotate(-45 0.000640869 23.5813)" fill="#15347E"/>\n' + <rect x="2.41861" y="0.000488281" width="33.3491" height="3.42042" transform="rotate(45 2.41861 0.000488281)" fill="#15347E"/>\n' + </svg> </button> </div> <div class="filters__secondary-content collapsible-fieldsets flex flex-col gap-4 grow overflow-x-hidden overflow-y-auto xl:overflow-visible shrink px-9 py-4 xl:flex-row xl:p-0"> <div class="bef--secondary js-form-wrapper form-wrapper" data-drupal-selector="edit-secondary" id="edit-secondary" open="open"><fieldset data-drupal-selector="edit-category" id="edit-category--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Category</span> </legend> <div class="fieldset-wrapper"> <div id="edit-category" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-all" type="radio" id="edit-category-all" name="category" value="All" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-all" class="option">- Any -</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-592" type="radio" id="edit-category-592" name="category" value="592" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-592" class="option">Articles, Papers & Research</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-609" type="radio" id="edit-category-609" name="category" value="609" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-609" class="option">Award Recommended Print Media List</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-593" type="radio" id="edit-category-593" name="category" value="593" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-593" class="option">Children and Young Adults</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-594" type="radio" id="edit-category-594" name="category" value="594" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-594" class="option">General ALA</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-595" type="radio" id="edit-category-595" name="category" value="595" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-595" class="option">Intellectual Freedom</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-596" type="radio" id="edit-category-596" name="category" value="596" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-596" class="option">Libraries for Excellence</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-597" type="radio" id="edit-category-597" name="category" value="597" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-597" class="option">Literacy & Social Responsibility</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-598" type="radio" id="edit-category-598" name="category" value="598" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-598" class="option">Media</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-599" type="radio" id="edit-category-599" name="category" value="599" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-599" class="option">Programs</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-600" type="radio" id="edit-category-600" name="category" value="600" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-600" class="option">Publications, Research & Travel</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-601" type="radio" id="edit-category-601" name="category" value="601" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-601" class="option">Reference, Technical & Adult Books</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-602" type="radio" id="edit-category-602" name="category" value="602" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-602" class="option">Service to Children & Young Adults</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-603" type="radio" id="edit-category-603" name="category" value="603" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-603" class="option">Service to Underserved Populations</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-604" type="radio" id="edit-category-604" name="category" value="604" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-604" class="option">Special Collections and Archives</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-605" type="radio" id="edit-category-605" name="category" value="605" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-605" class="option">Specialty or Practice Area</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-606" type="radio" id="edit-category-606" name="category" value="606" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-606" class="option">Support Staff</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-607" type="radio" id="edit-category-607" name="category" value="607" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-607" class="option">Technology</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-608" type="radio" id="edit-category-608" name="category" value="608" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-608" class="option">Underrepresented Groups</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-category form-item-category"> <input data-drupal-selector="edit-category-924" type="radio" id="edit-category-924" name="category" value="924" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-category-924" class="option">Youth Media Award</label> </div> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-audience" id="edit-audience--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Audience</span> </legend> <div class="fieldset-wrapper"> <div id="edit-audience" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-all" type="radio" id="edit-audience-all" name="audience" value="All" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-all" class="option">- Any -</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-44" type="radio" id="edit-audience-44" name="audience" value="44" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-44" class="option">Academic Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-3" type="radio" id="edit-audience-3" name="audience" value="3" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-3" class="option">Academic Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-63" type="radio" id="edit-audience-63" name="audience" value="63" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-63" class="option">Adults</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-35" type="radio" id="edit-audience-35" name="audience" value="35" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-35" class="option">ALA Members (New)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-71" type="radio" id="edit-audience-71" name="audience" value="71" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-71" class="option">Art Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-5" type="radio" id="edit-audience-5" name="audience" value="5" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-5" class="option">Association Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-6" type="radio" id="edit-audience-6" name="audience" value="6" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-6" class="option">Community College Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-10" type="radio" id="edit-audience-10" name="audience" value="10" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-10" class="option">Elementary School Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-12" type="radio" id="edit-audience-12" name="audience" value="12" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-12" class="option">Federal Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-17" type="radio" id="edit-audience-17" name="audience" value="17" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-17" class="option">Library School Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-28" type="radio" id="edit-audience-28" name="audience" value="28" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-28" class="option">Rural Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-58" type="radio" id="edit-audience-58" name="audience" value="58" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-58" class="option">ALA Members (Students)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-64" type="radio" id="edit-audience-64" name="audience" value="64" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-64" class="option">All Ages</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-49" type="radio" id="edit-audience-49" name="audience" value="49" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-49" class="option">Children's Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-7" type="radio" id="edit-audience-7" name="audience" value="7" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-7" class="option">Consortium Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-8" type="radio" id="edit-audience-8" name="audience" value="8" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-8" class="option">Corporate Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-41" type="radio" id="edit-audience-41" name="audience" value="41" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-41" class="option">Independent Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-19" type="radio" id="edit-audience-19" name="audience" value="19" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-19" class="option">Middle School Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-29" type="radio" id="edit-audience-29" name="audience" value="29" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-29" class="option">State Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-31" type="radio" id="edit-audience-31" name="audience" value="31" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-31" class="option">Undergraduate Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-32" type="radio" id="edit-audience-32" name="audience" value="32" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-32" class="option">Urban Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-65" type="radio" id="edit-audience-65" name="audience" value="65" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-65" class="option">Children</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-46" type="radio" id="edit-audience-46" name="audience" value="46" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-46" class="option">Government Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-11" type="radio" id="edit-audience-11" name="audience" value="11" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-11" class="option">Government Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-16" type="radio" id="edit-audience-16" name="audience" value="16" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-16" class="option">Graduate Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-13" type="radio" id="edit-audience-13" name="audience" value="13" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-13" class="option">High School Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-72" type="radio" id="edit-audience-72" name="audience" value="72" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-72" class="option">International Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-15" type="radio" id="edit-audience-15" name="audience" value="15" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-15" class="option">Law Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-74" type="radio" id="edit-audience-74" name="audience" value="74" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-74" class="option">Member Communication and Networking</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-66" type="radio" id="edit-audience-66" name="audience" value="66" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-66" class="option">Infants</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-14" type="radio" id="edit-audience-14" name="audience" value="14" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-14" class="option">Information-Related Organization</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-47" type="radio" id="edit-audience-47" name="audience" value="47" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-47" class="option">Law Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-18" type="radio" id="edit-audience-18" name="audience" value="18" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-18" class="option">Medical | Healthcare Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-75" type="radio" id="edit-audience-75" name="audience" value="75" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-75" class="option">Member Engagement Options</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-60" type="radio" id="edit-audience-60" name="audience" value="60" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-60" class="option">Preschool Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-43" type="radio" id="edit-audience-43" name="audience" value="43" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-43" class="option">Public Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-27" type="radio" id="edit-audience-27" name="audience" value="27" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-27" class="option">Joint Use Facility</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-34" type="radio" id="edit-audience-34" name="audience" value="34" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-34" class="option">Member-Leaders</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-20" type="radio" id="edit-audience-20" name="audience" value="20" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-20" class="option">Museum Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-77" type="radio" id="edit-audience-77" name="audience" value="77" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-77" class="option">Music Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-48" type="radio" id="edit-audience-48" name="audience" value="48" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-48" class="option">Reference Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-68" type="radio" id="edit-audience-68" name="audience" value="68" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-68" class="option">Seniors</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-22" type="radio" id="edit-audience-22" name="audience" value="22" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-22" class="option">Nonprofit Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-76" type="radio" id="edit-audience-76" name="audience" value="76" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-76" class="option">Planned Giving</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-24" type="radio" id="edit-audience-24" name="audience" value="24" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-24" class="option">Public Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-45" type="radio" id="edit-audience-45" name="audience" value="45" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-45" class="option">Research Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-73" type="radio" id="edit-audience-73" name="audience" value="73" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-73" class="option">Theological Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-67" type="radio" id="edit-audience-67" name="audience" value="67" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-67" class="option">Toddlers</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-21" type="radio" id="edit-audience-21" name="audience" value="21" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-21" class="option">Native (Indigenous Peoples) Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-25" type="radio" id="edit-audience-25" name="audience" value="25" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-25" class="option">Regional System</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-42" type="radio" id="edit-audience-42" name="audience" value="42" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-42" class="option">School Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-69" type="radio" id="edit-audience-69" name="audience" value="69" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-69" class="option">Young Adults</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-23" type="radio" id="edit-audience-23" name="audience" value="23" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-23" class="option">Prison Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-26" type="radio" id="edit-audience-26" name="audience" value="26" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-26" class="option">Research Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-40" type="radio" id="edit-audience-40" name="audience" value="40" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-40" class="option">Special Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-61" type="radio" id="edit-audience-61" name="audience" value="61" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-61" class="option">School District</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-59" type="radio" id="edit-audience-59" name="audience" value="59" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-59" class="option">Technical Services Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-30" type="radio" id="edit-audience-30" name="audience" value="30" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-30" class="option">Tribal Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-9" type="radio" id="edit-audience-9" name="audience" value="9" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-9" class="option">School Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-50" type="radio" id="edit-audience-50" name="audience" value="50" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-50" class="option">Young Adult Librarian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-62" type="radio" id="edit-audience-62" name="audience" value="62" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-62" class="option">Age Group</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-4" type="radio" id="edit-audience-4" name="audience" value="4" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-4" class="option">Special Library</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-54" type="radio" id="edit-audience-54" name="audience" value="54" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-54" class="option">Foundations</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-33" type="radio" id="edit-audience-33" name="audience" value="33" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-33" class="option">ALA Members</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-51" type="radio" id="edit-audience-51" name="audience" value="51" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-51" class="option">Contractors</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-70" type="radio" id="edit-audience-70" name="audience" value="70" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-70" class="option">Educators (LIS)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-57" type="radio" id="edit-audience-57" name="audience" value="57" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-57" class="option">Employers</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-53" type="radio" id="edit-audience-53" name="audience" value="53" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-53" class="option">Friends Groups</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-39" type="radio" id="edit-audience-39" name="audience" value="39" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-39" class="option">Librarians</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-2" type="radio" id="edit-audience-2" name="audience" value="2" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-2" class="option">Library or Organization Type</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-38" type="radio" id="edit-audience-38" name="audience" value="38" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-38" class="option">Press | Media</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-56" type="radio" id="edit-audience-56" name="audience" value="56" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-56" class="option">Students (LIS)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-36" type="radio" id="edit-audience-36" name="audience" value="36" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-36" class="option">Support Staff</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-37" type="radio" id="edit-audience-37" name="audience" value="37" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-37" class="option">Trustees</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-52" type="radio" id="edit-audience-52" name="audience" value="52" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-52" class="option">Vendors</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-audience form-item-audience"> <input data-drupal-selector="edit-audience-55" type="radio" id="edit-audience-55" name="audience" value="55" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-audience-55" class="option">Volunteers</label> </div> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-genre" id="edit-genre--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Genre</span> </legend> <div class="fieldset-wrapper"> <div id="edit-genre" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-all" type="radio" id="edit-genre-all" name="genre" value="All" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-all" class="option">- Any -</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-182" type="radio" id="edit-genre-182" name="genre" value="182" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-182" class="option">Action-adventure</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-179" type="radio" id="edit-genre-179" name="genre" value="179" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-179" class="option">Adrenaline</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-138" type="radio" id="edit-genre-138" name="genre" value="138" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-138" class="option">Adventure</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-190" type="radio" id="edit-genre-190" name="genre" value="190" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-190" class="option">Alphabet Book</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-139" type="radio" id="edit-genre-139" name="genre" value="139" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-139" class="option">Animal</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-191" type="radio" id="edit-genre-191" name="genre" value="191" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-191" class="option">Anthology</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-186" type="radio" id="edit-genre-186" name="genre" value="186" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-186" class="option">Autobiography</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-189" type="radio" id="edit-genre-189" name="genre" value="189" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-189" class="option">Beginning Readers</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-192" type="radio" id="edit-genre-192" name="genre" value="192" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-192" class="option">Bilingual</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-140" type="radio" id="edit-genre-140" name="genre" value="140" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-140" class="option">Biography</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-200" type="radio" id="edit-genre-200" name="genre" value="200" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-200" class="option">Cartoons and Comics</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-142" type="radio" id="edit-genre-142" name="genre" value="142" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-142" class="option">Christian</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-143" type="radio" id="edit-genre-143" name="genre" value="143" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-143" class="option">Classic</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-188" type="radio" id="edit-genre-188" name="genre" value="188" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-188" class="option">Coming of Age</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-144" type="radio" id="edit-genre-144" name="genre" value="144" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-144" class="option">Cooking</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-145" type="radio" id="edit-genre-145" name="genre" value="145" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-145" class="option">Crafts</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-183" type="radio" id="edit-genre-183" name="genre" value="183" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-183" class="option">Crime</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-146" type="radio" id="edit-genre-146" name="genre" value="146" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-146" class="option">Dinosaurs</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-147" type="radio" id="edit-genre-147" name="genre" value="147" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-147" class="option">Drama</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-193" type="radio" id="edit-genre-193" name="genre" value="193" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-193" class="option">Fable</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-148" type="radio" id="edit-genre-148" name="genre" value="148" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-148" class="option">Fairytale</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-149" type="radio" id="edit-genre-149" name="genre" value="149" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-149" class="option">Fantasy</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-175" type="radio" id="edit-genre-175" name="genre" value="175" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-175" class="option">Fiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-150" type="radio" id="edit-genre-150" name="genre" value="150" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-150" class="option">Folklore</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-187" type="radio" id="edit-genre-187" name="genre" value="187" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-187" class="option">Friendship</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-151" type="radio" id="edit-genre-151" name="genre" value="151" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-151" class="option">Gardening</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-152" type="radio" id="edit-genre-152" name="genre" value="152" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-152" class="option">Genealogy</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-194" type="radio" id="edit-genre-194" name="genre" value="194" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-194" class="option">Graphic Novel</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-153" type="radio" id="edit-genre-153" name="genre" value="153" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-153" class="option">Health and Wellness</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-155" type="radio" id="edit-genre-155" name="genre" value="155" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-155" class="option">Historical Fiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-154" type="radio" id="edit-genre-154" name="genre" value="154" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-154" class="option">History</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-156" type="radio" id="edit-genre-156" name="genre" value="156" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-156" class="option">Horror</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-157" type="radio" id="edit-genre-157" name="genre" value="157" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-157" class="option">Humor</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-158" type="radio" id="edit-genre-158" name="genre" value="158" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-158" class="option">Islamic</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-159" type="radio" id="edit-genre-159" name="genre" value="159" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-159" class="option">Jewish</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-160" type="radio" id="edit-genre-160" name="genre" value="160" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-160" class="option">Multicultural</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-203" type="radio" id="edit-genre-203" name="genre" value="203" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-203" class="option">Multilingual</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-161" type="radio" id="edit-genre-161" name="genre" value="161" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-161" class="option">Music</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-162" type="radio" id="edit-genre-162" name="genre" value="162" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-162" class="option">Mystery</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-163" type="radio" id="edit-genre-163" name="genre" value="163" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-163" class="option">Mythology</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-176" type="radio" id="edit-genre-176" name="genre" value="176" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-176" class="option">Nonfiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-164" type="radio" id="edit-genre-164" name="genre" value="164" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-164" class="option">Parenting</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-185" type="radio" id="edit-genre-185" name="genre" value="185" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-185" class="option">Picture Book</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-177" type="radio" id="edit-genre-177" name="genre" value="177" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-177" class="option">Poetry</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-184" type="radio" id="edit-genre-184" name="genre" value="184" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-184" class="option">Realistic Fiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-178" type="radio" id="edit-genre-178" name="genre" value="178" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-178" class="option">Reference</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-141" type="radio" id="edit-genre-141" name="genre" value="141" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-141" class="option">Religion</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-165" type="radio" id="edit-genre-165" name="genre" value="165" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-165" class="option">Romance</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-166" type="radio" id="edit-genre-166" name="genre" value="166" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-166" class="option">Science</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-167" type="radio" id="edit-genre-167" name="genre" value="167" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-167" class="option">Science Fiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-195" type="radio" id="edit-genre-195" name="genre" value="195" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-195" class="option">Series</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-168" type="radio" id="edit-genre-168" name="genre" value="168" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-168" class="option">Space</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-169" type="radio" id="edit-genre-169" name="genre" value="169" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-169" class="option">Sports</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-201" type="radio" id="edit-genre-201" name="genre" value="201" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-201" class="option">Superhero</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-170" type="radio" id="edit-genre-170" name="genre" value="170" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-170" class="option">Supernatural</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-180" type="radio" id="edit-genre-180" name="genre" value="180" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-180" class="option">Suspense</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-196" type="radio" id="edit-genre-196" name="genre" value="196" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-196" class="option">Tall Tale</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-171" type="radio" id="edit-genre-171" name="genre" value="171" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-171" class="option">Technology</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-181" type="radio" id="edit-genre-181" name="genre" value="181" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-181" class="option">Thriller</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-197" type="radio" id="edit-genre-197" name="genre" value="197" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-197" class="option">Time Travel</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-198" type="radio" id="edit-genre-198" name="genre" value="198" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-198" class="option">Translation</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-202" type="radio" id="edit-genre-202" name="genre" value="202" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-202" class="option">TV and Movies</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-172" type="radio" id="edit-genre-172" name="genre" value="172" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-172" class="option">Urban Fiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-173" type="radio" id="edit-genre-173" name="genre" value="173" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-173" class="option">Western</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-174" type="radio" id="edit-genre-174" name="genre" value="174" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-174" class="option">Women's Fiction</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-genre form-item-genre"> <input data-drupal-selector="edit-genre-199" type="radio" id="edit-genre-199" name="genre" value="199" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-genre-199" class="option">YA Novel</label> </div> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-office" id="edit-office--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Office</span> </legend> <div class="fieldset-wrapper"> <div id="edit-office" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-all" type="radio" id="edit-office-all" name="office" value="All" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-all" class="option">- Any -</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-494" type="radio" id="edit-office-494" name="office" value="494" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-494" class="option">ALA Continuing Education</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-521" type="radio" id="edit-office-521" name="office" value="521" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-521" class="option">ALA Editions/Neal-Schuman</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-524" type="radio" id="edit-office-524" name="office" value="524" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-524" class="option">ALA Graphics</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-523" type="radio" id="edit-office-523" name="office" value="523" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-523" class="option">ALA TechSource</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-528" type="radio" id="edit-office-528" name="office" value="528" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-528" class="option">American Libraries</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-495" type="radio" id="edit-office-495" name="office" value="495" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-495" class="option">Booklist Publications</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-534" type="radio" id="edit-office-534" name="office" value="534" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-534" class="option">Center for the Future of Libraries</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-479" type="radio" id="edit-office-479" name="office" value="479" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-479" class="option">Chapter Relations Office (CRO)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-492" type="radio" id="edit-office-492" name="office" value="492" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-492" class="option">Communications and Marketing (CMO)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-478" type="radio" id="edit-office-478" name="office" value="478" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-478" class="option">Conference Services</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-480" type="radio" id="edit-office-480" name="office" value="480" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-480" class="option">Development Office</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-481" type="radio" id="edit-office-481" name="office" value="481" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-481" class="option">Finance and Accounting</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-482" type="radio" id="edit-office-482" name="office" value="482" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-482" class="option">Governance Office</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-483" type="radio" id="edit-office-483" name="office" value="483" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-483" class="option">Human Resources (HR)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-484" type="radio" id="edit-office-484" name="office" value="484" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-484" class="option">Information Technology (IT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-485" type="radio" id="edit-office-485" name="office" value="485" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-485" class="option">International Relations Office (IRO)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-486" type="radio" id="edit-office-486" name="office" value="486" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-486" class="option">Member Relations & Services (MRS)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-488" type="radio" id="edit-office-488" name="office" value="488" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-488" class="option">Office for Accreditation</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-489" type="radio" id="edit-office-489" name="office" value="489" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-489" class="option">Office for Diversity, Literacy and Outreach Services (ODLOS)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-490" type="radio" id="edit-office-490" name="office" value="490" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-490" class="option">Office for Human Resource Development and Recruitment (HRDR)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-491" type="radio" id="edit-office-491" name="office" value="491" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-491" class="option">Office for Intellectual Freedom (OIF)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-529" type="radio" id="edit-office-529" name="office" value="529" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-529" class="option">Production Services</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-497" type="radio" id="edit-office-497" name="office" value="497" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-497" class="option">Public Policy and Advocacy (PPA)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-493" type="radio" id="edit-office-493" name="office" value="493" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-493" class="option">Public Programs Office (PPO)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-520" type="radio" id="edit-office-520" name="office" value="520" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-520" class="option">Spectrum</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-office form-item-office"> <input data-drupal-selector="edit-office-496" type="radio" id="edit-office-496" name="office" value="496" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-office-496" class="option">Staff Support Services</label> </div> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-division" id="edit-division--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Division</span> </legend> <div class="fieldset-wrapper"> <div id="edit-division" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-all" type="radio" id="edit-division-all" name="division" value="All" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-all" class="option">- Any -</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-465" type="radio" id="edit-division-465" name="division" value="465" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-465" class="option">American Association of School Librarians (AASL)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-468" type="radio" id="edit-division-468" name="division" value="468" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-468" class="option">Association of College and Research Libraries (ACRL)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-467" type="radio" id="edit-division-467" name="division" value="467" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-467" class="option">Association for Library Service to Children (ALSC)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-531" type="radio" id="edit-division-531" name="division" value="531" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-531" class="option">Core: Leadership, Infrastructure, Futures (CORE)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-472" type="radio" id="edit-division-472" name="division" value="472" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-472" class="option">Public Library Association (PLA)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-473" type="radio" id="edit-division-473" name="division" value="473" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-473" class="option">Reference and User Services Association (RUSA)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-469" type="radio" id="edit-division-469" name="division" value="469" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-469" class="option">United for Libraries (UNITED)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-division form-item-division"> <input data-drupal-selector="edit-division-474" type="radio" id="edit-division-474" name="division" value="474" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-division-474" class="option">Young Adult Library Services Association (YALSA)</label> </div> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-roundtable" id="edit-roundtable--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Round Table</span> </legend> <div class="fieldset-wrapper"> <div id="edit-roundtable" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-all" type="radio" id="edit-roundtable-all" name="roundtable" value="All" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-all" class="option">- Any -</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-533" type="radio" id="edit-roundtable-533" name="roundtable" value="533" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-533" class="option">Coretta Scott King Book Awards Roundtable (CSKBART)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-503" type="radio" id="edit-roundtable-503" name="roundtable" value="503" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-503" class="option">Ethnic and Multicultural Information Exchange Round Table (EMIERT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-519" type="radio" id="edit-roundtable-519" name="roundtable" value="519" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-519" class="option">Film and Media Round Table (FMRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-504" type="radio" id="edit-roundtable-504" name="roundtable" value="504" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-504" class="option">Games and Gaming Round Table (GAMERT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-506" type="radio" id="edit-roundtable-506" name="roundtable" value="506" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-506" class="option">Government Documents Round Table (GODORT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-527" type="radio" id="edit-roundtable-527" name="roundtable" value="527" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-527" class="option">Graphic Novels and Comics Round Table (GNCRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-507" type="radio" id="edit-roundtable-507" name="roundtable" value="507" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-507" class="option">Intellectual Freedom Round Table (IFRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-508" type="radio" id="edit-roundtable-508" name="roundtable" value="508" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-508" class="option">International Relations Round Table (IRRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-509" type="radio" id="edit-roundtable-509" name="roundtable" value="509" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-509" class="option">Learning Round Table (LearnRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-477" type="radio" id="edit-roundtable-477" name="roundtable" value="477" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-477" class="option">Library and Information Resource Center (LIRC)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-510" type="radio" id="edit-roundtable-510" name="roundtable" value="510" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-510" class="option">Library History Round Table (LHRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-511" type="radio" id="edit-roundtable-511" name="roundtable" value="511" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-511" class="option">Library Instruction Round Table (LIRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-512" type="radio" id="edit-roundtable-512" name="roundtable" value="512" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-512" class="option">Library Research Round Table (LRRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-532" type="radio" id="edit-roundtable-532" name="roundtable" value="532" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-532" class="option">Library Support Staff Round Table (LSSRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-513" type="radio" id="edit-roundtable-513" name="roundtable" value="513" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-513" class="option">Library Support Staff Interests Round Table</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-514" type="radio" id="edit-roundtable-514" name="roundtable" value="514" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-514" class="option">Map and Geospatial Information Round Table (MAGIRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-515" type="radio" id="edit-roundtable-515" name="roundtable" value="515" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-515" class="option">New Member Round Table (NMRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-505" type="radio" id="edit-roundtable-505" name="roundtable" value="505" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-505" class="option">Rainbow Round Table (RRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-516" type="radio" id="edit-roundtable-516" name="roundtable" value="516" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-516" class="option">Retired Member Round Table (RMRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-517" type="radio" id="edit-roundtable-517" name="roundtable" value="517" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-517" class="option">Social Responsibilities Round Table (SRRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-525" type="radio" id="edit-roundtable-525" name="roundtable" value="525" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-525" class="option">Sustainability Round Table (SustainRT)</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-roundtable form-item-roundtable"> <input data-drupal-selector="edit-roundtable-518" type="radio" id="edit-roundtable-518" name="roundtable" value="518" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-roundtable-518" class="option">Staff Organizations Round Table</label> </div> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-sort-by" id="edit-sort-by--wrapper" class="fieldgroup form-composite js-form-item form-item js-form-wrapper form-wrapper"> <legend> <span class="fieldset-legend">Sort by</span> </legend> <div class="fieldset-wrapper"> <div id="edit-sort-by" class="form-radios"><div class="form-radios"> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-sort-by form-item-sort-by"> <input data-drupal-selector="edit-sort-by-sort-title" type="radio" id="edit-sort-by-sort-title" name="sort_by" value="sort_title" checked="checked" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-sort-by-sort-title" class="option">Title</label> </div> <div class="js-form-item form-item js-form-type-radio form-type-radio js-form-item-sort-by form-item-sort-by"> <input data-drupal-selector="edit-sort-by-sort-deadline" type="radio" id="edit-sort-by-sort-deadline" name="sort_by" value="sort_deadline" class="form-radio bg-gray-50 border border-gray-300 inline-flex rounded-lg shadow-sm text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500" /> <label for="edit-sort-by-sort-deadline" class="option">Sort by Deadline</label> </div> </div> </div> </div> </fieldset> </div> <div class="filters__secondary-pills-wrapper xl:hidden"> </div> </div> <div class="filters__secondary-footer border-t border-t-mainColor/[.1] flex gap-3 p-4 xl:hidden"> <button type="button" name="submit" class="filters__submit bg-mainColor flex-auto !font-medium inline-flex !m-0 py-3 px-9 rounded-sm text-white w-full">Show Results</button> </div> </div> </div> <div class="filters__pills hidden xl:block"> </div> </div> </div> </form> </div> <div class="view-content mx-[calc(51%-50vw)] lg:mx-[calc(50%-50vw)]"> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 bg-[rgba(239,241,243,0.75)]"> <article data-history-node-id="18087" class="node node--type-opportunity node--view-mode-teaser"> <div class="flex flex-row flex-wrap max-w-[1180px] mx-auto py-12 border-b-2"> <div class="w-full sm:w-1/2 md:w-1/4 lg:w-2/6 p-4"> <a href="/awards/books-media/alex-awards" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/awards_grants/public/awardsgrants/Alex-AWARDSWinner_lowres_0.png?itok=MjiRoS81" width="203" height="200" alt="Alex-AWARDSWinner_lowres.png" class="image-style-awards-grants" /> </a> </div> <div class="w-full sm:w-1/2 md:w-3/4 lg:w-4/6 p-8"> <h4><a class="text-black" href="/awards/books-media/alex-awards"><span class="field field--name-title field--type-string field--label-hidden">Alex Awards</span> </a></h4> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 "> <article data-history-node-id="18046" class="node node--type-opportunity node--view-mode-teaser"> <div class="flex flex-row flex-wrap max-w-[1180px] mx-auto py-12 border-b-2"> <div class="w-full sm:w-1/2 md:w-1/4 lg:w-2/6 p-4"> </div> <div class="w-full sm:w-1/2 md:w-3/4 lg:w-4/6 p-8"> <h4><a class="text-black" href="/awards/books-media/amazing-audiobooks-young-adults"><span class="field field--name-title field--type-string field--label-hidden">Amazing Audiobooks for Young Adults</span> </a></h4> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 bg-[rgba(239,241,243,0.75)]"> <article data-history-node-id="17783" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[1095px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/selected-audiobooks-young-adults"><span class="field field--name-title field--type-string field--label-hidden">Selected Audiobooks for Young Adults</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2009-11-30T18:00:00-06:00" class="datetime">November 30, 2009</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Media </div> </div> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 "> <article data-history-node-id="17734" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[1095px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/best-books-young-adults"><span class="field field--name-title field--type-string field--label-hidden">Best Books for Young Adults</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> <!DOCTYPE html> <html><body><div> <p>To provide a general list of fiction and nonfiction titles selected from the year's publications that have significant appeal to the personal reading tastes of the young adult reader.</p> </div> </body></html> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2009-10-31T19:00:00-05:00" class="datetime">October 31, 2009</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Children and Young Adults </div> </div> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 bg-[rgba(239,241,243,0.75)]"> <article data-history-node-id="17788" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[1095px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/best-books-young-adults-1"><span class="field field--name-title field--type-string field--label-hidden">Best Books for Young Adults</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2009-10-31T19:00:00-05:00" class="datetime">October 31, 2009</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> </div> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 "> <article data-history-node-id="17789" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[1095px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/best-books-young-adults-2"><span class="field field--name-title field--type-string field--label-hidden">Best Books for Young Adults</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2009-10-31T19:00:00-05:00" class="datetime">October 31, 2009</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Children and Young Adults </div> </div> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 bg-[rgba(239,241,243,0.75)]"> <article data-history-node-id="17787" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[1095px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/best-books-young-adults-0"><span class="field field--name-title field--type-string field--label-hidden">Best Books for Young Adults</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2009-10-31T19:00:00-05:00" class="datetime">October 31, 2009</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Children and Young Adults </div> </div> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 "> <article data-history-node-id="17790" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[1095px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/best-books-young-adults-3"><span class="field field--name-title field--type-string field--label-hidden">Best Books for Young Adults</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2009-10-31T19:00:00-05:00" class="datetime">October 31, 2009</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Children and Young Adults </div> </div> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 bg-[rgba(239,241,243,0.75)]"> <article data-history-node-id="18057" class="node node--type-opportunity node--view-mode-teaser"> <div class="flex flex-row flex-wrap max-w-[1180px] mx-auto py-12 border-b-2"> <div class="w-full sm:w-1/2 md:w-1/4 lg:w-2/6 p-4"> </div> <div class="w-full sm:w-1/2 md:w-3/4 lg:w-4/6 p-8"> <h4><a class="text-black" href="/awards/books-media/best-fiction-young-adults"><span class="field field--name-title field--type-string field--label-hidden">Best Fiction for Young Adults</span> </a></h4> </div> </div> </article> </div> <div class="news__press-row border-b-[rgba(20,54,136,0.1)] border-b px-4 lg:px-0 py-[2.125rem] md:py-6 xl:py-12 "> <article data-history-node-id="17926" class="node node--type-opportunity node--view-mode-teaser"> <div class="event-teaser flex flex-col md:flex-row md:gap-[53px] lg:gap-[70px] justify-center"> <div class="event-teaser__image-wrapper w-full md:max-w-[225px]"> <a href="/awards/books-media/best-best-university-presses" hreflang="en"><img loading="lazy" src="/sites/default/files/styles/awards_grants/public/awardsgrants/aaup_logo_small.png?itok=VERKzovn" width="150" height="53" alt="aaup_logo_small.png" class="image-style-awards-grants" /> </a> </div> <div class="event-teaser__content-wrapper flex flex-col w-full lg:max-w-[800px] "> <h2 class="event-teaser__title m-0 mt-4 md:mt-3 text-[26px]"><a class="event-teaser__link" href="/awards/books-media/best-best-university-presses"><span class="field field--name-title field--type-string field--label-hidden">Best of the Best of the University Presses</span> </a></h2> <div class="event-teaser__description text-[17px] opacity-80 mt-6 md:mt-4"> <!DOCTYPE html> <html><body><p>This list highlights titles from the Best of the Best of University Presses that reflect a viewpoint and topical coverage not typically reflected in standard selection tools.</p> </body></html> </div> <div class="event-teaser__date mt-6 md:mt-4 text-black font-urw text-sm uppercase tracking-[1.4px]"> <p class="event-teaser__date-icon inline-block mr-2 mb-0 font-bold"> Next Deadline: </p> <div class="event-teaser__date-text inline-block"> <div class="field field--name-field-deadline-application field--type-datetime field--label-hidden field__item"><time datetime="2012-12-30T18:00:00-06:00" class="datetime">December 30, 2012</time> </div> </div> </div> <div class="event-teaser__tags flex flex-wrap md:flex-row gap-5 mt-7 md:mt-6"> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Award Recommended Print Media List </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Media </div> <div class="px-8 py-2 text-[12px] font-bold uppercase tracking-[1.2px] xl:whitespace-nowrap border border-secondaryColor rounded"> Reference, Technical & Adult Books </div> </div> </div> </div> </article> </div> </div> <nav class="pager" role="navigation" aria-labelledby="pagination-heading"> <h4 id="pagination-heading" class="visually-hidden">Pagination</h4> <ul class="pager__items js-pager__items" role=presentation> <li class="pager__item is-active"> <a href="?page=0" title="Current page" aria-current="page"> <span class="visually-hidden"> Current page </span>1</a> </li> <li class="pager__item"> <a href="?page=1" title="Go to page 2"> <span class="visually-hidden"> Page </span>2</a> </li> <li class="pager__item"> <a href="?page=2" title="Go to page 3"> <span class="visually-hidden"> Page </span>3</a> </li> <li class="pager__item"> <a href="?page=3" title="Go to page 4"> <span class="visually-hidden"> Page </span>4</a> </li> <li class="pager__item pager__item--next"> <a href="?page=1" title="Go to next page" rel="next"> <span class="visually-hidden">Next page</span> <span aria-hidden="true">›</span> </a> </li> <li class="pager__item pager__item--last"> <a href="?page=3" title="Go to last page"> <span class="visually-hidden">Last page</span> <span aria-hidden="true">Last »</span> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </div> </div> <div class="share flex my-12 lg:my-12 mr-auto ml-auto"> <ul class="flex flex-col md:flex-row flex-nowrap items-center ml-auto mr-auto gap-1 lg:gap-[2rem]"> <li> <a class="flex flex-nowrap items-end" href="mailto:?subject=Recommended Print & Media Lists&body=https://www.ala.org/awards/recommended-books-and-media"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img class="max-w-[24px]" src="/themes/custom/ala/assets/images/svg/email-2.svg" alt="Email icon"> </span> <p data-history-node-id="14" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Email</p> </a> </li> <li x-data="{print}"> <a class="flex flex-nowrap items-end cursor-pointer" href="#" x-on:click.prevent="window.print()"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img src="/themes/custom/ala/assets/images/svg/print.svg" alt="Print icon"> </span> <p data-history-node-id="14" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Print</p> </a> </li> <li><a class="flex flex-nowrap items-end" href="https://www.ala.org/cite?query=node/14&title=Recommended%20Print%20%26%20Media%20Lists&url=https%3A//www.ala.org/awards/recommended-books-and-media"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img src="/themes/custom/ala/assets/images/svg/cite.svg" alt="Cite icon"> </span> <p data-history-node-id="14" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Cite</p> </a> </li> <li class="relative" x-data="{ open: false }"> <a class="flex flex-nowrap items-end cursor-pointer" href="#" x-on:click.prevent="open = ! open"> <span class="bg-shareIconBackground w-[48px] h-[48px] pb-4 pt-[13px] rounded-full flex justify-center items-center"> <img src="/themes/custom/ala/assets/images/svg/share.svg" alt="Share icon"> </span> <p data-history-node-id="14" class="node node--type-flex-page node--view-mode-full node--hide-sidebar mx-[17px] uppercase text-[14px]">Share This Page</p> </a> <div x-show="open"> <div class="region region-sharing share--buttons absolute bottom-[-3rem] left-[2rem]"> <div id="block-addtoanysharebuttons" class="block block-addtoany block-addtoany-block relative z-10"> <span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://www.ala.org/awards/recommended-books-and-media" data-a2a-title="Recommended Print & Media Lists"><a class="a2a_dd addtoany_share" href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.ala.org%2Fawards%2Frecommended-books-and-media&title=Recommended%20Print%20%26%20Media%20Lists"></a><a class="a2a_button_facebook"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" /></svg></a><a class="a2a_button_twitter"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></svg></a><a class="a2a_button_linkedin"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 448 512" fill="#636770"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></svg></a><a class="a2a_button_email"><svg xmlns="http://www.w3.org/2000/svg" height="1.125em" viewBox="0 0 512 512" fill="#636770"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z" /></svg></a></span> </div> </div> </div> </li> </ul> </div> </article> </div> </div> </div> </div> </main> <footer role="contentinfo"> <div class="region region-footer"> <nav id="block-footer-2" class="block block-system block-system-menu-blockfooter border-t pt-14 xl:py-14" aria-labelledby="block-footer-2" role="navigation"> <div class="flex xl:container flex-col xl:flex-row items-center xl:items-start text-center xl:text-left pb-12 xl:pb-0"> <div class="mb-12 xl:mb-0"> <a href="/" rel="home" class="inline-block pl-5 xl:pl-0" aria-label="ALA logo"> <img src="/themes/custom/ala/assets/images/svg/ala-footer-logo.svg" alt=" site logo"> </a> <p class="m-0 mt-9 text-base font-normal text-offBlack opacity-80">225 N Michigan Ave., Ste 1300</p> <p class="m-0 text-base font-normal text-offBlack opacity-80">Chicago, IL 60601</p> <p class="m-0 text-base font-normal text-offBlack opacity-80">1.800.545.2433</p> </div> <div class="xl:ml-auto"> <ul class="relative xl:grid xl:grid-cols-2 xl:gap-4 xl:gap-x-28 xl:gap-y-8 menu--footer xl:border-r xl:pr-24"> <li class="mb-12 xl:mb-0"> <a href="/aboutala/offices/home" class="text-sm font-bold uppercase tracking-widest" title="Offices" data-drupal-link-system-path="node/17266">Offices</a> </li> <li class="mb-12 xl:mb-0"> <a href="/news" class="text-sm font-bold uppercase tracking-widest" title="News & Press" data-drupal-link-system-path="node/59884">News & Press</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/divs" class="text-sm font-bold uppercase tracking-widest" title="Divisions" data-drupal-link-system-path="node/59964">Divisions</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/contactus/workatala" class="text-sm font-bold uppercase tracking-widest" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/rts" class="text-sm font-bold uppercase tracking-widest" title="Round Tables" data-drupal-link-system-path="node/59965">Round Tables</a> </li> <li class="mb-12 xl:mb-0"> <a href="https://www.alastore.ala.org/" class="text-sm font-bold uppercase tracking-widest" title="Shop">Shop</a> </li> <li class="mb-12 xl:mb-0"> <a href="/aboutala/committees" class="text-sm font-bold uppercase tracking-widest" title="Committees" data-drupal-link-system-path="node/16494">Committees</a> </li> </ul> </div> <div class="xl:ml-32"> <div class="hidden xl:block"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://x.com/ALALibrary" class="twitter-logo inline-block indent-96" target="_blank">twitter</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> </ul> </div> </div> </div> </div> <a href="/donate" class="font-medium text-lg text-white py-1.5 px-10 bg-mainRed font-bitter hover:opacity-50">Donate</a> </div> </div> </nav> <nav id="block-footerutility-2" class="block block-menu navigation menu--footer-utility static xl:relative sidebar-menu" aria-labelledby="block-footerutility-2-menu" role="navigation"> <h2 class="visually-hidden" id="block-footerutility-2-menu" class="hidden">Footer Utility</h2> <div class="flex xl:container py-6 xl:py-8 border-t flex-col xl:flex-row items-center xl:items-start"> <div class="xl:hidden"> <div class="field field--name-field-components field--type-entity-reference-revisions field--label-hidden field__item"> <div class="paragraph paragraph--type--social-media-links paragraph--view-mode--default"> <div class="social-media-list mb-6"> <ul class="flex"> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.facebook.com/AmericanLibraryAssociation" class="facebook-logo inline-block indent-96" target="_blank">facebook</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.instagram.com/americanlibraryassociation/" class="instagram-logo inline-block indent-96" target="_blank">instagram</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://x.com/ALALibrary" class="twitter-logo inline-block indent-96" target="_blank">twitter</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://youtube.com/user/AmLibraryAssociation" class="youtube-logo inline-block indent-96" target="_blank">youtube</a></li> <li class="p-1.5 bg-[#eff1f3] rounded-3xl mr-3 flex items-center justify-center"><a href="https://www.threads.net/@americanlibraryassociation" class="threads-logo inline-block indent-96" target="_blank">threads</a></li> </ul> </div> </div> </div> </div> <ul class="flex menu--footer_utility flex-wrap xl:flex-nowrap justify-center xl:justify-normal"> <li class="text-footerGrey"> <a href="/aboutala/sitesdirectory" class="text-base font-normal text-footerGrey align-sub" title="ALA Websites" data-drupal-link-system-path="node/59883">ALA Websites</a> </li> <li class="text-footerGrey"> <a href="/accessibility-commitment" class="text-base font-normal text-footerGrey align-sub" title="Accessibility" data-drupal-link-system-path="node/60569">Accessibility</a> </li> <li class="text-footerGrey"> <a href="/privacypolicy" class="text-base font-normal text-footerGrey align-sub" title="Privacy Policy" data-drupal-link-system-path="node/15423">Privacy Policy</a> </li> <li class="text-footerGrey"> <a href="/user-guidelines" class="text-base font-normal text-footerGrey align-sub" title="User Guidelines" data-drupal-link-system-path="node/15398">User Guidelines</a> </li> <li class="text-footerGrey"> <a href="/sitemap.xml" class="text-base font-normal text-footerGrey align-sub" title="Site Index" data-drupal-link-system-path="sitemap.xml">Site Index</a> </li> <li class="text-footerGrey"> <a href="/footer-feedback" class="text-base font-normal text-footerGrey align-sub" title="Feedback" data-drupal-link-system-path="node/19486">Feedback</a> </li> <li class="text-footerGrey"> <a href="/aboutala/contactus/workatala" class="text-base font-normal text-footerGrey align-sub" title="Work at ALA" data-drupal-link-system-path="node/14392">Work at ALA</a> </li> </ul> <p class="text-base font-normal text-footerGrey xl:ml-auto align-sub mt-4 xl:mt-0">© 1996–2024 American Library Association</p> </div> </nav> </div> </footer> </div> </div> <script src="https://static.addtoany.com/menu/page.js" async></script> <script src="/sites/default/files/js/js_q1wZIy31XFJsPRwch_EkNKvTiE0Q2GNHGfyHioohImY.js?scope=footer&delta=1&language=en&theme=ala&include=eJxdjlEOwjAMQy9UmiNV3ppFnUJTtQHG7ZnKfuDH8rMs2cjZDfVNuEzculUPUJCoLdBpoa1Uvu0jiJkoJ4eQ-P0XIf8cseMIz8KvQVO_wcLu3BMfzQbntBU9cZBw5X4urtaZcn80aFxNFW3wvHEVP5BGRXQ"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <script src="/sites/default/files/js/js_UT193HXQU9T5Zd_HErZG7Gbw5A4C4wqp-3pUIuqHXI8.js?scope=footer&delta=3&language=en&theme=ala&include=eJxdjlEOwjAMQy9UmiNV3ppFnUJTtQHG7ZnKfuDH8rMs2cjZDfVNuEzculUPUJCoLdBpoa1Uvu0jiJkoJ4eQ-P0XIf8cseMIz8KvQVO_wcLu3BMfzQbntBU9cZBw5X4urtaZcn80aFxNFW3wvHEVP5BGRXQ"></script> </body> </html>

CINXE.COM

Recommended Print & Media Lists | ALA