<div id="header01">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="432">
<tr><td width="31%" height="432" style="vertical-align: top; padding-left:31; padding-top:46">
<div id="sidebox">
<div id="sidebar">Navigation</div>
<div id="nav">
<a href="#link1">Box Link 1</a>
<a href="#link2">Box Link 2</a>
<a href="#link3">Box Link 3</a>
<a href="#link4">Box Link 4</a>
<a href="#link5">Box Link 5</a>
<a href="http://vampirefreaks.com/Vulgar_ism">Layout by Vulgar_ism</a>
<a href="http://vampirefreaks.com/cult/visual_layouts">coding by visual_layouts</a>
</div> 
</div> </td><td width="69%" height="432" style="vertical-align: top; padding-left:10; padding-top:45">
<div id="hidden">

<a name="link1"></a><div id="bar">Box 1 title</div>
<div id="content">
This is box 1 for the anchor boxes :]<p>
<a href="http://vampirefreaks.com">Link</a> <i>Italic</i> <b>Bold</b> <u>Underline</u><br>
</div>

<a name="link2"></a><div id="bar">Box 2 title</div>
<div id="content">
Box 2 
</div>

<a name="link3"></a><div id="bar">Box 3 title</div>
<div id="content">
Box 3 content
</div>

<a name="link4"></a><div id="bar">Box 4 title</div>
<div id="content">
Box 4
</div>

<a name="link5"></a><div id="bar">Box 5 title</div>
<div id="content">
Box 5
</div>
</div></td></tr></table></div>

<style>
html, body {
	width: 100%;
	height: 100%;
	background: #fff;
}

body {
	margin: 0; 
	padding: 0;
  scrollbar-shadow-color: #F4ECEE;
  scrollbar-highlight-color: #F4ECEE;
  scrollbar-arrow-color: #E5B1C6;
  scrollbar-face-color: #F4ECEE;
  scrollbar-3dlight-color: #F4ECEE;
  scrollbar-track-color: #F4ECEE; 
  scrollbar-darkshadow-color: #F4ECEE;
}

a:link, a:visited {
  color: #000;
  font: 7pt Tahoma;
  text-decoration: none;
}

a:hover {
  color: #E5B1C6;
  font: 7pt Tahoma;
  cursor: cross;
  background:transparent;
  text-decoration: none;
}

b{
 color: #84C251;
}

u{
 color: #FF4C54;
}

i{
 color: #CC7670;
}

.main {
  width: 490px;
}

html, table, div {
font: 10px Tahoma;
color: #DD2F2E;
letter-spacing: 1pt;
}

#header01 {
	background: url('http://i185.photobucket.com/albums/x135/ZomboidScreams/sslyt2.png') no-repeat;
	width: 750px;
	height: 477px;
	overflow:hidden;
}

#sidebar {
overflow:hidden;
width: 133px;
font: 13px Tahoma;
letter-spacing: 1px;
line-height: 16px;
color: #DD2F2E;
border-bottom: 1px dashed #86C550; 
padding-top: 5px;
padding-left: 4px;
text-transform:uppercase;
margin-top:3px;
margin-left:27px;
}

#sidebox {
width: 185px;
height: 377px; 
color: #D8D4CB;
overflow:hidden;
}

#nav {
width: 185px;
min-height: 147px; 
color: #D8D4CB;
overflow:hidden;
}

#box {
width: 205px;
height: 131px; 
color: #BEB9B7;
overflow:auto;
}

#nav A {
	font: 10px Century Gothic;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	width: 185px;
	margin: 3px 0 3px 0;
	padding: 0 10px 0 10px;
	color: #960507;
    border-left: 4px solid #B72322;
}

#nav A:hover {
	background: #EEC2D5;
	text-align:right;
	color: #CC7670;
	border-left: 4px solid #86C550;
}

#hidden{
height: 376px;
width: 463px;
overflow: hidden;
}

#content{
height: 376px; 
width: 463px; 
overflow: auto;
margin-top:5px;
}

#bar {
overflow:hidden;
width: 403px;
font: 13px Tahoma;
letter-spacing: 1px;
line-height: 16px;
color: #DD2F2E;
border-bottom: 1px dashed #86C550; 
padding-top: 5px;
padding-left: 4px;
text-transform:uppercase;
margin-top:3px;
margin-left:27px;
}
</style>

<style type="text/css">
.maintop, .leftnav, h2, .owner_title,
.created_on, .description_title, .permissions, .latest_posts_header, .num_cult_posts, .edit_pictures, .status,  .cult_menu,
.owner_title, .defaultpic, .thumbnail, .gallery, .menu2, .topbar, .leftnav, .comments, .friends, .rate, .buttons1, 
.buttons2, .buttons3, h2, .maintop img, .maintop table .comment_title, .small_space, #menu0 { display: none; }
</style> 