Steph Susan Party

<style>
table {
	display: none;
}
.page table {
	display: table;
}
body {
	background-image: url("http://i.imgur.com/pHNDtQg.jpg");
}
#layout {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	background-image: url("http://i.imgur.com/6PdXe2A.png");
}
#main {
	font: 9pt tahoma;
	color: #000000;
	top: 210px;
	left: 135px;
	width: 530px;
	height: 385px;
	overflow: hidden;
}
.page {
	height: 385px;
	overflow: auto;
}
#navleft {
	top: 325px;
	left: 14px;
	width: 100px;
	height: 185px;
	overflow: hidden;
	text-align: center;
}
#navright {
	top: 290px;
	left: 689px;
	width: 100px;
	height: 185px;
	overflow: hidden;
	text-align: center;
}
.table {
	display: inline;
	text-align: left;
}
td {
	padding: 10px;
	font: 10pt tahoma;
	color: #000000;
}
h1 {
	font: 11pt tahoma;
	color: #ac5d2b;
	text-align: center;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #a98b7e;
	letter-spacing: 4px;
	line-height: 20px;
}
h2 {
	font: 10pt tahoma;
	color: #d9ccc2;
	text-align: center;
	background-color: #291b1b;
	letter-spacing: 2px;
	line-height: 16px;
}
h2:hover {
	font: 10pt tahoma;
	color: #291b1b;
	text-align: center;
	background-color: #d9ccc2;
	letter-spacing: 2px;
	line-height: 16px;
}
h3 {
	font: 10pt tahoma;
	color: #cec2ba;
	text-align: center;
	background-color: #69574b;
	letter-spacing: 2px;
	line-height: 16px;
}
h3:hover {
	font: 10pt tahoma;
	color: #69574b;
	text-align: center;
	background-color: #cec2ba;
	letter-spacing: 2px;
	line-height: 16px;
}
h4 {
	font: 10pt tahoma;
	color: #a98b7e;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #ac5d2b;
	letter-spacing: 2px;
	line-height: 16px;
}
h5 {
	color: #65544c;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
	border-bottom-style: solid;
	border-color: #ac5d2b;
}
b {
	color: #65544c;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #bb9578;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #c0753d;
	font: 10pt tahoma;
	text-decoration: none;
}
</style><br><br><div id="layout" style="position: relative;">


<div id="navleft" style="position: absolute;">
<h5>Steph's Party</h5>
<a href="#triviasteph" class="nav"><h2>Trivia</h2></a>
<a href="#popssteph" class="nav"><h2>Pops</h2></a>
<a href="#pinatassteph" class="nav"><h2>Pinatas</h2></a>
<a href="#activitysteph" class="nav"><h2>???</h2></a>
</div>

<div id="navright" style="position: absolute;">
<h5>Susan's Party</h5>
<a href="#triviasusan" class="nav"><h3>Trivia</h3></a>
<a href="#popssusan" class="nav"><h3>Pops</h3></a>
<a href="#pinatassusan" class="nav"><h3>Pinatas</h3></a>
<a href="#activitysusan" class="nav"><h3>???</h3></a>
</div>


<div id="main" style="position: absolute;">
<a name="home"></a>
<div class="page">
<center>
<img src="http://i.imgur.com/cOPdBIK.png"><br><br><br>
Join us in celebrating the birthdays of two of our favorite people, Stephanie and Susan!!!
</center>
</div>



<a name="triviasteph"></a>
<div class="page">
<h1>Trivia Mash-Up</h1>
Steph's trivia mash-up here
</div>


<a name="triviasusan"></a>
<div class="page">
<h1>Trivia Mash-Up</h1>
Susan's trivia mash-up here
</div>


<a name="popssteph"></a>
<div class="page">
<h1>Pop Character Favorite</h1>
Steph's Pop activity here
</div>


<a name="popssusan"></a>
<div class="page">
<h1>Pop Character Favorite</h1>
Susan's Pop activity here
</div>


<a name="pinatassteph"></a>
<div class="page">
<h1>Pinatas</h1>
Steph's pinatas activity here
</div>


<a name="pinatassusan"></a>
<div class="page">
<h1>Pinatas</h1>
Susan's pinata activity here
</div>


<a name="activitysteph"></a>
<div class="page">
<h1>Activity</h1>
Steph's final activity here
</div>


<a name="activitysusan"></a>
<div class="page">
<h1>Activity</h1>
Susan's final activity here
</div>


</div></div>