<TABLE border=0 cellPadding=0 cellSpacing=0 width="152">
<TR>
<TD
background="Picture/lineshade.gif"
colSpan=2 width="152"><IMG height=2
src="Picture/pix.gif"
width=1></TD>
</TR>
<TR class=tm>
<TD dir=rtl onclick="expandit('topic1_Caption')"
style="CURSOR: hand" width="139" href="#" bgcolor="navy" height="23"><font size="3" face="Times New Roman" color="white"><b>Menu 1</b></font></TD>
<TD onclick="expandit('topic1_Caption')" style="CURSOR: hand"
href="#" width="13" bgcolor="navy" height="23"><IMG height="10" id=topic1_ArrowImage
src="Picture/dnarrow.gif"
width="10"></TD>
</TR>
<TR class=tm>
<TD colSpan=2 dir=rtl width="152">
<DIV id=topic1_Caption style="DISPLAY: none">
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD width="152" colspan="2" bgcolor="#26268F">
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"><font color="white">Item 1</font></p>
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"><font color="white">Item 2</font></p>
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"><font color="white">Item 3</font></p>
<p style="margin-top:1mm; margin-bottom:1mm;"><font face="Tahoma" color="aqua"><span style="font-size:9pt;"><b>
</b></span></font>
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"></p>
</TD>
</TR>
<TR>
<TD><IMG height=3
src="Picture/pix.gif"
width=1></TD>
<td></td>
</TR>
</TBODY>
</TABLE>
</DIV></TD>
</TR>
</TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="152">
<TR>
<TD
background="Picture/lineshade.gif"
colSpan=2 width="152"><IMG height=2
src="Picture/pix.gif"
width=1></TD>
</TR>
<TR class=tm>
<TD dir=rtl onclick="expandit('topic2_Caption')"
style="CURSOR: hand" width="139" href="#" bgcolor="navy" height="23"><font face="Times New Roman" color="white"><b><span style="font-size:11pt;">آMenu 2</span></b></font></TD>
<TD onclick="expandit('topic2_Caption')" style="CURSOR: hand"
href="#" width="13" bgcolor="navy" height="23"><IMG height="10" id=topic2_ArrowImage
src="Picture/dnarrow.gif"
width="10"></TD>
</TR>
<TR class=tm>
<TD colSpan=2 dir=rtl width="152">
<DIV id=topic2_Caption style="DISPLAY: none">
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD width="152" colspan="2" bgcolor="#26268F">
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"><font color="white">Item 1</font></p>
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"><font color="white">Item 2</font></p>
<p style="margin-top:1mm; margin-right:3mm; margin-bottom:1mm;"><font color="white">Item 3</font></p>
</TD>
</TR>
<TR>
<TD><IMG height=3
src="Picture/pix.gif"
width=1></TD>
<td></td>
</TR>
</TBODY>
</TABLE>
</DIV></TD>
</TR>
</TABLE>
<SCRIPT language=javascript>
var arrowDown = new Image();
arrowDown.src = "Picture/circle11_skyblue.gif";
var arrowUp = new Image();
arrowUp.src = "Picture/uparrow.gif";
var openDisplay = "inline";
var closedDisplay = "none";
function expandit(itemId)
{
window.setTimeout("toggleSection('" + itemId + "')",10);
}
function toggleSection(itemId) {
var arrowId = itemId.replace("Caption", "ArrowImage");
var arrow, item;
item = document.getElementById(itemId);
arrow = document.getElementById(arrowId);
if (item.style.display == closedDisplay) {
arrow.src = arrowUp.src;
item.style.display = openDisplay;
}
else {
arrow.src = arrowDown.src;
item.style.display = closedDisplay;
}
}
</SCRIPT>