html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body,pre,td,ul,li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body, x :-moz-any-link { font-family: Osaka; }
body {
	margin: 0px auto;
	background: #000000 url(img/back.jpg) no-repeat fixed center top;
	color: #FFFFFF;
	font-size: 11px;
	word-wrap: break-word;
	word-break: break-all;
}
pre,ul,li {
	font-size: 11px;
}

a:link {
	color: #00FFFF;
	text-decoration: none;
}

a:visited {
	color: #CC99FF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	left:1px; top:1px;
	position: relative;
}

a img { border: 0; }

.menu {
	background: #000000 url(img/menu.jpg);
	margin: 0px auto;
	height: 60px;
	width: 700px;
/*
	filter:Alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
*/
}
.menu a {
	color: #FFD700;
	text-decoration: none;
	font-weight: bold;
}
.menu a:visited {
	color: #FFD700;
	text-decoration: none;
	font-weight: bold;
}
.menu a:active {
	color: #00FFFF;
	text-decoration: none;
	font-weight: bold;
	left:1px; top:1px;
	position: relative;
}
.menu a:hover {
	color: #00FFFF;
	font-weight: bold;
	left:1px; top:1px;
	position: relative;
}

.mainarea {
	margin: 0px auto;
	padding: 10px;
	width: 700px;
	color: #FFFFFF;
}


.title {
	color: #00FA9A;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.topic_l {
	color: #FFFF00;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}
.topic_m {
	color: #FFFF00;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
.subtitle {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin {
	margin: 10px;
}