Meet The Characters

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0 height="100%"><tr> <td valign="top" width=168 BGCOLOR="#000000" TEXT="#F7F7FF"> <div> <A HREF="home.htm" TARGET="_top" TITLE="Bionicle"><U><IMG SRC="07064720.jpg" border=0 width="100" height="114" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> <A HREF="home.htm" TARGET="_top" TITLE="Bionicle"><U><IMG SRC="07264150.gif" border=0 width="100" height="21" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> <A HREF="id17.htm" TARGET="_top" TITLE="Vote For Your Favorite Bionicle"><U><IMG SRC="06855550.gif" border=0 width="85" height="85" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> Vote For Your Favorite Bionicle Character</div> <div> <A HREF="id18.htm" TARGET="_top" TITLE="Pics"><U><IMG SRC="06555550.gif" border=0 width="85" height="85" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> Pictures</div> <div> <A HREF="id20.htm" TARGET="_top" TITLE="Related Links"><U><IMG SRC="06755550.gif" border=0 width="85" height="85" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> Related Links</div> <div> <A HREF="id23.htm" TARGET="_top" TITLE="Meet The Characters"><U><IMG SRC="06955550.gif" border=0 width="85" height="85" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></U></A></div> <div> Meet The Characters</div> <bR> </td> <td valign="top" BGCOLOR="#000000" TEXT="#F7F7FF"> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="490" BORDERCOLORLIGHT="#996633" BORDERCOLORDARK="#CCCC99" FRAME="HSIDES" RULES="ALL" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 30 ><NOBR><div> Character (name)</div> </NOBR></tD> <tD VALIGN=TOP WIDTH="204"><div> Character (Picture)</div> </tD> <tD VALIGN=TOP><NOBR><div> Short Information</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 180 WIDTH="120"><bR> <bR> <bR> <bR> <div> GALI</div> </tD> <tD VALIGN=TOP><NOBR><div> <IMG SRC="13d8fad0.gif" border=0 width="143" height="173" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="146"><bR> <div> Gali, Toa of water, lives beside lake Naho and the nearby islands and streams. She and her people are equally at home in the water or out of it.</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 183 WIDTH="120"><bR> <bR> <bR> <bR> <bR> <div> KOPAKA</div> </tD> <tD VALIGN=TOP WIDTH="204"><div> <IMG SRC="14070b00.gif" border=0 width="112" height="176" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </tD> <tD VALIGN=TOP WIDTH="146"><bR> <div> Kopaka, Toa of ice, and his people inhabit the frozen wilderness of mount Ihu. This area dotted with ice bridges built by the tohunga in honour of Kopaka</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 183 WIDTH="120"><bR> <bR> <bR> <bR> <div> LEWA</div> </tD> <tD VALIGN=TOP><NOBR><div> <IMG SRC="143b7b00.gif" border=0 width="183" height="176" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="146"><bR> <div> High in the trees live Lewa, Toa of air, and his people. Lewa prefers the highest limbs, well away from the swamp waters below</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 192 WIDTH="120"><bR> <bR> <bR> <bR> <div> ONUA</div> </tD> <tD VALIGN=TOP><NOBR><bR> <div> <IMG SRC="1448ca20.gif" border=0 width="140" height="162" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="146"><bR> <div> Onua, toa of earth, and his people dwell in caves and tunnels hollowd out from the cliffs near the Papu Niho reef. They prefer to stay enderground during the light of day</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 178 WIDTH="120"><div> POHATU</div> </tD> <tD VALIGN=TOP><NOBR><div> <IMG SRC="1458cab0.gif" border=0 width="140" height="171" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="146"><bR> <div> Pohatu, toa of stone, and his people live in the foothills of mount Ihu, where the great stones are carved as symbols of the Tohunga's faith in the toa.</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 268 WIDTH="120"><div> TAHU</div> </tD> <tD VALIGN=TOP><NOBR><div> <IMG SRC="14695050.gif" border=0 width="149" height="261" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="146"><bR> <bR> <bR> <div> Tahu, toa of fire, thrives amid the heat and flame of Mangai volcano. Here his people practise lavea farming and surfing in the lava rapids </div> </tD> </tR> </TABLE></div> <div>  <style>  </style> Add this right after your BODY tag: <script language="JavaScript1.2"> /* Sliding Menu Bar Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">') </script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //extend or shorten this list sitems[0]="Home" sitems[1]="Vote For Your Favorite Bionicele" sitems[2]="Pictures" sitems[3]="related Links" sitems[4]="Meet the characters" //These are the links pertaining to the above text. sitemlinks[0]="http://www.fortunecity.com/tatooine/eventhorizon/349/home.htm" sitemlinks[1]="http://www.fortunecity.com/tatooine/eventhorizon/349/id17.htm" sitemlinks[2]="http://www.fortunecity.com/tatooine/eventhorizon/349/id18.htm" sitemlinks[3]="http://www.fortunecity.com/tatooine/eventhorizon/349/id20.htm" sitemlinks[4]="http://www.fortunecity.com/tatooine/eventhorizon/349/id23.htm" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",50) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelLeft<rightboundary) themenu.pixelLeft+=5 else if(document.layers&&themenu.left<rightboundary) themenu.left+=5 else if (window.pullit) clearInterval(pullit) } function drawengine(){ if (document.all&&themenu.pixelLeft>leftboundary) themenu.pixelLeft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearInterval(drawit) } </script>  </div> </td> </tr></table></body>