<style type="text/css">
html, body {
height: 100%;width: 100%;margin: auto;overflow-x:hidden;}
body {background: #000000;margin: auto;font-size: 14px;font-family: "Arial";text-align: center;}
a:link, a:visited 	{
font-size: 11px;
font-family: "Arial";
color: #5a564a;
text-decoration: none;
font-weight: bold;
}
a:hover, a:active  	{
color: #b0a992
}
a img {
border: none;
}
#contentbody{position:relative;
width: 1190px;height: 1510px;margin: 0px auto;margin-left: auto;margin-right: auto;}
#header {background-image: url(images/trc_header.jpg);width: 1190px;height: 88px;}
#title {position: relative;
z-index: 41;
top:0px;left: 90px;
}

#navlinks {
float: left;
position: relative;
z-index: 100;
top: 35px;
left: 300px;
}

a.nav_misc {
display: block;
float: left;
width: 136px;
height: 29px;
background: url(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, a.nav_misc:active { 
background-position: 0 -29px;
}

a.nav_char {
display: block;
float: left;
width: 75px;
height: 29px;
background: url(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, a.nav_char:active { 
background-position: 0 -29px;
}

a.nav_comic {
display: block;
float: left;
width: 77px;
height: 29px;
background: url(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, a.nav_comic:active { 
background-position: 0 -29px;
}a.nav_world {display: block;float: left;width: 78px;height: 29px;background: url(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, a.nav_world:active { background-position: 0 -29px;}#leftcol {
  background-image: url(images/trc_leftcol.jpg);
  float: left;
  width: 272px;
  height: 1100px;
}
#rightcol {
  background-image: url(images/trc_rightcol.jpg);
  float: left;
  width: 220px;
  height: 1100px;
}
#comic {
position: relative;
  background: #fff;
  float: left;
  width: 698px;
  height: 1100px;
}
#footer {
 background-image: url(images/trc_footer.jpg);
 text-align: left;
 clear: both;
 width: 1190px;
 height: 310px;  margin:auto;
}
#bottomnav {
position: relative;
z-index: 2;
 width: 208px;
 height: 52px; margin:auto;
 margin-left: 506px;
}
a.back {
display: block;
float: left;
width: 63px;
height: 52px;
background: url(images/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;
}
a.nav_index {
float: left;display:block;position:relative;
background-image: url(images/nav_index.png);
left:5px;top: 12px;
width: 63px;
height: 29px;
text-decoration: none;overflow:hidden;text-indent: -10000ps;font-size: 0px;line-height: 0px;
 }
a.nav_index:hover, a.nav_index:active { background-position: 0 -29px;}a.forward {
display: block;
float: left;
width: 63px;
height: 52px;
background: url(images/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: auto;  top:59px;
 width: 1024px; font-size: 10px;
 } .slip {	 background: url(images/slip.jpg); position: relative; top: 110px; text-align: center; margin: auto; width: 219px; height: 114px; overflow:hidden; text-decoration:none; font-size: 15px; }   @keyframes slipalert {  0%   {rotate: 0deg;}  50%  {rotate: 7deg;}  100% {rotate: 0deg;}}   #alert{ animation-name: slipalert; animation-duration: 3s; animation-delay: 1s; animation-iteration-count: infinite; cursor: pointer; } /* The Modal (background) */.modal {  display: none; /* Hidden by default */  position: fixed; /* Stay in place */  z-index: 10; /* Sit on top */  margin: auto;  text-align:center;  left: 0;  top: 0;  width: 100%; /* Full width */  height: 100%; /* Full height */  overflow: auto; /* Enable scroll if needed */  background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */  -webkit-animation-name: fadeIn; /* Fade in the background */  -webkit-animation-duration: 0.4s;  animation-name: fadeIn;  animation-duration: 0.4s}/* Modal Content */.modal-content {	display:block;	left:20%;	background: url(images/modal.png) 0 0 no-repeat;  position: fixed;  bottom: 0;  width: 800px;  height: 186px;  -webkit-animation-name: slideIn;  -webkit-animation-duration: .4s;  animation-name: slideIn;  animation-duration: .4s;  font-family: "Arial";}.entry {	position:absolute;	text-align:left;	width:700px;	top:50px;	left:40px;	padding:0px;	}	/* The Close Button */.close {  color: white;  float: right;  left: -22px;  font-size: 28px;  font-weight: bold;  cursor: pointer;}.close:hover,.close:focus {  color: #000;  text-decoration: none;  cursor: pointer;}.modal-body {	padding: 23px 160px;	}@-webkit-keyframes slideIn {  from {bottom: -300px; opacity: 0}   to {bottom: 0; opacity: 1}}@keyframes slideIn {  from {bottom: -300px; opacity: 0}  to {bottom: 0; opacity: 1}}@-webkit-keyframes fadeIn {  from {opacity: 0}   to {opacity: 1}}@keyframes fadeIn {  from {opacity: 0}   to {opacity: 1}}