*{margin:0; padding:0;}
body{ width:700px; margin:0 auto; background-image:url(img/back.jpg);}
h1 a{
	font-size:16px;
	letter-spacing:1px;
	padding:10px 0;
}
h2{
	position:relative;
	margin:0 22px 20px 10px;
	padding:14px 15px 0px 20px;
	font:normal 24px/1.3 serif;
	color:#009;
	background:#FFCCFF;
	box-shadow:
		12px 0 0 0 #FFCCFF,
		0 12px 0 0 #FFCCFF,
		1px 15px 4px -3px rgba(0,0,0,0.2);
}
h2:before{
	content:" ";
	position:absolute;
	top:100%;
	left:100%;
	width:0;
	height:0;
	border-width:12px 12px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color: #CC99FF;
}
h2:after{
	content:" ";
	position:absolute;
	padding:0 20px;
	bottom:0;
	left:10px;
	width:120px;
	height:20px;
	background:rgba(255,182,182,0.4);
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

h3{
	padding:5px 0 5px 5px;
	margin:5px 0 10px 0;
	color:#339999;
	border-style:solid;
    border-width:0px;
    border-left-width:10px;
    border-color: #0000FF;
	border-bottom:2px dashed #0000FF;
}
ol{
	font-weight:bold;
	color:#CC33FF;
	line-height:22px;
	padding:1.5em;
	}
#con{
	width:700px;
	border:3px solid #000000;
	background-color:#FFFFFF;
	}
#head{
	width:700px;
	border-bottom:2px solid #000000;
	color:#000099;
	padding:5px 0;

	}
#tittle{
	width:700px;	
	}
#menu{
	width:660px;
	border-bottom:2px dashed #000000;
	margin:0 auto;
	}
	
#menu a{
	text-decoration:none;
	color:#660066;
	}
#menu a:hover{
	color:#FF0000;
	text-decoration: underline;
	}
	
#menu li{
width:110px;
float:left;
text-align:center;
	list-style:none;
	line-height:2em;
	text-decoration:none;
	margin:5px;
	font-size:13px;
	font-weight:bold;
	background-color:#CCCCFF;
	border:2px solid #333333;
	}
#text{
	width:680px;
	padding:10px;
	border-right:1px solid #000066;
	}
	
#text p{
	line-height:20px;
	letter-spacing:1px;
	}
#foot{
	width:700px;
	clear:both;
	text-align:center;
	border:1px solid #000000;
	margin-top:10px;
	background-color:#EEEEFF;
	}
.cl {clear:both; text-align: right;}

.copy {	font-size:80%;
	font-weight:bold;
	color:#666666;
}
#RESULT {
	padding-left: 10px;
	padding-right: 10px;
	}
#ADD_MAIN {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
#ADD_MAIN td {
	padding: 5px;
}

table{
	text-align:center;
	}
.kategori {width:170px; float:left;}

dt {font-size:16px; font-weight:bold; width:250px; padding-left:5px; height:25px; line-height:25px; margin-right:10px; background:  #333300; text-align:center;}

dt a {color: #FFFF00; text-decoration:none;}

dd {line-height:1.8em; margin:5px 0; font-size:14px;}

dd a {color: #0000FF; text-decoration:none;}

dd a:hover{
	color:#FF0000;
	}
	
.visionlink{
margin:10px auto;
font-size:12px;
color:#660099;
}

.visionlink a{
color:#333399
}