Persuassion > edited layout

<style>
body{
 margin: 0;
 padding: 0;
 font-family: verdana;
 font-size: 11px;
}
.navigation{
 overflow: auto;
 z-index: 2;
 position: absolute;
 top: 310px;
 left: 580px;
 width: 110px;
 height: 430px;
 padding: 10px;
}
.navigation h1{
 font-family: verdana;
 font-size: 15px;
 margin: 0px;
 margin-top: 5px;
 border-bottom: 2px solid #000000;
}
.navigation a{
 display: block;
 text-align: center;
 margin-bottom: 2px;
 color: #000000;
 background-color: #aaaaaa;
 text-decoration: none;
}
.navigation a:hover{
 background: #000000;
 color: #aaaaaa;
}
.news{
 overflow: auto;
 z-index: 2;
 position: absolute;
 top: 310px;
 left: 40px;
 width: 507px;
 height: 130px;
 padding: 10px;
}
.news h1{
 color: #aaaaaa;
 margin: 0px;
 font-size: 21px;
}

.content{
 overflow: hidden;
 z-index: 2;
 position: absolute;
 top: 473px;
 left: 40px;
 width: 527px;
 height: 287px;
}
.page{
 width: 507px;
 height: 267px;
 padding: 10px;
 overflow: auto;
 margin-bottom: 50px;
}
.page h1{
 color: #aaaaaa;
 margin: 0px;
 font-size: 21px;
}
.marquee{
  position: absolute;
  left: 40px;
  top: 270px;
  z-index: 2;
  width: 670px;
  height: 28px;
  line-height: 28px;
}
</style>
<img src='http://i59.tinypic.com/1038ilh.png' style='z-index:1;' />

  <div class='marquee'><marquee>
This text scrolls! you can put new updates here or anything that you feel that needs extra attention! WEE!
</marquee></div>

<div class='navigation'>
<h1>Navigation</h1>
<a href='#one
'>Page One</a>
<a href='#two
'>Page Two</a>
<a href='#three
'>Page Three</a>
<a href='#four
'>Page Four</a>

<h1>Club Items</h1>
<a href='#five
'>Page Five</a>
<a href='#six
'>Page Six</a>
<a href='#seven
'>Page Seven</a>

<h1>Club Poll</h1>
<a href='#eight
'>Page Eight</a>
<a href='#nine
'>Page Nine</a>
<a href='#ten
'>Page Ten</a>

</div>

<div class='news'>
<h1>Latest Update!</h1>
<img src='http://images.marapets.com/avatars/Leido.gif' align='left'>
Saepe singulis omittantur mel ei, ne qui modo putant. Eu invenire neglegentur sit. Ea detracto copiosae facilisi qui, sed exerci eleifend inciderint ad. Vim aliquip electram at, ius eius aliquip et.<br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='content'>
<div class='page'>
<a name='one'></a>
<h1>Lorem ipsum dolor</h1>
 sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

Saepe singulis omittantur mel ei, ne qui modo putant. Eu invenire neglegentur sit. Ea detracto copiosae facilisi qui, sed exerci eleifend inciderint ad. Vim aliquip electram at, ius eius aliquip et.<br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='two'></a>
<h1>Page Two</h1>
 sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<center><img src='http://images.marapets.com/items/frm_spam.gif' /></center><br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='three'></a>
<h1>Page Three</h1>
<img src='http://images.marapets.com/items/blue_gumball.png' align='left' />
sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<img src='http://images.marapets.com/items/eye_liner_31.gif' align='right' />
Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='Four'></a>
<h1>Page Four</h1>
 sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

Saepe singulis omittantur mel ei, ne qui modo putant. Eu invenire neglegentur sit. Ea detracto copiosae facilisi qui, sed exerci eleifend inciderint ad. Vim aliquip electram at, ius eius aliquip et.<br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='five'></a>
<h1>Page Five</h1>
 sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<center><img src='http://images.marapets.com/items/frm_spam.gif' /></center><br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='six'></a>
<h1>Page Six</h1>
<img src='http://images.marapets.com/items/blue_gumball.png' align='left' />
sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<img src='http://images.marapets.com/items/eye_liner_31.gif' align='right' />
Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='seven'></a>
<h1>Page Seven</h1>
 sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

Saepe singulis omittantur mel ei, ne qui modo putant. Eu invenire neglegentur sit. Ea detracto copiosae facilisi qui, sed exerci eleifend inciderint ad. Vim aliquip electram at, ius eius aliquip et.<br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='eight'></a>
<h1>Page Eight</h1>
 sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<center><img src='http://images.marapets.com/items/frm_spam.gif' /></center><br><br>

Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='nine'></a>
<h1>Page Nine</h1>
<img src='http://images.marapets.com/items/blue_gumball.png' align='left' />
sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<img src='http://images.marapets.com/items/eye_liner_31.gif' align='right' />
Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

<div class='page'>
<a name='ten'></a>
<h1>Page Ten</h1>
<img src='http://images.marapets.com/items/blue_gumball.png' align='left' />
sit amet, odio liberavisse id pro, pri ponderum deterruisset at. Unum molestie scaevola vix ea, mel probatus facilisis ea. Ignota delectus accusamus sed ea. At augue verterem efficiantur mei, pri in aeque oratio ocurreret. Cum id sale possit utroque. Ne has aperiri facilisis, eam nonumy graeco mnesarchum in, dicta corpora noluisse eu eos. Vis eu justo integre gloriatur, pri id petentium scribentur liberavisse, ius ex oratio prodesset.<br><br>

<img src='http://images.marapets.com/items/eye_liner_31.gif' align='right' />
Vis mundi labitur et, admodum argumentum appellantur id pro. Cu exerci nusquam perfecto usu, te commodo petentium vis. Eu cum odio inimicus postulant. Ius justo fuisset cu, putent inermis no has, cum no labores omittam. Eruditi volumus ut mea.
</div>

</div>

<div style='position:absolute;left:595;top:730;z-index:4;'><a href='http://www.marageek.tk/index.php
' target='_blank'><img src='http://marageek.tk/img/credit.gif
'></a></div>