<style type="text/css">
html, body {
	height: 100%;
	}
body {
background: #382413 url(../ch04/images/bg_tile.jpg) repeat;
margin: 0px;
font-size: 17px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
	}	
a:link, a:active, a:visited 	{
font-size: 11px;
font-family: "Arial";
color: #5a564a;
text-decoration: none;
font-weight: bold;
}

a:hover  	{
color: #b0a992
}

a img {
border: none;
}

#contentbody{
  top: 0px;
  width: 1024px;
  height: 1076px;
  margin: 0px auto;
  margin-left: auto;
  margin-right: auto;

}#header {
  background-image: url(images/unsounded_header.jpg);
  width: 1024px;
  height: 88px;
}
#title {
float: right;
position: relative;
z-index: 41;
right: 10px;
}

#navlinks {
float: left;
position: relative;
z-index: 43;
top: 5px;
left: 30px;
}

a.nav_misc {
display: block;
float: left;
width: 136px;
height: 29px;
background: url(../../themes/stardust/images/nav_misc.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_misc:hover { 
background-position: 0 -29px;
}

a.nav_char {
display: block;
float: left;
width: 75px;
height: 29px;
background: url(../../themes/stardust/images/nav_char.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_char:hover { 
background-position: 0 -29px;
}

a.nav_comic {
display: block;
float: left;
width: 77px;
height: 29px;
background: url(../../themes/stardust/images/nav_comic.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_comic:hover { 
background-position: 0 -29px;
}

a.nav_world {
display: block;
float: left;
width: 67px;
height: 29px;
background: url(../../themes/stardust/images/nav_world.png) 0 0 no-repeat;
text-decoration: none;
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px; 
}
a.nav_world:hover { 
background-position: 0 -29px;
}

.displace {
	position: absolute;
	left: -5000px;
	}

#leftcol {
  background-image: url(images/comic_left_bg.jpg);
  float: left;
  width: 208px;
  height: 900px;
}
#rightcol {
  background-image: url(images/comic_right_bg.jpg);
  float: left;
  width: 216px;
  height: 900px;
}
#comic {
position: relative;
  background: #fff;
  float: left;
  width: 600px;
  height: 900px;
  z-index: 100;
}
#footer {
 background-image: url(images/comic_bottom_bg.jpg);
 text-align: left;
 clear: both;
 width: 1024px;
 height: 88px;
}#footer45 { background-image: url(images/comic_bottom_bg45.jpg); text-align: left; clear: both; width: 1024px; height: 88px;}
#bottomnav {
position: relative;
z-index: 40;
 width: 208px;
 height: 52px;
 margin-left: 406px;
}
a.back {display: block;float: left;width: 63px;height: 52px;background: url(../images/07_back.png) 0 0 no-repeat;text-decoration: none;overflow: hidden;  text-indent: -10000px;  font-size: 0px;  line-height: 0px; }a.back:hover { background-position: 0 -52px;}#middle_index {float: left;padding-top: 20px;width: 82px;height: 32px;text-align: center; } a.forward {display: block;float: left;width: 63px;height: 52px;background: url(../images/07_forward.png) 0 0 no-repeat;text-decoration: none;overflow: hidden;  text-indent: -10000px;  font-size: 0px;  line-height: 0px; }a.forward:hover { background-position: 0 -52px;}

 #copyright {
 position: relative;
 text-align: center;
 margin-top: 20px;
 width: 1024px;
 clear: both;
 font-size: 10px;
 }
</style>