function menuer(){

<!-- THIS CODE CONTROLS THE DIRECTORIES: HOME, ABOUT RA, SERVICES, CASE STUDIES, COMMUNITY AND RA CONTACTS -->
<!-- COPY AND PASTE THE <TD>'S TO ADD A NEW DIRECTORY, AS WELL AS ADDING A NEW DIRECTORY NAVIGATION BELOW,  -->
<!-- IE, COPY AND PASTE THE ABOUT NAVIGATION AND EDIT IT AS REQUIRED. YOU WILL ALSO HAVE TO ADJUST THE FIRST NUMBER IN  -->
<!-- ONMOUSEOVER="OPENER(\'NEW DIRECTORY\, CHANGE THIS NUMBER, 96)"  -->

document.getElementById('menu').innerHTML = ('<table id="main" bgcolor="#FFFFFF" border="1" width="100%" bordercolor="#FF0000" cellspacing="0"><tr>\
<td width="14%" align="center"><b><a href="index.htm" style="text-decoration:none">\
<font face="Verdana" size="1" color="#000000">Home</font></a></b></td>\
<td onmouseover="opener(\'about\', 154, 96)" width="14%" align="center"><font face="Verdana" size="1" color="#000000"><b>About RA</b></font></td>\
<td onmouseover="opener(\'services\', 269, 96)" width="14%" align="center"><font face="Verdana" size="1"><b>Services</b></font></td>\
<td onmouseover="opener(\'cases\', 383, 96)" width="14%" align="center"><font face="Verdana" size="1">\
<b>Case Studies</b></font></td>\
<td onmouseover="opener(\'community\', 497, 96)" width="14%" align="center"><b><font face="Verdana" size="1">Community</font></b></td>\
<td onmouseover="opener(\'contact\', 611, 96)" width="15%" align="center"><font face="Verdana" size="1">\
<b>RA Contacts</b></font></td>\
</tr></table>')

<!-- UPDATE THE FOOTER HERE  -->

document.getElementById('footer').innerHTML = ('<table border="0" width="71%"><tr>\
<td onmouseover="opener(\'clr\', 0, 0)" width="80%" align="center" valign="top">\
<p align="left"><font face="Verdana" size="1">Copyright © 2003 Real \
Alternatives Inc.</font>\
<font face="Verdana" size="1"><br>Located in Ottawa, Ontario, Canada<br>\
<font color="#FF0000"><b>t.</b></font> 613 791 3882<br>\
<font color="#FF0000"><b>f.</b></font> 613 599 8809<br>\
<a href="mailto:Info@ra.ca">Cille.Harris@ra.ca</a> </font></p>\
</td><td width="20%" align="center" valign="bottom">\
<p align="right"><a href="http://www.2designweb.ca" target="_blank">\
<img border="0" src="images/2dw_button.jpg" width="77" height="51"></a></td>\
</tr></table><br>\
<table border="0" width="71%"><tr>\
<td width="12%" valign="top" nowrap><b><font face="Verdana" size="1">About RA:</font></b></td>\
<td width="88%" valign="top"><font face="Verdana" size="1">\
<a href="mission.htm"><font face="verdana" size="1" style="text-decoration:none">Our Mission</font></a>\
 | <a href="phil.htm"><font face="verdana" size="1" style="text-decoration:none">Our Philosophy</font></a>\
 | <a href="cille.htm"><font face="verdana" size="1" style="text-decoration:none">Our President</font></a>\
 | <a href="assoc_list.htm"><font face="verdana" size="1" style="text-decoration:none">Our Associates</font></a>\
 | <a href="customers.htm"><font face="verdana" size="1" style="text-decoration:none">Our Customers</font></a>\
 | <a href="cert.htm"><font face="verdana" size="1" style="text-decoration:none">Our Qualifications</font></a>\
 | <a href="contracting.htm"><font face="verdana" size="1" style="text-decoration:none">Contracting Vehicles</font></a></font></td>\
</tr><tr>\
<td width="12%" valign="top" nowrap><b><font face="Verdana" size="1">Services:</font></b></td>\
<td width="88%" valign="top"><font face="Verdana" size="1">\
<a href="services.htm"><font face="verdana" size="1" style="text-decoration:none">Overview</font></a>\
 | <a href="org.htm"><font face="verdana" size="1" style="text-decoration:none">Effective Organizations</font></a>\
 | <a href="people.htm"><font face="verdana" size="1" style="text-decoration:none">Effective People</font></a>\
 | <a href="comm.htm"><font face="verdana" size="1" style="text-decoration:none">Effective Communication</font></a></font></td>\
</tr><tr>\
<td width="12%" valign="top" nowrap><b><font face="Verdana" size="1">Case Studies:</font></b></td>\
<td width="88%" valign="top"><a href="case1.htm"><font face="verdana" size="1" style="text-decoration:none">Case Study 1</font></a></td>\
</tr><tr>\
<td width="12%" valign="top" nowrap><b><font face="Verdana" size="1">Community:</font></b></td>\
<td width="88%" valign="top"><font face="Verdana" size="1">\
<a href="koalaty.htm"><font face="verdana" size="1" style="text-decoration:none">ASQ Koalaty Kid</font></a></font></td>\
</tr><tr>\
<td width="12%" valign="top" nowrap><b><font face="Verdana" size="1">RA Contacts:</font></b></td>\
<td width="88%" valign="top"><font face="Verdana" size="1">\
<a href="contacts.htm"><font face="verdana" size="1" style="text-decoration:none">Contact Us</font></a>\
 | <a href="join.htm"><font face="verdana" size="1" style="text-decoration:none">Join Us</font></a>\
 | <a href="feedback.htm"><font face="verdana" size="1" style="text-decoration:none">Feedback</font></a></font></td>\
</tr></table>')
}

<!-- THE FOOTER ENDS HERE  -->


function opener(menuid, x, y){

document.getElementById('sub').style.left=x;
document.getElementById('sub').style.top=y;

<!-- UPDATE THE ABOUT NAVIGATION HERE -->

if (menuid=='about'){
document.getElementById('sub').innerHTML = ('<table id="TF" bgcolor="#FFFFFF" border="0" width="117" style="border-style: solid; border-width: 2; border-color: #FF0000; background-color: #FFFFFF"><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="mission.htm"><font face="verdana" size="1" style="text-decoration:none">Our Mission</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="phil.htm"><font face="verdana" size="1" style="text-decoration:none">Our Philosophy</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="cille.htm"><font face="verdana" size="1" style="text-decoration:none">Our President</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="assoc_list.htm"><font face="verdana" size="1" style="text-decoration:none">Our Associates</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="customers.htm"><font face="verdana" size="1" style="text-decoration:none">Our Customers</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="cert.htm"><font face="verdana" size="1" style="text-decoration:none">Our Qualifications</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="contracting.htm"><font face="verdana" size="1" style="text-decoration:none">Contracting Vehicles</font></a></p></td></tr></table>')
}

<!-- UPDATE THE SERVICES NAVIGATION HERE -->

if (menuid=='services'){
document.getElementById('sub').innerHTML = ('<table id="TF" bgcolor="#FFFFFF" border="0" width="116" style="border-style: solid; border-width: 2; border-color: #FF0000; background-color: #FFFFFF"><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="services.htm"><font face="verdana" size="1" style="text-decoration:none">Services Overview</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="org.htm"><font face="verdana" size="1" style="text-decoration:none">Effective Organizations</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="people.htm"><font face="verdana" size="1" style="text-decoration:none">Effective People</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="comm.htm"><font face="verdana" size="1" style="text-decoration:none">Effective Communication</font></a></p></td></tr></table>')
}

<!-- UPDATE THE CASE STUDIES NAVIGATION HERE -->

if (menuid=='cases'){
document.getElementById('sub').innerHTML = ('<table id="TF" bgcolor="#FFFFFF" border="0" width="116" style="border-style: solid; border-width: 2; border-color: #FF0000; background-color: #FFFFFF"><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="case1.htm"><font face="verdana" size="1" style="text-decoration:none">Case Study 1</font></a></p></td></table>')
}

<!-- UPDATE THE COMMUNITY NAVIGATION HERE -->

if (menuid=='community'){
document.getElementById('sub').innerHTML = ('<table id="TF" bgcolor="#FFFFFF" border="0" width="116" style="border-style: solid; border-width: 2; border-color: #FF0000; background-color: #FFFFFF"><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="koalaty.htm"><font face="verdana" size="1" style="text-decoration:none">ASQ Koalaty Kid</font></a></p></td></tr></table>')
}

<!-- UPDATE THE CONTACT NAVIGATION HERE -->

if (menuid=='contact'){
document.getElementById('sub').innerHTML = ('<table id="TF" bgcolor="#FFFFFF" border="0" width="129" style="border-style: solid; border-width: 2; border-color: #FF0000; background-color: #FFFFFF"><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="contacts.htm"><font face="verdana" size="1" style="text-decoration:none">Contact Us</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="join.htm"><font face="verdana" size="1" style="text-decoration:none">Join Us</font></a></p></td></tr><tr><td onmouseover="bgColor=\'#D3E1E5\'" onmouseout="bgColor=\'#FFFFFF\'" width="159"><p style="margin-left: 5"><a href="feedback.htm"><font face="verdana" size="1" style="text-decoration:none">Feedback</font></a></p></td></tr></table>')
}

if (menuid=='clr'){
document.getElementById('sub').innerHTML = ('<table id="TF"><tr><td> </td></tr></table>')
}

}

