#mainlay {
width:600px;
border: black 1px solid;
background-color:#FF8629;
}
.mainlay, .mainlay font, .mainlay p, .mainlay a, .mainlay td {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#FFF01F;
}
#banner {
width:550px;
height:150px;
background-position:center;
}
#scroller {
width:550px;
font-size:14pt;
font-variant:small-caps;
font-weight:bold;
}
.holder {
width:550px;
height:150px;
}
.widebox, .halfboxleft, .halfboxright,
.thirdboxleft, .thirdboxcenter, .thirdboxright {
border:#4FDCFF 3px dashed;
text-align:left;
overflow:auto;
padding:0px;
background-color:#FF1755;
}
a {
color:#6EFF4A;
text-decoration:none;
font-weight:bold;
}
a:hover {

text-decoration:line-through;
}
.widebox {
width:550px;
height:150px;
}
.halfboxleft {
width:260px;
height:150px;
float:left;
}
.halfboxright {
width:260px;
height:150px;
float:right;
}
.thirdboxleft {
width:165px;
height:150px;
position:relative;
top:0px;
left:0px;
float:left;
}
.thirdboxcenter {
width:165px;
height:150px;
position:relative;
top:0px;
left:25px;
float:left;
}
.thirdboxright {
width:165px;
height:150px;
position:relative;
top:0px;
right:0px;
float:right;
}
.credit {
width:540px;
height:20px;
text-align:center;
margin-bottom:15px;
font-size:11pt;
}
.padbox {
padding:5px;
}
</style>

<div class='mainlay' id='mainlay'>
<center>
<br>
<img id='banner' src=http://www.marasight.com/clublayout/freebanner26.png
>
<br><br>
<div class='holder'>
<div class='widebox'><div class>
<center>ABOUT THE CLUB</center>
Hey every one all members or staff welcome to my club hope you enjoy all the good stuff we have like jumble games,competion.<br>
<center>FUN STUFF</center>
There are lots of fun stuff to do we have also fashoin show every month winners get good prizes<br>
<center>NEED HELP? :{</center>
If you need any help please let me ruthz the leader or staff to know and we will help :]<br>
We also have member of the month every month and princess and princes of the week.<br>
<center>MEMBERS</center>
All member should be nice all time if you are in need please let me know <br>
<center>HOPE YOU HAVE FUN AND ENJOY</CENTER>
Marapets
http://i40.tinypic.com/14sfhpg.png
http://i39.tinypic.com/nbeqer.png
http://i44.tinypic.com/2z6s31j.png
http://i43.tinypic.com/261hirn.png


<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div><br><br>
<div class='holder'>
<div class='thirdboxleft'><div class='padbox'>
Text 1
</div></div>
<div class='thirdboxcenter'><div class='padbox'>
text 2
</div></div>
<div class='thirdboxright'><div class='padbox'>
text 3
</div></div></div><br><br>
<div class='holder'>
<div class='widebox'><div class='padbox'>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
Text here<br>
</div>
</div></div><br><br>
<div class='holder'>
<div class='halfboxleft'><div class='padbox'>
Text here<br>
<a href='http://www.marapets.com'>test link</a>
</div></div>
<div class='halfboxright'><div class='padbox'>
Text here
</div></div></div>
<br><br>
<marquee id='scroller'>
Scrolling text
</marquee>
<br><br>
<div class='credit'>
Created by RUTHZ at <a href=http://www.marasites.com/?name=indygo>
www.marasight.com</a> Banner by Reindeary
</div>
</center>
</div>

Marapets
http://i40.tinypic.com/14sfhpg.png
http://i39.tinypic.com/nbeqer.png
http://i44.tinypic.com/2z6s31j.png
http://i43.tinypic.com/261hirn.png