 marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0" border="0" 
 onLoad="MM_preloadImages('{app_images}',
'{logout_img_hover}',
'{preferences_img_hover}',
'{about_img_hover}',
'{welcome_img_hover}');"
 background="{content_spacer_middle_img}">
  <!-- the above is the continuation and finishing if the < body > element started in head.tpl
  the margin items could be merged into head, as head already supplies some
  the variables for onLoad are set in navbar -->

<table border="0" width="100%" height="73" cellspacing="0" cellpadding="0">
	<tr>
		<!-- top row back images are 58px high, but the row may be smaller than that -->
		<!-- row 2 images are 15 px high, so this table with these 2 rows is 58 plus 15 equals 73px high  -->
		<td width="154" height="58" align="left" valign="top" background="{em_img}">
			<img src="{logo_img}">
		</td>
		<td width="100%" align="right" background="{em_img}">
			<table width="100%" height="28" cellpadding="0" cellspacing="0" border="0" valign="top">
				<tr>
					<!-- <td width="100%" align="right" valign="top"><font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;{current_users}</font></td> -->
					<td width="50%" align="left" valign="top">
						<font size="{powered_by_size}" color="{powered_by_color}">{current_users}</font>
					</td>
					<td width="50%" align="right" valign="top">
						<font size="{powered_by_size}" color="{powered_by_color}">{powered_by}&nbsp;</font>
					</td>
				</tr>
			</table>
			<table width="100%" cellpadding="0" cellspacing="0" border="0" valign="bottom">
				<tr>
					<td width="50%" align="left" valign="bottom">
						<font size="{user_info_size}" color="{user_info_color}">
						<strong>{user_info_name}</strong></font>
					</td>
					<td width="50%" align="right" valign="bottom">
						<font size="{user_info_size}" color="{user_info_color}">
						<strong>{user_info_date}&nbsp;</strong></font>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td colspan="2" width="100%" height="15" align="right" valign="top" background="{top_spacer_middle_img}">
			<!-- row 2 right nav buttons -->
			<table cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td><a href="{home_link}" onmouseover="nine.src='{welcome_img_hover}'" onmouseout="nine.src='{welcome_img}'"><img src="{welcome_img}" border="0" name="nine" alt="" /></a></td>
<!-- BEGIN preferences -->
					<td><a href="{preferences_link}" onmouseover="ten.src='{preferences_img_hover}'" onmouseout="ten.src='{preferences_img}'"><img src="{preferences_img}" border="0" name="ten" alt="" /></a></td>
<!-- END preferences -->
					<td><a href="{logout_link}" onmouseover="eleven.src='{logout_img_hover}'" onmouseout="eleven.src='{logout_img}'"><img src="{logout_img}" border="0" name="eleven" alt="" /></a></td>
					<td><a href="{help_link}" onmouseover="help.src='{about_img_hover}'" onmouseout="help.src='{about_img}'"><img src="{about_img}" border="0" name="help" alt="" /></a></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
	<tr>
		<td width="154" align="left" valign="top" background="{nav_bar_left_spacer_img}">
			<!-- left nav table -->
			<table border="0" cellpadding="0" cellspacing="0">
				<!-- applications supplies their own tr's and td's -->
				{applications}
				<tr>
					<td><img src="{nav_bar_left_top_bg_img}" alt="" /></td>
				</tr>
			</table>
		</td>
		<td width="100%" align="left" valign="top">
			<!-- this TD background image moved to body element -->
			<!-- BEGIN app_header -->
			<div style="text-align: left; font-weight: bold; background-color: {th_bg}; padding:5px">{current_app_header}</div>
			<!-- END app_header -->
			<div align="center">{messages}</div>
