Hufflepuff Common Room

<style>
td, .sf {
	display: none;
}
body {
	background-image: url("http://i.imgur.com/pBt0884.png");
}
#layout {
	width: 800px;
	height: 556px;
	margin: 0 auto;
	background-image: url("http://i.imgur.com/3T8szUs.png");
}
#main {
	font: 9pt tahoma;
	color: #000000;
	top: 283px;
	left: 20px;
	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: #F8F8F8;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 6pt arial;
	color: #e49a37;
}
#weeks a:hover {
	color: #323232;
}
.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: #000000;
	text-align: center;
	border-width: 2px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #FFC981;
	letter-spacing: 4px;
	line-height: 25px;
}
h2 {
	font: bold 11pt tahoma;
	color: #979797;
	text-align: center;
	background-color: #AFAFAF;
	letter-spacing: 2px;
	line-height: 25px;
}
h2:hover {
	font: 11pt tahoma;
	color: #FFC981;
	text-align: center;
	background-color: #DBDBDB;
	letter-spacing: 2px;
	line-height: 25px;
}
h3 {
	font: 12pt tahoma;
	color: #979797;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #d3b795;
	letter-spacing: 2px;
	line-height: 25px;
}
h4 {
	font: 12pt tahoma;
	color: #FFFFFF;
	background: #d3b795;
	border-bottom: 1px #FFFFFF solid;
	border-top: solid #FFFFFF 16px;
	letter-spacing: 2px;
	line-height: 25px;
}
b {
	color: #e49a37;
	font-weight: bold;
}
i {
	color: #A9A9A9;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #323232;
	font: bold 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #A9A9A9;
	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><a href="#home">Clear</a><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></div>


<div class="anchors">
<div class="page" id="home">
<h1>Hufflepuff Common Room</h1>
<img src="http://i.imgur.com/i90EgUK.png" style="float: left; margin-right: 20px;"><img src="http://harry-potter-sounds.ambient-mixer.com/images_template/2/2/a/22adebdb119fc2cb7bf17f87cb376ec8_full.jpg" style="float: right; margin-left: 20px;" height="100"><br>
Warm welcome my dear <b>Hufflepuffs</b>! I'm Heather, your Head of House and host this term. Please click on a week to get started and use the submit link to the left to send things in. Feel free to submit multiple weeks in one mail if space allows. Just be sure to indicate which week(s) you're doing for the sake of quick grading. :)


</div>












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

<h3>Hufflepuff Common Room: <b>Week 1 - Moodboard</b></h3><center>
<img src="http://i.pinimg.com/originals/3e/81/77/3e8177183ca5512f8f5f97d71e0f0a66.jpg" width="500"></center><br>
Choose 3 images that stand out to you as very fitting of Hufflepuff from the moodboard above. Which images did you choose and why did you pick them?


<br><br><table style="width: 100%;"><tr><th style="text-align: right;"><a href="/neomessages.phtml?type=send&recipient=painted_dreams87&subject=Hufflepuff+1">submit activity ⇢</a></th>
</tr></table></div>












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

<h3>Hufflepuff Common Room: <b>Week 2 - Badgers</b></h3>
<img src="http://1.bp.blogspot.com/-Fg4sxEiMuCY/T4b4y_AxGmI/AAAAAAAAGvg/IQOlqDmg26I/s640/cute-baby-animal-pictures-011.png" style="float: left; margin-right: 10px;" height="127"><br><br>
Each of us has pride for our house mascot, the badger, but how much do you know about the creature? Research and share 5 random facts about badgers.


<br><br><table style="width: 60%;"><tr><th style="text-align: right;"><a href="/neomessages.phtml?type=send&recipient=painted_dreams87&subject=Hufflepuff+2">submit activity ⇢</a></th>
</tr></table></div>












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

<h3>Hufflepuff Common Room: <b>Week 3 - Let's Eat</b></h3>
Let's face - we Hufflepuffs LOVE food! It's in our nature given that our founder, Helga Hufflepuff, had a gift for food-related charms and was often involved in the school kitchen. Check out the food images below and send in the name of each one. (Please do not send the actual items.)<br><center><img src="http://images.neopets.com/items/pumpkin_cookie.gif" height="65"><img src="http://images.neopets.com/items/foo_pumkinspice_soup.gif" height="65"><img src="http://images.neopets.com/items/bak_pumpkin_bread.gif" height="65"><img src="http://images.neopets.com/items/spf_ghosttoast2.gif" height="65"><img src="http://images.neopets.com/items/coff_candy_pumpkin.gif" height="65"></center>

<table style="width: 100%;"><tr><th style="text-align: right;"><a href="/neomessages.phtml?type=send&recipient=painted_dreams87&subject=Hufflepuff+3">submit activity ⇢</a></th>
</tr></table></div>












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

<h3>Hufflepuff Common Room: <b>Week 4 - Guess the Hufflepuff</b></h3>
Do you know your fellow Hufflepuffs? Put yourself to the test by answering the questions below. The same person could be used more than once, so keep that in mind.
<br><br><b>1.</b> Who has a pet named Nugget?<br><b>2.</b> Who has a collection of quills in their trunk?<br><b>3.</b> Who has a Blackthorn Wand?<br><b>4.</b> Who has an Ocicat for their Patronus?<br><b>5.</b> Who has a photo of an Abraxan in their trunk?

<table style="width: 100%;"><tr><th style="text-align: right;"><a href="/neomessages.phtml?type=send&recipient=painted_dreams87&subject=Hufflepuff+4">submit activity ⇢</a></th>
</tr></table></div>







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