/* layout styles (pengganti tabel)  */
#main
{
	width: 778px;
}
#top
{
	height: 25px;
	background: url(images/index_01.gif);
}
#top1
{
    float: left;
    height: 25px;
    width: 500px;
}
#top2
{
    float: left;
    height: 25px;
    width: 268px;
    text-align: right;
}
#logo
{
	height: 177px;
}
#menu
{
	height: 41px;
	background: url(images/index_02.gif);
}
#tengah
{
	height: 780px;
}
#leftside
{
	float: left;
	height: 780px;
    width: 213px;
	background: url(images/index_03.gif);
}
#news
{
	height: 56px;
    width: 213px;
}
#more1
{
	height: 68px;
    width: 213px;
}
#more2
{
	height: 65px;
    width: 213px;
}
#more3
{
	height: 53px;
    width: 213px;
}
#support
{
	height: 51px;
    width: 213px;
}
#rightside
{
	float: left;
	height: 780px;
    width: 565px;
	background-color: #FFFFFF;
    color: #6D6D6D;
}
#rightsideatas
{
    height: 25px;
    width: 565px;
	background: url(images/index_08.gif);
}
#isi
{
	height: 772px;
    width: 565px;
}
#bottom
{
	height: 18px;
	background-color: #0066CC;
    text-align: center;
    color: #6D6D6D;
}
#footnote
{
	height: 20px;
	background-color: #BCBCBC;
    color: #6D6D6D;
}
#footnote1
{
    float: left;
    height: 25px;
    width: 300px;
}
#footnote2
{
    float: left;
    height: 25px;
    width: 468px;
    text-align: right;
}
/* end layout styles */

body
{
    margin: 0;
    background: url(images/bg.gif) #FFFFFF repeat-y;
}
.news
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6D6D6D;
    margin: 12px 21px 12px 12px;
}
.news1
{
	height: 124px;
    width: 213px;
}
.atas
{
	font-family: tahoma;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 10px;
	padding-top: 6px;
}
.atas2
{	
	padding-top: 4px;
}
.menu
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    padding-top: 12px;
    padding-left: 25px;
}
.menua
{
	float: left;
    height: 41px;
    width: 104px;
	background: url(images/index_menu.gif);
}
.menub
{
    float: left;
    height: 41px;
	width: 115px;
	background: url(images/index_menu2.gif);
}
.isi
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6D6D6D;
    padding-right: 6px;
    padding-left: 6px;
}
.bawah
{
	font-family: tahoma;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
	padding-top: 3px;
}
.ym
{
	height: 19px;
    width: 213px;
    text-align: center;
}
H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF6000; text-decoration: underline
}
H2
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6D6D6D
}
.grey {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #6D6D6D}
.orange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF6000; text-decoration: underline}
.mnu {  font-family: tahoma; font-size: 10px; color: #FFFFFF; text-decoration: none}
a.biasa:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF9000;
	text-decoration: none;
}
a.biasa:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF9000;
	text-decoration: none;
}
a.biasa:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6D6D6D;
	text-decoration: none;
}
a.menu1:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
	text-decoration: none;
}
a.menu1:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
	text-decoration: none;
}
a.menu1:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #CCCCCC;
    font-weight: bold;
	text-decoration: none;
}
a.judul:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #FF6000;
    font-weight: bold;
}
a.judul:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #FF6000;
    font-weight: bold;
}
a.judul:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #6D6D6D;
    font-weight: bold;
}
a.direc:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6D6D6D;
    font-weight: bold;
	text-decoration: none;
}
a.direc:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6D6D6D;
    font-weight: bold;
	text-decoration: none;
}
a.direc:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF9000;
    font-weight: bold;
	text-decoration: none;
}
a.re:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6D6D6D;
	text-decoration: none;
}
a.re:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6D6D6D;
	text-decoration: none;
}
a.re:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF9000;
	text-decoration: none;
}
a.page:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6D6D6D;
	text-decoration: none;
}
a.page:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6D6D6D;
	text-decoration: none;
}
a.page:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF9000;
	text-decoration: none;
}
.dualas
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6D6D6D;
}
.patlas
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6D6D6D;
}
.angka
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #6D6D6D;
}
.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
    height: 19px;
}
.box1 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.tombol {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #999999;
	color: #000000;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
    height: 18px;
}
.footnote
{
    font-family: tahoma;
    font-size: 10px;
    color: #FFFFFF;
    text-align: right;
    padding-top: 12px;
}