Huff Room

<style>
table, .sf {
	display: none;
}
body {
	background-image: url("http://i.imgur.com/29G9dk5.png");
}
#layout {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background-image: url("http://i.imgur.com/iV1BmBv.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: #9d7c53;
	overflow: hidden;
	width: 90px;
	height: 30px;
	border: 1px solid #cdb8c8;
}
h1 {
	font: 13pt tahoma;
	color: #C8AE73;
	text-align: center;
	border-width: 2px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #777777;
	letter-spacing: 4px;
	line-height: 25px;
}
h2 {
	font: 11pt tahoma;
	color: #FFF1CF;
	text-align: center;
	background-color: #777777;
	letter-spacing: 2px;
	line-height: 25px;
}
h2:hover {
	font: 11pt tahoma;
	color: #777777;
	text-align: center;
	background-color: #FFF1CF;
	letter-spacing: 2px;
	line-height: 25px;
}
h3 {
	font: 12pt tahoma;
	color: #777777;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #DFBF75;
	letter-spacing: 2px;
	line-height: 25px;
}
b {
	color: #C8AE73;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
}
i {
	color: #c0bfaa;
	font: 10pt tahoma;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #D2C6A9;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #C8A044;
	font: 10pt tahoma;
	text-decoration: none;
}
</style><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="#week1" class="nav"><h2>Week 1</h2></a>
<a href="#week2" class="nav"><h2>Week 2</h2></a>
<a href="#week3" class="nav"><h2>Week 3</h2></a>
<a href="#week4" class="nav"><h2>Week 4</h2></a>


</div>

<div id="main" style="position: absolute;">
<a name="home"></a>
<div class="page">
<h1>Hufflepuff Common Room</h1>
<center>
<img src="http://vignette.wikia.nocookie.net/harrypotter/images/d/da/PlayStation(R)Home_Picture_06-01-2013_15-13-50.jpg"></center><br><b>Welcome</b> to our warm and comfortable common room! I've prepared some activities for my fellow Badgers to complete for House Points and Galleons.


</div>

<a name="week1"></a>
<div class="page">
<h1>Brainy Badgers!</h1>
<p>
Who says Hufflepuffs aren't clever? Finish this crossword puzzle and prove them wrong! 5 points and 1 galleon for each correct answer, to a total of 25 points and 5 galleons for a completed puzzle! Good luck!

<br><br><b>Across</b><br><br>
1. Hufflepuffs are proud to be the most __________ house at Hogwarts!<br>
2. The Hufflepuff colours are black and __________<br>
3. Hufflepuff's resident ghost is the Fat __________ <br><br><b>Down</b><br><br>
1. Author of "Fantastic Beasts and Where to Find Them," Newt __________ <br>
2. Hufflepuff's Common Room is near the __________<br><br><a href="/"><img src="http://i67.tinypic.com/t6fiur.png" border="0" alt="Image and video hosting by TinyPic"></a>
</p>
<blockquote><blockquote><blockquote><blockquote><blockquote><a href="/neomessages.phtml?type=send&amp;recipient=harrowfield">Submit Your Work!</a></blockquote></blockquote></blockquote></blockquote></blockquote>
</div>

<a name="week2"></a>
<div class="page">
<h1>GO GO HUFFLEPUFF!</h1>

<p>
It's Quidditch season again, and that means it's time to get to the pitch and cheer on our house team! This week's activity is easy:<br><br><br>
i) Root for your fellow badgers by <b>inventing a Hufflepuff cheer</b>! It should be at least 2 sentences long (and neo-friendly)! (20/4)<br><br>
ii) <b>Dress your pet in yellow</b> to show your House pride and post a pic on a petpage! (5/1)<br><br></p><blockquote><blockquote><blockquote><a href="/"><img src="http://i67.tinypic.com/oa534y.png" border="0" alt="Image and video hosting by TinyPic"></a></blockquote></blockquote></blockquote>


<blockquote><blockquote><blockquote><blockquote><blockquote><a href="/neomessages.phtml?type=send&amp;recipient=harrowfield">Submit Your Work!</a></blockquote></blockquote></blockquote></blockquote></blockquote>


</div>

<a name="week3"></a>
<div class="page">
<h1>Helpful Hufflepuffs!</h1>
<p>
Oh dear! The librarian's records have gotten all jumbled up! Being the hardworking, helpful badgers that we are, let's help her get them back in order!<br><br><b>Unscramble each of the following book titles</b> (all of them are textbooks used at Hogwarts and mentioned in the books!) You will be awarded 5/1 for each book title, 25/5 for unscrambling all of them!<br><br></p><blockquote><blockquote><blockquote>ftaascitn bastes nda ewerh ot ndfi temh<br><br>
giamacl em<br><br>
arstogwh a htsoryi<br><br>
stmnero boko fo ntmsesro<br><br>
the dtarsnad obko fo elspsl<br><br></blockquote></blockquote></blockquote>


<blockquote><blockquote><blockquote><blockquote><blockquote><a href="/neomessages.phtml?type=send&amp;recipient=harrowfield">Submit Your Work!</a></blockquote></blockquote></blockquote></blockquote></blockquote>


</div>

<a name="week4"></a>
<div class="page">
<h1>Time for a Potluck!</h1>
<p>
Since cooperation and inclusivity are so important to Hufflepuff house, we've decided to throw a <b>potluck dinner</b> to celebrate the end of term and bring all the Hufflepuffs together! <br><br>To earn 25/5, send Harrow an owl telling her:<br><br>
1) One Hufflepuff-themed dish you're bringing (and what makes it Hufflepuff-themed!)<br>
2) One song we can add to our party's playlist for the evening that makes you think of Hufflepuff<br>
3) One suggestion for distracting Peeves so he doesn't crash our party!<br><br></p><blockquote><blockquote><blockquote><blockquote><a href="/"><img src="http://i68.tinypic.com/ndoaj7.jpg" border="0" alt="Image and video hosting by TinyPic"></a></blockquote></blockquote></blockquote></blockquote><p>

</p><blockquote><blockquote><blockquote><blockquote><blockquote><a href="/neomessages.phtml?type=send&amp;recipient=harrowfield">Submit Your Work!</a></blockquote></blockquote></blockquote></blockquote></blockquote>
</div>
</div>