body {
	margin: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f5c507;
}
a {
	text-decoration: none;
	color: #39f;
}
a:hover {
	text-decoration: underline;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #006;
}
h2 {
	font-size: 2em;
	font-weight: normal;
	color: #006;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #f0f0f0;
	padding-top: 10px;
}
.green {
	color: #669900;
}
.lightgrey {
	background-color: #f5f5f5;
}
.mid {
	vertical-align: middle;
}
.p10 {
	border-top-width: 16px;
	border-top-style: solid;
	border-top-color: #ccc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 480px;
}
.container {
	margin: auto;
	width: 760px;
	background-color: #fff;
}
.container .whitebg {
	background-color: #fff;
	float: left;
	width: 760px;
}

.header {
	height: 228px;
	width: 760px;
	float: left;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	background-position: 0px 127px;
	background-color: #fff;
}
.header .compass {
	float: right;
	padding-top: -5px;
}

.header .logoap {
	padding-top: 0px;
	padding-left: 0px;
}
.header .sublogo {
	padding-top: 49px;
	padding-left: 105px;
}
.nav {
	float: left;
	width: 740px;
	padding-left: 20px;
	margin-top: -31px;
	background-image: url(../images/bt_bg.jpg);
}
.nav a {
	font-weight: bold;
	color: #006;
}
.nav a:hover {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	text-decoration: none;
}
.nav ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.nav li {
	display: block;
	float: left;
}
.nav li {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006;
}
.content {
	padding: 30px;
	float: left;
	width: 700px;
	margin-top: -10px;
}
.content .flash {
	float: left;
}

#player1 , #player2 , #player3 , #player4 , #player5 , #player6, #player7, #player8, #player9, #player10 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.content .bodytext {
	float: left;
	width: 500px;
}
.content .bodytext2 {
	float: left;
	width: 700px;
}
.content .bodytext2 .player {
	width: 500px;
	margin: auto;
}


.content .bodytext .w30 {
	float: left;
	width: 100%;
	margin-right: 1%;
}
.content .bodytext .w30 ul {
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.content .bodytext .w30 li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-image: url(../images/ico_arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.footer {
float: left;
width: 700px;
text-align: center;
font-size: 11px;
padding: 30px;
}
.footer p {
margin: 5px;
color: #fff;
}
.footer .copy {
background-color: #006;
padding: 10px;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #f0f0f0;
}
.footer .partnertext {
clear: both;
float: right;
width: 100px;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #eee;
text-align: right;
padding: 10px;
color: #666;
}
.footer .partner {
float: right;
text-align: right;
width: 680px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
.judul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #acb0bf;
}
.isi {
	margin: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		text-align:justify;
	background-color: #f0f0f0;
}
.tabel {
	margin: 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		text-align:left;
	background-color: #f0f0f0;
}