/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:url(images/bg1.gif) repeat-x top #020a2e}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#5f5f5f;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right; padding-top: 5px }
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#000000; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#00bdf1; background:url(images/marker-2.gif)  center right no-repeat; padding-right:6px; text-decoration:none; font-weight:bold; float:right  }
.link:hover{text-decoration:underline }
.link2{color:#00bdf1; background:url(images/marker-1.gif)  center left no-repeat; padding-left:6px; text-decoration:none; font-weight:bold  }
.link2:hover{text-decoration:underline }
.link1{color:#00b6ed; font-weight:bold; text-decoration:none;  }
.link1:hover{text-decoration:underline }
.link3{ color:#00b6ed; text-transform:none; font-weight:bold; text-decoration:none; float:right}
.link3:hover{text-decoration:underline }
#content h5{color:#000000; text-transform: none; font-size:1em; margin-bottom:5px;  }

.button{color:#f8f7f3; background:url(images/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:10px; }
#content ul li a{color:#e5156d; text-decoration: underline; line-height:1.5em} 
#content ul li a:hover { text-decoration:none; }


#content .ul li{background:none; margin:0; padding:0; width:100%; vertical-align:top }

#content .ul li b{background:url(images/marker.gif) center left no-repeat; padding-left:19px; margin-left:8px; font-weight:normal; display:block; padding-bottom:0; margin-bottom:0 }
#content .ul li span{background:url(images/marker1.gif) no-repeat bottom right; display:block }
#content .ul li a{background:url(images/bg_menu.gif) repeat-x top; margin-bottom:2px; display:block; line-height:2.25em; color:#fff; text-decoration:none  }
#content .ul li a:hover{background:url(images/bg_menu-act.gif) repeat-x top; text-decoration:none  }
#content .ul li .current{background:url(images/bg_menu-act.gif) repeat-x top; text-decoration:none  }

#content .ul1 li{background:url(images/bg_li.gif) repeat-x top left; margin:0; padding:7px 0 4px 11px; font-size:.916em; color:#fbbc01; margin-bottom:1px }
#content .ul1 .li{background:url(images/bg_li1.gif) repeat-x top left; }
#content .ul1 li a{color:#fff; text-decoration:none ; line-height:1.5em; } 
#content .ul1 li a:hover { text-decoration:underline; }



.link-1 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 18px 3px 7px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 { display:block; float:right; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0 18px 3px 7px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.6875em; color:#000103 }
#header .indent{margin:64px 0 0 652px; position:absolute; width:308px; background:url(images/bg-1.gif) no-repeat top left}
#header .indent1{padding:5px 30px 0 23px}
#header .indent2{padding:8px 0 0 9px}
#header .block{ background:url(images/bg_block.gif); height:31px}
#header a{color:#000103; text-decoration:none;} 
#header a:hover{text-decoration:underline}
#header span a{color:#000103; font-weight:bold }
#header span b a{color:#00c3f5; }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg2.png)}
#content .indent-main{padding:0 5px 0 5px}
#content .indent-main1{padding:5px 5px 0 5px}
#content .title  {background:url(images/bg_title1.gif) repeat-x top #fbaa01; padding:9px 0 11px 14px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.41em }
#content h1 { background:url(images/bg_title1.gif) repeat-x top #fbaa01; padding:9px 0 11px 14px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.41em; margin-bottom: 10px }
#content .title1{background:url(images/bg_title2.gif) repeat-x top #0158b4; padding:9px 0 11px 14px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.41em}
#content .img-left{ float:left; margin:0 13px 0 0}
#content .img-left1{ float:left; margin:0 17px 0 0}
#content .img-left2{ float:left; margin:0 13px 20px 0}
#content .img-indent{ margin:0 0 6px 0}
#page3 #content p{ margin:0 0 17px 0}
#content p{ margin:0 0 7px 0}
#content .p{ margin:0 0 11px 0}
#content h2, #content h2{color:#fff; font-size:1.83em; font-weight:normal  }
#content h4{color:#00bdf1; text-transform:uppercase; font-size:1em; margin-bottom:3px;  }
#content .tail{ background:url(images/tail2.gif) repeat-x bottom; padding-bottom:11px; margin-bottom:8px}
#content .txt{ display:block; margin-bottom:5px; font-size:.833em; color:#0181cd;}
#content .txt a{ text-transform:uppercase; color:#0181cd; text-decoration:none;  margin:0 3px 0 3px}
#content .txt a:hover{text-decoration: underline}


#content .indent{padding:267px 0 0 30px; color:#fdc502}
#content .indent1{padding:6px 0 0 0}
#content .indent2{padding:3px 0 0 0}

/*box*/
#content .box{ background:#111111; width:100%; font-size:.833em; color:#fff; line-height:1.18em}
#content .box .border-top {background:url(images/border_top.gif) repeat-x top;}
#content .box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
#content .box .indent-box{ padding:4px 11px 6px 5px; }
#content .box .indent-box1{ padding:4px 11px 5px 5px; }
#content .box p{ margin:11px 0 8px 0}
#content .box a{ color:#00bdf1; text-transform:uppercase; text-decoration:none; font-size:1.1em }
#content .box a:hover{text-decoration:underline }
/*box1*/
#content .box1{ background:#fff; width:100%; }
#content .box1 .indent-box{ padding:15px 15px 13px 15px; }
#content .box1 h3{color:#0181cd; font-size:1.41em; text-transform:uppercase; background:url(images/tail1.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:19px}
#content .box1 .h3{padding-bottom:5px; margin-bottom:5px}
/*box2*/
#content .box2{ background:url(images/border_top2.gif) repeat-x top #e0dfdf; width:100%; color:#000000;}
#content .box2 .indent-box{ padding:17px 15px 13px 15px; }
#content .box2 .indent-box1{ padding:17px 5px 13px 15px; }
#content .box2 p{ margin:11px 0 8px 0}
#content .box2 a{ color:#00b6ed; text-transform:none; font-weight:bold; text-decoration:none}
#content .box2 a:hover{text-decoration:underline }
#content .box2 h4{color:#000000; text-transform: none; font-size:1em; margin-bottom:3px }
/*box3*/
#content .box3{ background:url(images/border_top3.gif) repeat-x top #181c2d }
#content .box3 .indent-box{ padding:17px 13px 23px 13px; }
#content .box3 h3{color:#0181cd; font-size:1.41em; text-transform:uppercase; background:url(images/tail1.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:19px}
#content .box3 .h3{padding-bottom:5px; margin-bottom:5px}
/*box4*/
#content .box4{ background:#1b1f32 }
#content .box4 .indent-box{ padding:17px 13px 23px 13px; }
#content .box4 h3{color:#0181cd; font-size:1.41em; text-transform:uppercase; background:url(images/tail1.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:19px}
#content .box4 .h3{padding-bottom:5px; margin-bottom:5px}


/*footer*/
#footer { color:#00bdf1; font-size:0.75em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:21px 20px 0 16px;}
#footer a {color:#fbb701; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer h2{color:#00bdf1; font-size:1em;  }
#footer .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:4px; margin-bottom:5px}
#footer .indent{padding:0 0 0 12px}
#footer .indent1{padding:28px 0 0 780px}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li a{color:#fff; text-decoration:none ; line-height:1.72em; font-size:.916em} 
#footer .ul li a{color:#00bdf1; text-decoration:none ; line-height:1.72em; font-size:.916em} 
#footer ul li a:hover { text-decoration:underline; }

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.h1{ height:29px;}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:none; 
	background:none;
	width:243px; height:18px;
	font-size:1em;
	color:#fff;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

/* tambahan */
#headline { background: url(images/1page_img.jpg) no-repeat; width: 636px; height: 333px }
#headline .inside { float: left; padding-top: 260px; padding-left: 20px }
#status { display: none }
#home { background-color: #FFFFFF; text-align:center; height: 250px }
#home div { width: 150px; text-align: left; float:left; margin-left: 3px; }

/* menu */
ul#menu { list-style: none; height: 25px; }
#container > ul#menu { list-style: none; background-color: #000; height: 28px;}
#menu li{ float: left; position: relative; }
#menu a { text-decoration: none; display: block; height: auto; }
li.mmenu  { list-style-type: none; font-weight: bold; }
li.mmenu a  { color: #fff; padding: 5px; font-size: 11px; }
li.mmenu a:hover  { background-color: #a91818; color: #fff !important; text-decoration: none !important}

.submenus { list-style: none; display: none; width: auto; position: absolute; top: 1.9em; left: 0; background-color: #ffae00 !important }
.submenus li  { width: 100%; border-bottom: 1px solid #ffae00; }
.submenus li a  { display: block; width: 100%; text-indent: 3px; padding: 3px; color: #000; }

html>body .submenus li a{ /* non IE browsers */ width: auto; }
.submenus li a:hover  { background-color: #a91818; color: #fff; }
#menu li>ul {/* non IE browsers */ top: auto; left: auto; }
#menu li ul { top: auto; left: auto; }
#menu li:hover ul, li.over ul { display: block; }

/* form */
form { padding: 6px 0; line-height: 24px; }
input { padding:2px; background-color: #f7f7f7; margin: 2px;}
textarea { width: 100%; padding:2px; background-color: #f7f7f7; margin: 2px; }
select { background-color: #fff; padding:2px; margin: 2px;}
.submit_button { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#ccc; font-weight:bold; color: #000; font-variant: small-caps; letter-spacing: 1px}
.mini_button { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#ccc; font-weight:bold; color: #000; font-size: 10px}
.sb_selected { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#eee; font-weight:bold; color: #000; font-variant: small-caps; letter-spacing: 1px}
.submit_button:hover { background-color: #f7f7f7; cursor: pointer }
.sb_selected:hover { cursor: pointer; }
label { width: 150px; float:left; padding-right: 10px; font-weight: bold; text-align: right; font-variant: small-caps}
br.clear, .spacer { clear: both; }
.im { color: red }

a.nav, a.current { font-weight: bold; }
.navpad { padding: 5px; margin: 5px; }
.nav { background-color: #f7f7f7; color: #000; padding: 1px 3px 1px 3px; }
.nav:hover { border: 1px solid #000; background-color: #fff; color: #000 !important; }
td input.submit_button { border-color:#DCDCDC #666 #666 #DCDCDC; background-color:#ccc; font-weight:bold; color: #000; font-size: 0.85em; padding: 1px; margin: 0;}

fieldset { border: 1px solid #ccc; padding: 5px; background-color: #fff; margin-bottom: 10px}
legend 	{ padding: 0 3px; font-weight: bold; background-color: transparent; text-transform: uppercase}
.spacer { clear: both }
.notify { width: auto; background-color: #f7f7f7; border: 1px solid #f90; font-weight: bold; color: #0000ff; padding: 5px; margin: 5px 0; }

.error { width: auto; background-color: #f7f7f7; border: 1px solid #f90; font-weight: bold; color: #ff0000; padding: 5px; margin: 5px 0; }
.data { border: 1px solid #ccc; width: 100%; margin: 5px 0; }
th { background-color: #a91818; font-weight: bold; text-align: center; color: #fff;padding: 2px; line-height: 1.2em; font-size: 10px}
td { padding: 2px; line-height: normal; font-size: 10px}
.num { padding: 3px; text-align: center; }
.even { background-color: #eee; }
.odd  { background-color: #f7f7f7; }

/* Misc classes and styles */
.clear  {clear:both;}
.hide {display:none;}
label { float: left; width: 150px;padding-right: 20px; font-weight: bold; text-align: right; }
br.clear { clear: both; }
.box  { margin:0 0 20px 0; padding:5px; border:1px solid #c0c0c0; background:#fff url(images/boxbg.jpg) 0 0 repeat-x; color:#505050; line-height:1.5em; }
#status { position: fixed; padding: 2px; width: 100px; font-size: 10px; display: none; color: #666; font-weight: bold; background-color: #fffcc6; border: thin solid #ccc }
.news {margin: 10px 0 20px 0;}

.bcon { font-size: inherit; width: auto; height: auto}
.bcon img { display: block }
.b_c { padding: 10px 5px; margin: -9px 0 }
.b_c a { color: #805400; text-decoration: none; border-bottom: 1px solid #ccc;}
.b_c p { margin-bottom: 5px; } 
.b_tr { background: url('images/tr.gif') no-repeat top right;  display: block}
.b_br { background: url('images/br.gif') no-repeat bottom right;  display: block}

div.left { float: left }
div.right { float: right }

.indent-box ol { margin-left: 20px }