/* CSS Document */
* {
	margin: 0;
}
html, body, #container {
	height: 100%;
}
body{ margin:0; 
	padding:0;
	text-align:center; 
	background:url(images/back4-9_jpg.gif) repeat; /**/
/*	background:url(images/maple_background.jpg) repeat; /**/
/*	background:url(images/rock_style_background.jpg) repeat; /**/
/*	background:url(images/rice_points_background.jpg) repeat; /**/
/*	background:url(images/lotus_background.jpg) repeat; /**/
/*	background:url(images/grey_maple2_background.jpg) repeat; /**/
}

.footer{background-color: #ffe6cd}

#container{
	width:796px; 
	min-height:100%; /* not sure if it works for ff3 */
	height:100%; /* work for ie6 */
	margin:0;  /* for all except IE */
	#margin:-20 auto 0 auto;  /* for ie7 and above */
	_margin:-20 auto 0 auto;  /* for ie6 and below */
	padding: 0; 
	text-align:left; 
/*	background-color:white; */
	position:relative;}

/*#container{
	width:796px; 
	margin:0; 
	padding: 0; 
	text-align:left; 
	background-color:white; 
	position:relative;}
/* test for ff3 */

.align_center{text-align:center;}

h1{
	font-family: ˼з, sans-serif;
	}

a:link {
	color: blue; 
	font-weight: bold;
	text-decoration: none;
	}

a:visited {
	color: blue; 
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	color: red; 
	font-weight: bold;
	text-decoration: none;
	}

Td
{
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 1em;
	}

ul{margin:0;padding:0;}
 
#navigation { 
  font-size: 80%;
	position: absolute;
	left: 0;
	width: 16em;
	padding-top: 8em;
	line-height: 2;
	text-align:left;
	}

#navigation ul { 
	left: 0;
	top: 400;
	list-style: none; 
	}

#content {
	/* background: url(images/valley020.jpg) no-repeat; */
	line-height: 1.5;
	margin-top: 5em;
	margin-right: 4em;
	margin-left: 4em;
	min-width: 30em;
	}

#content ul { 
	list-style: none; 
	}

.enlarge:hover {
	color: blue; 
	font-weight: bold;
	}

div.textarea {
		position:absolute;
		top:160px;
		left:150px;
		width:800px;
		height:425px;
/*		background-image:url(images/bg/textarea.jpg);
		background-repeat:no-repeat;*/
 }

div.textbox {
		position:absolute;
		top:25px;
		left:75px;
		width:600px;
		height:375px;
		overflow:auto;
		z-index:1;
}

#text_centre {
	text-align:center;
}

.footer, .footer a:link, .footer a:visited {
	font-size:12px;
	color: #999999; 
	font-weight: normal;
	text-decoration: none;
	}
	
.footer a:hover{
	font-size:12px;
	color: #FF6600;
	font-weight: normal;
	text-decoration: none;
}