hi
<a href="URL HERE">Text here</a>
<BR>
<center>
<div class=wrap>
<div class=background>

<div class=banner>
</div>

<marquee behavior="scroll" direction="left">Try and catch me foools </marquee>

<div class=abox>
<h1>News</h1>
<p>news here
</p>
</div>

<div class=abox2>
<h1>Header </h1>
<p>Text here</p>
</div>

<div class=nav1>
<a class=bb href=#01
>RULES</a>
<a class=bb href=#02
>MEMBERS</a>
<a class=bb href=#03
>OTM</a>
<a class=bb href=#04
>link 4</a>
<a class=bb href=#05
>link 5</a>
<a class=bb href=#06
>link 6</a>
<a class=bb href=#07
>Food Fight!</a>
<a class=bb href=#08
>link8</a>

</div>

<div class=content>

<a name=01></a><div class=wrap2><div class=pages>
<h1>RULES </h1>
<h2></h2>
<p>
-No bad language
<br>
-no fighting
<br>
-no spaming
<br>
-no club hopping
<br>
-have at least 30 posts to be able to bid on an auction
<br>
-Don't ask for a staff position. The leader or Co-owner will ask you.
<br>
<br>

<b>*You get 2 warnings for rule breaking. 3rd strike and you're out.</b>
</p>
</div></div>

<a name=02></a><div class=wrap2><div class=pages>
<h1>Member Information</h1>
<h2></h2>
<p>
Username - Name/nickname - Birthday
<br>


</p>
</div></div>

<a name=03></a><div class=wrap2><div class=pages>
<h1>OTMS</h1>
<h2>MOTM, and DOTM</h2>
<p>Member of the Month. What we are looking for:
<br>[] Active
<br>[] Been in the club for more than 1-2 weeks. 
[br][] Participates in challenges and activities and contributes to this club and stands for its rules.
<br><b>Donator of the Month is decided by who donates the most that month.</b> </p>
</div></div>

<a name=04></a><div class=wrap2><div class=pages>
<h1>Page 4 </h1>
<h2>Header</h2>
<p>Text here</p>
</div></div>

<a name=05></a><div class=wrap2><div class=pages>
<h1>Testing html</h1>
<h2>yeeeeee</h2>
<p><div style="overflow:auto; height:5506px;width:564px;">
 </div> </p>
</div></div>

<a name=06></a><div class=wrap2><div class=pages>
<h1>page 6</h1>
<h2>Wahoo</h2>
<p>Text here</p>
</div></div>

<a name=07></a><div class=wrap2><div class=pages>
<h1>FOOOOD FIGHTTT</h1>
<h2>Foooood</h2>
<p>Donate 3k to enter then start donating food (rarity 1-9 only). The most food by the end of the week gets a random expensive gourmet food item! This contest will start next Monday, so get ready!</p>
</div></div>


<a name=08></a><div class=wrap2><div class=pages>
<h1>Header</h1>
<h2>Wahoo</h2>
<p>Text here</p>
</div></div>


</div>

<div class=foot>
<center><p>Testing layout</p></center>
</div>


</div>
</div>

</center>



<style>
/* SIDEBAR STARTS HERE*/
center tr td center p table td, table tr td center td center table, tr td center p table center form{ /* sidebar box background settings */
background-color:#990099;
}
.firstrow {
padding-top:1px;
padding-bottom:1px;
background:492D49;
}
.firstrow center b, .firstrow { /* text properties of default club HEADERS */
text-decoration:none;
font-weight:normal;
font-family:Arial;
font-size:15px;
line-height:20px;
color:#000;
text-shadow: 0px 0px 5px #B2CBA3;
filter: dropshadowcolor=#B2CBA3, offx=-1, offy=1);
text-transform:uppercase;
}
p table td b font, center p table td a font b, tr td center table td a b { /* sidebar text */
color:51445F;
font-weight:normal;
font-family:arial;
text-transform:lowercase;
letter-spacing:1px;
font-size:11px;
line-height:11px;
letter-spacing:0px;
}
center p table td a:hover font b, tr td center table td a:hover b { /* sidebar text on hover*/
color:5A5C75;
}
a strong.thelinks { /* top club links */
color:#51445F;
text-decoration:none;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
letter-spacing:-1px;
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
}
a:hover strong.thelinks { /* top club links on hover*/
color:5A5C75;
}
form, p, td, tr, table, input, font, b {
padding:0;
margin:0;
}
input {
margin-top:2px;
margin-bottom:2px;
}

/* SIDEBAR ENDS HERE */

.wrap {
width:700px;
}
.background { 
width:610px;
padding:10px;
height:850px;
background:87555C;
border:1px dashed #492D49;
}
.banner { 
width:600px;
height:210px;
border:1px solid #492D49;
background-color:42f462;
align:center; 
margin-top:5px;
}
.abox {
overflow:auto;
float:left;
border:1px dashed #492D49;
width: 363px;
margin:10px 5px 10px 5px;
height:150px;
background:D1B68D;
padding:5px;
}
.abox2 {
overflow:auto;
float:right;
width:203px;
border:1px dashed #492D49;
margin:10px 5px 10px 5px;
height:150px;
background:D1B68D;
padding:5px;
}
A {text-decoration:none;}
A:link {text-decoration: none; color:black;}
A:visited {text-decoration: none; color:black;}
A:hover {text-decoration:underline; color:#33333;}
.nav1 {
background:D1B68D;
float:left;
margin-left:5px;
margin-bottom:5px;
height:400px;
width:98px;
padding:10px;
height:380px;
border-top:1px dashed #492D49;
border-bottom:1px dashed #492D49;
border-left:1px dashed #492D49;
display:block;
}
.bb {
float:left;
margin:2px;
width:80px;
height:12px;
display:block;
text-align:center;
text-decoration:none;
font-weight:normal;
font-size:10px;
line-height:10px;
font-family:century gothic;
background-color:#5A5C75;
padding-top:2px;
padding-bottom:2px;
}
.bb:hover {
background-color:51445F;
background-image:urlwww.marapets.com);
-webkit-transition-property:color, background;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 120ms ease-in;
-ms-transition: all 120ms ease-in;
-o-transition: all 120ms ease-in;
transition: all 120ms ease-in-out;
}
.wrap2 {
width:475px;
padding:5px;
float:right;
}
.pages {
width:475px;
height:400px;
overflow:auto;
float:right;
}
.content {
float:right;
width:480px;
margin-right:5px;
height:400px;
border-top:1px dashed #492D49;
border-bottom:1px dashed #492D49;
border-right:1px dashed #492D49;
background:D1B68D;
overflow:hidden;
margin-bottom:5px;
}
h1 {
background:#322938;
display:block;
padding:5px;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
color:CCC4AD;
font-family:century gothic;
font-size:15px;
line-height:15px;
text-align:center;
}
h2 {
display:block;
padding:5px;
text-decoration:none;
font-weight:normal;
text-transform:lowercase;
color:#333333;
font-family:Arial;
font-size:12px;
line-height:12px;
border-bottom:2px solid 492D49;
text-align:left;
}
h2:first-letter {
color:51445F;
text-transform:uppercase;
}
.foot {
float:center;
margin:5px;
width:600px;
height:15px;
background:D1B68D;
overflow:hidden;
border:1px dashed #492D49;
margin-bottom:10px;
margin-top:5px;
}
p {
margin:0;
padding:2;
font-family:century gothic;
font-size:11px;
line-height:11px;
letter-spacing:-0px;
color:#000;
text-align:justify;
}
</style>