Larger Images

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.archives.gov:80/southeast/exhibit/popups.php?p=4.1.3","20101108050359","https://web.archive.org/","web","/_static/", "1289192639"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Larger Images</title> <style type="text/css"> body { margin: 0; padding: 0; } #header { position: relative; height: 37px; background-color: #dddddd; background-image: url(/web/20101108050359im_/http://www.archives.gov/southeast/exhibit/images/popup-header-logo.gif); background-position: 7px 7px; background-repeat: no-repeat; } .imageNav { height: 20px; padding: 4px; background-color: #f1f1f1; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; text-align: center; } .imageNav ul { width: 484px; text-align: center; margin: auto; padding: 0; list-style: none; } .imageNav ul li { margin: 0; padding: 0; display: inline; list-style: none; text-align: center; } .imageNav ul li a { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; color: #333333; text-decoration: none; padding: 2px; margin: 1px 2px 2px 2px; width: 14px; background-color: #cccccc; border: 1px solid #cccccc; } .imageNav ul li a:hover { background-color: #000000; color: #ffffff; } .imageNav ul li a.active { color: #ffffff; background-color: #333333; border: 1px solid #333333; } .imageNav ul li a.active:hover { background-color: #333333; } .imageNav ul li a.previousImage, .imageNav ul li a.nextImage { width: 60px; background: none; color: #333333; margin: 2px 15px 0 15px; border: none; } .imageNav ul li a.previousImage:hover, .imageNav ul li a.nextImage:hover { color: #333333; background: none; text-decoration: underline; border: none; } .imageNav ul li a.previousImage { text-align: right; } .imageNav ul li a.nextImage { text-align: left; } .closeWin { position: absolute; right: 12px; top: 12px; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; background-image: url(/web/20101108050359im_/http://www.archives.gov/southeast/exhibit/images/close-win.gif); background-repeat: no-repeat; background-position: 100% 50%; } .closeWin:hover { text-decoration: underline; } #footer { postion: relative; height: 37px; background-color: #dddddd; border-bottom: 1px solid #cccccc; } #content { width: 600px; margin: auto; } #content p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 600px; margin: 1.5em 0; padding: 0; } #content p.citation { font-size: 11px; color: #999999; margin-top: 2em; margin-bottom: 2em; } </style> </head> <body> <div id="header"> <a href="javascript: window.close();" class="closeWin">Close Window</a> </div> <div class="imageNav"> <ul> <li><a class="previousImage" href="popups.php?p=4.1.2">< Previous</a></li> <li><a href="popups.php?p=4.1.1">1</a></li> <li><a href="popups.php?p=4.1.2">2</a></li> <li><a class="active" href="popups.php?p=4.1.3">3</a></li> <li><a href="popups.php?p=4.1.4">4</a></li> <li><a href="popups.php?p=4.1.5">5</a></li> <li><a href="popups.php?p=4.1.6">6</a></li> <li><a href="popups.php?p=4.1.7">7</a></li> <li><a href="popups.php?p=4.1.8">8</a></li> <li><a href="popups.php?p=4.1.9">9</a></li> <li><a href="popups.php?p=4.1.10">10</a></li> <li><a href="popups.php?p=4.1.11">11</a></li> <li><a class="nextImage" href="popups.php?p=4.1.4">Next ></a></li> </ul></div> <div id="content"> <p>Alphonse Capone, Paper Cutter</p><img src="/web/20101108050359im_/http://www.archives.gov/southeast/exhibit/images/photos/photo-4-1-3.jpg" alt=""/><p class="citation">Citation: Records of the Selective Service System (World War I)</p></div> <div class="imageNav"> <ul> <li><a class="previousImage" href="popups.php?p=4.1.2">< Previous</a></li> <li><a href="popups.php?p=4.1.1">1</a></li> <li><a href="popups.php?p=4.1.2">2</a></li> <li><a class="active" href="popups.php?p=4.1.3">3</a></li> <li><a href="popups.php?p=4.1.4">4</a></li> <li><a href="popups.php?p=4.1.5">5</a></li> <li><a href="popups.php?p=4.1.6">6</a></li> <li><a href="popups.php?p=4.1.7">7</a></li> <li><a href="popups.php?p=4.1.8">8</a></li> <li><a href="popups.php?p=4.1.9">9</a></li> <li><a href="popups.php?p=4.1.10">10</a></li> <li><a href="popups.php?p=4.1.11">11</a></li> <li><a class="nextImage" href="popups.php?p=4.1.4">Next ></a></li> </ul></div> <div id="footer"></div> </body> </html>

CINXE.COM

Larger Images