<div id="text" style="position:absolute; left:29px; top:34px; width:345px; height:109px; z-index:3; visibility: visible">
<p><b><font face="Arial, Helvetica, sans-serif" size="2">Let's first take
a look at the upper portion of this screen. Here you will find:</font></b></p>
<ul>
<li><b><font face="Arial, Helvetica, sans-serif" size="2">Account Type</font></b></li>
<li><b><font face="Arial, Helvetica, sans-serif" size="2">Account Number</font></b></li>
<li><b><font face="Arial, Helvetica, sans-serif" size="2">Maturity &
Interest information if possible</font></b></li>
<li><b><font face="Arial, Helvetica, sans-serif" size="2">Balance information</font></b></li>
</ul>
</div>
<div id="prompt" style="position:absolute; left:35px; top:186px; width:324px; height:22px; z-index:2; background-color: #FFCC66; layer-background-color: #FFCC66; border: 2px solid #000000; visibility: visible">
<table width="323" border="0" cellspacing="0" cellpadding="0" height="20">
<tr>
<td width="12"> </td>
<td width="301"><b><font face="Arial, Helvetica, sans-serif" size="2">Click
NEXT to see more information concerning this screen, or select another
menu item.</font></b></td>
<td width="10"> </td>
</tr>
</table>
</div>
<div id="demo" style="position:absolute; left:41px; top:5px; width:309px; height:13px; z-index:1; visibility: visible">
<div align="center"><b><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Demo:
Account Details</font></b></div>
</div>
</div>
<map name="Map">
<area shape="rect" coords="504,5,565,29" href="IB03010.htm">
<area shape="rect" coords="574,5,635,30" href="IB03030.htm">
<area shape="rect" coords="0,77,130,91" href="IB03010.htm">
<area shape="rect" coords="0,103,127,117" href="IB04010.htm">
</map>
<div id="Layer1" style="position:absolute; left:302px; top:4px; width:128px; height:41px; z-index:2"><img src="images/demo.jpg" width="134" height="51"></div>
</body>
</html>