<!-- 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.html">main</a>'); 

document.write('    <ul>');

document.write('      <li><a href="diane-simon-home.html">home</a></li>');

document.write('      <li><a href="about-diane-simon-watercolor-artist.html">about diane</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: 140px;"><a href="commission_pieces.html">commission pieces</a>'); 

document.write('    <ul>');
document.write('      <li><a href="commission_pieces.html">commission pieces</a></li>');

document.write('      <li><a href="diane_simon_clients.html">clients</a></li>');

document.write('    </ul>');

document.write('  </li>');











document.write('  <li style="width: 80px;"><a href="site_map.htm">photos</a>');

document.write('    <ul>');


document.write('      <li><a href="slideshow.htm">slideshow</a></li>');

document.write('      <li><a href="gallery1.htm">gallery 1</a></li>');

document.write('      <li><a href="gallery2.htm">gallery 2</a></li>');

document.write('      <li><a href="gallery3.htm">gallery 3</a></li>');

document.write('      <li><a href="gallery4.htm">gallery 4</a></li>');

document.write('      <li><a href="gallery5.htm">gallery 5</a></li>');

document.write('      <li><a href="gallery6.htm">gallery 6</a></li>');

document.write('      <li><a href="gallery7.htm">gallery 7</a></li>');




document.write('    </ul>');

document.write('  </li>');











document.write('  <li style="width: 100px;"><a href="watercolor-links.html">resources</a>');

document.write('    <ul>');

document.write('      <li><a href="watercolor-links.html">website links</a></li>');

document.write('      <li><a href="diane_simon_faq.html">F.A.Q.</a></li>');

document.write('      <li><a href="reference_sources.html">Reference Sources</a></li>');

document.write('    </ul>');

document.write('  </li>');





















document.write('<li style="width: 64px;" class="no-arrow"><a href="contact_diane_simon.html">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 -->
