* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#2b742b;
}
#wrapper { 
 margin: 0 auto;
 width: 795px;
 background-color:#FFFFFF;
}
#header {
 color: #333;
 width: 793px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 0px 0px 1px 0px;
 background: url(frontpage.jpg) no-repeat #FFFFFF;
}
#navigation {
 float: left;
 width: 792px;
 color: #B2BFD6;
 padding: 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 3px 0px;
 background: #EAEEF5;
 height:20px;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #E0E6F0;
 background: url(bg_biru.gif) repeat-x #FFFFFF;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: auto;
 width: 160px;
 float: left;
}
#leftcolumn ul {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#leftcolumn li {
	background: url(next.gif) no-repeat center left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom:1px dotted #C0CBDF;
	}

#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #E0E6F0;
 background: url(bg_biru.gif) repeat-x #FFFFFF;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: auto;
 width: 585px;
 display: inline;
}

#beritalain ul {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#beritalain li {
	background: url(ikon.gif) no-repeat center left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
	border-bottom:1px dotted #C0CBDF;
	text-indent:5px;
	}

#footer { 
 width: 773px;
 clear: both;
 text-align:center;
 height:20px;
 color: #333;
 border: 1px solid #cccccc;
 background: url(bg_biru.gif) repeat-x #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

.kiri {
border:1px solid #C0CBDF;
background-color:#FFFFFF;
padding:5px;
margin-bottom:5px;
}

.kanan {
border:1px solid #C0CBDF;
background-color:#FFFFFF;
padding:5px;
margin-bottom:5px;
}

.garis {
	border-bottom: 1px dotted #C0C0C0;
	margin:3px;
	color:#666666;
	font-size:10px;
}

.subjudul {
font-size:11px;
}

/* pagging*/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

#beritalain {
 border:1px solid #C0CBDF;
 background: url(bg_biru.gif) repeat-x #FFFFFF;
 padding:5px;
}
.foto { 
height: 280px;
width: 563;
background: none; 
padding:0px;
margin:7px 0px 0px 0px;
 background-color:#FFFFFF;
 border: 1px solid #A0A0A0;
}
.fotonya {
float:right;
}
.fotoben {
float:right;
}

.teks_foto {
padding:1px;
margin:0px;
float:left;
width:142px;
height:240px;
background-color:#F5F5F5;
}