document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional //EN"');
document.write('   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
document.write('<html>');
document.write('<head>');
document.write('<meta http-equiv="Content-type" content="text/html; charset=utf-8" >');
document.write(' ');
document.write(' ');
document.write('<!-- FreeStyle Menu v1.0RC by Angus Turnbull http://www.twinhelix.com -->');
document.write('<script type="text/javascript" src="fsmenu.js"></script>');
document.write(' ');
document.write('<!-- Demo CSS layouts for the list menu. Pick your favourite one and customise! -->');
document.write('<link rel="stylesheet" type="text/css" id="listmenu-JON"');
document.write('   href="listmenu_JON.css" title="Vertical \'Earth\'" >');
document.write(' ');
document.write('<!-- Fallback CSS menu file allows list menu operation when JS is disabled. -->');
document.write('<!-- This is automatically disabled via its ID when the script kicks in. -->');
document.write('<link rel="stylesheet" type="text/css" id="fsmenu-fallback"');
document.write('   href="listmenu_fallback.css" >');
document.write(' ');
document.write('<script type="text/javascript">');
document.write('//<![CDATA[');
document.write(' ');
document.write('var listMenu = new FSMenu(\'listMenu\', true, \'display\', \'block\', \'none\');');
document.write(' ');
document.write('// The parameters of the FSMenu object are:');
document.write('//  1) Its own name in quotes.');
document.write('//  2) Whether this is a nested list menu or not (in this case, true means yes).');
document.write('//  3) The CSS property name to change when menus are shown and hidden.');
document.write('//  4) The visible value of that CSS property.');
document.write('//  5) The hidden value of that CSS property.');
document.write('//');
document.write('// Next, here are some optional settings for delays and highlighting:');
document.write('//  * showDelay is the time (in milliseconds) to display a new child menu.');
document.write('//  * switchDelay is the time to switch from one child menu to another child menu.');
document.write('//    Set this higher and point at 2 neighbouring items to see what it does.');
document.write('//  * hideDelay is the time it takes for a menu to hide after mouseout.');
document.write('//  * cssLitClass is the CSS classname applied to parent items of active menus.');
document.write('//  * showOnClick will, suprisingly, set the menus to show on click. Pick one of 3 values:');
document.write('//    0 = all mouseover, 1 = first level click, sublevels mouseover, 2 = all click.');
document.write('//  * hideOnClick hides all visible menus when one is clicked (defaults to true).');
document.write('//  * animInSpeed and animOutSpeed set the animation speed. Set to a number');
document.write('//    between 0 and 1 where higher = faster. Setting both to 1 disables animation.');
document.write(' ');
document.write('//listMenu.showDelay = 0;');
document.write('//listMenu.switchDelay = 1000;');
document.write('//listMenu.hideDelay = 1000;');
document.write('listMenu.cssLitClass = \'highlighted\';');
document.write('//listMenu.showOnClick = 1;');
document.write('//listMenu.hideOnClick = true;');
document.write('//listMenu.animInSpeed = 0.2;');
document.write('//listMenu.animOutSpeed = 0.2;');
document.write(' ');
document.write(' ');
document.write('// Now the fun part... animation! This script supports animation plugins you');
document.write('// can add to each menu object you create. I have provided 3 to get you started.');
document.write('// To enable animation, add one or more functions to the menuObject.animations');
document.write('// array; available animations are:');
document.write('//  * FSMenu.animSwipeDown is a "swipe" animation that sweeps the menu down.');
document.write('//  * FSMenu.animFade is an alpha fading animation using tranparency.');
document.write('//  * FSMenu.animClipDown is a "blind" animation similar to \'Swipe\'.');
document.write('// They are listed inside the "fsmenu.js" file for you to modify and extend :).');
document.write(' ');
document.write('// I am applying two at once to listMenu. Delete this to disable!');
document.write('listMenu.animations[listMenu.animations.length] = FSMenu.animFade;');
document.write('listMenu.animations[listMenu.animations.length] = FSMenu.animSwipeDown;');
document.write('//listMenu.animations[listMenu.animations.length] = FSMenu.animClipDown;');
document.write(' ');
document.write(' ');
document.write('// Finally, on page load you have to activate the menu by calling its "activateMenu()" method.');
document.write('// I have provided an "addEvent" method that lets you easily run page events across browsers.');
document.write('// You pass the activateMenu() function two parameters:');
document.write('//  (1) The ID of the outermost <ul> list tag containing your menu data.');
document.write('//  (2) A node containing your submenu popout arrow indicator.');
document.write('// If none of that made sense, just cut and paste this next bit for each menu you create.');
document.write(' ');
document.write('var arrow = null;');
document.write('if (document.createElement && document.documentElement)');
document.write('{');
document.write('   arrow = document.createElement(\'span\');');
document.write('   arrow.appendChild(document.createTextNode(\'>\'));');
document.write('   // Feel free to replace the above two lines with these for a small arrow image...');
document.write('   //arrow = document.createElement(\'img\');');
document.write('   //arrow.src = \'arrow.gif\';');
document.write('   //arrow.style.borderWidth = \'0\';');
document.write('   arrow.className = \'subind\';');
document.write('}');
document.write('addEvent(window, \'load\', new Function(\'listMenu.activateMenu("listMenuRoot", arrow)\'));');
document.write(' ');
document.write(' ');
document.write('// You may wish to leave your menu as a visible list initially, then apply its style');
document.write('// dynamically on activation for better accessibility. Screenreaders and older browsers will');
document.write('// then see all your menu data, but there will be a "flicker" of the raw list before the');
document.write('// page has completely loaded. If you want to do this, remove the CLASS="..." attribute from');
document.write('// the above outermost UL tag, and uncomment this line:');
document.write('//addEvent(window, \'load\', new Function(\'getRef("listMenuRoot").className="menulist"\'));');
document.write(' ');
document.write(' ');
document.write('// To create more menus, duplicate this section and make sure you rename your');
document.write('// menu object to something different; also, activate another <ul> list with a');
document.write('// different ID, of course :). You can hae as many menus as you want on a page.');
document.write(' ');
document.write('//]]>');
document.write(' ');
document.write('</script>');
document.write(' ');
document.write(' ');
document.write(' ');
document.write('</head>');
document.write('<body background="background.gif">');
document.write('   <a name="top">');
document.write('   <font Face="Arial, Helvetica, Swiss">');
document.write(' ');
document.write('<table width="100%">');
document.write('   <!-- top line -->');
document.write('   <tr>');
document.write('      <td colspan=0 background="top.jpg">');
document.write('         <br><center><font color="#FFFFFF" size=7>');
document.write('         Jon Bondy\'s Web Site');
document.write('         <font size=3><b>');
document.write('         <br><br>');
document.write('         All photographs and videos on this web site are copyright by Jon Bondy<br>and may not be used without permission');
document.write('         </b></font>');
document.write('         </font></center><br>');
document.write('      </td>');
document.write('   </tr>');
document.write(' ');
document.write(' ');
document.write(' ');
document.write(' ');
document.write(' ');
document.write(' ');
document.write('  <!-- middle section -->');
document.write('  <tr><td>');
document.write('     <table>');
document.write('        <tr>');
document.write('           <!-- left column -->');
document.write('           <td valign="top">');
document.write('              <!-- menu definitions -->');
document.write('              <ul class="menulist" id="listMenuRoot">');
document.write('                 <li><a href="index.htm">Overview</a>');
document.write('                    </li>');
document.write('                 <li><a href="#">Reef Tank</a>');
document.write('                    <ul>');
document.write('                       <li><a href="ReefTankHistory.htm">History</a>');
document.write('                         </li>');
document.write('                       <li><a href="ReefTank.htm">Specimens</a>');
document.write('                          </li>');
document.write('                       <li><a href="ReefTankTalk.htm">Talk</a>');
document.write('                          </li>');
document.write('                       <li><a href="ReefTankPhotography.htm">Photography</a>');
document.write('                          </li>');
document.write('                       <li><a href="#">Unusual Specimens</a>');
document.write('                             <ul>');
document.write('                                <li><a href="ToadStool.htm">Toadstool Mushroom Coral</a>');
document.write('                                </li>');
document.write('                             </ul>');
document.write('                          </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="#">Cephalopods</a>');
document.write('                    <ul>');
document.write('                       <li><a href="Octopus1.htm">Octopus</a>');
document.write('                         </li>');
document.write('                       <li><a href="Cuttlefish1.htm">Cuttlefish</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="Mantis1.htm">Mantis Shrimp</a>');
document.write('                    </li>');
document.write('                 <li><a href="#">Photography</a>');
document.write('                    <ul>');
document.write('                       <li><a href="DigiCamGuide.htm">Selecting a DigiCam</a>');
document.write('                         </li>');
document.write('                       <li><a href="ReefTankPhotography.htm">Tank Photography</a>');
document.write('                         </li>');
document.write('                       <li><a href="SportsPhotos.htm1">Sports Photography</a>');
document.write('                          <ul>');
document.write('                             <li><a href="SportsPhotos1.htm">Beginnings</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos2.htm">The Grace of the Human Body</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos2.htm#timing">Stopping Action, Timing Shots</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos3.htm">Dramatic Expressions</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos4.htm">Amazing Effort</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos5.htm">Real Volleyball</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos6.htm">Composition</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos6.htm#beauty">Beautiful Faces</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos6.htm#hair">Hair and Sunglasses</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos7.htm">Funny and Unusual</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos8.htm#lighting">Lighting</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos8.htm#angles">Unusual Angles</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos8.htm#jousts">Jousts</a>');
document.write('                               </li>');
document.write('                             <li><a href="SportsPhotos8.htm#comp">Unusual Compositions</a>');
document.write('                               </li>');
document.write('                             </ul>');
document.write('                         </li>');
document.write('                       <li><a href="NaturePhotos.htm">Nature Photography</a>');
document.write('                         </li>');
document.write('                       <li><a href="ArtPhotos.htm">Art Photography</a>');
document.write('                         </li>');
document.write('                       <li><a href="CapeCod.htm">Cape Cod Photographs (sunsets, whales)</a>');
document.write('                         </li>');
document.write('                       <li><a href="CanonWildlife.htm">Wildlife Closeups</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="software.htm">Software</a>');
document.write('                    </li>');
document.write('                 <li><a href="#">Other Critters</a>');
document.write('                    <ul>');
document.write('                       <li><a href="cats.htm">My Cats</a>');
document.write('                         </li>');
document.write('                       <li><a href="parrots.htm">My Parrots</a>');
document.write('                         </li>');
document.write('                       <li><a href="wildlife.htm">Local Wildlife</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="stirling.htm">Stirling Engines</a>');
document.write('                    </li>');
document.write('                 <li><a href="#">Machine Shop</a>');
document.write('                    <ul>');
document.write('                       <li><a href="lathe1.htm">First Lathe</a>');
document.write('                         </li>');
document.write('                       <li><a href="lathe2.htm">Current Lathe</a>');
document.write('                         </li>');
document.write('                       <li><a href="mill1.htm">First Mill</a>');
document.write('                         </li>');
document.write('                       <li><a href="mill2.htm">Current Mill</a>');
document.write('                         </li>');
document.write('                       <li><a href="tools.htm">Other Tools</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="Guitar.htm">My Guitars</a>');
document.write('                    </li>');
document.write('                 <li><a href="creations.htm">My Creations</a>');
document.write('                    </li>');
document.write('                 <li><a href="pPod.htm">The pPod</a>');
document.write('                    </li>');
document.write('                 <li><a href="JOE.htm">JOE</a>');
document.write('                    </li>');
document.write('                 <li><a href="#">Favorite Things</a>');
document.write('                    <ul>');
document.write('                       <li><a href="books.htm">Books</a>');
document.write('                         </li>');
document.write('                       <li><a href="movies.htm">Movies</a>');
document.write('                         </li>');
document.write('                       <li><a href="gadgets.htm">Gadgets</a>');
document.write('                         </li>');
document.write('                       <li><a href="Opus40-1.htm">Opus40</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="#">Musings Page 1</a>');
document.write('                    <ul>');
document.write('                       <li><a href="M-A Different Drummer.htm">Different Drummer</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-A Rude Awakening.htm">Rude Awakening</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-A Stranger In The House.htm">Stranger In The House</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-A Walk With Al.htm">A Walk With Al</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Animal Psychic.htm">Animal Psychic</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Berry Picking.htm">Berry Picking</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Canoe.htm">Canoe</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Dropping A Water Bottle.htm">Dropping A Bottle</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Finishing A Box Of Wine.htm">Box Of Wine</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Flatlander.htm">Flatlander</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                 <li><a href="#">Musings Page 2</a>');
document.write('                    <ul>');
document.write('                       <li><a href="M-I Have A Cold.htm">I Have A Cold</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Jeanette Takes A Walk.htm">Taking A Walk</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Karma Takes A Swimming Lesson.htm">Karma Swims</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-My Introduction to the Business World.htm">The Business World</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Once Upon A Pizza.htm">Once Upon A Pizza</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Pet Peeves.htm">Pet Peeves</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Skills.htm">Skills</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Sky Writer.htm">Sky Writer</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-The Day I Didn\'t Need Pionus.htm">I Don\'t Need Pionus</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-The GCR.htm">The GCR</a>');
document.write('                         </li>');
document.write('                       <li><a href="M-Why I Lock Up My House.htm">Locking My House</a>');
document.write('                         </li>');
document.write('                       </ul>');
document.write('                    </li>');
document.write('                 <li><a href="Suck.htm">Things That Suck!</a>');
document.write('                    </li>');
document.write('                 <li><a href="cv.htm">My CV</a>');
document.write('                    </li>');
document.write('                 <li><a href="credits.htm">Credits/Thanks</a>');
document.write('                    </li>');
document.write('              </ul>');
document.write('           </td>');
document.write('           <td width=20></td>');
document.write(' ');
document.write('            <!-- remaining space -->');
document.write('            <td width=20></td>');
document.write('            <td valign="top"><font size=4>');
document.write('               <table>');
document.write('                  <tr><td><br>');

