html, body {

	width: 100%; height: 100%;

	margin: 0px 0px 1px; padding: 0px;

	font-size: 12px;

}



body, table tr.alt {

	background-color: #d6c7cc;

}



body, p, td, form {

	font-size: 1em;

}



.clear  { clear: both; }

.right  { text-align: right; }

.center { text-align: center; }

.hidden { display: none; }



#page {

	width: 970px;

	margin: 0px auto;

}

	#page div.inner {

		min-height: 600px;

		padding: 17px 24px;

	}

	* html #page div.inner {

		height: 600px;

	}



#header {

	height: 152px;

	margin-bottom: 7px;

}

	#header div.logo, #header div.banner {

		height: 152px;

		float: left;

	}

	#header div.logo {

		width: 157px;

		background: url(/images/corner_logo.png) no-repeat top left;

		margin-right: 7px;

		overflow: hidden;

	}

		#header div.logo a {

			display: block;

			width: 100%; height: 100%;

			text-indent: -9999px;

		}

	#header div.banner {

		width: 687px;

		background: url(/images/banner.jpg) no-repeat top left;

	}



#footer p {

	text-align: center;

}



#menu {

	width: 156px; height: 362px;

	background: url(/images/menu_bk.jpg) no-repeat top left;

	padding-top: 20px;

	margin-right: 8px;

	float: left;

}

	#menu ul {

		width: 156px;

		list-style-image: none;

		list-style-position: outside;

		list-style-type: none;

		margin: 0px; padding: 0px;

		overflow: hidden;

	}

		#menu ul li {

			display: block;

			margin: 0px; padding: 0px;

			list-style-image: none;

			list-style-position: outside;

			list-style-type: none;

		}

			#menu ul li a {

				display: block;

				width: 100%; height: 100%;

				text-indent: -9999px;

				background-repeat: no-repeat;

				background-position: 0px 0px;

				border: 0px none;

			}

				#menu ul li a:hover {

					background-position: 0px -75px;

				}

			#menu ul li.home { height: 38px; }

			#menu ul li.about { height: 40px; }

			#menu ul li.glossary { height: 36px; }

			#menu ul li.gallery { height: 38px; }

			#menu ul li.events { height: 56px; }

			#menu ul li.forum { height: 35px; }

			#menu ul li.links { height: 35px; }

			#menu ul li.contact { height: 39px; }

			#menu ul li.home a { background-image: url(/images/menu/home.png); }

			#menu ul li.about a { background-image: url(/images/menu/about.png); }

			#menu ul li.glossary a { background-image: url(/images/menu/glossary.png); }

			#menu ul li.gallery a { background-image: url(/images/menu/gallery.png); }

			#menu ul li.events a { background-image: url(/images/menu/events.png); }

			#menu ul li.forum a { background-image: url(/images/menu/forum.png); }

			#menu ul li.links a { background-image: url(/images/menu/links.png); }

			#menu ul li.contact a { background-image: url(/images/menu/contact.png); }



#contents {

	float: left;

	width: 671px;

	background-color: rgb(255,255,255);

	background-color: #EBE4DE;

	border: 1px solid #010900;

	min-height: 346px;

	padding: 7px;

}

	* html #contents {

		height: 346px;

	}



h2, h3, legend {

	clear: both;

	color: #666666;

	display: block

	font-family: Georgia,"Times New Roman",Times,serif;

	font-size-adjust: none;

	font-stretch: normal;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

	line-height: normal;

	border-bottom: 1px solid #010900;

	text-align: left;

}



h2 {

	font-size: 24px;

	margin: 5px 0px 3px 0px;

	padding: 0px 0px 7px 0px;

}

	h2 small { font-size: 0.6em; }



h3, th {

	font-size: 18px;

	margin: 0px;

	padding: 0px 0px 6px;

	height: 17px;

	text-align: left;

}

h2 small span, h3 small span {

	font-size: 0.6em;

	vertical-align: super

}



h3 { position: relative; }

h3 a {

	position: absolute;

	right: 0px;

	font-size: 0.7em;

	top: 0px;

	text-decoration: none;

}



table td {

	vertical-align: top;

}

table td p {

	margin: 0px 0px 1em;

	padding: 0px;

}





legend {

	padding: 0px 0px 3px 0px;

}



p {

	line-height: 170%;

	padding: 0px;

	margin: 0.8em 0px;

}

ul {

	margin: 0px;

	padding-left: 15px;

}



a {

	color: rgb(60,0,5);

	text-decoration: none;

}

	a.highlight {

		color: rgb(193,165,0);

	}

	a:hover {

		color: rgb(162,6,7);

		text-decoration: underline;

	}

		a.highlight:hover {

			color: rgb(229,161,0);

		}



div.tip {

	background-color: rgb(24,25,17);

	color: #EBE4DE;

	font-size: 13px;

	width: 290px;

}

	div.tip .tip-top, div.tip .tip-bottom {

		height: 3px;

	}

	div.tip .tip-title {

		font-weight: bold;

	}

	div.tip .tip-text {



	}

	div.tip .tip-text, div.tip .tip-title {

		padding: 0px 5px;

	}

	div.tip .tip-text .click {

		font-size: 11px;

		text-align: right;

	}