1. 2 Blitzen Cupcake and 1,000MP
2. 2 Bug Quell Plushie and 2,500MP
3. 2 Bellerina and 1,250MP
4. 2 Seasonal Cupcake and 300MP
5. 2 Blue Fire Dress and 600MP
6. 2 Elf and 150MP
7. 2 Minti and 3,000MP
8. 2 Fat Snowman Plushie and 1,500MP
9. 2 Seasonal Sword and 500MP
10. 2 Christmas Gift Cupcake and 950MP
11. 2 Elf vs Beelzebub and 5,000MP
12. 2 Broken Seasonal Candycane and 1MP
13. 2 God Wig and 750MP
14. 2 Mistletoe Plushie and 425MP
15. 2 Butterfly Dress and 4,000MP
16. 2 Magic Christmas Tree and 1,500MP
17. 2 2013 Christmas Carols and 500MP
18. 2 Dark Lorius Shirt and 5,000MP
19. 2 Blue Fire Suit and 250MP
20. 2 Stocking Candycane and 2,000MP
21. 2 Frost Hoodie and 700MP
22. 2 Nightmare Snowman Plushie and 666MP
23. 2 Snixie and 350MP
24. 2 Elf Pearl and 7,500MP

Ok first part: basic;

<b>text here</b> makes the text bold

<u>text here</u> makes texts underlined

<i>text here</i> makes the text italic

<br> Starts a new line


Headers

Headers appear in the style slightly different as to make them look good on a background you must add different aspects.

h1 stands for header 1.
headers usually have a background color so that is added too.
the line height is the height of the background.

h1
{font-size:17px;
line-height:18px;
text-align:right;
background-color: #FFFFFF;
color:#3399CC;
font-family:Century Gothic;
text-decoration: none;
}

You can also add multiple headers.

---------------------------------------------------------------------------------------------------------------------------

This is all we include in the styles.
so with all the information I have given you far this is an example of the sort of style you can create.

<style>

p, td
{font-family: Century Gothic;
font-size: 11px;
font-weight: 500;
color: #333333;
text-decoration: none;}


a:link,
{font-family: Century Gothic;
font-size: 10px;
color: #0066CC;
letter-spacing: 1px;}

a:hover
{font-family: Century Gothic;
font-size: 10px;
text-decoration: underline;
color: #333333;
letter-spacing: 1px;}


b
{font-size: 12px;
text-decoration: bold;
margin: 0px;
font-weight: 650;
color: #0066CC;
text-align: left;}

i
{color: #333333; h1
{
font-size:19px;
line-height:18px;
text-align:right;
background-color: #FFFFFF;
border-bottom: 1px dotted #333333;
color:#3399CC;
font-family:Century Gothic;
text-decoration: none
font-style: italic;}

u
{text-decoration: underlined;
color: #000000;
font-size: 11px;
}


;}



</style>


---------------------------------------------------------------------------------------------------------------------------

Now for the actual coding.
Firstly the banner.

You want it in the center
so...

<center>
<img src=URL here
>
</center

<style>
.box {
align:center;
font-family:Arial }


</style>
<table width=832 height=1382><style type=text/>

</style>

<div style= position:relative; >


<div style= overflow:auto;position:absolute;width:139px;height:347px;top:9px;left:2px >
<div align=center>

Header 1.
</div></div>
<div style= overflow:auto;position:absolute;width:139px;height:200px;top:55px;left:0px >

<div align=center>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>
<b>Text Here</b>
<br>


</div></div>








<img src=http://i27.tinypic.com/aajj0o.jpg
>
</div></table>

<div align=left>
<div style=overflow:auto;position:relative;width:363px;height:294px;top:245px;left:151px;margin-right:-363px;margin-bottom:-294px;>
<h1>Welcome to Amazingly Delightful!</h1>
<center>
<bold>Bold</bold><br>
<underline>Underline</underline><br>
<itallic>Itallic</itallic><br>
<font color= #000000 size=2>
Text........
</center>
</font>
</div>



<div align=left>
<div style=overflow:auto;position:relative;width:228px;height:252px;top:387px;left:696px;margin-right:-228px;margin-bottom:-252px;>
<h1>Our Examples:</h1>
<center>
<a href="http://www.marasites.com/?name=annpa56&page=SignaturesNametags">Signatures and Name Tags</a>
</center>
<br>
<center>
<a href="http://www.marasites.com/?name=annpa56&page=FreePremades">Free Premades</a>
</center>
</div>



<div align=left>
<div style=overflow:auto;position:relative;width:206px;height:19px;top:331px;left:699px;margin-right:-224px;margin-bottom:-19px;>
<font color=#000000 size=1 style=arial>
<marquee>Check out our new FREE Premades. And our new Signatures, and Name Tags!!</marquee>
</font>
</div>

<div align=left>
<div style=overflow:auto;position:relative;width:214px;height:139px;top:95px;left:756px;margin-right:-214px;margin-bottom:-139px;>
<center>
<font color=#2461ff size=2 style=tahoma>
All your latest news goes here ect.
</font>
</center>
</div>


<map name="Grey">
<area shape="rect" coords="66,178, 181,189" href="www.marapets.com">
<area shape="rect" coords="261,104, 365,142" href="www.marapets.com">
<area shape="rect" coords="466,132, 576,237" href="www.marapets.com">
</map><img border="0" src="http://i28.tinypic.com/o5c9zp.png" usemap="#Grey">



</center>

<body>
<style>





body
{background :url("http:/

<br><br><center><html>




<style>
.firstrow {color:black; text-decoration:italic; background-color: 999999
;}

{
font-family: Tahoma;
font-size: 12;
color: #1464F4;
}


a:link
{font-family: Tahoma;
font-weight: none;
color: #FF9900;
font-size: 9px;
text-transform: lowercase;
letter-spacing: ;
cursor: crosshair;}

a:visited
{font-family: Tahoma;
font-weight: none;
color:white;
font-size: 9px;
text-transform: lowercase;
letter-spacing: ;
cursor: crosshair;}

a:hover
{font-family: Century Gothic;
font-weight: none;
font-size: 10px;
text-decoration: underline;
color: cfcf98;
text-transform: lowercase;
letter-spacing: 1px;
cursor: crosshair;}


h1
{display:block;
font-weight:italic;
font-size:13px;
text-align:center;
text-transform: ;
letter-spacing:1px;
text-decoration:strike;
background-color: FFFFFF;
color: black;
font-family:verdana;
height: 15px;
}


b
{font-size: 11px;
font: century gothic;
text-decoration: bold;
margin: 0px;
color: 000000;
text-align: left;}

i
{color: #FF9900;
font-style: italic;
font-size: 10px;
font: century gothic;
}

u
{text-decoration: none;
color: #000000;
font-size: 10px;
font: century gothic;
border-bottom: 1px dashed #FF9900;}
</style>
<img
src=http://i28.tinypic.com/b97j1i.jpg
>
<br>


<table><tr>
<Td background=http://i31.tinypic.com/xojg5g.jpg
>
<DIV STYLE=overflow:auto;width:597px;height:15px;border:1px;border-style:dashed>
<center>
<marquee>

<font color=#000000 size=2>
text text text text

</marquee>



</div></td>
</tr></table>
<table>

<tr>
<Td background=http://i31.tinypic.com/xojg5g.jpg
>
<DIV STYLE=overflow:auto;width:191px;height:150px;border:1px;border-style:dashed>


<h1>Links</h1>

<center>

<h2><a href="LINK">links!</a><br></h2>
<h2><a href