body {
	background-image: url('bg.jpg'); 
	font-family: verdana;
	font-size: 8pt;
	text-align: center;
	color:#464646;
}

div.mainindex
{
	width: 800px;
}

div.leftside {
	float: left;
	height: 100%; 
	width: 221px;
}

div.mainmenu {
	margin-top: 17px;
	float: left;
	height:100%; 
	width:550px;
}

div.main1 { 
float: left;
background: url('main1.png') no-repeat; 
width:18px;
height:70px;
}

div.main2 { 
float: left;
background: url('main2.png') repeat-x; 
width:500px;
height:70px;
font-size: 10pt;
color:#2C2CA3;
font-weight: bold;
text-align:left;
}

div.main3 { 
float: left;
background: url('main3.png') no-repeat; 
width:17px;
height:70px;
}

div.main4 {
float: left;
background: url('main4.png') no-repeat; 
width:364px;
height:107px;
}

div.main5 { 
float: left;
background: url('main5.png'); 
width:154px;
height:107px;
font-size: 12pt;
color:red;
text-align: right;
font-weight: bold;
}

div.main6 { 
float: left;
background: url('main6.png') no-repeat; 
width:17px;
height:107px;

}

div.kiri { 
float: left;
background: url('left.png') repeat-y left; 
width:535px;
}

div.kanan { 
float: left;
background: url('right.png') repeat-y right; 
width:535px;
}

div.isi { 
text-align:justify;
width:500px;
}

div.main7 { 
float: left;
background: url('main7.png') no-repeat; 
width:17px;
height:108px;
}

div.main8 { 
float: left;
background: url('main8.png') repeat-x; 
width:154px;
height:108px;
}

div.main9 {
float: left;
background: url('main9.png') no-repeat; 
width:364px;
height:108px;
}

div.footer { 
font-size: 10pt;
color:#FFFFFF;
font-weight: bold;
text-align:middle;
}

A:link {
    font-family: verdana,tohama, arial; 
	COLOR: black;
	text-decoration: none;
}
A:visited {
    font-family: verdana, tohama, arial; 
	COLOR: #DC691D;
	text-decoration: none;
}
A:active {
    font-family: verdana, tohama, arial; 
	COLOR: #669900;
	text-decoration: none;
}
A:hover {
    font-family: verdana, tohama, arial; 
	COLOR: #ff5050;
	font-weight: bold; 
	text-decoration: none;
	BORDER-TOP: 1px dotted; 
	BORDER-BOTTOM: 1px dotted; 
}

H1
{
    font-family: verdana, tohama, arial; 
	COLOR: #3366CC;
	text-decoration: none;
	font-size: 24pt;
	text-align: center;
}
H2
{
text-align:left;
font-weight: bold; 
font-family:verdana;
color:#FF6666;
font-size: 14pt; 
text-decoration: none;
}


ul { text-align:left; list-style-image:url('puri_bullet.gif'); font-size: 8pt; line-height: 13pt; vertical-align: text-top; }

span.all
{
color:red;
font-weight: bold; 
}

span.plus
{
color:#000099;
font-weight: bold; 
}

td.leftside { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; padding: 5px; height:100%; font-weight: bold; }
td.leftsidehead { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-green.gif') repeat-x white; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; font-size:12; color: #FF0033;  font-weight: bold; }
td.rightside {  text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; padding: 5px; font-weight: bold; }
td.rightsidehead { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-green.gif') repeat-x white; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; font-size:12; color: #FF0033; font-weight: bold; }

td.leftsidehead2 { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-green.gif') repeat-x white; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; font-size:12; margin-left: 50px; width: 70px; color: #FF0033; font-weight: bold; }
td.rightsidehead2 { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-green.gif') repeat-x white; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; width:380px; font-size:12; color: #FF0033; font-weight: bold; }
td.leftside2 { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; padding: 5px; margin-left: 50px; width: 70px; font-weight: bold; }
td.rightside2 { text-align:left; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; width:380px; padding: 5px; }


td.leftside3 { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-blue.gif') repeat-x white; padding: 5px; margin-left: 50px; width: 70px; font-weight: bold; }
td.rightside3 { text-align:left; border: 1pt #FF9966 dotted; background: url('bg-small-blue.gif') repeat-x white; width:380px; padding: 5px; }

table.body {
	background-image: url('bg.jpg'); 
	font-family: verdana;
	font-size: 8pt;
	text-align: center;
	color:#464646;
}