document.write('<table cellspacing="0" id="dropdown"><tr><td>');
document.write('<ul id="dd">');
document.write('	<li id="intro">');
document.write('		<div><a href="intro.htm">Introduction</a></div>');
document.write('		<ul id="idd">');
document.write('			<li><a href="index.htm">Home</a></li>');
document.write('			<li><a href="about.htm">About Us</a></li>');
document.write('			<li class="bot"><a href="about.htm#sa">Service Area</a></li>');
document.write('		</ul>');
document.write('	</li>');
document.write('	<li id="contact">');
document.write('		<div><a href="contact.htm">Contact Us</a></div>');
document.write('		<ul id="cdd">');
document.write('			<li><a href="email.htm">Email Us</a></li>');
document.write('			<li class="bot"><a href="employment.htm">Employment</a></li>');
document.write('		</ul>');
document.write('	</li>');
document.write('	<li id="products">');
document.write('		<div><a href="products.htm">Products</a></div>');
document.write('		<ul id="pdd">');
document.write('			<li><a href="project/project_3.htm" class="rev">Latest Project Profile</a></li>');
document.write('			<li><a href="project/project_profiles.htm">All Project Profiles</a></li>');
document.write('			<li><a href="Oxford.htm">Oxford &ldquo;Slate&rdquo; metal roof</a></li>');
document.write('			<li><a href="Rustic.htm">Rustic &ldquo;Shake&rdquo; metal roof</a></li>');
document.write('			<li><a href="Natural_Cedar.htm">&ldquo;Natural Cedar&rdquo; Shingle metal roof</a></li>');
document.write('			<li><a href="ClickLock.htm">ClickLock Standing Seam metal roof</a></li>');
document.write('			<li class="bot"><a href="IB_Roof.htm">IB Flat Roof System</a></li>');
document.write('		</ul>');
document.write('	</li>');
document.write('	<li id="resources2">');
document.write('		<div><a href="vp/index.php?ref=il">Resources</a></div>');
document.write('			<ul id="rdd">');
document.write('				<li><a href="vp/index.php?ref=il">&ldquo;An Insider&rsquo;s Guide to Metal Roofing&rdquo;</a></li>');
document.write('				<li><a href="faq.htm">FAQs</a></li>');
document.write('				<li><a href="Why_Use_Aluminum.htm">Why use Aluminum in Construction?</a></li>');
document.write('				<li><a href="benefits.htm">Metal vs. Asphalt</a></li>');
document.write('				<li><a href="homeowner.htm">For the Homeowner</a></li>');
document.write('				<li><a href="architect.htm">For the Architect</a></li>');
document.write('				<li><a href="hi-r.htm">hI-R vs. Standard Coatings</a></li>');
document.write('				<li class="bot"><a href="architect/tech-bulletins.htm">Technical Bulletins</a></li>');
document.write('			</ul>');
document.write('		</li>');
document.write('		<li id="blog">');
document.write('			<div><a href="http://classicmetalroofs.com/wordpress/" id="cmrgb">CMR Green Blog</a></div>');
document.write('		</li>');
document.write('</ul>');
document.write('</td></tr></table>');

startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("dd");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="li") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;