thing for autum

<style>
table, .sf {
	display: none;
}
div table {
	display: inline;
}
body {
	background: #efefef;
	font: 8pt "tahoma";
	color: #666;
	list-style: circle outside;
}
li {
	font: 7.8pt "georgia";
	margin-top: 0;
}
.ca, .c1 {
	background: #fff;
	border: 1px solid #dadada;
	display: block;
}
.ca, .c1 {
	border-left: #6CD0FF solid 10px;
}
#side a {
	text-align: right;
	padding: 2px;
	margin-bottom: 5px;
}
#side a:hover {
	letter-spacing: 1px;
}
#main, #side {
	float: left;
	margin: 10px;
	height: 95%;
}
#side {
	width: 185px;
	margin: 10px;
}
#sideimage {
	width: 185px;
	height: auto;
}
#main {
	width: 500px;
	overflow: hidden;
}
.scroll {
	overflow: auto;
	height: 600px;
	padding: 5px;
	width: auto;
	line-height: 12pt;
}
.spacer {
	height: 1000px;
}
b {
	font: 8pt "tahoma";
	color: #888;
	text-decoration: none;
}
a {
	font: 8pt "tahoma";
	color: #888;
	text-decoration: none;
}
a:hover {
	color: #666;
}
h1 {
	border-bottom: 1px dotted #dadada;
	margin: 0;
	padding: 5px;
	font: 12pt "Georgia";
	font-style: italic;
}
h2 {
	margin: 0;
	padding: 5px;
	text-indent: 10px;
	font: 10pt "Tahoma";
	font-weight: bold;
}
</style><div id="side">
<img src="http://i1074.photobucket.com/albums/w415/ikkineo/korb/vai_plush.gif" id="sideimage">
<a href="#classes" class="ca">Classes</a>
<a href="#activities" class="c1">Activities</a>
<a href="#goals" class="c1">Goals</a>
<a href="#todo" class="c1">To-Do</a>
<a href="/~Orgrimmar">css</a> by l3lo0!
</div>
<div id="main">
<div id="classes" class="ca">
<h1>The Slugg Club Classes</h1>
<div class="scroll">
<center><br>
<a href="#alch" class="ca">Alchemy</a>
<a href="#ar" class="c1">Ancient Runes</a>
<a href="#appc" class="c1">Apparition Class</a>
<a href="#arith" class="c1">Arithmancy</a>
<a href="#ast" class="c1">Astronomy</a>
<a href="#comc" class="c1">Care of Magical Creatures</a>
<a href="#charms" class="c1">Charms</a>
<a href="#dada" class="c1">Defense Against the Dark Arts</a>
<a href="#divi" class="c1">Divination</a>
<a href="#flying" class="c1">Flying</a>
<a href="#gs" class="c1">Ghoul Studies</a>
<a href="#herb" class="c1">Herbology</a>
<a href="#hom" class="c1">History of Magic</a>
<a href="#ms" class="c1">Muggle Studies</a>
<a href="#myth" class="c1">Mythology</a>
<a href="#potions" class="c1">Potions</a>
<a href="#transfig" class="c1">Transfiguration</a>
</center><br><br>
The korbat is a filler image! Replace or remove (or keep him!)
</div>
</div>


<div class="spacer"></div>


<div id="activities" class="c1">
<h1>The Slugg Club Activities</h1>
<div class="scroll">
<center><br>
<a href="#anime" class="c1">Anime Club</a>
<a href="#armoury" class="c1">Armoury</a>
<a href="#bg" class="c1">Book Group</a>
<a href="#cart" class="c1">Cartomancy Club</a>
<a href="#cook" class="c1">Cookbook</a>
<a href="#cc" class="c1">Customization Club</a>
<a href="#dc" class="c1">Dueling Club</a>
<a href="#gc" class="c1">Gamer's Club</a>
<a href="#gk" class="c1">Groundskeeper</a>
<a href="#hsg" class="c1">Hermione's Study Group</a>
<a href="#lib" class="c1">Library</a>
<a href="#mc" class="c1">Music Club</a>
<a href="#mm" class="c1">Merlin's Mirror</a>
<a href="#rl" class="c1">Relaxation Lounge</a>
<a href="#ai" class="c1">Slughorn's Upkeep (Account  Improvement)</a>
<a href="#tc" class="c1">Travel Club</a>
<a href="#trivia" class="c1">Trivia Corner</a>
<a href="#wbw" class="c1">Witch Bi-Weekly</a>
<a href="#writing" class="c1">Writing Club</a>
</center>

</div>
</div>


<div class="spacer"></div>


<div id="alch" class="c1">
<h1>Alchemy</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="ar" class="c1">
<h1>Ancient Runes</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="appc" class="c1">
<h1>Apparition Class</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="arith" class="c1">
<h1>Arithmancy</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="ast" class="c1">
<h1>Astronomy</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="comc" class="c1">
<h1>Care of Magical Creatures</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="charms" class="c1">
<h1>Charms</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="dada" class="c1">
<h1>Defense Against the Dark Arts</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="divi" class="c1">
<h1>Divination</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="flying" class="c1">
<h1>Flying</h1>
<div class="scroll">
text
</div>
</div>



<div class="spacer"></div>

<div id="gs" class="c1">
<h1>Ghoul Studies</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="herb" class="c1">
<h1>Herbology</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="ms" class="c1">
<h1>Muggle Studies</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="myth" class="c1">
<h1>Mythology</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="potions" class="c1">
<h1>Potions</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="transfig" class="c1">
<h1>Transfiguration</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="anime" class="c1">
<h1>Anime Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="armoury" class="c1">
<h1>Armoury</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="bg" class="c1">
<h1>Book Group</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="cart" class="c1">
<h1>Cartomancy Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="cook" class="c1">
<h1>Cookbook</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="cc" class="c1">
<h1>Customization Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="dc" class="c1">
<h1>Dueling Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="gc" class="c1">
<h1>Gamer's Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="gk" class="c1">
<h1>Groundskeeper</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="hsg" class="c1">
<h1>Hermione's Study Group</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="lib" class="c1">
<h1>Library</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="mc" class="c1">
<h1>Music Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="mm" class="c1">
<h1>Merlin's Mirror</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="rl" class="c1">
<h1>Relaxation Lounge</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="ai" class="c1">
<h1>Slughorn's Upkeep (Account Improvement)</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="tc" class="c1">
<h1>Travel Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="trivia" class="c1">
<h1>Trivia Corner</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="www" class="c1">
<h1>Weasley's Wizard Wheezes</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="wbw" class="c1">
<h1>Witch Bi-Weekly</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


<div id="writing" class="c1">
<h1>Writing Club</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="goals" class="c1">
<h1>Goals</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>

<div id="todo" class="c1">
<h1>To-Do</h1>
<div class="scroll">
text
</div>
</div>


<div class="spacer"></div>


</div>