The Curious Case of Colonel Sellers/title> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="../_cReader.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="../_cReader.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type='text/javascript' src='http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js'></script> <style type="text/css"> body { background-image: url("../grcs/brownPaper.jpg") } .scroll-wrapper { -webkit-overflow-scrolling: touch; overflow: hidden; width: 440px; height: 660px; /* important: dimensions or positioning here! */ } #storyFRAME { overflow: hidden; } </style> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> </head> <body onload="setTimeout(function(); window.scrollTo(0, 1); javascript:getTotalPAGES(); ;MM_openBrWindow('../books-interface/index.html','','');MM_showHideLayers('progressPage','','hide')"> <script > var isMobile = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent.toLowerCase()); if(isMobile) { /*alert("doMobile");*/ document.getElementById('storyFRAME').contentWindow.doLARGE() } else { }; </script> <div id="floater">  <div id="progressPage"> </div>  <div id="swipezone"ontouchstart="touchStart(event,'dScreen');" ontouchend="touchEnd(event);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);"> </div> <div id="nextPage"> <img src="../books-interface/blank.png" title="Next Page" alt="next page" name="rigthEdge" width="440" height="660" border="0" align="bottom" id="rigthEdge" onClick="MM_swapImageR('URcorner','','../_bookReaderInterface/pageFlipUR.jpg',1);MM_showHideLayers('jumpPage','','hide','instructions','','hide','dStory','','show')" style="cursor:pointer;"></div> <div id="prevPage"> <img src="../books-interface/blank.png" title="Previous Page" alt="next page" name="leftEdge" width="60" height="660" border="0" align="bottom" id="leftEdge2" onClick="MM_swapImageL('ULcorner','','../_bookReaderInterface/pageFlipUL.jpg',1);" style="cursor:pointer;"> </div>  <div id="jumpPage" background="../books-interface/blank.jpg" > <table width="560" height="50" border="0" cellpadding="7" cellspacing="0" background="../books-interface/blank.jpg" > <tr> <td width="100" valign="middle"> </td> <td align="center" valign="middle" class="copyrightNOTICEcentered" style="color:7A663F;"> <form action="javascript: pageIT();" method="get" onSubmit="MM_showHideLayers('jumpPage','','hide')"> Go to page <input name="gotopg" type="text" class="copyrightNOTICEcentered" id="gotopg" size="5" maxlength="3" style="background-color:e7d6b7; border:hidden; border-radius:7px; color:a39273; padding:5px; text-align:center;" onKeyDown="if (event.keyCode == 13) javascript: pageIT();"> <input name="submit" type="submit" value="Go"> </form> </td> <td width="100" align="center" valign="middle"><a href="#" class="copyrightNOTICE" onClick="MM_showHideLayers('jumpPage','','hide')">Cancel</a></td> </tr> </table> </div>   <div id="prefPage"> <table width="560" height="760" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="50" colspan="3" align="center" valign="middle" ><a href="javascript:pageScrollPREVIOUS()"></a><a href="#1" title="Requires GEORGIA font"></a><a href="#"></a></td> </tr> <tr> <td width="60"> </td> <td width="440" > </td> <td width="60" align="center" valign="middle"> </td> </tr> <tr> <td height="50" colspan="3" valign="bottom"> <table width="100%" border="0" align="center" cellpadding="10" cellspacing="0" background="../books-interface/blank.jpg"> <tr> <td width="73" height="50" align="left" valign="bottom" class="copyrightNOTICE"> Font Size </td> <td width="73" align="center" valign="bottom"> <span class="dividerTILDE"><a href="#1" onClick="MM_showHideLayers('prefPage','','hide'); document.getElementById('storyFRAME').contentWindow.doXSMALL()">SM</a> </span></td> <td width="73" align="center" valign="bottom"> <span class="dividerTILDE"><a href="#1" onClick="MM_showHideLayers('prefPage','','hide'); document.getElementById('storyFRAME').contentWindow.doSMALL()">MED </a> </span></td> <td width="73" align="center" valign="bottom"> <span class="dividerTILDE"><a href="#1" onClick="MM_showHideLayers('prefPage','','hide'); document.getElementById('storyFRAME').contentWindow.doMEDIUM()">LG </a> </span></td> <td width="73" align="center" valign="bottom"> <span class="dividerTILDE"><a href="#1" onClick="MM_showHideLayers('prefPage','','hide'); document.getElementById('storyFRAME').contentWindow.doLARGE()">XL </a> </span></td> <td width="60" align="right" valign="bottom"><a href="#" class="copyrightNOTICE" onClick="MM_showHideLayers('prefPage','','hide')">Close X</a></td> </tr> </table></td> </tr> </table> </div>   <div id="bookpage"> <table width="540" border="0" cellpadding="0" cellspacing="0" background="../books-interface/blank.jpg" > <tr> <td width="60"> <img src="../_bookReaderInterface/marginTAP.jpg" alt="" name="ULcorner" width="60" height="50" id="ULcorner"></td> <td height="50" align="center" valign="middle"> <div id="instructions" class="copyrightNOTICEcentered"><i>Click margins or swipe text to turn pages.</i></div> <div id="dStory" class="copyrightNOTICEcentered"><i>Sherlock Holmes</i></div> </td> <td width="60" align="right" valign="top"> <img src="../_bookReaderInterface/marginTAP.jpg" alt="" name="URcorner" width="50" height="50" id="URcorner"> </td> </tr> <tr> <td width="60"><img src="../_bookReaderInterface/marginTAP.jpg" title="Previous Page" alt="next page" name="leftEdge" width="60" height="660" border="0" align="bottom" id="leftEdge2" onClick="MM_swapImageL('ULcorner','','../_bookReaderInterface/pageFlipUL.jpg',1);" style="cursor:pointer;"></td> <td width="440" height="660"><div class='scroll-wrapper' id='storyFRAMEWrapper'> <script> if (is_iPhone_or_iPod()) { document.write("<iframe src='textPaged.html' width='440' height='660' id='storyFRAME' name='storyFRAME' frameborder='0'></iframe>"); } else { document.write("<iframe src='textPaged.html' width='440' height='660' id='storyFRAME' name='storyFRAME' scrolling='no' frameborder='0'></iframe>"); } function is_iPhone_or_iPod(){ return navigator.platform.match(/i(Phone|Pod|Pad)/i); } </script> </div> </td> <td width="60"><img src="../_bookReaderInterface/marginTAP.jpg" title="Next Page" alt="next page" name="rigthEdge" width="60" height="660" border="0" align="bottom" id="rigthEdge2" onClick="MM_swapImageR('URcorner','','../_bookReaderInterface/pageFlipUR.jpg',1);MM_showHideLayers('jumpPage','','hide','instructions','','hide','dStory','','show')" style="cursor:pointer;"></td> </tr> <tr> <td width="60" align="left" valign="middle"><a href="../../index.html"><img src="../_bookReaderInterface/showCOVERbtn.png" id="ToC" width="50" height="50" title="Go to Tabel of Contents" alt="Go to Tabel of Contents"></a> </td> <td height="50"><table width="100%" height="50" align="center" cellpadding="0" cellspacing="0" style="background:url(../books-interface/blank.jpg)"> <tr> <td width="25%" align="center" valign="middle"> </td> <td width="50%" align="center" valign="middle">  <a href="#" onClick="MM_showHideLayers('jumpPage','','show')"><div title="Click to jump page" alt="Click to jump page"> <span id="pageNUM" class="pageNUMBER"></span><span class="pageNUMBER"> / </span><span id="totalPAGES" class="pageNUMBER"></span> </div></a>  </td> <td width="25%" align="right" valign="middle"> </td> </tr> </table></td> <td width="25%" align="right" valign="middle"><a href="#"><img src="../_bookReaderInterface/_aA.png" title="Set font size"alt="Set font size" width="40" height="40" border="0" onClick="MM_showHideLayers('prefPage','','show')"></a></td> </tr> </table> </div>  <span id="oldNUM" class="topNOTICE" style="visibility:hidden">0</span> <span id="dSCROLL" class="topNOTICE" style="visibility:hidden"></span> <span id="oldSCROLL" class="topNOTICE" style="visibility:hidden"></span> <audio id="TaDa" src="../../sounds/TaDa.mp3"></audio> <footer></footer> </body> </body> </html>