body{background-image:url(images/01_02.gif); background-repeat:repeat-x;
background-color:#26a4db; bottom:0px; padding:0px;}
body{width:100%; height:100%; }
body, input, textarea, select { font-family: Arial, Helvetica, sans-serif; }

body > div#kebun {
 	 /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	 position:fixed;
}

input, select, textarea{border:#009900 1px solid; font-size:11px; padding:2px;}
input.buttom{border:#009900 1px solid; background:#009900; color:#FFFFFF;}
#foot{position:absolute;
height:30px;
width:100%;
background-color:#44b549;
z-index:11;}
img{border:none;}
div#foot { position: absolute; left:0px; bottom:0px; margin-bottom:0px;}
div#foot {
 	 left: expression( ( (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	right: expression( ( (ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
	bottom: expression( ( (ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
}
body > div#gajah {
 	 /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  	position:fixed;
}
#gajah{position:absolute; width:500px; height:355px; z-index:1;}
div#gajah { position: absolute; left:0px; bottom:0px; margin-bottom:30px; margin-left:0px; }
div#gajah {
 	 /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  	left: expression( ( (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	right: expression( ( (ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
	bottom: expression( ( (ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
}
body > div#seal {
 	 /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  	position:fixed;
}
#seal{position:absolute; width:203px; height:35px; z-index:1;}
div#seal { position: absolute; left:0px; bottom:0px; margin-bottom:40px; margin-left:10px; }
div#seal {
 	 /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  	left: expression( ( (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	right: expression( ( (ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
	bottom: expression( ( (ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
}


.shading1 {
	font-family:tahoma; font-size:14px; letter-spacing:1px;
	color:#ffffff;
	padding:0 0 5px 25px;
	background: url(images/shading.gif) no-repeat;
	float:none;
}.shading1 a{color:#ffffff; text-decoration: none;}
.shading1 a:hover{color:#ffffff; cursor:pointer; font-weight: bold; text-decoration:none;}
.shading a:hover{font-weight: bold}

.contenBox{font-family:tahoma; font-size:11px;
	color:#000000;line-height:15px;}
.ijo{font-family:tahoma; font-size:11px;
	color:#3CB34A; line-height:15px;}
	
div .title{
height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3CB34A;
	font-weight: bold;
	letter-spacing:4px;
}
div.green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3CB34A;
	font-weight: bold;
}

.shading {
	font-family:tahoma; font-size:12px;
	color:#FFffff;
	padding:0 20px 0 25px;
	background: url(images/0_22.gif) no-repeat;
	float:left;
}.shading a{color:#FFffff; text-decoration: none;}.shading a:hover{font-weight: bold}
.shading:hover{cursor:pointer; font-weight: bold;
}

.shadingActive{
	font-family:tahoma; font-size:12px;
	color:#FFffff;
	padding:0 20px 0 25px;
	background: url(images/0_22.gif) no-repeat;
	float:left; font-weight: bold;}.shadingActive a{color:#FFffff; text-decoration: none;}

a{color:#009900; text-decoration:none; }
a:hover{color:#009900; text-decoration:underline; }
.copyright {
font-family:tahoma; font-size:11px;
	color:#FFffff;}
.none{border:none;}

#menu1{position:absolute; height:60px; width:90%; left:50%; top:0px; margin-top:115px; margin-left:-45%; z-index:19; }
#menu{position:absolute; height:30px; width:90%; left:50%; top:0px; margin-top:170px; margin-left:-45%; background-image:url(images/images/bg_menu.gif); background-repeat:repeat-x; z-index:20; }
#menu a{color:#FFFFFF;}
#menu a:hover{text-decoration:none}
#menuLanguge{width:20%; overflow:hidden; float:right; margin-left:80px; text-align:left;}
.pl10{padding-left:2px;}
#menuLanguge #lg{float:left; width:15%; background-repeat:no-repeat; margin-top:3px; overflow:hidden; margin-right:5px;}
#konten{height:100%; width:255px;}
#konten2{height:100%; width:50%; overflow:hidden;}
.box{float:left; width:20px; height:20px;}
.box2{float:left; width:260px; height:20px; background-color:#FFFFFF; }
#isi{position:absolute; width:90%; left:50%; top:3px; margin-left:-45%; margin-top:210px; z-index:2;}
.boxTengah{float:left; width:300px; height:300px; background-color:#FFFFFF; }

#logo{position:absolute; width:90%; height:40px; top:0px; left:50%; margin-left:-45%; margin-top:30px; z-index:12;}
#thum{position:absolute; height:90px; width:90%; left:50%; top:0px; margin-top:80px; margin-left:-45%; z-index:18; text-align:right; }
#basic{position:absolute; height:90px; width:90%; left:50%; top:0px; margin-top:560px; margin-left:-45%; z-index:20; text-align:left;}
#basic a{color:#FFFFFF; font-weight:bold;}
#basic #basicIn{width:70%; text-align:right; float:left;}
#basic #ab{width:250px; float:left;}

#lineGajah{position:absolute; width:473px; height:190px; right:0px; top:0px; margin-right:0px; margin-top:0px; }

#tes{position:absolute; bottom:0px; left:0px; margin-bottom:20px; height:60%; width:200px; z-index:50; background-color:#FFFFFF;}

.shading3{background-image:url(images/greenShading.GIF); background-repeat:no-repeat; padding:0 0 0 15px; font-family:tahoma; font-size:11px; color:#000000;line-height:18px;}
.shading3 a{color:#000000; text-decoration:none; }
.shading3 a:hover{color:#009900; text-decoration:underline; }

.shading4 {background-image:url(images/greenShading2.GIF); background-repeat:repeat-y; padding:0 0 0 30px; font-family:tahoma; font-size:11px; color:#000000;line-height:20px; }
.shading4 a{color:#000000; text-decoration:none; }
.shading4 a:hover{color:#009900; }
.shading4 div {background:url(images/redShading2.GIF) white}

.shading7 {background-repeat:repeat-y; font-family:tahoma; font-size:11px; color:#000000;line-height:20px; }
.shading7 a{color:#000000; text-decoration:none; }
.shading7 a:hover{color:#009900; }
.shading7 div.red {background:url(images/redShading2.gif) white no-repeat; padding-left:30px;}
.shading7 div.ijo {background:url(images/greenShading2.GIF) white no-repeat; padding-left:30px;}

.shading5 {padding:0 0 0 25px; font-family:tahoma; font-size:11px; color:#000000;line-height:20px; }
.shading5 a{color:#000000; text-decoration:none; background:url(images/greenShading2.GIF) no-repeat; background-position:-17px 0px; padding-left:10px;}
.shading5 a:hover{color:#009900; }
.shading5 div{background:url(images/greenShading2.GIF) -14px 0px no-repeat; padding-left:15px}
.shading5 div a{padding:0px; background:none}
.konten{font-family:tahoma; font-size:11px;
	color:#000000;line-height:15px;}
.subtitle{
	font-family:tahoma;
	font-size:11px;
	color:#3CB34A;
	line-height:15px;
	font-weight: bold;
}
table.kotak {border-right:1px solid #00CC00; border-top:1px solid #00CC00; color:#000000;
font-family:tahoma; line-height:11px;
	font-size:11px; }
table.kotak td.judul {
	font-family:tahoma;
	font-size:11px;
	color:#3CB34A;
	line-height:15px;
	font-weight: bold;
	height:25px; padding:0 0 0 10px;
} 
table.kotak td.isikotak {
vertical-align:top;
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	line-height:18px;
	padding:2px 0 2px 10px;
} 
table.imges{font-size:11px; color:#000000;}
table.imges td{padding:3px;}
.kotak td {border-bottom:1px solid #00CC00; border-left:1px solid #00CC00;}
.greenn p{background-image:url(images/greenShading.GIF); background-repeat:no-repeat; padding:0 0 0 15px; font-family:tahoma; font-size:11px; color:#000000;}
.greenn{font-family:tahoma; font-size:11px;
	color:#000000;}

#animasi{position:absolute; width:400px; height:300px; top:50%; left:50%; margin-left:-200px; margin-top:-150px; z-index:20 0px; }

.trans_box2 {
  position:absolute; width:473px; height:190px; right:0px; top:0px; margin-right:0px; margin-top:0px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/line_gajah.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
  background-image:url(images/line_gajah.png);
}

body > div#movie {
 	 /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  	position:fixed;
}
#movie{position:absolute; width:390px; height:269px; z-index:1;}
div#movie { position: absolute; left:0px; bottom:0px; margin-bottom:30px; margin-left:110px; }
div#movie {
 	 /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  	left: expression( ( (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	right: expression( ( (ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
	bottom: expression( ( (ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
}


body > div#water {
 	 /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  	position:fixed;
}
#water{position:absolute; width:159px; height:170px; z-index:1;}
div#water { position: absolute; left:0px; bottom:0px; margin-bottom:214px; margin-left:0px; }
div#water {
 	 /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  	left: expression( ( (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	right: expression( ( (ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
	bottom: expression( ( (ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
}
.green a{color:#009900; font:normal; font-size:11px;}
#playmovie{position:absolute; width:500px; height:400px; top:50%; left:50%; margin-left:-250px; margin-top:-200px; z-index:40; text-align:center;}
#playmovie2{position:absolute; width:500px; height:420px; top:50%; left:50%; margin-left:-250px; margin-top:-210px; z-index:40; text-align:center; border:2px solid #009900}
.close{color:#000000; font-size:13px;}
.close a{color:#000000; text-decoration:none;}
#imgkanan{text-align:right; padding-bottom:15px; padding-right:20px; border-bottom:1px solid #009900; margin-bottom:5px;}
#PT10{padding-top:10px;}
#thum_structur{position:absolute; top:50%; left:50%; width:500px; height:350px; margin-left:-250px; margin-top:-240px; z-index:50; border:5px solid #009900; visibility:hidden;}
#thum_structur2{position:absolute; top:50%; left:50%; width:500px; height:390px; margin-left:-330px; margin-top:-240px; z-index:60;}
#thum_structur2 img{border:5px solid #009900;}
#divCalculator {
	position:absolute;
	bottom: 0px;
	text-align: left;
	width: 100%;
	z-index: 100%;
	background-color:#44b549;
	padding-top:8px;
	padding-bottom:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;	
	padding-left: 65px;
}