/* CSS Document */
body{ 
	margin:10px auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background:url(../images/pagebg.jpg) repeat-x fixed;
	text-align:center; 
        background-color:#cbe5f2;
}
#mainWrapper{
	width:980px;
	margin:0 auto;
}
*html #mainWrapper{ margin-bottom:-10px;}
#wrapper{
	width:100%;
	/*padding:0 10px;*/
	background:url(../images/bgall.jpg) repeat; /*border:1px solid #000000;*/
}
*html #wrapper{margin-bottom:-17px;}
#header{
	width:100%;
	background:url(../images/bgall.jpg) repeat;
}
#sdtAtaskr{float:left; padding:11px 12px 0 0; background:url(../images/sdtatasKiri.jpg) no-repeat;}
#sdtAtaskn{float:right; padding:11px 0 0 12px; background:url(../images/sdtatasKanan.jpg) no-repeat;
}
#logo{ 
	float:left; width:200px; margin:0 20px;
}
*html #logo{ margin:0 10px;}
#bahasa{float:right; margin:0 20px; font-size:100%;}
*html #bahasa{margin:0 10px;}
/*Opera*/
html:first-child #opera { 
 } 
/* IE 7 */ 
html > body #ie7 { *display: block; } 
/* IE 6 */ 
body #ie6 { _display: block; } 
/* Firefox 1 - 2 */ 
body:empty #firefox12 { display: block; } 
/* Firefox */ @-moz-document url-prefix() { 
	#menuNav li{ float:left;  /*display:inline;*/ list-style:none; background:url(../images/bgmenu.jpg) repeat; margin-right:4px; padding:4px 45px; border-bottom:2px solid #000000;}
#menukanan{float:left; margin-left:8px; width:260px; font-size:100%; color:#FFFFFF;  }

} 
/* Safari */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#menuNav li{ float:left;  /*display:inline;*/ list-style:none; background:url(../images/bgmenu.jpg) repeat; margin-right:4px; padding:4px 45px; border-bottom:2px solid #000000;}
	#menukanan{float:left; margin-left:6px; width:260px; font-size:100%; color:#FFFFFF;  }

} 
/* Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { 
	#menuNav li{ float:left;  /*display:inline;*/ list-style:none; background:url(../images/bgmenu.jpg) repeat; margin-right:4px; padding:4px 45px; border-bottom:2px solid #000000;}
} 

#menuNav{ margin:2px 20px; font-size:100%; font-weight:bold; height:20px;}
#menuNav ul{ margin:0 0 0 -40px;}
*html #menuNav ul{margin:0;}
*html #menuNav li{float:left;  /*display:inline;*/ list-style:none; background:url(../images/bgmenu.jpg) repeat; margin-right:4px; padding:4px 45px; border-bottom:2px solid #000000;}
#menuNav li a:link{ text-decoration:none; color:#FFFFFF;}
#menuNav li a:visited{ text-decoration:none; color:#FFFFFF;}
#menuNav li a:hover{ text-decoration:none; color:#FF0000;}
#menuNav li a:active{ text-decoration:none; color:#FFFFFF;}

/*CONTENT*/
#content{width:100%; margin:1em 0; text-align:left; background:url(../images/bgall.jpg) repeat; color:#FFFFFF;}

/*bikin kolom*/
div#kolomKiri{float:left; width:70%; /*border:1px solid #000000;*/}
div#kolomKanan{float:left; width:27%; /*border:1px solid #000000;*/}

/*animasi*/
#animasi{padding-top:295px;}
*html #animasi{padding-top:345px; !important}
#flash{float:left; width:670px; margin-left:20px;}
*html #flash{float:left; width:670px; margin-left:10px;}

#menukanan{ width:260px; font-size:100%; color:#FFFFFF;  }
*html #menukanan{ float:left; margin-left:1px;}
#judul{background:url(../images/bgmenu2.jpg) repeat;  padding:4px 8px; margin:0 0 2px 0; }

#welcome{float:left; width:200px; margin:10px 15px;}
*html #welcome{ width:200px; margin:10px 5px 10px 10px;}
#isiWelcome{width:100%; min-height:330px; /*border:1px solid #999999;*/ background:url(../images/bgmenu.jpg) repeat; font-size:100%; padding:8px;}
*html #isiWelcome{height:390px;}

#support{float:left; width:200px; margin:10px 10px;}
*html #support{width:200px; margin:10px 5px 10px 0px;}
#isiSupport{width:100%; min-height:330px;/*border:1px solid #999999;*/ font-size:100%; padding:8px; background:url(../images/bgmenu.jpg) repeat;}
*html #isiSupport{height:390px;}

#news{float:left; width:200px; margin:10px 0px 10px 15px;}
*html #news{ width:200px; margin:10px 0px;}
#isiNews{width:100%;  /*border:1px solid #999999;*/ font-size:100%; padding:8px; background:url(../images/bgmenu.jpg) repeat;  min-height:330px;}
*html #isiNews{height:390px;}

#produk{float:left; width:670px; margin:10px 0 10px 20px;}
*html #produk{float:left; width:670px; margin:10px 0 10px 10px;}
#isiProduk{width:644px; font-size:100%; padding:8px; background:url(../images/bgmenu.jpg) repeat; min-height:200px;}
#isiProduk h4{ margin-bottom:10px;}
#isiKontak{width:644px; font-size:100%; padding:8px; background:url(../images/bgmenu3.jpg) repeat; /*min-height:200px;*/}
#isiKontak h4{ margin-bottom:10px;}
#isiProduk a:link{ color:#ccc; text-decoration:none;}
#isiProduk a:visited{ color:#ccc; text-decoration:none;}
#isiProduk a:hover{ color:#fff; text-decoration:none;}

#isiKontak a:link{ color:#333; text-decoration:none;}
#isiKontak a:visited{ color:#333; text-decoration:none;}
#isiKontak a:hover{ color:#000; text-decoration:none;}

/**FOOOOTTEERR****/
#footer{
	width:100%; margin:0; padding:0; text-align:right; font-size:.75em;
}
#sdtBwhkr{float:left; background:url(../images/sdtbwhKiri.jpg) no-repeat;  padding:0 0 14px 14px;}
#sdtBwhkn{float:right; background:url(../images/sdtbwhKanan.jpg) no-repeat; padding:0 0 14px 14px;
}

h3{font-size:110%; color:#007ac0; margin-bottom:4px;}
h4{font-size:110%; margin:0 0 2px 0; color:#fff;}
.title{font-size:110%; font-weight:bold; color:#fff;}
.tglBerita{font-size:90%; color:#EEEEEE;}
.pis{clear:both; margin:0; padding:0;}
h4 a:link{ text-decoration:none; color:#fff;}
h4 a:visited{ text-decoration:none; color:#fff;}
h4 a:hover{text-decoration:underline; color:#ff0000;}

/*menu*/
.arrowlistmenu{
width:260px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size:10px;
color: white;
background:#017AC1 url(../images/bgmenu.jpg) repeat;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 0 4px 8px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/bgmenu3.jpg);
color:black;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
margin:0;
padding:0;
margin-bottom:2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom:4px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size:10px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

#icon{ width:auto; margin:0 10px 10px 0;}
.isian{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%;}
*html hr{margin:0px;!important}