body 
{
	font-size: 8pt; 
	font-family: verdana, tohama, arial; 
    text-align:justify;
	color: #494949;
	background-color:#FFFFFF;
}

H1
{
text-align:center;
font-weight: bold; 
font-family:verdana;
color:#666666;
font-size: 18pt; 
text-decoration: none;
}

H1:hover
{
text-align:center;
font-weight: bold; 
font-family:verdana;
color:#444444;
font-size: 18pt; 
text-decoration: none;
}

H1.red
{
font-family: verdana, tohama, arial; 
font-size: 24pt; 
text-align: Center;
color: #FF0033;
}

H2
{
text-align:left;
font-weight: bold; 
font-family:verdana;
color:#666666;
font-size: 14pt; 
text-decoration: none;
}

H2.red
{
font-family: verdana, tohama, arial; 
font-size: 16pt; 
color: #FF0000;
text-align: Center;
}

.H2
{
text-align:left;
font-weight: bold; 
font-family:verdana;
color:#3333CC;
font-size: 10pt; 
text-decoration: none;
}

.H3
{
text-align:left;
font-family:verdana;
color:#FF0099;
font-size: 12pt; 
font-weight: bold; 
text-decoration: none;
}

H3
{
text-align:center;
font-family:verdana;
color:#3333CC;
font-size: 12pt; 
text-decoration: none;
}

.H1
{
text-align:center;
font-weight: bold; 
font-family:verdana;
color:#666666;
font-size: 16pt; 
text-decoration: none;
}


.rollmenu 
{
font-size: 12px; 
font-weight: bold; 
color: #E1E1E1; 
font-family: "verdana", "tohama", "arial"; 
text-align:center; 
text-decoration: none;
}

.rollmenu:hover 
{ 

font-size: 12px; 
color:#FFFF00;  
text-decoration: none;
}


.link
{
font-size: 14px; 
font-weight: bold; 
color: tomato; 
font-family: "verdana", "tohama", "arial"; 
text-align:left; 
text-decoration: none;
}

.unlink
{
font-size: 14px; 
font-weight: bold; 
color: #6600CC; 
font-family: "verdana", "tohama", "arial"; 
text-align:left; 
text-decoration: none;
}

.link:visited
{
font-size: 14px; 
font-weight: bold; 
color: DARKOLIVEGREEN; 
font-family: "verdana", "tohama", "arial"; 
text-align:center; 
text-decoration: none;
}

A:link 
{
    font-family: verdana,tohama, arial; 
	text-decoration: none;
	}
A:visited {
    font-family: verdana, tohama, arial; 
	COLOR: #FF9933;
	text-decoration: none;
	}
A:active {
    font-family: verdana, tohama, arial; 
	text-decoration: none;
	}
A:hover {
    font-family: verdana, tohama, arial; 
	COLOR: #ff5050;
	font-weight: bold; 
	text-decoration: none;
	}


.search
{
font-size: 12px; 
font-weight: bold; 
color: tomato; 
font-family: "verdana", "tohama", "arial"; 
text-align:center; 
text-decoration: none;
}


.boxtitle
{
text-align:center;
font-family:verdana;
color:#666666;
font-size: 14pt; 
text-decoration: none;
}

.boxtitle:hover
{
text-align:center;
font-family:verdana;
color:#CC0066;
font-size: 14pt; 
text-decoration: none;
}

.boxtitle:visited
{
text-align:center;
font-family:verdana;
color:#666699;
font-size: 14pt; 
text-decoration: none;
}


.subtitle
{
text-align:left;
font-family:verdana;
font-weight: bold; 
color:#D16A03;
font-size: 12pt; 
}

.title
{
text-align:center;
font-family:verdana;
font-weight: bold; 
color:#D16A03;
font-size: 12pt; 
}

.abi
{
text-align:center;
font-family:verdana;
font-weight: bold; 
color:#FF0000;
font-size: 14pt; 
}

.body
{
text-align:justify;
font-family: "verdana", "tohama", "arial"; 
color:#404040;
font-size: 10pt; 

}

.body_table
{
text-align:justify;
font-family: "verdana", "tohama", "arial"; 
color:#404040;
font-size: 10pt; 

margin-bottom: 5;
margin-top: 5;
margin-left: 5;
margin-right: 5;

padding-bottom: 2;
padding-left: 5;
padding-right:5;
padding-top:3;
}


.reg_table
{

font-family: "verdana", "tohama", "arial"; 
color: #666666;
font-size: 10pt; 
font-weight: bold; 
}

.cost_table
{

text-align:justify;
font-family: "verdana", "tohama", "arial"; 
color:#404040;
font-size: 10pt; 
font-weight: bold; 
background-color: #CCCCFF;

margin-bottom: 5;
margin-top: 5;
margin-left: 5;
margin-right: 5;
text-align: center;
padding-bottom: 2;
padding-left: 5;
padding-right:5;
padding-top:3;
}


.relation_table
{

text-align:justify;
font-family: "verdana", "tohama", "arial"; 
color:#404040;
font-size: 10pt; 
font-weight: bold;

margin-bottom: 5;
margin-left : 33;
margin-right: 5;
margin-top : 5;

padding-bottom: 2;
padding-left: 5;
padding-right:5;
padding-top:3;

}

.hotnews
{
text-align:justify;
font-family: "verdana", "tohama", "arial"; 
color:#404040;
font-size: 8pt; 
padding: 3;
vertical-align: top;
border:0px none;
width:100%
}

.date
{
text-align:center;
font-family:verdana;
font-weight: bold; 
color:#FF0099;
font-size: 10pt; 

}

.footer
{
font-size: 12px; 
font-weight: bold; 
color: tomato; 
font-family: "verdana", "tohama", "arial"; 
text-align:center; 
text-decoration: none;
}



.footnote
{
font-family:verdana;
color:red;
font-size: 8pt; 
}

.description
{
text-align:left;
font-family:verdana;
font-size: 8pt; 
}

.description_justify
{
text-align:justify;
font-family:verdana;
font-size: 8pt; 
}

.author
{
text-align:left;
font-family:verdana;
color:#FF0066;
font-size: 10pt; 
font-weight: bold;
text-transform: capitalize; 
}

.facilities
{
text-align:left;
font-family:verdana;
color:#6600CC;
font-size: 10pt; 
font-weight: bold;
text-transform: capitalize; 
}

.position
{
text-align:left;
font-family:verdana;
color:#008000;
font-size: 8pt; 
font-weight: bold;
}

.optional
{
text-align:left;
font-family:verdana;
color:#6600CC;
font-size: 8pt; 
}

ol { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 10pt;}

ol.bahasa { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.bahasa:hover { text-align:left; list-style-image:url('01.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.kids { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.kids:hover { text-align:left; list-style-image:url('13.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.org { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.org:hover { text-align:left; list-style-image:url('01.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.cultural { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.cultural:hover { text-align:left; list-style-image:url('05.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.outdoor { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.outdoor:hover { text-align:left; list-style-image:url('03.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.specific { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.specific:hover { text-align:left; list-style-image:url('06.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.livingin { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.livingin:hover { text-align:left; list-style-image:url('14.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.mood { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.mood:hover { text-align:left; list-style-image:url('08.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.paradise { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.paradise:hover { text-align:left; list-style-image:url('16.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.method { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.method:hover { text-align:left; list-style-image:url('08.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.teacher { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.teacher:hover { text-align:left; list-style-image:url('11.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.certificate { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.certificate:hover { text-align:left; list-style-image:url('17.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.cultura { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.cultura:hover { text-align:left; list-style-image:url('10.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.support { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.support:hover { text-align:left; list-style-image:url('06.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.customers { text-align:left; list-style-image:url('flower01.gif'); line-height: 15pt; font-size: 11pt;}
ol.customers:hover { text-align:left; list-style-image:url('02.jpg'); line-height: 15pt; font-size: 11pt; vertical-align:middle;}

ol.faq { text-align:left; list-style: decimal; line-height: 15pt; font-size: 10pt;}
ol.faq:hover { text-align:left; list-style-type: decimal; line-height: 15pt; font-size: 10pt; vertical-align:middle;}

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

div.break1 { float: none; padding: 5px; }

div.leftside2 {float: left; 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; }
div.leftside3 {float: left; 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; }
div.leftsidehead2 {float: left; 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; }
div.rightside2 {float: left; text-align:left; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; width:380px; padding: 5px; }
div.rightside3 {float: left; text-align:left; border: 1pt #FF9966 dotted; background: url('bg-small-blue.gif') repeat-x white; width:380px; padding: 5px; }
div.rightsidehead2 {float: left; 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; }

div.maindiv { font-size: 10pt; font-family: verdana, tohama, arial; text-align:justify;}

div.orange { text-align:justify; border: 1pt dotted #919191; background: url('div-bg-orange.gif') repeat-x white; width:90%; padding: 10px; margin: 5px; }
div.red { text-align:justify; border: 1pt dotted #919191; background: url('div-bg-red.gif') repeat-x white; width:90%; padding: 10px; margin: 5px; }
div.green { text-align:justify; border: 1pt dotted #919191; background: url('div-bg-green.gif') repeat-x white; width:90%; padding: 10px; margin: 5px; }
div.blue { text-align:justify; border: 1pt dotted #919191; background: url('div-bg-blue.gif') repeat-x white; width:90%; padding: 10px; margin: 5px; }
div.purple { text-align:justify; border: 1pt dotted #919191; background: url('div-bg-purple.gif') repeat-x white; width:90%; padding: 10px; margin: 5px; } 
div.pink { text-align:justify; border: 1pt dotted #919191; background: url('div-bg-pink.gif') repeat-x white; width:90%; padding: 10px; margin: 5px; }

div.leftside { float: left; text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; padding: 5px; height:100%; font-weight: bold; }
div.leftsidehead {float: left; 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; }
div.rightside { float: left; text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; padding: 5px; font-weight: bold; }
div.rightsidehead {float: left; 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; }

div.smallblue { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-blue.gif') repeat-x white; padding: 8px; font-size:12; color: #FF0033; }
div.smallorange { text-align:center; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; padding: 8px; font-size:12; margin-left: 10px; color: #FF0033; }
div.smallgreen { text-align:center; border: 1pt #66CC66 dotted; background: url('bg-small-green.gif') repeat-x white; padding: 10px; font-size:12; color: #FF0033; }

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.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.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.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.rightside2 { text-align:left; border: 1pt #FF9966 dotted; background: url('bg-small-orange.gif') repeat-x white; width:380px; padding: 5px; }
td.rightside3 { text-align:left; border: 1pt #FF9966 dotted; background: url('bg-small-blue.gif') repeat-x white; width:380px; padding: 5px; }
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; }

input { background: url('bg-small-orange.gif') repeat-x white; }
select { background: url('bg-small-orange.gif') repeat-x white; }
textarea { background: url('bg-small-orange.gif') repeat-x white; }
option { background: url('bg-small-orange.gif') repeat-x white; }

img.bookmark
{
 margin-right: 5px;
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 border: 1;
 border-color: white;

}

img.left
{
 float: left;
 margin-right: 10px;
}

img.mainpic
{
 float: center;
 margin-right: 5px;
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 border: 0;
}

img.email
{
 margin-bottom: -2px;
 border: 0;
}

H1.keyword
{
font-family: verdana, tohama, arial; 
font-size: 12pt; 
color: white;
}

A.keyword
{
font-family: verdana, tohama, arial; 
font-size: 12pt; 
color: white;
}

