<!-- 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="http://www.slrange.com/">main</a>'); 
document.write('    <ul>');
document.write('      <li><a href="newsletter.htm">sign up for newsletter</a></li>');
document.write('      <li><a href="testimonials.htm">testimonials</a></li>');
document.write('      <li><a href="links.htm">links</a></li>');
document.write('      <li><a target="_blank" href="http://www.facebook.com/pages/Oswego-IL/Shannon-Range-Photography/70575507762?ref=ss/">facebook</a></li>');
document.write('  </li>');
document.write('    </ul>');
document.write('  </li>');


document.write('  <li style="width: 80px;"><a href="calendar.htm">calendar</a>'); 
document.write('  </li>');




document.write('  <li style="width: 100px;"><a href="services.htm">services</a>'); 
	document.write('    <ul>');
	document.write('      <li><a href="vipprogram.htm">VIP program</a></li>');
	document.write('      <li><a href="products.asp?cat=710">photography classes</a></li>')	
	document.write('      <li><a href="services.htm">overview</a></li>');
	document.write('      <li><a href="sessions.htm">sessions types</a></li>');
	document.write('      <li><a href="newmoms.htm">new moms</a></li>');
	document.write('      <li><a href="weddings.htm">weddings</a></li>');
	document.write('      <li><a href="specialevents.htm">special events</a></li>');
	document.write('    </ul>');
document.write('  </li>');



document.write('  <li style="width: 100px;"><a href="productlist.htm">products</a>'); 
document.write('    <ul>');
document.write('      <li><a href="productlist.htm">pricing</a></li>');
document.write('      <li><a href="http://www.slrange.com/products.asp?cat=676">gift certificates</a></li>');
document.write('    </ul>');
document.write('  </li>');



document.write('  <li style="width: 80px;"><a href="site_map.htm">gallery</a>');
document.write('    <ul>');
document.write('      <li><a href="gallery2/weddings/index.htm">1-engagements and weddings</a></li>');
document.write('      <li><a href="gallery2/newmoms/index.htm">2-new moms</a></li>');
document.write('      <li><a href="gallery2/toddlers/index.htm">3-toddlers and kids</a></li>');
document.write('      <li><a href="gallery2/seniors/index.htm">4-tweens and seniors</a></li>');
document.write('      <li><a href="gallery2/families/index.htm">5-family</a></li>');
document.write('      <li><a href="comingsoon.htm">6-executive</a></li>');
document.write('      <li><a href="comingsoon.htm">7-miscellaneous</a></li>');
document.write('    </ul>');
document.write('  </li>');



document.write('  <li style="width: 100px;"><a href="process.htm">process</a>'); 
document.write('  </li>');


document.write('  <li style="width: 80px;" class="no-arrow"><a href="about.htm">about</a>');
document.write('    <ul>');
document.write('      <li><a href="about.htm">photographer & the business</a></li>');
document.write('      <li><a href="studio.htm">the studio</a></li>');
document.write('      <li><a href="contact.htm">contact, location, hours, etc.</a></li>');
document.write('    </ul>');
document.write('  </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 -->
