With some great forum help my nav menu shows nav options in the main menu, and when the user logs-in, it lines up additional menu choices all on a horizontal line. The issue I'd like to fix is to make the "log-in" menu choice disappear when the user is logged-in. If you can overlook all the font tags, in the code below, I'd greatly appreciate any help.

<!--Begin Sub-Navigation. This only appears when a user is logged in.-->
<div class="sub-nav">
 
<img src="themes/default/images/arrow-red.gif">&nbsp;<a href="members/[var.user_name]"><font color="#333333" face="verdana">my account</font></a>&nbsp;<img src="themes/default/images/arrow-red.gif">
<a href="credits.php"><font color="#333333" face="verdana">[var.lang_my_credits]: [var.member_credits]</font></a>&nbsp;<img src="themes/default/images/arrow-red.gif">&nbsp;
<a href="logout.php"><font color="#000000" face="verdana">log out</font></a>&nbsp;&nbsp;
 
<!--[onload;block=div;when [var.loggedin]=1;comm]-->
 
</div>
 
<!--Begin Sub-Navigation. This only appears when a user is logged in.-->
<div class="sub-nav1">
<p class="account">
<span id="welc"><span style="color:#333333; font-size: 12px; font-face=verdana;">&nbsp;&nbsp;Welcome! You Are Now Logged In.</span></p>
<!--[onload;block=div;when [var.loggedin]=1;comm]-->
</div>
 
<div class="menu1">
 
&nbsp; <a href="[var.base_url]">&nbsp;<font color="#333333" font face="verdana">home</font></a>
&nbsp;&nbsp;<a href="page.php?page=16"><font color="#333333" face="verdana">faq</font></a>
&nbsp;&nbsp;<a href="[var.base_url]/join.php"><font color="#333333" face="verdana">register</font></a> 
&nbsp; &nbsp;<a href="[var.login_out_link]"><font color="#333333" face="verdana">log in</font></a>
&nbsp;&nbsp;<a href="page.php?page=9"><font color="#333333" face="verdana">search</font></a>
&nbsp; &nbsp;<a href="page.php?page=6"><font color="#333333" face="verdana">upload</font></a>
 
</div>

.menu1 {
    font-size: 11px;
    font-family: verdana;
    text-align: right;
    float: right;
    color: #333333;
 margin: 0px 5px 0px 0px;
 padding: 0px 0px 0px 0px;
}
 
 
.sub-nav {
    font-size: 11px;
    font-family: verdana;
    text-align: right;
    color: #333333;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 0px;
}
 
.sub-nav-links {
  color: #;
  font-size: 14px;
  margin: 0px 0px -20px 0px;
}
 
.sub-nav1 {
    font-size: 11px;
    font-family: verdana;
    text-align: right;
    float: left;
    color: #333333;
    margin: 0px 22px 0px 0px;
    padding: 0px 0px 0px 0px;
}
 
 
.sub-nav {float:right}
 
.sub-nav1 p {
margin:0
font-size: 11px;
font-family: verdana;
color: #333333;
}
 
#welc{ float left;
}
 
.account
font-size: 11px;
font-family: arial;
 color: #333333;
}

When user logged in, use session to store like
$_SESSION['isLoggedIn'] = TRUE;

if(!$_SESSION['isLoggedIn'])
show the choice menu

getElementById("menu1").style.display = 'none';
If you are using prototype.js framework $("menu1").style.display = 'none';