WWW Layout

<style>
td, .sf {
	display: none;
}
body {
	background: #404040;
}
#layout {
	width: 856px;
	height: 626px;
	margin: 0 auto;
	background-image: url("http://i.imgur.com/xby4QWf.png");
}
#main {
	font: 9pt tahoma;
	color: #000000;
	top: 360px;
	left: 41px;
	width: 770px;
	height: 200px;
	text-align: justify;
	overflow: hidden;
}
#weeks {
	top: 180px;
	left: 0px;
	width: 150px;
	height: 400px;
	overflow: hidden;
	margin-right: 20px;
	text-align: center;
}
#nav {
	top: 10px;
	left: 0px;
	width: 150px;
	height: 400px;
	overflow: hidden;
}
#weeks a {
	display: block;
	width: 100%;
	background: #f4f4f4;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 6pt arial;
}
.anchors {
	width: 595px;
	height: 200px;
	overflow: hidden;
}
.page {
	width: 595px;
	height: 200px;
	overflow: auto;
	margin: 0px 5px 0px 0px;
}
.question {
	height: 260px;
	overflow: auto;
}
.table {
	display: inline;
	text-align: left;
}
h1 {
	font: 13pt tahoma;
	color: #272731;
	text-align: center;
	border-width: 2px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #5c5a75;
	letter-spacing: 4px;
	line-height: 25px;
}
h2 {
	font: bold 11pt tahoma;
	color: #5c5a75;
	text-align: center;
	background-color: #AFAFAF;
	letter-spacing: 2px;
	line-height: 25px;
}
h2:hover {
	font: 11pt tahoma;
	color: #272731;
	text-align: center;
	background-color: #DBDBDB;
	letter-spacing: 2px;
	line-height: 25px;
}
h3 {
	font: 12pt tahoma;
	color: #5c5a75;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #5c5a75;
	letter-spacing: 2px;
	line-height: 25px;
}
h4 {
	font: 12pt tahoma;
	color: #FFFFFF;
	background: #5c5a75;
	border-bottom: 1px #FFFFFF solid;
	border-top: solid #FFFFFF 16px;
	letter-spacing: 2px;
	line-height: 25px;
}
b {
	color: #5c5a75;
	font-weight: bold;
}
i {
	color: #8c8b9a;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #303140;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #626277;
	font: 10pt tahoma;
	text-decoration: none;
}
</style><div id="layout" style="position: relative;">



<div id="main" style="position: absolute;">

<div id="weeks" style="float: left;">
<div id="nav">
<h3>Navigate</h3>
<a href="#w1">Week One</a>
<a href="#w2">Week Two</a>
<a href="#w3">Week Three</a>
<a href="#w4">Week Four</a>
<br><br><a href="http://www.neopets.com/~thefloonetwork">The Floo Network</a>
<a href="http://www.neopets.com/guilds/guild.phtml?id=4180479">Guild Homepage</a>
</div>
<br><br><br><br><br><br><br><br><br><br><div id="w1">
<h4>Week One</h4>
<a href="#ppp1">Pygmy Puff Pass</a>
<a href="#ss1">Skiving Snackboxes</a>
<a href="#ttt1">Ton-Tongue Toffee</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=WWW+Week+1">Submit activities</a>
<a href="#nav">⇠ back</a>
</div>
<br><br><br><br><br><br><br><br><br><br><div id="w2">
<h4>Week Two</h4>
<a href="#ppp2">Pygmy Puff Pass</a>
<a href="#ss2">Skiving Snackboxes</a>
<a href="#ttt2">Ton-Tongue Toffee</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=WWW+Week+2">Submit activities</a>
<a href="#nav">⇠ back</a>
</div>
<br><br><br><br><br><br><br><br><br><br><div id="w3">
<h4>Week Three</h4>
<a href="#ppp3">Pygmy Puff Pass</a>
<a href="#ss3">Skiving Snackboxes</a>
<a href="#ttt3">Ton-Tongue Toffee</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=WWW+Week+3">Submit activities</a>
<a href="#nav">⇠ back</a>
</div>
<br><br><br><br><br><br><br><br><br><br><div id="w4">
<h4>Week Four</h4>
<a href="#ppp4">Pygmy Puff Pass</a>
<a href="#ss4">Skiving Snackboxes</a>
<a href="#ttt4">Ton-Tongue Toffee</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=WWW+Week+4">Submit activities</a>
<a href="#nav">⇠ back</a>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>


<div class="anchors">
<div class="page" id="home">
<h1>Weasleys Wizard Wheezes</h1>
<img src="http://imgur.com/zQygzhN.png" style="float: left;"><p>

You make your way into the shop and see a large crowd of kids, teenagers, and adults alike trying out some merchandise and digging through their pockets for Galleons to spend.</p><p><b>Professor Paige</b> approaches you. Is the pay for Hogwarts faculty so bad that she works here part time?</p><p><i>Hey darling,</i> she says. <i>We have a special section for Slugg Club members. Please direct yourself to the Navigation to the left here!</i></p><p>Please send all activities in one neomail if possible! Completing <i>one</i> activity will earn you <b>15/3</b>. Completing <i>two</i> activities will earn you <b>25/5</b>. Successfully completing <i>all three</i> activities will earn you <b>30/6</b>.

</p></div>












<div class="page" id="ttt1">

<h3>Weasleys Wizard Wheezes: <b>Ton-Tongue Toffee</b></h3>
Paige comes over and looks directly at you. Her tongue is hanging out of her mouth, and enormous, as she tries talking to you. Ahh, yes, this happens daily. She's gotten into the Toffees again... Anyway, knowing what you know about Paige, she's probably trying to say something related to <i>Weasley's Wizard Wheezes</i>, <i>Hufflepuff</i>, or <i>The Slugg Club</i>. Can you decode the message?<br><br>　　 <b>
ncinuor umsnaiga
</b>


<p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ppp1">

<h3>Weasleys Wizard Wheezes: <b>Pygmy Puff Pass</b></h3>
<img src="http://i.imgur.com/EbZV5c2.png" style="float: left; margin: 0px 10px 0px 0px;">This little guy over here is <b>Pączki the Pygmy Puff</b>. He's a little temperamental. For this reason, we can't sell him to anyone - so he just lives here in the store! Pączki likes a lot of attention... but not too much! He doesn't like being held by one person for more than 10 seconds. Don't be afraid! He doesn't bite... a lot...<p>
<i>In your submission neomail, specify how many seconds (1-10) you want to hold Pączki.</i><br>Be warned, if he bites you, you won't earn anything!

</p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ss1">

<h3>Weasleys Wizard Wheezes: <b>Skiving Snackboxes</b></h3>
The Skiving Snackbox demand is sky-high lately and there have been a few mistakes. Instead of snacks that make you seem sick, some have had other (unlabeled) Weasley's Wizard Wheezes items! Send in the name of the item based on the description below!<p>
　<b>Item description:</b>　 <i>A Line of WWW products marketed specially for witches.</i><br></p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ttt2">

<h3>Weasleys Wizard Wheezes: <b>Ton-Tongue Toffee</b></h3>
Paige comes over and looks directly at you. Her tongue is hanging out of her mouth, and enormous, as she tries talking to you. Ahh, yes, this happens daily. She's gotten into the Toffees again... Anyway, knowing what you know about Paige, she's probably trying to say something related to <i>Weasley's Wizard Wheezes</i>, <i>Hufflepuff</i>, or <i>The Slugg Club</i>. Can you decode the message?<br><br>　　 <b>iiepx saotunpr
</b>


<p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ppp2">

<h3>Weasleys Wizard Wheezes: <b>Pygmy Puff Pass</b></h3>
<img src="http://i.imgur.com/EbZV5c2.png" style="float: left; margin: 0px 10px 0px 0px;">This little guy over here is <b>Pączki the Pygmy Puff</b>. He's a little temperamental. For this reason, we can't sell him to anyone - so he just lives here in the store! Pączki likes a lot of attention... but not too much! He doesn't like being held by one person for more than 10 seconds. Don't be afraid! He doesn't bite... a lot...<p>
<i>In your submission neomail, specify how many seconds (1-10) you want to hold Pączki.</i><br>Be warned, if he bites you, you won't earn anything!

</p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ss2">

<h3>Weasleys Wizard Wheezes: <b>Skiving Snackboxes</b></h3>
The Skiving Snackbox demand is sky-high lately and there have been a few mistakes. Instead of snacks that make you seem sick, some have had other (unlabeled) Weasley's Wizard Wheezes items! Send in the name of the item based on the description below!<p>
　<b>Item description:</b>　 <i>WWW fireworks costing 6 sickles and 24 knuts.</i><br></p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ttt3">

<h3>Weasleys Wizard Wheezes: <b>Ton-Tongue Toffee</b></h3>
Paige comes over and looks directly at you. Her tongue is hanging out of her mouth, and enormous, as she tries talking to you. Ahh, yes, this happens daily. She's gotten into the Toffees again... Anyway, knowing what you know about Paige, she's probably trying to say something related to <i>Weasley's Wizard Wheezes</i>, <i>Hufflepuff</i>, or <i>The Slugg Club</i>. Can you decode the message?<br><br>　　 <b>elrbmsoeudd aymr</b>


<p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ppp3">

<h3>Weasleys Wizard Wheezes: <b>Pygmy Puff Pass</b></h3>
<img src="http://i.imgur.com/EbZV5c2.png" style="float: left; margin: 0px 10px 0px 0px;">This little guy over here is <b>Pączki the Pygmy Puff</b>. He's a little temperamental. For this reason, we can't sell him to anyone - so he just lives here in the store! Pączki likes a lot of attention... but not too much! He doesn't like being held by one person for more than 10 seconds. Don't be afraid! He doesn't bite... a lot...<p>
<i>In your submission neomail, specify how many seconds (1-10) you want to hold Pączki.</i><br>Be warned, if he bites you, you won't earn anything!

</p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ss3">

<h3>Weasleys Wizard Wheezes: <b>Skiving Snackboxes</b></h3>
The Skiving Snackbox demand is sky-high lately and there have been a few mistakes. Instead of snacks that make you seem sick, some have had other (unlabeled) Weasley's Wizard Wheezes items! Send in the name of the item based on the description below!<p>
　<b>Item description:</b>　 <i>Yellow trainers with suction cups attached to the soles.</i><br></p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ttt4">

<h3>Weasleys Wizard Wheezes: <b>Ton-Tongue Toffee</b></h3>
Ruby comes over and looks directly at you. Her tongue is hanging out of her mouth, and enormous, as she tries talking to you. Ahh, yes, this happens daily. She's gotten into the Toffees again... Anyway, knowing what you know about Ruby, she's probably trying to say something related to <i>Weasley's Wizard Wheezes</i>, <i>Hufflepuff</i>, or <i>The Slugg Club</i>. Can you decode the message?<br><br>　　 <b>speteon dliug</b>


<p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ppp4">

<h3>Weasleys Wizard Wheezes: <b>Pygmy Puff Pass</b></h3>
<img src="http://i.imgur.com/EbZV5c2.png" style="float: left; margin: 0px 10px 0px 0px;">This little guy over here is <b>Pączki the Pygmy Puff</b>. He's a little temperamental. For this reason, we can't sell him to anyone - so he just lives here in the store! Pączki likes a lot of attention... but not too much! He doesn't like being held by one person for more than 10 seconds. Don't be afraid! He doesn't bite... a lot...<p>
<i>In your submission neomail, specify how many seconds (1-10) you want to hold Pączki.</i><br>Be warned, if he bites you, you won't earn anything!

</p><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="ss4">

<h3>Weasleys Wizard Wheezes: <b>Skiving Snackboxes</b></h3>
The Skiving Snackbox demand is sky-high lately and there have been a few mistakes. Instead of snacks that make you seem sick, some have had other (unlabeled) Weasley's Wizard Wheezes items! Send in the name of the item based on the description below!<p>
　<b>Item description:</b>　 <i>A rocket costing 1 galleon, 6 sickles, and 3 knuts. Also sold at Zonko's.</i><br></p><p><a href="#home">⇠ back</a>
</p></div>





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