My info center prior to the testing one

[Tumbleweed]

<style type="text/css">
.menu{
position:absolute;
width: 525px;
height: 27px;
font-size: 16px;
font-weight: bold;
text-align: center;
font-family: Garamond;
background-color: #BDBDBD;
border-radius: 8px;
border: solid #474747;
color:black;
z-index:100;
margin-top:-25px;
margin-left:70px;
}
.menu ul li{
display:inline;
padding:20px;
position:relative;
list-style:none;
top:4px;
z-index:100;
}
.menu li ul {margin:27px; padding:10px; display:none; position:absolute; left:-5px; top:20px; padding-bottom:20px; background-color:#BDBDBD; border:solid #474747;}
.menu li:hover ul {display:block; width:150px;z-index:1000; }

a.link {font-family:Garamond; font-size:18px;}
a.link2 {font-family:Garamond; font-size:15px;}
   .container>.title-bar h1, .container>.title-bar h2, .container>.title-bar h3{z-index:-1;
   }
</style>






$[news]
{foreach $[category]}
$[category.anchor]
<div class="container boards">
<div class="title-bar bbcode"><h2><div class="title_wrapper">$[category.display_name]</div></h2></div>
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
               
               <td>
                   
                        <center>
<br>
<div class="menu">
<ul>
<li>Please Check out our other scooter friends and support their forums!
<ul>
<li><a href="http://itistheride.boards.net/" class="link2">It is the Ride</a></li><br><br>
<li><a href="http://scooterdoc.proboards.com/" class="link2">Scooter Doc</a></li><br><br>
<li><a href="http://www.thescooterprofessor.proboards.com/" class="link2">Scooter Professor</a></li><br><br>
<li><a href="http://scooterrebels.proboards.com/" class="link2">Scooter Rebels</a></li><br><br>
<li><a href="http://49ccscoot.proboards.com/" class="link2">49cc Scoot</a></li>
</ul>
</li>
</ul>
</div>
</center>
               </td>
                   
                   
</tr>
</table>
</div>
</div>
{/if}


       




{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Forum Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td class="icon">$[image.stats]</td>
<td class="info">
<table>
<tbody>
<tr><th>Threads and Posts</th></tr>
<tr><td>Total Threads: $[total_threads]      Total Posts: $[total_posts]</td></tr>
{if $[last_updated_thread]}<tr><td>Last Updated: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by] ($[last_updated_thread.last_post.created_on])</td></tr>{/if}
<tr><td>$[recent_threads_link] - $[recent_posts_link] - $[rss_feed_link]{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="info">
<table>
<tbody>
<tr><th>Members</th></tr>
<tr><td>Total Members: $[total_members]</td></tr>
<tr><td>Newest Member: $[newest_user]</td></tr>
<tr><td>Most Users Online: $[most_users_online] <span class="small">($[most_users_online_date])</span></td></tr>
<tr><td>$[birthdays_today_link]</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.online]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online</th></tr>
<tr><td>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}{if $[view_guests_online_link]}</a>{/if}.</td></tr>
<tr><td>
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}
, and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="last">
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.online_24]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Online in the Last 24 Hours</th></tr>
<tr><td>$[total_staff_online_24] Staff, <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_members_online_24] Member{if $[total_members_online_24] != 1}s{/if}</a>, $[total_guests_online_24] Guest{if $[total_guests_online_24] != 1}s{/if}.</td></tr>
<tr><td>
{foreach $[online_user_24]}
$[online_user_24]{if $[online_user_24.invisible]} <span class="small">(invisible)</span>{/if}$[online_user_24.comma]
{/foreach}
{if $[total_online_not_shown_24]}
, and <a class="$[view_todays_active_members_link.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>

[Tumbleweed]

xx