document.write ('<ul id="nav" style="padding-left: 10px;">')
document.write ('<li style="width: 100px;"><a href="index.html" class="nav-on" style="width: 100px;">Vision</a>')       
document.write ('<ul style="width: 100px;">')
document.write ('<li style="width: 100px;"><a href="vision/objective.html" style="width: 100px;">Objective</a></li>')
document.write ('<li style="width: 100px;"><a href="vision/objective.html#observations" style="width: 100px;">Observations</a></li>')
document.write ('<li style="width: 100px;"><a href="vision/initiatives.html" style="width: 100px;">Initiatives</a></li>')
document.write ('<li style="width: 100px;"><a href="vision/documents.html" style="width: 100px;">Documents</a></li>')       
document.write ('</ul>')     
document.write ('</li>')     

document.write ('<li style="width: 100px;"><a href="activities/index.html" style="width: 100px;">Activities</a>')         
document.write ('<ul style="width: 120px;">')
document.write ('<li style="width: 120px;"><a href="activities/index.html" style="width: 120px;">Annual Meeting</a></li>')
document.write ('</ul>')     
document.write ('</li>')     

document.write ('<li style="width: 100px;"><a href="association/index.html" class="nav" style="width: 100px;">Association</a>')
document.write ('<ul style="width: 100px;">')
document.write ('<li style="width: 100px;"><a href="association/index.html" style="width: 100px;">Contact</a></li>')
document.write ('</ul>')
document.write ('<!-- etc. --> </ul>')