/* CSS Document */
.gbrnews {
display:block;left:0px; padding:5px; border: #727272 0px  solid;
	margin: 0 auto;
}

#Header {
	position:relative;
	width:1024;
	height:281;
	z-index:1;
}
#kiri {
	position:relative;
	width:750;
	height:100;
	z-index:2;
	float:left;
	
}
#tengah {
	position:relative;
	width:500px;
	height:100;
	z-index:3;
	float:left;
	
}

#kanan {
	position:relative;
	width:270;
	height:100;
	z-index:4;
	float:right;
}
#footer {
	position: relative;
	width:1024px;
	height:115px;
	z-index:5;
}


.sidebox {
	margin: 0 auto; /* center for now */
	width: 244px; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sideboxnews {
	margin: 0 auto; /* center for now */
	width: 535px; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.sideboxnewsx {
	margin: 0 auto; /* center for now */
	width: 530px; /* ems so it will grow */
	background: url(images/sbbody-rx.gif) no-repeat bottom right;
	font-size: 100%;
	border:none;
}

a img {
text-decoration: none;
	border: 0 none;

}

.sideboxnewsy {
	margin: 0 auto; /* center for now */
	width: 530px; /* ems so it will grow */
	background: url(images/sbbody-ry.gif) no-repeat bottom right;
	font-size: 100%;
}

.sideboxdetail{
	margin: 0 auto; /* center for now */
	width: 750px; /* ems so it will grow */
	/*background: url() no-repeat bottom right;*/
	font-size: 100%;
}

.boxheadx {
	background: url(images/sbhead-rx.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxheadx h2 {
	background: url(images/sbhead-lx.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodyx {
	background: url(images/sbbody-lx.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.boxheady {
	background: url(images/sbhead-ry.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheady h2 {
	background: url(images/sbhead-ly.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: red; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodyy {
	background: url(images/sbbody-ly.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}


.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.boxbodydetail {
	/*background: url(images/sbbody-l.gif) no-repeat bottom left;*/
	margin: 0;
	padding: 5px 30px 31px;
}


.bl {background: url(images/bl.gif) 0 100% no-repeat #E5E5E5; width: 750px;}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 


.blx {background: url(images/blx.gif) 0 100% no-repeat #333333; width: 530px;}
.brx {background: url(images/brx.gif) 100% 100% no-repeat}
.tlx {background: url(images/tlx.gif) 0 0 no-repeat}
.trx {background: url(images/trx.gif) 100% 0 no-repeat; padding:10px}