/* ### common elements ### */

* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #000;
	color: #fff;
	font: 12px Verdana, Arial, sans-serif;
	line-height: 1.2em;
}

a {
	font: bold 12px Verdana, Arial, sans-serif;
	color: #808000;
	text-decoration: underline;
}

#topmenu a {
	font: bold 12px Arial, sans-serif;
}


a:hover {
	color: #ff0000;
}
a:visited {
	color: #c0c0c0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #fff;
 font-weight:bold;
 font-style:normal;
 text-decoration:none;
	padding: 5px 0 8px 0;
}
h1 {
 font-size:22px;
 padding: 16px 0 20px 0;
}
h2 {
 font-size:18px;
}
h3 {
 font-size:16px;
}

p {
	padding: 8px 0 8px 0;
}

tt {
 color: #999;
}

pre {
 padding: 8px 0 8px 0;
}

table {
 padding: 8px 0 8px 0;
}


/* ### misc class ### */

.style1 { /* tuning.tml, rules.html, news.html */
	font-size: 14px;
	font-weight: bold;
}
.style2 { /* tuning.html */
 font-size: 14px;
}

.style3 { /* sec.html, news.html */
 color: #808001;
}

.style4 { /* sec.html */
 color: #ffff00;
}

.style5 { /* news */
 color: #808080;
}

.alignright {
 text-align: right;
}

.clearboth {
 clear: both;
}

.center {
 text-align: center;
}

.moainfo { /* monlyarea.html */
 background: transparent url(moa.jpg) no-repeat center;
 text-align: center;
 height: 185px;
 margin-top: 30px;
 padding-top: 110px;
 font-size: 14px;
	font-weight: bold;
}
.moainfo p { /* monlyarea.html */
 background: #222;
 opacity: 0.5;
 display: inline;
}

.withborder { /* moa3.html */
 border-collapse:	collapse;
 margin-top: 10px;
}
.withborder td {
 border: 1px solid #333;
 padding: 3px;

}

.moahack img.thumb { /* moa4.html */
 float: left;
 margin: 6px 16px 2px 0
}




.itnews { /* news.html */
 float: right;
 margin: 0 0 0 0;
 border-left: 1px solid #333;
 padding: 2px 4px 2px 10px;
 width: 210px;
}
.itnews a {
 font: normal 12px Arial, sans-serif;
}

.itnews .style1 {
 text-align: left;
}

.clannews {
 float: left;
 width: 240px;
 margin: 0 10px 20px 0;
 padding: 0 14px 0 0;
 border-right: 1px solid #333;
 font: 10pt Arial;
 color: #ccc;
}

.clannews .style1 {
 font: bold 14px verdana;
 color: #fff;
}

.fcevents {
 float: left;
 width: 240px;
 margin-right: 10px;
 padding-right: 6px;
 font: 10pt Arial;
 color: #ccc;
}
.fcevents .style1 {
 font: bold 14px verdana;
 color: #fff;
}

.fcevents p strong {
 text-align: left;
}


/* ### id ### */

#site {
	width: 772px;
	margin: 0 auto 0 auto;
	padding: 0 14px 0 14px;
	background: transparent url(a1blackhalf.jpg) repeat-y 0 0 scroll;
}

#logo {
	width: 772px;
	height: 225px;
	background: transparent url(alter.jpg) no-repeat;

}

#topmenu {
	width: 756px;
	padding: 2px 8px 4px 8px;
	height: 16px;
	text-align: right;
}


#content {
	width: 748px;
	padding: 16px 12px 10px 12px;
	text-align: justify;
}

#content ul {
 padding-left: 40px;
 margin: 10px 0 10px 0;
}

#bottomline {
	clear: both;
	text-align: center;
	font-size: 11px;
	margin-top: 30px;
}

#bottomline .copyright {
	padding-top: 0;
}
#bottomline .credits {
	font-size: 9px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
#bottomline a {
	font-family: arial;
}
#bottomline .credits a {
	color: #fff;
}


#mainmenu {
	padding:0;
	margin: 0 1px 0 1px;
	color: #808000;
	background: #34332E;
	clear:both;
	font-family:Verdana, Arial, sans-serif;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
 width: 770px;
 height: 30px;
 z-index: 200;
}
#mainmenu a, #mainmenu a:visited {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 font-style:normal;
 text-decoration:underline;
 color: #808000 !important;
 background-color: #34332E;
 text-decoration: none;
}
#mainmenu ul {list-style-type:none;padding:0; margin:0;}
#mainmenu ul li {padding: 0; margin: 0; float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #808000; }
#mainmenu ul li a {color: #808000 !important;background: #34332E;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
#mainmenu ul li ul {display:none; border:none;color: #808000;background: #34332E;}
/*Non-IE6 hovering*/
#mainmenu ul li:hover a {background-color:#808000; text-decoration:none; color:#FFFFFF !important;}
#mainmenu ul li:hover ul {display:block; width:12.0em; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
#mainmenu ul li:hover ul li a {display:block; width:12.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #808000; border-bottom: solid 1px #808000; background-color:#3F3F3F;  color:#A0A0A4 !important;}
#mainmenu ul li:hover ul li a:hover {background-color:#5B5B2F; text-decoration:none;color:#FFFFFF !important;}
/*IE6 hovering*/
#mainmenu ul li a:hover {background-color:#808000; text-decoration:none;color:#FFFFFF !important;}
#mainmenu ul li a:hover ul {display:block; width:12.0em; position:absolute; z-index:999; top:29px; left:0; }
#mainmenu ul li a:hover ul li a {display:block; width:12.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #808000; border-bottom: solid 1px #808000; background-color:#3F3F3F;  color:#A0A0A4 !important;}
#mainmenu ul li a:hover ul li a:hover {background-color:#5B5B2F; text-decoration:none;color:#FFFFFF !important;}
#mainmenu ul li.last {
 border: none;
}
#mainmenu table, #mainmenu table tr, #mainmenu table td {
 padding: 0;
 margin: 0;
}

#clock {
 font:bold 12px Arial, Helvetica, sans-serif;
 font-style:normal;
 color: #808000;
 background-color: #34332E;
 text-decoration: none;
 float:none !important /*Non-IE6*/;
 float:left /*IE-6*/;
 display:block;
 height:30px;
 line-height:30px;
 padding:0 10px 0 10px;
}