/* MAIN PAGE ELEMENTS */

/* Page body as clean as possible */
body
{
	margin:				0px;
	padding:			0px;
	height:				100%;
	/*background-color:	#66aa55;*/
	background-color:	#eeffdd;
	font-size:			12pt;
	font-family:		Arial,Helvetica;
	color:				#000000;
}

/* Header with menu */
div.header
{
	position:			relative;
	width:				100%;
	left:				0px;
	top:				0px;
	height:				100px;
	background-color:	#aa2278;
	background-image:	url('/hankiman/art/headerbackground.png');
	background-repeat:	repeat-x;
	top:				0px;
	clear:				both;
	z-index:			2;
}

/* Hankiman Chineese letter logo */
img.logo
{
	position:			relative;
	left:				50%;
	margin-left:		-383px;
}

/* Header menu */
div.menu
{
	position:			absolute;
	bottom:				0px;
	left:				50%;
	width:				720px;
	margin-left:		-351px;
	/*background-image:	url('/hankiman/art/headerbackground.png');*/
}
table.menu
{
	border-collapse:	collapse;
}
td.menu
{
	float:				left;
	font-size:			10pt;
	color:				#ffffff;
	list-style-type:	none;
	padding-left:		10px;
	padding-right:		10px;
	border:				1px solid #aa2278;
	border-top:			none;
	background-image:	url('/hankiman/art/headerbackground.png');
	background-repeat:	repeat-x;
}

a,
a:hover,
a:active,
a:visited
{
	text-decoration:	none;
	color:				white;
}

/* Main container */
div.container
{
	position:			absolute;
	top:				100px;
	width:				700px;
	left:				50%;
	margin-left:		-350px;
	border-left:		2px solid #66aa55;
	border-right:		1px solid #66aa55;
	height:				auto;
	min-height:			100%;
	background-color:	#ffffff;
	color:				#aa5533;
	padding:			9px;
	z-index:			1;
}

h1
{
	font-size:			12pt;
	font-weight:		700;
	color:				#66aa55;
}

h2
{
	font-size:			10pt;
	font-weight:		700;
}

p
{
	font-size:			9pt;
	line-height:		20pt;
}

li
{
	font-size:			9pt;
	line-height:		20pt;
}

/* ANNOUNCEMENT BOX */
div.announce
{
	float:				right;
	clear:				none;
	margin-left:		5px;
}
div.announce_left
{
	width:				20px;
	height:				20px;
	float:				left;
	clear:				left;
	background-image:	url('/hankiman/art/announce_left.png');
}
div.announce_title
{
	width:				100px;
	height:				20px;
	float:				left;
	clear:				none;
	background-image:	url('/hankiman/art/announce_title.png');
	background-repeat:	repeat-x;
	color:				white;
	font-size:			9pt;
	text-align:			center;
}
div.announce_right
{
	width:				20px;
	height:				20px;
	float:				left;
	clear:				right;
	background-image:	url('/hankiman/art/announce_right.png');
}
div.announce_text
{
	width:				128px;
	padding:			5px;
	clear:				both;
	text-align:			left;
	border:				1px solid #aa2278;
	font-size:			8pt;
}
a.announce,
a.announce:hover,
a.announce:active,
a.announce:visited
{
	text-decoration:	none;
	color:				#cc7755;
	font-size:			8pt;
}