body {
	background: #000000;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 30px;
	color: #fff;
	font-family: "Apple LiGothic";
	font-weight: normal;
}

a:link,
a:visited,
a:active {
	color: #c10063;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: none;

}

#slider {
	clear: both;
	margin: 25px auto;
	height: 263px;
	width: 1000px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
	
	ul#screenshot {
		position: relative;
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 1000px;
	}
	
		ul#screenshot li {
			position: absolute;
			left: 0;
			top: 0;
			margin: 0;
			padding: 0;
			height: 260px;
		}
		
	ul#screenshot_info {
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 1;
		width: 140px;
	}
		
		ul#screenshot_info li {
			float: left;
			width: 139px;
			height: 43px;
			color: #ffffff;
			margin-bottom: 1px;
			cursor: pointer;
		}
		
		ul#screenshot_info li.active {
			background: url('../img/visuals/ss_info_bg.png') -1px 0 no-repeat;
		}
		
			ul#screenshot_info li.active .ss_info_container {
				background: 0;
			}
		
			.ss_info_container {
				width: 114px;
				height: 38px;
				background: #000000;
				margin: 0;
				padding: 5px 8px 0 8px;
			}
			
				.ss_info_boss {
					font-family: "Apple LiGothic";
					font-size: 18px;
					height: 18px;
				}
				
				.ss_info_date {
					float: left;
					font-family: "Apple LiGothic";
					font-size: 12px;
				}
				
				.ss_info_version {
					float: right;
					font-family: "Apple LiGothic";
					font-size: 12px;
				}
				
			.desc {
				position: absolute;
				right: 0;
				top: 220px;
				color: #fff;
				background: #000;
				font-family: Arial;
				font-size: 18px;
				padding: 7px 7px 5px 8px;
			}

#content {
	width: 980px;
	margin: 0 auto;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	padding: 0 10px 0 10px;
}

	#news {
		float: left;
		width: 820px;
	}
	
		.news_item {
			color: #fff;
		}
		
			.news_date {
				width: 52px;
				height: 52px;
				background: url('../img/visuals/date_bg.png') no-repeat;
				font-family: Arial;
				float: left;
			}
			
				.news_date_day {
					font-size: 24px;
					margin: 3px 0 0 8px;
					border-bottom: 1px solid #fff;
					width: 26px;
					height: 27px;
				}
				
				.news_date_month {
					font-size: 12px;
					margin: 2px 0 0 0px;
					width: 42px;
					text-align: center;
				}
		
			.news_title {
				float: right;
				font-family: "Apple LiGothic";
				font-size: 30px;
				height: 30px;
				width: 760px;
				margin-top: 10px;
			}
			
			.news_text {
				float: right;
				font-family: Arial;
				font-size: 12px;
				width: 740px;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-right: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid #fff;
			}
	
	#recruitment {
		float: right;
		width: 137px;
		height: 375px;
		background: #c10063;
		margin-right: 10px;
		color: #fff;
		margin-bottom: 30px;
	}
		
		#recruitment_title {
			height: 24px;
			padding: 10px 0 0 0;
			text-align: center;
			font-size: 24px;
			font-family: "Apple LiGothic";
		}
		
		#recruitment_subtitle {
			height: 12px;
			text-align: center;
			font-size: 11px;
			font-family: Arial;
			padding-bottom: 12px;
			border-bottom: 1px solid #000;
		}
		
		#classes {
			
		}
		
			#classes ul {
				list-style: none;
				margin: 6px 0 0px 11px;
				padding: 0;
			}
			
				#classes ul li {
					position: relative;
					float: left;
					margin: 5px 5px 0 0;
					padding: 0;
					height: 55px;
					width: 55px;
				}
					
					#classes ul li img {
						border: 0;
					}
				
					.class_overlay {
						position: absolute;
						top: 0;
						left: 0;
						border: 0;
					}
					
					
					#members_by_rank {
						width: 950px;
					}

					#members {
						float: left;
						margin-bottom: 20px;
						margin-right: 10px;
						margin-left: 10px;
					}

						#members_by_rank th, 
						#members th {
							text-align: left;
							font-family: "Apple LiGothic";
							font-size: 18px;
							font-weight: normal;
							background: #c10063;
							padding: 3px 0 0px 5px;
							border-bottom: 5px solid #000;
						}

						#members_by_rank th.class_count, 
						#members th.class_count {
							text-align: right;
							font-weight: normal;
							font-size: 12px;
							font-family: Arial;
							padding-right: 5px;
						}

						#members_by_rank tr.even, 
						#members tr.even {
							background: #000;
						}

						#members_by_rank tr.odd, 
						#members tr.odd {
							background: #141414;
						}

						#members_by_rank .name, 
						#members .name {
							width: 70px;
							font-weight: bold;
						}

						#members_by_rank .name a:link,
						#members .name a:link,
						#members_by_rank .name a:visited,
						#members .name a:visited,
						#members_by_rank .name a:active,
						#members .name a:active {
							color: #fff;
							text-decoration: none;
						}

						#members_by_rank .name a:hover,
						#members .name a:hover {
							color: #c10063;
						}

						
						#members .rank {
							text-align: right;
							width: 70px;
							padding: 0 5px 0 0;
						}
						
						#members_by_rank .rank {
							text-align: right;
							padding: 0 5px 0 0;
						}

						#members_by_rank .race,
						#members .race {
							width: 24px;
							height: 24px;
							padding-left: 4px;
						}

						#members .race img {
							float: left;
						}
	
#total_members {
	clear: both;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 5px;
	border-top: 1px solid #fff;
	width: 950px;
}

.member_menu {
	text-align: center;
	font-size: 11px;
}

	.member_menu a:link, 
	.member_menu a:visited, 
	.member_menu a:active {
		color: #fff;
	}
	
	.member_menu a:hover {
		color: #C10063;
	}

.clear {
	clear: both;
}