Slugg Club Guild Coding

<style>
table {
    display: none;
  }
  .page table {
    display: table;
  }
body {
	background-image: url("https://i.imgur.com/LpZmZ84.png");
}
#layout {
	width: 840px;
	height: 800px;
	margin: 0 auto;
	background-image: url("https://i.imgur.com/7Pmq7Tq.png");
}
#main {
	font: 10pt tahoma;
	color: #000000;
	top: 190px;
	left: 110px;
	width: 625px;
	height: 580px;
	overflow: hidden;
}
.page {
	height: 580px;
	overflow: auto;
}
#nav {
	top: 225px;
	left: 15px;
	width: 140px;
	height: 475px;
	overflow: hidden;
	text-align: center;
}
.table {
	display: inline;
	text-align: left;
}
td {
    padding: 10px;
}
h1 {
	font: 11pt tahoma;
	color: #535458;
	text-align: center;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #b2889c;
	letter-spacing: 4px;
	line-height: 18px;
}
h2 {
	font: 11pt tahoma;
	color: #b2889c;
	border-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #535458;
	letter-spacing: 2px;
	line-height: 18px;
}
b {
	color: #514966;
	font: 10pt tahoma;
	font-weight: bold;
	line-height: 14px;
}
i {
	color: #535458;
	font: 10pt tahoma;
	font-style: italic;
	line-height: 14px;
}
a:link, a:visited, a:active {
	color: #b2889c;
	font: 10pt tahoma;
	text-decoration: none;
}
a:hover {
	color: #514966;
	font: 10pt tahoma;
	text-decoration: none;
}
</style>

<br><br><br>
<div id="layout" style="position: relative;">



<div id="main" style="position: absolute;">
<a name="home"></a>
<div class="page">
<h1>Header One</h1>
<b>This is bold.</b> <i>This is italics.</i> <a href="/~ezulla">This is a link</a>

<h2>Header Two</h2>

</div>


</div></div>