Transfig Layout

<style>
td, .sf {
	display: none;
}
body {
	background: #404040;
}
#layout {
	width: 856px;
	height: 626px;
	margin: 0 auto;
	background-image: url("http://imgur.com/KS4waQn.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;
}
table {
	border-collapse: collapse;
}
table, th, td {
	border: 1px solid black;
}
</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="/~dopby">Animagus Conjuring</a>
<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="#lesson1">Lesson 1: Human Transfiguration</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=Transfig+Week+1">Submit Homework</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="#lesson2">Lesson 2: General Transformation</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=Transfig+Week+2">Submit Homework</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="#lesson3">Lesson 3: Vanishment</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=Transfig+Week+3">Submit Homework</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="#lesson4">Lesson 4: Other Transfiguration</a>
<br><br><a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=pvaaux&subject=Transfig+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>Transfiguration</h1>
<img src="http://imgur.com/zQygzhN.png" style="float: left;"><p>

Light is streaming in from the windows above the transfiguration classroom, and you make your way to your seat. You see <b>Professor Paige</b> at the front of the class. Normally, you would be nervous about the old Headmistress teaching your class, but she seems so kind and inviting that your stress is instantly relieved.<br><br>
As soon as everyone is settled, the Professor stands up at the front of the class, clears her throat slightly, and begins her lecture... make sure to keep up!<br><br><i>Click on each of the weeks to the left to get started. </i>

</p></div>












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

<h3>Transfiguration: <b>Human Transfiguration</b></h3>

<i>Week 1 Part 1: List out the Animagus form for each of the following Wizards</i><p>
</p><ol><li>Minerva McGonnagall</li>
<li>Peter Pettigrew</li>
<li>Sirius Black</li>
<li>James Potter</li>
<li>Rita Skeeter (Unregistered)</li>
</ol><p>
<i>Week 1 Part 2: Match these other instances of Human Transfiguration with who performed them</i>
</p><p>
</p><table style="width: 100%;"><tr><th><font size="3" color="#ff8080">Transfiguration</font></th>
    <th><font size="3" color="#ff8080">Performer</font></th>
  </tr><tr><th><font size="1">Their Wife ⇒ a Yak</font></th>
    <th><font size="1">Barty Crouch Junior</font></th>
  </tr><tr><th><font size="1">Dudley Dursley ⇒ Pig (failed)</font></th>
    <th><font size="1">Horace Slughorn</font></th>
  </tr><tr><th><font size="1"> Themself ⇒ Armchair</font></th>
    <th><font size="1">Percy Weasley</font></th>
  </tr><tr><th><font size="1"> Lady Grieve's Broken Tooth ⇒ Tusk  (unintentional)</font></th>
    <th><font size="1">Viktor Krum</font></th>
  </tr><tr><th><font size="1"> Anyone who disagreed with her ⇒ Wood Lice </font></th>
    <th><font size="1">Sir Nicholas</font></th>
  </tr><tr><th><font size="1">Draco Malfoy ⇒ Ferrett</font></th>
    <th><font size="1">An Unknown Man</font></th>
  </tr><tr><th><font size="1">Themself ⇒ Shark (partial)</font></th>
    <th><font size="1">Rubeus Hagrid</font></th>
  </tr><tr><th><font size="1">Pius Thicknesse ⇒ Sea Urchin</font></th>
    <th><font size="1">Gwenog Jones</font></th>
  </tr></table><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="lesson2">
<h3>Transfiguration:  <b>General Transformation</b></h3>
<i>Match the correct information for each instance of historical transformation</i><p>
</p><table style="width: 100%;"><tr><th><font size="3" color="#ff8080">Transfiguration</font></th>
    <th><font size="3" color="#ff8080">Accompanying Info</font></th>
  </tr><tr><th><font size="1">A Teapot ⇒ a Ferrett</font></th>
    <th><font size="1">Done by Cornelius Fudge</font></th>
  </tr><tr><th><font size="1">Fat White Rabbit ⇒ a Top Hat and Back</font></th>
    <th><font size="1">Done by Severus Snape</font></th>
  </tr><tr><th><font size="1">Percy's Prefect Badge ⇒ a Badge saying "Big Head Boy</font></th>
    <th><font size="1">Done by Cedric Diggory</font></th>
  </tr><tr><th><font size="1">A Teacup ⇒ a Gerbil</font></th>
    <th><font size="1">Done by Squibbert</font></th>
  </tr><tr><th><font size="1">Moldy Bread ⇒ Non-moldy Bread (attempt)</font></th>
    <th><font size="1">Located at Magical Menagerie</font></th>
  </tr><tr><th><font size="1">Chess Pieces ⇒ Giant Chessman Guarding the Philosopher's Stone</font></th>
    <th><font size="1">Done by Albus Dumbledore</font></th>
  </tr><tr><th><font size="1">Slytherin Banners ⇒ Gryffindor Banners</font></th>
    <th><font size="1">Done by Fred and George Weasley</font></th>
  </tr><tr><th><font size="1">A Rock ⇒ a Labrador Retriever</font></th>
    <th><font size="1">Done by Minerva McGonnagall</font></th>
  </tr><tr><th><font size="1">Fire ⇒ a Black Serpent</font></th>
    <th><font size="1">Done by Minerva McGonnagall</font></th>
  </tr><tr><th><font size="1">A Black Serpent ⇒ Smoke</font></th>
    <th><font size="1">Done by Minerva McGonnagall</font></th>
  </tr><tr><th><font size="1">Smoke ⇒ Daggers</font></th>
    <th><font size="1">Done by Hermione Granger</font></th>
  </tr></table><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="lesson3">
<h3>Transfiguration: <b>Vanishment</b></h3>
<i>Match each instance of historical Vanishment with the wizard who did it</i><p>
</p><table style="width: 100%;"><tr><th><font size="3" color="#ff8080">Vanishment</font></th>
    <th><font size="3" color="#ff8080">Accompanying Info</font></th>
  </tr><tr><th><font size="1">Vanished Glass (accidentally)</font></th>
    <th><font size="1">Severus Snape</font></th>
  </tr><tr><th><font size="1">Introduced Vanishment to 5th year students</font></th>
    <th><font size="1">Harry Potter</font></th>
  </tr><tr><th><font size="1">The only student able to successfully vanish an object at the end of their first lesson</font></th>
    <th><font size="1">Harry Potter</font></th>
  </tr><tr><th><font size="1">Vanished Draught of Peace Potion</font></th>
    <th><font size="1">Hermione Granger</font></th>
  </tr><tr><th><font size="1">Vanished an entire Iguana during an O.W.L.</font></th>
    <th><font size="1">Minerva McGonnagall</font></th>
  </tr><tr><th><font size="1">Vanished a fiery snake</font></th>
    <th><font size="1">Harry Potter</font></th>
  </tr><tr><th><font size="1">Vanished a regular snake</font></th>
    <th><font size="1">Albus Dumbledore</font></th>
  </tr></table><p><a href="#home">⇠ back</a>
</p></div>












<div class="page" id="lesson4">
<h3>Transfiguration: <b>Other Transfiguration</b></h3>
<i>Match each instance of Transfiguration with the correct information.</i>
<p>
</p><table style="width: 100%;"><tr><th><font size="3" color="#ff8080">Transfiguration</font></th>
    <th><font size="3" color="#ff8080">Accompanying Info</font></th>
  </tr><tr><th><font size="1">Requires at least an "E" on a Transfiguration O.W.L.</font></th>
    <th><font size="1">Done by Harry Potter</font></th>
  </tr><tr><th><font size="1">Comes to life outside of Dumbledore's office when a password is spoken</font></th>
    <th><font size="1">Done by Harry Potter</font></th>
  </tr><tr><th><font size="1">Considered using a switching spell to turn a Dragon's teeth into wine-gums</font></th>
    <th><font size="1">Healing</font></th>
  </tr><tr><th><font size="1">Wished to become an Animagus to breathe under water.</font></th>
    <th><font size="1">Stone Gargoyle Statues</font></th>
  </tr></table><p><a href="#home">⇠ back</a>
</p></div>


















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