Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
        <title>index</title>
            <!-- NOTE FROM X1M!
                    Use the tab button (with two arrows) and code with structure.
                    Also, stop using <br /> all the time and use height in CSS.
            -->
        <style type="text/css">
body
{
    /* background-image: url('img/bg.gif'); */
    background-color: grey;
}

hr
{
    width:100%;
    height:1px;
    padding:0px;
}

#header
{
    background-color: #000;
    padding: 2px;
    width: 596px;
}

#logo
{
    background-image: url('img/logo.png');
    width: 122px;
    height: 38px;
    position: left;
}

#sr
{
    border: 0px solid #000;
    width: 600px;
    align: center;
}

#lclmn
{
    background-color: #000;
    float:left;
    width: 96px;
    padding: 2px;
    height: 218px;
    color: gray;
    background-repeat: repeat-y;
}

#rclmn {
    background-color: red;
    float: right;
    width: 496px;
    padding: 2px;
    height: 218px;
}

#navi
{
    background-color: #111;
    width: 596px;
    padding: 2px;
}

#footer
{
    background-color: #000;
    padding: 2px;
    color: 555555;
    width: 596px;
    border: 0px solid;
    float: right;
}

form
{
    display: inline;
}

a:link { color:#555; }
a:visited { color:#666; }
a:hover { background-color: #222; color: #444; }
a:active { color:#333; }
        </style>
    </head>
    <body>
        <center>
        <div id="sr">
            <div id="header">
                <div style="text-align: left;" id="logo"></div>
            </div>
            <div id="navi"><a href="#">Navigator</a> - <a href="#">Navigator</a> - <a href="#">Navigator</a></div>
            <div style="text-align: left;" id="rclmn" >Contents</div>
            <div style="text-align: left;" id="lclmn" valign="bottom"><br />
                <form action='login.php' method='post'>
                    Username:<br />
                    <input type='text' name='username' size='9.5'><br />
                    Password:<br />
                    <input type='password' name='password' size='9.5'><br />
                    <input type='submit' value='Login!'>
                </form><br />
            New here? <a href="register.php">Register now!</a></div>
        <div id="footer">Copyrights here</div>
</div>
</center>
</body>
</html>