Getting log-in to disappear

[Chrisj]

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"> <a href="members/[var.user_name]"><font color="#333333" face="verdana">my account</font></a> <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> <img src="themes/default/images/arrow-red.gif"> 
<a href="logout.php"><font color="#000000" face="verdana">log out</font></a>  

<!--[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;">  Welcome! You Are Now Logged In.</span></p>
<!--[onload;block=div;when [var.loggedin]=1;comm]-->
</div>

<div class="menu1">

  <a href="[var.base_url]"> <font color="#333333" font face="verdana">home</font></a>
  <a href="page.php?page=16"><font color="#333333" face="verdana">faq</font></a>
  <a href="[var.base_url]/join.php"><font color="#333333" face="verdana">register</font></a> 
   <a href="[var.login_out_link]"><font color="#333333" face="verdana">log in</font></a>
  <a href="page.php?page=9"><font color="#333333" face="verdana">search</font></a>
   <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;
} 
     

[Rifts]

I feel like you are leaving out a lot of code?