I placed the v there just so I knew where that code was on the page, I will now display the entire page content as well as the css.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="{$directory}templates/{$settings.template}/css.css" media="screen" />
<title>{$settings.sitename} - {$pagename}</title>
</head>
<body>
<div id="container">
<div id="header">
<div class="advert">
{if $settings.game_enabled == "0"}
{if $member.admin == "Y"}
<strong>{$member.username}, Remember that the game is currently disabled!</strong>
{/if}
{/if}
</div>
</div>
<div id="wrapper">
<div id="left">
<div class="square"><b class="top"><b class="b2t"></b></b>
<div class="boxcontent">
<div id="navcontainer">
<ul id="navlist">
<li>
<div class="row"><a href="{$directory}index.php">Home</a></div>
</li>
<br />
<br />
<li>
<div class="content"><a href="{$directory}index.php?view=story">The Story</a></div>
</li>
<li>
<div class="row"><a href="{$directory}index.php?view=guide">Game Guide</a></div>
</li>
<li>
<div class="content"><a href="{$directory}index.php?view=rules">Game Rules</a></div>
</li>
<li>
<div class="row"><a href="{$directory}races.php">The Races</a></div>
</li>
{if $loggedin == "0"}
<li>
<div class="content"><a href="{$directory}register.php">Register</a><li></div>
<br />
<li>
<div class="row"><a href="{$directory}login.php">Login</a></div>
</li>{/if}{if $loggedin == "1"}
<li>
<div class="content"><a href="{$directory}attack.php">Attack</a></div>
</li>
<li>
<div class="row"><a href="{$directory}items.php">Items</a></div>
</li>
<li>
<div class="content"><a href="{$directory}bank.php">Bank</a></div>
</li>
<li>
<div class="row"><a href="{$directory}bounty.php">Bounties</a></div>
</li>
<li>
<div class="content"><a href="{$directory}{$clan_dir}/">Clans</a></div>
</li>
<li>
<div class="row"><a href="{$directory}shops.php">Shops</a></div>
</li>
<li>
<div class="content"><a href="{$directory}arcade/">Arcade</a></div>
</li>
<li>
<div class="row"><a href="{$directory}{$mission_dir}/">Missions</a></div>
</li>
<li>
<div class="content"><a href="{$directory}town.php">Town</a></div>
</li>
<li>
<div class="row"><a href="{$directory}memberlist.php">Players</a></div>
</li>
<li>
<div class="content"><a href="{$directory}invite.php">Invite</a></div>
</li>
<li>
<div class="row"><a href="{$directory}control.php">Account</a></div>
</li>
<li>
<div class="content"><a href="{$directory}player.php?user={$member.id}">Profile</a></div>
</li>
<li>
<div class="row"><a href="{$directory}messages.php">Messages</a></div>
</li>
<li>
<div class="content"><a href="{$directory}premium.php">Premium Access</a></div>
</li>
<br />{if $member.admin == "Y"}
<li>
<strong><a href="{$directory}{$admin_dir}/">Administration</a></strong>
</li>{/if}{if $member.mod == "Y"}
<li>
<strong><a href="{$directory}{$mod_dir}/">Moderation</a></strong>
</li>{/if}
<li>
<a href="{$directory}login.php?act=logout&uid={$uid}">Logout</a>
</li>{/if}
</ul>
</div><!--navcontainer-->
</div><!--boxcontent--><b class="bottom"><b class="b2"></b><b class="b1b"></b></b>
</div><!--square-->
<div class="square">
<b class="top"><b class="b2t"></b><b class="b2"></b></b>
<div class="boxcontent">
<p class="leftcontent">
{if $loggedin == "1"}
<b>Your Account</b>
<br /><br />
<strong>Username</strong> : <a href="{$directory}player.php?user={$member.id}">{$member.username}</a>
<br />
<strong>HP</strong> : {$member.HP}
<br />
<strong>Level</strong> : {$member.level}
<br />
<strong>Gold</strong> : {$member.gold|number_format}
<br />
<strong>Unread Messages</strong> : <a href="{$directory}messages.php">{$memberunread}</a>
v
{/if}
</p></div><!--box content -->
<b class="bottom"><b class="b2"></b><b class="b1b"></b></b>
</div><!--square -->
</div><!--left -->
<div id="right1">
<div class="square"><b class="top"><b class="b2t"></b></b>
<div class="boxcontent">
<div id="navcontainer"><p class="rightcontent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi est. Mauris gravida tempus justo. Phasellus ultrices. Nulla facilisi. Ut vel massa eu elit fermentum iaculis. Praesent sollicitudin. Nulla facilisi. Suspendisse potenti. In adipiscing risus. In ut nulla. Pellentesque felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent dapibus tellus. Vestibulum dolor nibh, accumsan eu, tempus at, varius sit amet, massa. Nam urna. Proin nec magna et augue eleifend vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis sem vitae arcu.
</p></div></div></div></div>
<div id="right">
<div class="square">
<b class="top"><b class="b1t"></b><b class="b2"></b></b>
<div class="boxcontent">
This is the css.
@charset "UTF-8";
/* CSS Document */
/* Reset */
* {
padding:0;
margin:0;
}
html, body{
background-color:#a9b6bc;
height: 100%;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6F787D;
}
h1{
font-size:2em;
font-weight:normal;
}
a {
color: #62696F;
}
/* HR */
div.hr {
height: 5px;
background: transparent url("images/divider.jpg") no-repeat scroll center;
}
div.hr hr {
display: none;
}
/* Containment */
#container {
background: url("images/bg_tile_2.png") repeat-y;
width: 1100px;
min-height:100%;
height:auto !important;
height: 100%;
margin: 0 auto -112px auto;
}
#wrapper{
width: 1071px;
}
/* Header */
#header {
background: transparent url("images/header.jpg") no-repeat 0 0;
margin: 0 0 0 29px;
display: block;
width: 1042px;
height: 189px;
overflow: hidden;
}
/* Sticky footer */
.push {
clear: both;
margin: 0;
}
.footer{
height: 41px;
width: 1042px;
background: transparent url("images/footer.png") no-repeat 0 0;
margin: 0 0 0 29px;
text-align:right;
}
p#footertext{
padding: 20px 0px 0 0;
}
/* left bar */
#left {
float: left;
width: 271px;
padding: 0;
margin: 0 3px 0 29px;
display:inline;
overflow:hidden;
}
/* Main Box */
#right {
float: center;
width: 494px;
overflow: auto;
padding: 0;
margin: 0 0 0 0px;
}
#right1 {
float: right;
width: 271px;
overflow: auto;
padding: 0px;
margin: 0 0 0 0px;
}
p.leftcontent {
padding: 0 5px;
}
p.rightcontent {
padding: 0 5px;
}
/* Nav List */
#navcontainer {
width: 271px;
padding-left: 5;
margin: 0;
}
#navcontainer ul
{
margin-left: 15px;
padding-left: 0;
list-style-type: none;
text-decoration: none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
color:#5e2e16;
}
#navcontainer a
{
display: block;
padding: 5px;
width: 150px;
}
#navcontainer a:link, #navlist a:visited
{
text-decoration: none;
color: #62696F;
}
#navcontainer a:hover
{
text-decoration: none;
color:#6F787D;
}
/* Square cutout Borders Boxes */
.content{
background: #bfcad0;
padding: 5px;
}
.row{
background: #b0bdc5;
padding: 0px;
}
#left .square {
background: transparent;
width:271px;
margin:0 auto 20px auto;
}
#right .square {
background: transparent;
width:494px;
margin:0 auto;
}
.square h1, .square p {
margin:0 10px;
}
.square p {
padding-bottom:0.5em;
}
.info{
padding: 5px 0;
color: #8d6c57;
}
.square .top, .square .bottom {
display:block;
background:transparent;
font-size:5px;
}
.square .b1t {
margin:0 0px;
display:block;
overflow:hidden;
height:31px;
width:494px;
background: transparent url("images/contentbar.jpg") no-repeat;
}
.square .b2t {
margin:0 0px;
display:block;
overflow:hidden;
height:31px;
width:271px;
background: transparent url("images/box_small_top.png") no-repeat;
}
.square .b2 {
display:block;
height:5px;
margin:0;
overflow:hidden;
}
.square .b1b {
margin:0 10px;
display:block;
overflow:hidden;
}
.square .boxcontent {
display:block;
background:#bfcad0;
}
/* Advert Box */
.advert
{
position:relative;
width: 468px;
height:60px;
border:0;
left:420px;
top:193px
}