<!-- Begin CSS Vertical Menu - menu ver 3.2C 2010

// NOTE: If you use a ' add a slash before it like this \'


var leftspacing		= "3"		// LEFT MENU PADDING
var rightspacing	= "3"		// RIGHT MENU PADDING
var menuside		= "left"	// MENU SIDE | left | right | center
var usespacer		= "yes"		// USE MENU SPACER
var menuwidth		= "750"		// TOTAL MENU WIDTH (use if wrapping is apparent)


document.write('<table cellpadding="0" cellspacing="0" border="0" class="menutable"><tr><td class="printhide" align="'+menuside+'">');
document.write('<table cellpadding="0" cellspacing="0" border="0"><tr><td width="'+leftspacing+'">');
document.write('<img src="picts/spacer.gif" width="'+leftspacing+'" height="1"><br>');
document.write('</td><td>');

document.write('<ul id="menunav">');





// START MENU LINKS - EDIT BELOW THIS AREA





document.write('  <li style="width: 80px;"><a href="index.htm">main</a>'); 
document.write('    <ul>');
document.write('      <li><a href="index.htm">home</a></li>');
document.write('      <li><a href="about.htm">about Us</a></li>');
document.write('      <li><a href="news.htm">News</a></li>');

document.write('      <li><a href="site_map.htm">site map</a></li>');
document.write('    </ul>');
document.write('  </li>');





document.write('  <li style="width: 100px;"><a href="puppies.htm">Puppies</a>'); 
document.write('    <ul>');
document.write('      <li><a href="puppies.htm">Puppies</a></li>');
document.write('      <li><a href="puppyplans.htm">Puppyplans</a></li>');
document.write('    </ul>');
document.write('  </li>');





document.write('  <li style="width: 80px;"><a href="site_map.htm">Our Collies</a>');
document.write('    <ul>');
document.write('      <li><a href="site_map.htm">site map</a></li>');
document.write('      <li><a href="calais.htm">Calais</a></li>');
document.write('      <li><a href="robin.htm">Robin</a></li>');
document.write('      <li><a href="kristy.htm">Kristy</a></li>');
document.write('      <li><a href="fame.htm">Fame</a></li>');
document.write('      <li><a href="dolly.htm">Dolly</a></li>');
document.write('      <li><a href="goldie.htm">Goldie</a></li>');
document.write('      <li><a href="piper.htm">Piper</a></li>');
document.write('      <li><a href="bebse.htm">Bebse</a></li>');
document.write('      <li><a href="emily.htm">Emily</a></li>');
document.write('      <li><a href="cooper.htm">Cooper</a></li>');


document.write('    </ul>');
document.write('  </li>');




document.write('  <li style="width: 100px;"><a href="clicker.htm">Clicker</a>'); 
document.write('    <ul>');
document.write('      <li><a href="clicker.htm">Clicker-start</a></li>');
document.write('      <li><a href="tricks.htm">Tricks</a></li>');
document.write('      <li><a href="clickacollie.htm">Click a collie</a></li>');
document.write('    </ul>');
document.write('  </li>');



document.write('  <li style="width: 100px;"><a href="links.htm">resources</a>');
document.write('    <ul>');
document.write('      <li><a href="contact.htm">contact</a></li>');
document.write('      <li><a href="links.htm">website links</a></li>');

document.write('    </ul>');
document.write('  </li>');





document.write('  <li style="width: 80px;"><a href="handcraft.htm">Handcraft</a>');
document.write('    <ul>');
document.write('      <li><a href="handcraft.htm">Handcraft.</a></li>');
document.write('      <li><a href="wool.htm">Spinning wheel</a></li>');
document.write('      <li><a href="site_map.htm">site map</a></li>');
document.write('    </ul>');
document.write('  </li>');





document.write('<li style="width: 64px;" class="no-arrow"><a href="contact.htm">contact</a></li>');





// END LINKS //

document.write('</ul>');



document.write('</td></tr></table>');

document.write('</td><td width="'+rightspacing+'">');
document.write('<img src="picts/spacer.gif" width="'+rightspacing+'" height="1"><br>');


   if (usespacer == "yes") {
document.write('</td></tr><tr><td width="'+menuwidth+'">');
document.write('<img src="picts/spacer.gif" width="'+menuwidth+'" height="1"><br>');
   }
document.write('</td></tr></table>');








// CODE FOR DROP MENUS

IEMhover = function() {
	var IEMh = document.getElementById("menunav").getElementsByTagName("LI");
	for (var i=0; i<IEMh.length; i++) {
		IEMh[i].onmouseover=function() {
			this.className+=" IEMhover";
		}
		IEMh[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" IEMhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", IEMhover);



// END -->
