For Rae

<style>
table {
	display: none;
}
.page table {
	display: table;
}
body {
	background-image: url("https://i.imgur.com/SQW7uqu.png");
}
#layout {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background-image: url("https://i.imgur.com/HHLswpe.png");
}
#main {
	font: 10pt tahoma;
	color: #000000;
	top: 180px;
	left: 230px;
	width: 570px;
	height: 390px;
	overflow: hidden;
}
.page {
	height: 390px;
	overflow: auto;
}
#nav {
	top: 180px;
	left: 0px;
	width: 190px;
	height: 390px;
	overflow: hidden;
	text-align: center;
}
.table {
	display: inline;
	text-align: left;
}
textarea#button {
	font: 9pt tahoma;
	color: #248BBC;
	overflow: hidden;
	width: 90px;
	height: 30px;
	border: 1px solid #986CB6;
}
h1 {
	font: 13pt tahoma;
	color: #d5a6dd;
	text-align: center;
	border-width: 2px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #99bffa;
	letter-spacing: 4px;
	line-height: 25px;
}
h2 {
	font: 11pt tahoma;
	color: #ffffff;
	text-align: center;
	background-color: #71bfe7;
	letter-spacing: 2px;
	line-height: 25px;
}
h2:hover {
	font: 11pt tahoma;
	color: #ffffff;
	text-align: center;
	background-color: #91d5f8;
	letter-spacing: 2px;
	line-height: 25px;
}
b {
	color: #b38cba;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
}
i {
	color: #828da3;
	font: 10pt tahoma;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #99bffa;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #d5a6dd;
	font: 10pt tahoma;
	text-decoration: none;
}
</style><div id="layout" style="position: relative;">


<div id="layout" style="position: relative;">


<div id="nav" style="position: absolute;">
<h1>Navigation</h1>
<a href="#home" class="nav"><h2>Home</h2></a>
<a href="#link1" class="nav"><h2>Rules</h2></a>
<a href="#link2" class="nav"><h2>Information</h2></a>
<a href="#link3" class="nav"><h2>Enter</h2></a>


</div>


<div id="main" style="position: absolute;">
<a name="home"></a>
<div class="page">
<h1>Slugg Club Birthday Dreamie</h1>
<center><b>Welcome!
<br><br>
Rae here and I have something extra special for you this month! Because its Slugg Clubs Birthday I wanted to celebrate it with you all by doing a spectacular event.
<br><br>
We all have that ultimate dreamie that we've been hoping one day to gain right? Well, for one lucky person I'm going to help you gain that.
<br><br>
Whilst we celebrate Slugg Clubs first official birthday, I want to give one lucky person the chance to choose any PB of their choice and make their dreamie come true!
<br><br>
Just check out the rules and make sure to get your entries in by the date mentioned in the information.</b></center>

</div>

<a name="link1"></a>
<div class="page">
<h1>Rules</h1>

<p><i>
• You must be sorted into a House.
<br><br>
• You must be in your 2nd year or above.
<br><br>
• You must be an active member.
<br><br>
• Follow entry instructions.
<br><br>
• It must be used for a Dreamie and not for Profit.
<br><br>
• Code - SC-BDAY-PB
<br><br>
• No double entries.
<br><br>
• No entries on behalf of others, you enter for just yourself.</i>
</p>

</div>

<a name="link2"></a>
<div class="page">
<h1>Entry information</h1>

<p><i>
• You have until 11:59pm on the 27th of February to Enter.
<br><br>
• All Entries must have your name, house, pet name and PB that you'll be choosing if your the lucky one!
<br><br>
• The following day it shall be announced LIVE via DA with a randomised wheel with all entry names. </i>
</p>

</div>

<a name="link3"></a>
<div class="page">
<h1>Enter</h1>

<p><i>
• Please write your Name, House, Petname and the PB you'll be choosing if you are chosen via the DA live wheel.
<br><br>
• Please type the code from the rules in your neomail entry so we know you've read them.</i>
<br><br></p><center><a href="http://www.neopets.com/neomessages.phtml?type=send&amp;recipient=star_wars_1976_2005&amp;subject=Bday+Dreamie">Owl your Entry</a></center>


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