/* stand-alone tags */
body {
	margin: 0px;
	padding-bottom: 64px;
	width: 100%;
	text-align: center;
	color: #ccc;
	background: #555;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	}

a {
	text-decoration: none;
	color: #ffd800;
	}

a:hover {
	color: #fff;
	}

img {
	border: 0px;
	}

hr {
	height: 0px;
	border: 0px;
	clear: both;
	}

em {
	font-style: normal;
	font-weight: bold;
	}

h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: "bookman old style", "trebuchet ms", "comic sans ms", sans-serif;
	background: #555;
	}

h1 big {
	font-size: 28px;
	}

h1 q {
	text-transform: lowercase;
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	}

h1 q:before {
	content: open-quote;
	font-size: 20px;
	font-family: "Times New Roman";
	}

h1 q:after {
	content: close-quote;
	font-size: 20px;
	font-family: "Times New Roman";
	}

h2 {
	font-size: 18px;
	font-family: "bookman old style", "trebuchet ms", "comic sans ms", sans-serif;
	margin: 0px;
	}

h2 small {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	display: block;
	}

p.page-hide {
	display: none;
	}

/* main */
div#main {
	width: 790px;
	text-align: left;
	position: fixed;
	left: 50%;
	margin: -96px auto 0px -395px;
	z-index: 0;
	}

div#top {
	z-index: 2;
	position: fixed;
	text-align: left;
	top: 0;
	background: #555;
	width: 790px;
	left: 50%;
	margin: 0px 0px 0px -395px;
	}

/* menu */
div#menu {
	background: #000;
	border: 3px #ffd800 ridge;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	float: none;
	}

div#menu ul {
	margin: 0px;
	}

div#menu ul li {
	list-style-type: none;
	float: left;
	margin: 1px 16px 0px;
	color: #ccc;
	background: #000;
	}

div#menu ul li a {
	color: #ccc;
	}

div#menu ul li a:hover {
	color: #fff;
	}

div#menu ul li .submenu {
	display: none;
	}

div#menu ul li.hover a {
	color: #fff;
	}

div#menu ul li.hover .submenu {
	width: 175px;
	display: block;
	background: #000;
	position: absolute;
	margin: 0px 0px 0px -32px;
	padding: 0px;
	border-left: 3px #ffd800 ridge;
	border-right: 3px #ffd800 ridge;
	border-bottom: 3px #ffd800 ridge;
	}

div#menu ul li.hover .submenu li {
	display: block;
	float: none;
	list-style-type: none;
	margin-left: 0px;
	padding: 2px 4px 2px 8px;
	}

div#menu ul li.hover .submenu li a {
	color: #ccc;
	}

div#menu ul li.hover .submenu li a:hover {
	color: #fff;
	}

/* content body */
div.content {
	width: 728px;
	margin: 0px auto;
	position: static;
	}

div#scrollcontent {
	width: 584px;
	margin: 96px auto 0px;
	text-align: left;
	position: relative;
	z-index: 1;
}

div.content p {
	margin: 0px 0px 8px;
	}

div.content p strong {
	/* spoiler */
	color: #ff3333;
	font-weight: bold;
	display: block;
	border: 3px #ff3333 ridge;
	padding: 4px;
	text-align: center;
	}

div.content p:first-line {
	text-transform: uppercase;
	}

div.content p:first-letter {
	float: left;
	font-size: 32px;
	font-family: "bookman old style", "trebuchet ms", "comic sans ms", sans-serif;
	font-weight: bold;
	margin: 0px 4px 4px 0px;
	}

div.content div {
	margin: 4px 0px;
	text-align: justify;
	width: 268px;
	padding: 0px 4px;
	}

div.content div#left {
	float: left;
	}

div.content div#leftsubmenu {
	float: left;
	width: 150px;
	border: 3px #ffd800 ridge;
	text-align: left;
	background: #000;
	position: fixed;
	}

div.content div#leftsubmenu ul {
	margin: 0px;
	padding: 0px;
	}

div.content div#leftsubmenu ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

div.content div#leftsubmenu ul li ul li {
	margin-left: 32px;
	list-style-image: url(/image/bucranium.png);
	}

div.content div#rightcontent {
	width: 386px;
	float: right;
	}

div.content div#rightcontent img {
	float: left;
	margin: 4px 8px 4px 0px;
	}

div.content div#left img {
	float: right;
	margin: 4px 0px 4px 8px;
	}

div.content div#right {
	float: right;
	}

div.content div#right img {
	float: left;
	margin: 4px 8px 4px 0px;
	}

div.side {
	width: 64px;
	margin: 96px 0px 0px;
	}

div.side img {
	margin: 16px 0px;
	}

div#left-side {
	float: left;
	}

div#right-side {
	float: right;
	}

/* footers */
div#w3c {
	margin: 8px 72px 8px 0px;
	width: 718px;
	}

div#w3c img {
	float: right;
	width: 88px;
	height: 31px;
	}

div#footer {
	z-index: 2;
	position: fixed;
	bottom: 0px;
	left: 50%;
	width: 790px;
	margin-left: -395px;
	}

div#copyright {
	width: 790px;
	margin: 0px auto;
	z-index: 2;
	margin-top: 12px;
	background: #000;
	border: 3px #ffd800 ridge;
	text-align: center;
	color: #ccc;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	}

div.nav {
	font-size: 18px;
	text-align: center;
	float: none;
	}

div.nav span {
	float: none;
	}

div.nav a {
	font-size: 24px;
	}

div.nav a.back {
	float: left;
	}

div.nav a.forth {
	float: right;
	}