/************************************************
*	home    					     		    * 
************************************************/

#home-banner {
	position: relative;
	margin: 5px 0 23px 0;
	width: 960px;
	height: 281px;
	background: url("images/banner-home.jpg") no-repeat top;
	z-index: 20;
	}

#home-text {
	padding: 78px 0 0 500px;
	width: 420px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 22px;
	color: #0d2f4c;
	}
#home-text a, #home-text a:visited {
	color: #027386;
	}
#home-text a:hover, #home-text a:active {
	color: #027386;
	text-decoration: underline;
	}
#home-col1 {
	padding: 0px 14px 20px 14px;
	width: 217px;
	height: 360px;
	float: left;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	}
#home-col1 a, #home-col1 a:visited {
	color: #1e769e;
	} 	
#home-col1 a:hover, #home-col1 a:active {
	color: #1e769e;
	text-decoration: underline;
	} 	
#home-col1 li {
	padding: 0 0 7px 0;
	}
	
#home-col2 {
	padding: 0px 14px 20px 14px;
	width: 214px;
	height: 360px;
	float: left;
	border-left: 1px dotted #999999;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	}
#home-col2 a, #home-col2 a:visited {
	color: #339933;
	} 	
#home-col2 a:hover, #home-col2 a:active {
	color: #339933;
	text-decoration: underline;
	} 	
#home-col2 li {
	padding: 0 0 7px 0;
	list-style: none;
	}

#home-col2b {
	border-top: 1px dotted #999999;
	padding: 15px 0 0 0;
	margin: 0px 0 0 0;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	}
#home-col2b a, #home-col2b a:visited {
	color: #98b324;
	} 	
#home-col2b a:hover, #home-col2b a:active {
	color: #98b324;
	text-decoration: underline;
	} 	
#home-col2b li {
	padding: 0 0 7px 0;
	}

#home-col3 {
	padding: 0px 10px 20px 10px;
	width: 221px;
	height: 360px;
	float: left;
	border-left: 1px dotted #999999;
	font-size: 10px;
	line-height: 15px;
	color: #909090;
	}
#home-col3 a, #home-col3 a:visited {
	color: #909090;
	} 	
#home-col3 a:hover, #home-col3 a:active {
	color: #909090;
	text-decoration: underline;
	} 	

#home-col4 {
	padding: 0 10px 20px 10px;
	width: 209px;
	height: 360px;
	float: left;
	border-left: 1px dotted #999999;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	}
#home-col4 a, #home-col4 a:visited {
	color: #909090;
	} 	
#home-col4 a:hover, #home-col4 a:active {
	color: #909090;
	text-decoration: underline;
	} 	

#home-col1 h4, #home-col2 h4, #home-col3 h4, #home-col4 h4 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}
#home-col1 h5, #home-col2 h5, #home-col3 h5, #home-col4 h5 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	}
#home-col1 h6, #home-col2 h6, #home-col3 h6, #home-col4 h6 {
	margin: 20px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	}

#home-col1 a.gray, #home-col1 a.gray:visited, #home-col1 a.gray:active,
#home-col2 a.gray, #home-col2 a.gray:visited, #home-col2 a.gray:active,
#home-col3 a.gray, #home-col3 a.gray:visited, #home-col3 a.gray:active,
#home-col4 a.gray, #home-col4 a.gray:visited, #home-col4 a.gray:active {
	color: #909090;
	font-size: 10px;
	line-height: 15px;
	}
#home-col1 a.gray:hover,
#home-col2 a.gray:hover,
#home-col3 a.gray:hover,
#home-col4 a.gray:hover {
	color: #909090;
	text-decoration: underline;
	}

.big-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 18px;
	}
	
#highlight {
	margin: 15px 0 0 0;
	padding: 13px 7px 0 7px;
	background: #d0dd78;
	width: 194px;
	font-size: 11px;
	line-height: 12px;
	color: #0d2f4c;
	}

#highlight a, #highlight a:visited, #highlight a:active {
	color: #0d2f4c;
	}
#highlight ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#highlight ul li {
	padding: 0 5px 5px 0;
	margin: 0;
	float: left;
	}
#tree-box {
	margin: 15px 0 0 0;
	padding: 13px 6px 0 7px;
	background: #d8e8a1;
	width: 195px;
	height: 58px;
	display: none;
	}		
#trees {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#trees li.link {
	width: 130px;
	float: left;
	}
#trees li.number {
	padding: 21px 0 0 0;
	width: 65px;
	height: 44px;
	float: left;
	background: url("images/bg-tree-count.gif") no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #fff;
	text-align: center;
	}
			
#ball-grow-home  { position: absolute; top: 237px; left: 150px; width: 55px; height: 55px; z-index: 999; background: url("images/ball-grow.png") no-repeat; cursor: pointer; }
#ball-learn-home { position: absolute; top: 121px; left: 196px; width: 59px; height: 59px; z-index: 999; background: url("images/ball-learn.png") no-repeat; cursor: pointer; }
#ball-play-home  { position: absolute; top: 84px; left: 8px; width: 39px; height: 39px; z-index: 999; background: url("images/ball-play.png") no-repeat; cursor: pointer; }
#ball-tree-home  { position: absolute; top: 10px; left: 101px; width: 125px; height: 124px; z-index: 999; background: url("images/ball-tree.png") no-repeat; cursor: pointer; }
#ball-logo-home a  { display: block; position: absolute; top: 100px; left: 24px; width: 173px; height: 173px; z-index: 998; background: url("images/ball-logo.png") no-repeat; cursor: pointer; }
#ball-leaf1-home { position: absolute; top: 65px; left: 64px; width: 43px; height: 44px; z-index: 997; background: url("images/ball-leaf1.png") no-repeat; cursor: pointer; }
#ball-leaf2-home { position: absolute; top: 129px; left: -21px; width: 50px; height: 46px; z-index: 997; background: url("images/ball-leaf2.png") no-repeat; cursor: pointer; }
#ball-leaf3-home { position: absolute; top: 109px; left: 241px; width: 51px; height: 62px; z-index: 997; background: url("images/ball-leaf3.png") no-repeat; cursor: pointer; }

#home-girl { position: absolute; top: 159px; left: 293px; width: 75px; height: 225px; z-index: 996; background: url("images/home-girl.png") no-repeat; cursor: pointer; }
#home-boy  { position: absolute; top: 183px; left: 368px; width: 74px; height: 202px; z-index: 996; background: url("images/home-boy.png") no-repeat; cursor: pointer; }