body {
	background-image: url(gfx/endsector.gif);  /* Thanks, IE, for making me have to use GIF rather than PNG. */
	background-repeat: repeat;
	margin: 0px;  /* FF 1.5 - IE 6.0 */
	padding: 0px;  /* OP 8.5 */
	font-size: 14px;
}

/* Needed for CSS rollover buttons. */
* html a:hover {
	visibility: visible;
}

#body-skin {
	background-color: #202020;
}
#header {
	height: 100px;
	background-color: #333333;
	background-image: url(gfx/logo.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-bottom: 2px solid #666666;
}
#header h1 {
	display: none;
}
#header-navi {
	float: left;
	position: relative;
	top: 76px;
	left: 4px;
}
#header-navi div {
	display: block;
	float: left;
	position: relative;
	white-space: nowrap;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	padding: 0;
	background: none;
}
#header-navi div a {
	display: block;
	float: left;
	color: #cccccc;
	font-family: "Arno Pro", serif;
	font-size: 17px;
	text-decoration: none;
}
#header-navi div img {
	border: 0;
}
#header-navi .news a:hover {
	background: url(gfx/navi_news_bg.png) no-repeat;
}
#header-navi .art a:hover {
	background: url(gfx/navi_art_bg.png) no-repeat;
}
#header-navi .characters a:hover{
	background: url(gfx/navi_characters_bg.png) no-repeat;
}
#header-navi .contact a:hover {
	background: url(gfx/navi_contact_bg.png) no-repeat;
}
#header-navi .about a:hover {
	background: url(gfx/navi_about_bg.png) no-repeat;
}
#header-navi .more a:hover {
	background: url(gfx/navi_more_bg.png) no-repeat;
}
#header-navi .news,
#header-navi .news a,
#header-navi .news img {
	width: 59px;
	height: 20px;
}
#header-navi .art,
#header-navi .art a,
#header-navi .art img {
	width: 54px;
	height: 20px;
}
#header-navi .characters,
#header-navi .characters a,
#header-navi .characters img {
	width: 129px;
	height: 20px;
}
#header-navi .contact,
#header-navi .contact a,
#header-navi .contact img {
	width: 101px;
	height: 20px;
}
#header-navi .about,
#header-navi .about a,
#header-navi .about img {
	width: 81px;
	height: 20px;
}
#header-navi .more,
#header-navi .more a,
#header-navi .more img {
	width: 75px;
	height: 20px;
}
#header-char {
	float: right;
	position: relative;
	top: 5px;
	right: 4px;
}
#header-char div {
	display: block;
	position: relative;
	white-space: nowrap;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	padding: 0;
}
#header-char div a {
	display: block;
	color: #999999;
	font-family: "Arno Pro", serif;
	font-size: 24px;
	text-decoration: none;
}
#header-char div img {
	border: 0;
}
#header-char div a:hover img {
	visibility: hidden;
}
#header-char .ket a:hover {
	background: url(gfx/char_ket_h.gif) no-repeat;
}
#header-char .brask a:hover {
	background: url(gfx/char_brask_h.gif) no-repeat;
}
#header-char .fate a:hover {
	background: url(gfx/char_fate_h.gif) no-repeat;
}
#header-char div,
#header-char div a,
#header-char div img {
	width: 157px;
	height: 29px;
}
#content {
	color: #777777;
	background-color: #202020;
	font-family: Verdana, sans-serif;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
#footer {
	height: 100px;
	background-color: #333333;
	border-top: 2px solid #666666;
}
#footer-center {
	text-align: center;
	position: relative;
	top: 2px;
	color: #CCCCCC;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}
a:link {
	color: #DDDDDD;
	text-decoration: underline;
}
a:visited {
	color: #BBBBBB;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
h2, h3, p {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 17px;
}
li {
	margin-bottom: 2px;
}
p.boxed {
	background-color: #292929;
	border: 2px solid #666666;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}
.explanation,
.footnote {
	font-size: smaller;
}
.important {
	color: #FFCC00;
	font-weight: bold;
}
.obsolete {
	color: #FFFFFF;
	text-decoration: line-through;
}