Webuser Forums: Setting up a multiple login interface

Hello im new quite new to the more complex website building but have made a few simple ones.
The main one of these is one for my Scout Group and is at www.15thtorbay.150m.com.
The problem i have is I have set up a page for Group members etc that is password protected so only members of the Group or local "Scouters" can view the details of the other members i have already read a few forums and successfully set up a single username and password interface using HTML code in the following way

"<script language="javascript">

</script>

<center>
<table bgcolor="white" cellpadding="12" border="1">
<tr><td colspan="2"><center><h1><i><b>Login
Area</b></i></h1></center></td></tr>
<tr><td><h1><i><b>UserID:</b></i></h1></td><td><form name="login"><input
name="id" type="text"></td></tr>
<tr><td><h1><i><b>Password:</b></i></h1></td><td><input name="pass"
type="password"></td></tr>
<tr><td><center><input type="button" value="Login"
onClick="pasuser(this.form)"></center></td><td><center><br><input
type="Reset"></form></td></tr></table></center>"

Obviously ive removed the username and password but i woul like to change it so i can have multiple logons with passwords (preferably one for each member ogf the group with online access about 20

any help on this would be greatly appreciated

Post Extras