body {
	margin: 0;
	padding: 0 0 15px 0;
	background: #fff;
	color: #000000;
	font-size: 9pt;
	font-family: Arial;
	line-height: 1.5em;
}
a {color:#fff;text-decoration:none}
p a {color:#393;text-decoration:none}
p a:hover {color:#000000;text-decoration:none}

/* header area */
#head {
	width: 584px;
	height: 150px;
	margin: 0;
	padding: 0;
	background: #00a651 url("images/top_head.jpg") no-repeat top left;
}
#head p {
	position: absolute;
	width: 208px;
	left: 0;
	top: 132px;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #fff;
	font-size: 8pt;
}

/* TOC area */
#container {
	margin: 0;
	padding: 0;
	width: 584px;	
}

/* TOC area  > left menu */
#left-menu {
	width: 214px;	
	float: left;
}
#left-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#left-menu ul li {
	margin: 0;
	padding: 0;
}

/* TOC area  > left menu  > change the type of "a" to box */
#left-menu ul li a {
	display: block;
	width: 194px;
	margin: 0;
	padding: 0.5em 0 0.5em 20px;
	background: #1ec16f url("images/sub-w.gif") no-repeat center left;
	border-bottom: 1px solid #fff;
}

/* TOC area  > left menu  > hover */
#left-menu ul li a:hover {
	background-color: #7deaa9;
}
/* TOC area  > left menu  > background photo */
.left-image {
	width: 214px;
	height: 170px;
	background: #fff url("images/top_back.jpg") no-repeat bottom left;
}


/* TOC area  > right category links */
#category {
	width: 370px;	
	float: left;
	font-family: Arial;
}
#category ul {
	margin: 18px 0 0 18px;
	padding: 0;
	list-style-type: none;
}
#category ul li {
	margin: 0 0 5px 0;
	padding: 0;
}
.purpose {
	width: 316px;
	margin: 18px 0 0 18px;
	border: 1px solid #666;
}
h3 {
	margin: 0;
	padding: 0.3em 0 0.3em 5px;
	background: #7deaa9;
	font-size: 10pt;
	color: #fff;
	border-bottom: 1px solid #666;
}
.purpose p {
	text-indent: -13px;
	margin: 3px 5px 3px 18px;
}