/* Base Style */
html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body {
	background: #555 url(images/bg.png) top left repeat-x;
}

body, ul, dl, dd, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

body, input, textarea, select, button {
	color: #000;
	font: 12px/1.6em Arial, Helvetica, sans-serif;
}

.right { float: right; }

.left { float: left; }

.clear { clear: both; }

.vtop { vertical-align: top; }

.absmiddle { vertical-align: middle; margin: 0; }

.hidden { display: none; }

.text-centered { text-align: center; }

.centered { margin-left: auto; margin-right: auto; }

/* Containers */
h1 {
	text-align: right;
	font-size: 2em;
}
	h1 a {
		display: block;
		background: transparent url(images/logo.png) top left no-repeat;
		padding-top: 15px;
		height: 40px;
		color: #fff;
		text-decoration: none;
	}
	h1 a:hover {
		text-decoration: none;
	}

h2 {
	color: #090909;
	font-size: 1.7em;
}
h3 {
	color: #090909;
	font-size: 1.3em;
}

#container {
	width: 780px;
	margin: 0 auto;
	padding-top: 10px;
}

#header {
	color: #fff;
}

#skipLink {
	left: -6000px;
	position: absolute;
}

#content {
	background-color: #fff;
	color: #000;
	padding: 20px;
	overflow: auto;
}
	#content a {
		color: #069;
		text-decoration: none;
	}
	#content a:hover {
		color: #FF8000;
		text-decoration: underline;
	}
	#content p {
		text-align: justify;
	}

	#intro-eng .pics, #intro-chi .pics {
		margin-left: 15px;
		float: right;
	}
	#variants .pics {
		margin-right: 15px;
		float: left;
	}
	.pics img {
		border: 1px solid #ccc;
	}

	#variants img {
		margin-left: 15px;
		margin-bottom: 10px;
	}

#table1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	#table1 th, #table1 td {
		padding: 5px;
	}
	#table1 caption {
		margin-bottom: 10px;
		text-decoration: underline;
		font-weight: bold;
		font-size: 1.2em;
	}
	#table1 thead th {
		text-align: right;
		color: #fff;
		background: transparent url(images/th-bg.png) top left repeat-x;
	}
	#table1 tfoot td {
		border-top: 1px dotted #000;
	}
	#table1 tbody td {
		text-align: right;
		width: 20%;
	}
	#table1 tbody th {
		text-align: left;
		width: 40%;
	}
	#table1 tbody tr:hover {
		background-color: #fcc;
	}
	#table1 #vname {
		text-align: left;
		width: 40%;
	}
	#table1 tr.alt {
		background-color: #eee;
	}

a#join-btn:hover, a#join-btn:focus {
	text-decoration: none;
	background-position: 0 -49px;
	color: #fff;
}
a#join-btn {
	float: right;
	color: #fff;
	background: transparent url(images/button-red.png) top left no-repeat;
	height: 34px;
	width: 125px;
	font-size: 2em;
	font-weight: bold;
	border: 0;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 15px;
	padding-top: 15px;
}

#regForm {
	overflow: auto;
}
	#regForm .field{
		margin-bottom: 5px;
	}
	#regForm form label {
		float: left;
		width: 8em;
		cursor: pointer;
	}
	#regForm button {
		background: transparent url(images/button-black.png) top left no-repeat;
		color: #fff;
		font-size: 2em;
		font-weight: bold;
		height: 49px;
		width: 140px;
		border: 0;
		margin-left: 20px;
		cursor: pointer;
	}
	#regForm button:hover, #regForm button:focus {
		background-position: 0 -49px;
		cursor: pointer;
	}

#reg-field {
	border: 1px solid;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
}

#footer {
	color: #fff;
	padding-bottom: 10px;
}
	#footer a {
		color: #999;
		text-decoration: none;
		font-weight: bold;
	}
	#footer a:hover {
		color: #fff;
		text-decoration: none;
	}
	#footer p {
		text-align: center;
	}
	#footer img {
		vertical-align: middle;
	}
	#rssLink {
		background: transparent url(images/icon_rss.gif) top left no-repeat;
		padding-left: 16px;
	}
	#footer img {
		margin-left: 5px;
		margin-right: 5px;
	}

.level1 {
	margin-bottom: 30px;
	clear: both;
}

.level2 {
	margin-left: 20px;
	margin-top: 20px;
	clear: both;
}

blockquote {
	background: transparent url(../images/quotes.gif) top left no-repeat;
	padding-left: 40px;
}

li {
	margin: 10px auto 10px auto;
	list-style-image: url(../images/bullet.gif);
}

ul {
	padding-left: 25px;
}

li ul {
	padding-left: 25px;
}

li li {
	list-style-image: url(../images/bullet2.gif);
}