// a function to simplify HTML authoring with Javascript
function dw(text)
{
document.write(text);
}

dw('<div id="layer1" style="position:absolute; left:170px; top:216px; width:80px; height:90px; z-index:1; visibility: hidden">');
dw('<table width="80" border="0" cellspacing="0" cellpadding="1" bgcolor="#009900">');
dw('<tr> ');
dw('<td> ');
dw('<table width="80" border="0" cellspacing="0" cellpadding="0">');
dw('<tr> ');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="20"><a href=\'/eng/activities/2002/default.asp\' onmouseover=\'javascript: showLayer("layer1");\' onmouseout=\'javascript: hideTimer("layer1");\'>Year 2002</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('</table>');
dw('</td>');
dw('</tr>');
dw('</table>');
dw('</div>');
dw('<div id="layer2" style="position:absolute; left:170px; top:244px; width:80px; height:90px; z-index:2; visibility: hidden"> ');
dw('<table width="80" border="0" cellspacing="0" cellpadding="1" bgcolor="#009900">');
dw('<tr> ');
dw('<td> ');
dw('<table width="80" border="0" cellspacing="0" cellpadding="0">');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="20"><a href=\'/eng/articles/2004/default.asp\' onmouseover=\'javascript: showLayer("layer2");\' onmouseout=\'javascript: hideTimer("layer2");\'>Year 2004</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#009900" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="20"><a href=\'/eng/articles/2003/default.asp\' onmouseover=\'javascript: showLayer("layer2");\' onmouseout=\'javascript: hideTimer("layer2");\'>Year 2003</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#009900" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="20"><a href=\'/eng/articles/2002/default.asp\' onmouseover=\'javascript: showLayer("layer2");\' onmouseout=\'javascript: hideTimer("layer2");\'>Year 2002</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('</table>');
dw('</td>');
dw('</tr>');
dw('</table>');
dw('</div>');
dw('<div id="layer3" style="position:absolute; left:170px; top:268px; width:80px; height:148px; z-index:3; visibility: hidden">');
dw('<table width="100" border="0" cellspacing="0" cellpadding="1" bgcolor="#009900">');
dw('<tr>');
dw('<td>');
dw('<table width="120" border="0" cellspacing="0" cellpadding="0">');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" height="20"><i><a href=\'/eng/special/bauhinia/default.asp\' onmouseover=\'javascript: showLayer("layer3");\' onmouseout=\'javascript: hideTimer("layer3");\'>Bauhinia blakeana</a></i></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15" width="5"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#009900" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" height="20"><a href=\'/eng/special/bauhinia_garden/default.asp\' onmouseover=\'javascript: showLayer("layer3");\' onmouseout=\'javascript: hideTimer("layer3");\'>Bauhinia Gardens </a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#009900" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" height="20"><a href=\'/eng/special/champion_tree/default.asp\' onmouseover=\'javascript: showLayer("layer3");\' onmouseout=\'javascript: hideTimer("layer3");\'>Champion Trees</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#009900" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" height="20"><a href=\'/eng/special/greening_hk_display/default.asp\' onmouseover=\'javascript: showLayer("layer3");\' onmouseout=\'javascript: hideTimer("layer3");\'>Greening Hong Kong Joint Pictorial Display</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#009900" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="1"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('<tr>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('<td bgcolor="#eeeecc" class="menutext" height="20"><a href=\'/eng/special/sponsor_a_tree/default.asp\' onmouseover=\'javascript: showLayer("layer3");\' onmouseout=\'javascript: hideTimer("layer3");\'>Sponsor a Tree</a></td>');
dw('<td bgcolor="#eeeecc" class="menutext" align="center" height="15"><img src="/images/transparent.gif" width="1" height="1" border="0"></td>');
dw('</tr>');
dw('</table>');
dw('</td>');
dw('</tr>');
dw('</table>');
dw('</div>');