/* CSS Document */
body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#frame {
	width: 1010px;
	height: 660px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 0px;
	left: 50%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -505px;
}
#top {
	width: 1010px;
	height: 54px;
	background-image: url(images/top.png);
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#bottom {
	width: 1010px;
	height: 54px;
	background-image: url(images/bottom.png);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	position: absolute;
	top: 606px;
	left: 0px;
	z-index: 10;
}
#logo {
	position: absolute;
	top: 29px;
	left: 50%;
	margin: 0px 0px 0px -277px;
	z-index: 5;
}
#allTable {
	width: 615px;
	height: 415px;
	position: absolute;
	top: 107px;
	left: 50%;
	margin: 0px 0px 0px -445px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	z-index: 100;
}

/* Navigation */
#navi {
	height: 658px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px 215px;
	padding: 0px;
}
#shadeLeft {
	width: 10px;
	height: 100%;
	background-image: url(images/leftShade.png);
	background-repeat: repeat-y;
	background-position: right;
	display: block;
	float: left;
}
a#homeNav {
	width: 25px;
	height: 100%;
	background-image: url(images/nav1.png);
	background-repeat: repeat;
	display: block;
	float: left;
}
a#comicsNav {
	width: 25px;
	height: 100%;
	background-image: url(images/nav2.png);
	background-repeat: repeat-y;
	display: block;
	float: left;
}
a#contentNav {
	width: 25px;
	height: 100%;
	background-image: url(images/nav3.png);
	background-repeat: repeat-y;
	display: block;
	float: left;
}
a#contactNav {
	width: 25px;
	height: 100%;
	background-image: url(images/nav4.png);
	background-repeat: repeat-y;
	display: block;
	float: left;
}
a#forumNav {
	width: 25px;
	height: 100%;
	background-image: url(images/nav5.png);
	background-repeat: repeat-y;
	display: block;
	float: left;
}
#shadeRight {
	width: 10px;
	height: 100%;
	background-image: url(images/rightShade.png);
	background-repeat: repeat-y;
	display: block;
	float: left;
}
a#homeNav:hover, a#comicsNav:hover, a#contentNav:hover, a#contactNav:hover, a#forumNav:hover {
	width: 38px;
	background-image: url(images/navHover.png);
	background-repeat: repeat;
}
#bottomNav {
	margin-top: 25px;
}
#bottomNav ul {
	height: 11px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#bottomNav li {
	display: inline;
}
#bottomNav a:link, #bottomNav a:visited {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
#bottomNav a:hover, #bottomNav a:active, #bottomNav a:focus {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px #bd8b21 dotted;
}
a:link, a:visited {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px #bd8b21 dotted;
}
/* This is where you can customize the appearance of the tooltip */
div#tipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:10000; }
/* These are used in the wrapTipContent function */
div#tipDiv div.img { text-align:center }
div#tipDiv div.txt { text-align:center; margin-top:4px; }