body {
	margin: 0;
}

#mainarea {
	width: 600px;
	height: 500px;
	position: absolute;
	margin-left: -300px;
	margin-top: -250px;
	left: 50%;
	top: 50%;
	/*border: 1px solid #000;*/
}

#topmenu {
	width: 240px;
	height: 40px;
	position: absolute;
	margin-left: -120px;
	margin-top: -20px;
	left: 50%;
	top: 50%;
	background: #000;
	text-align: center;
}

#topic {
	position:absolute;
	top:10px;
	left: 20;
	letter-spacing: 0.3em;
	font-size: 10pt;
	color: white;
}

*html #topic {
	position:absolute;
	top:13px;
	left: 20;
	letter-spacing: 0.3em;
	font-size: 10pt;
	color: white;
}

#item1 {
	position: absolute;
	top: -30px;
	left: 0;
	width: 70px;
	height: 20px;
	background: red;
	text-align: center;
	font-size: 9pt;
	cursor: hand;
}

#item2 {
	position: absolute;
	top: -30px;
	left: 85;
	width: 70px;
	height: 20px;
	background: green;
	text-align: center;
	font-size: 9pt;
	cursor: hand;
}

#item3 {
	position: absolute;
	top: -30px;
	left: 170;
	width: 70px;
	height: 20px;
	background: blue;
	text-align: center;
	font-size: 9pt;
	cursor: hand;
}

#i1 {
	position: absolute;
	top: -70px;
	left: -10;
	width: 100px;
	height: 20px;
	font-size:9pt;
	letter-spacing: 0.1em;
}

#i2 {
	position: absolute;
	top: -70px;
	left: 75;
	width: 100px;
	height: 20px;
	font-size:9pt;
	letter-spacing: 0.1em;
}

#i3 {
	position: absolute;
	top: -70px;
	left: 160;
	width: 100px;
	height: 20px;
	font-size:9pt;
	letter-spacing: 0.1em;
}

#hiddenbg {
	z-index: 3;
	background: white;
	position: absolute;
	left: 0;
	top: 0;
	FILTER: Alpha(opacity = 60);
	opacity:0.6; 
	-moz-opacity:0.6;
	display: none;
}

#te_menu {
	width: 150px;
	height: 90px;
	z-index: 4;
	position: absolute;
	margin-left: -400px;
	margin-top: -50px;
	left: 50%;
	top: 50%;
	background: #000;
	display: none;
}

#te_main {
	width: 400px;
	height: 500px;
	z-index: 4;
	position: absolute;
	margin-left: -200px;
	margin-top: -250px;
	left: 50%;
	top: 50%;
	border: 1px solid #000;
	background: #FFFF99;
	FILTER: Alpha(opacity = 70);
	opacity:0.7; 
	-moz-opacity:0.7;
	display: none;
}

#teclose {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 200;
	margin-top: -280;
	display: none;
	z-index: 4;
	border: 0;
}

#te_mainword1 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#te_mainword2 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#te_mainword3 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.1em;
	line-height: 160%;
	display: none;
}

*html #te_mainword3 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.1em;
	line-height: 170%;
	display: none;
}

#temu1 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 8px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
}

*html #temu1 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 8px;
	left: 10;
	padding-top: 3px;
	background: #fff;
	text-align: center;
	font-size: 10pt;
}

#temu2 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 35px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
}

*html #temu2 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 35px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
}

#temu3 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 62px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
}

*html #temu3 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 62px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
}

#temu1 a {
	color: blue;
	text-decoration: none;
}

#temu1 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#temu2 a {
	color: blue;
	text-decoration: none;
}

#temu2 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#temu3 a {
	color: blue;
	text-decoration: none;
}

#temu3 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#tp1 {
	width: 100px;
	height: 120px;
	position: absolute;
	top: 30%;
	margin-top: -60;
	margin-left: -270;
	left: 50%;
	border: 0;
	z-index: 5;
	display: none;
}

#tw1 {
	position: absolute;
	top: 30%;
	margin-top: 70;
	margin-left: -230;
	left: 50%;
	font-size:9pt;
	color: green;
	z-index: 5;
	display: none;
}

#tp2 {
	width: 100px;
	height: 120px;
	position: absolute;
	top: 30%;
	margin-top: -60;
	margin-left: -160;
	left: 50%;
	border: 0;
	z-index: 5;
	display: none;
}

#tw2 {
	position: absolute;
	top: 30%;
	margin-top: 70;
	margin-left: -130;
	left: 50%;
	font-size:9pt;
	color: green;
	z-index: 5;
	display: none;
}

#tp3 {
	width: 100px;
	height: 120px;
	position: absolute;
	top: 30%;
	margin-top: -60;
	margin-left: -50;
	left: 50%;
	border: 0;
	z-index: 5;
	display: none;
}

#tw3 {
	position: absolute;
	top: 30%;
	margin-top: 70;
	margin-left: -20;
	left: 50%;
	font-size:9pt;
	color: green;
	z-index: 5;
	display: none;
}

#tp4 {
	width: 100px;
	height: 120px;
	position: absolute;
	top: 30%;
	margin-top: -60;
	margin-left: 60;
	left: 50%;
	border: 0;
	z-index: 5;
	display: none;
}

#tw4 {
	position: absolute;
	top: 30%;
	margin-top: 70;
	margin-left: 90;
	left: 50%;
	font-size:9pt;
	color: green;
	z-index: 5;
	display: none;
}

#tp5 {
	width: 100px;
	height: 120px;
	position: absolute;
	top: 30%;
	margin-top: -60;
	margin-left: 170;
	left: 50%;
	border: 0;
	z-index: 5;
	display: none;
}

#tw5 {
	position: absolute;
	top: 30%;
	margin-top: 70;
	margin-left: 205;
	left: 50%;
	font-size:9pt;
	color: green;
	z-index: 5;
	display: none;
}

#tpp {
	position: absolute;
	width: 560;
	height: 180px;
	margin-left: -280;
	margin-top: -90px;
	left:50%;
	top: 30%;
	z-index: 4;
	background: #FFFF99;
	border: 1px solid #000;
	display: none;
}

#tpclose {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 275;
	margin-top: -295;
	display: none;
	z-index: 4;
	border: 0;
}

#p_menu {
	width: 150px;
	height: 200px;
	z-index: 4;
	position: absolute;
	margin-left: 250px;
	margin-top: -120px;
	left: 50%;
	top: 50%;
	background: #000;
	display: none;
}

#pmu1 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 8px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu1 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 8px;
	left: 10;
	padding-top: 3px;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

#pmu2 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 35px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu2 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 35px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	display: none;
}

#pmu3 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 62px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu3 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 62px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	display: none;
}

#pmu4 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 89px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu4 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 89px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	display: none;
}

#pmu5 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 116px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu5 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 116px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	display: none;
}

#pmu6 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 143px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu6 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 143px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	display: none;
}

#pmu7 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 170px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	display: none;
}

*html #pmu7 {
	position: absolute;
	width: 130px;
	height: 20px;
	top: 170px;
	left: 10;
	background: #fff;
	text-align: center;
	font-size: 10pt;
	padding-top: 3px;
	display: none;
}

#pmu1 a {
	color: blue;
	text-decoration: none;
}

#pmu1 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#pmu2 a {
	color: blue;
	text-decoration: none;
}

#pmu2 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#pmu3 a {
	color: blue;
	text-decoration: none;
}

#pmu3 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#pmu4 a {
	color: blue;
	text-decoration: none;
}

#pmu4 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#pmu5 a {
	color: blue;
	text-decoration: none;
}

#pmu5 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#pmu6 a {
	color: blue;
	text-decoration: none;
}

#pmu6 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#pmu7 a {
	color: blue;
	text-decoration: none;
}

#pmu7 a:hover {
	color: #00ff00;
	border-bottom: 1px dashed #00ff00;
}

#ppp {
	position: absolute;
	width: 260px;
	height: 355px;
	top:50%;
	left:50%;
	margin-left: -480px;
	margin-top: -248px;
	border: 1px solid #000;
	z-index: 4;
	display: none;
}

#p_main {
	width: 400px;
	height: 500px;
	z-index: 4;
	position: absolute;
	margin-left: -200px;
	margin-top: -250px;
	left: 50%;
	top: 50%;
	border: 1px solid #000;
	background: #FFFF99;
	FILTER: Alpha(opacity = 70);
	opacity:0.7; 
	-moz-opacity:0.7;
	display: none;
}

#p_mainword1 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#p_mainword2 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.1em;
	line-height: 160%;
	display:none;
}

#p_mainword3 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#p_mainword4 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 160%;
	display:none;
}

#p_mainword5 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#p_mainword6 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#p_mainword7 {
	width: 370px;
	height: 460px;
	top: 20;
	left: 17px;
	position: absolute;
	font-size: 9pt;
	color: green;
	overflow:auto;
	letter-spacing: 0.2em;
	line-height: 180%;
	display:none;
}

#pppp {
	display: none;
}