CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">   <head> <link rel="stylesheet" type="text/css" href="/scripts/ProStyles.css" /> <link rel="stylesheet" type="text/css" href="/screens/styles.css" /> <script type="text/javascript" src="/scripts/elcontent.js"></script> <script type="text/javascript" src="/scripts/common.js"></script> <script type="text/javascript" src="/scripts/features.js"></script> <script type="text/javascript" src="/scripts/webbridge.js"></script> <title>Jefferson County Library Cooperative: Kids Catalog</title> <style type="text/css"> #outerWrapper { text-align: center; width: 850px; margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } #outerWrapper #contentWrapper { width:100%; } #outerWrapper table {margin: 0 auto 0 0;} #outerWrapper #contentWrapper #leftColumn1 { text-align: center; float: left; width:490px; padding: 5px 5px 5px 5px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ } #outerWrapper #contentWrapper #rightColumn1 { text-align: left; float: left; position: relative; width:350px; } /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #outerWrapper #contentWrapper #content { text-align: left; padding: 5px 5px 5px 5px; margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #outerWrapper #contentWrapper .clearFloat { display: block; clear: both; } .style1 { text-align: center; top: 0; margin-top: 0px; vertical-align: top; border-width: 0; width:118px; } .style1 a { text-decoration: none; } .style2 { padding: 0px; border-width: 0; } .radioButton {width:80px} </style> </head> <body onLoad="document.forms[0].elements[1].focus();">    <div id="topLogohead"> <div id="topID"> <a href="/patroninfo"> <img alt="Your Records" src="/screens/yourrecord.gif" /></a> <a href="/"><img alt="Kids' Catalog" src="/screens/kidslogo.gif"/></a> <a href="/screens/homework_help.html"> <img alt="Homework Help" src="/screens/homeworkhelpkids.gif" /></a> <a href="https://jclc.overdrive.com/library/kids"><img alt="eReading Room" src="/screens/logoskids.gif" /></a> <a href="https://jeffa.na.iiivega.com/"> <img alt="JCLC Catalog" src="/screens/Mainlogo.gif"/></a> <a href="/screens/help_index.html"> <img alt="Help" src="/screens/kidshelp.gif" /></a> </div> <div style="float:left; width:auto;"> <div id="topLogoImage"><a href="http://www.jclc.org/"> <img alt="JCLC" src="/screens/Kidscatalogtoplogographic.gif"/></a></div> </div> <div style="clear:both;"></div> </div>   <div id="outerWrapper"> <div id="contentWrapper"> <div id="leftColumn1"> <table> <tr> <td class="style1"> <a href="/screens/animals.html"> <img alt="Animals" src="/screens/Animalsmain_nw.jpg" width="118" height="88" class="style2" /><br /> Animals</a></td> <td class="style1"> <a href="/screens/art.html"> <img alt="Art" src="/screens/Artmain_nw.jpg" width="118" height="88" class="style2" /><br /> Art</a></td> <td class="style1"> <a href="/screens/crafts_hobbies.html"> <img title="Crafts & Hobbies" height="88" alt="Crafts & Hobbies" src="/screens/Craftsmain_nw.jpg" width="118" class="style2"/><br /> Crafts and Hobbies</a></td> <td class="style1"> <a href="/screens/dance_theater.html"> <img title="Dance & Theater" height="88" alt="Dance &Theater" src="/screens/dancemain_nw.jpg" width="118" class="style2" /><br /> Dance and<br/> Theater</a></td> </tr> <tr> <td class="style1"> <a href="/screens/health_body.html"> <img alt="Health" src="/screens/Healthmain_nw2.jpg" width="118" height="88" class="style2"/><br /> Health</a></td> <td class="style1"> <a href="/screens/history.html"> <img title="History" height="88" alt="History" src="/screens/Historymain_nw.jpg" width="118" class="style2" /><br /> History</a></td> <td class="style1"> <a href="/screens/holidays.html"> <img alt="Holidays" src="/screens/halloween2019.jpg" width="118" height="88" class="style2" /><br /> Holidays</a></td> <td class="style1"> <a href="/screens/math.html"> <img alt="Math" src="/screens/Mathmain_nw.jpg" width="118" height="88" class="style2" /><br /> Math</a></td> </tr> <tr> <td class="style1"> <a href="/screens/moving_building.html"> <img alt="Moving and Building" src="/screens/Transportationmain_nw.jpg" width="118" height="88" class="style2" /><br />Moving and Building</a></td> <td class="style1"><a href="/screens/music.html"> <img alt="Music" src="/screens/music.jpg" width="118" height="88" class="style2" /><br /> Music</a></td> <td class="style1"> <a href="/screens/nature.html"> <img alt="Nature" src="/screens/Naturemain_nw.jpg" width="118" height="88" class="style2" /><br /> Nature</a></td> <td class="style1"> <a href="/screens/people.html"> <img alt="People" src="/screens/Peoplemain_nw.jpg" width="118" height="88" class="style2"/><br /> People</a></td> </tr> <tr> <td class="style1"> <a href="/screens/places.html"> <img alt="Places" src="/screens/Placesmain_nw.jpg" width="118" height="88" class="style2" /><br /> Places</a></td> <td class="style1"> <a href="/screens/science_tech.html"> <img alt="Science and Technology" src="/screens/Sciencemain_nw.jpg" width="118" height="88" class="style2" /><br /> Science and Technology</a></td> <td class="style1"> <a href="/screens/sports_games.html"> <img alt="Sports" src="/screens/Sportsmain_nw.jpg" width="118" height="88" class="style2"/><br /> Sports and Games</a></td> <td class="style1"> <a href="/screens/stories_more.html"> <img alt="Stories, Poetry, Fairy Tales, and More" src="/screens/Literaturemain_nw.jpg" width="118" height="88" class="style2" /><br /> Stories, Poetry,<br /> Fairy Tales, and More</a></td> </tr> </table> </div> <div id="rightColumn1"> <div id="content"> <div id="search"> <img alt="Search Your Library" src="/screens/Searchtext.gif" /> <form class="unpadded" action="/search/a?a" method="post" name="search" id="search"> <span class="radioButton"><input type="radio" name="searchtype" value="X" checked/>Keyword</span> <span class="radioButton"><input type="radio" name="searchtype" value="a"/>Author</span> <br/> <span class="radioButton"><input type="radio" name="searchtype" value="t"/>Title</span> <span class="radioButton"><input type="radio" name="searchtype" value="d"/>Subject</span> <br /> <br /> <input maxlength="75" name="searcharg" size="25" /><br /> <select name="searchscope" > <option value="1"> View Entire Collection</option> <option value="2" selected="selected"> Children's Materials</option> <option value="3"> Teen Materials</option> <option value="4"> Adult Materials</option> <option value="5"> Book Collection</option> <option value="6"> Online Resources</option> <option value="7"> Audiobook Collection</option> <option value="8"> Video Collection</option> <option value="9"> Music Collection</option> </select> <span class="nowrap"> <input type="image" value="Submit" name="submit" src="/screens/GObutton.gif" border="0" class="button" alt="Submit Search" /> <input type="hidden" name="SORT" value="D"/> </span> </form> </div> <div style="padding:8px;"> <a href="/screens/awards.html"> <img alt="special" src="/screens/award.gif" width="303" height="43" /> </a> </div> <div id="special"> <a href="screens/homework_help.html"> <img alt="special" src="screens/special2019.png" />   </a> </div> </div> </div> <br class="clearFloat" /> </div> </div>      <div id="botnav"> <ul class="botmenuLinks"> <li><a href="/">Home</a></li> <li class="breaker">|</li> <li><a href="http://www.jclc.org/aboutjclc/faqs/itemsnotoncatalog.aspx">Can't Find It?</a></li> <li class="breaker">|</li> <li><a href="/screens/help_index.html">Help</a></li> </ul> Jefferson County Library Cooperative, Alabama </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1279714-16']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>