/* CSS Document */

@charset "utf-8";
body {
background:#000 url(images/bg_body.jpg) no-repeat center top;
color:#666666;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:11px;
margin: 0;
padding: 0;
}

img {
    border: 0px;
}

#isi {
position:absolute;
overflow:hidden;
	margin: 0 0 0 700px;
	padding: 0;
	width: 280px;
	z-index:30;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus {
	outline: none;
}
#panel {
	background: #b4b4b4;
	height: 140px;
	display: none;
	border-right: 4px solid #252525;
	border-left: 4px solid #252525;
}
.login {
margin:0 20px;
padding:20px 20px 0 0;
height:100px;

}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #252525;
	background: url(images/slidebtn.jpg) no-repeat center top;
	height:25px;
}
.btn-slide {
	/*background: url(images/arrow.gif) no-repeat right -65px;*/
	text-align: center;
	width: 159px;
	height: 31px;
	padding: 3px 0px 0 0;
	margin: 0 auto;
	display: block;
	font: 100%/140% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.slidew{
background:transparent url(images/btn_logout.jpg) no-repeat scroll center top;
border-top:4px solid #252525;
height:25px;
margin:0;
padding:0;
}
.btn-slide2{
	text-align: center;
	width: 159px;
	height: 31px;
	padding: 3px 0px 0 0;
	margin: 0 auto;
	display: block;
	font: 100%/140% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
.baris {
margin-top: 2px;
	clear: both;
	width: 260px;
}
#login {

	width: 265px;
	height:129px;
	float:right;
	position:absolute;
	left: 900px;
	top: 65px;
	font: 11px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif ;
	color: #FFFFFF;
}
.col2submit {
	width: 150px;
	height: 60px;
	margin: 0;
	display: block;
	float: left;
	/*background: url(images/bg_textarea.gif) no-repeat;*/
}
.submit {
	width: 40px;
	float: right;
	text-align: right;
	margin-left: 10px;
	padding: 0;
	position: absolute;
	left: 150px;
	top: 80px;
}
.input {
	background-color: #fff;
	color: #5A698B;
	border: 1px solid #8595B2;
}
.lupa {
    width: 100px;
	text-align:right;
	margin-bottom: 10px;
	padding: 5px 0 0 0;
	height: 5px;
	float:left;
	font-size:10px;
}
.lupa a {
color: #FFFFFF;
text-decoration: none;
}
.lupa a:hover{
color:#520000;
text-decoration:underline;
}
.col1 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-bottom:10px;
padding:10px 20px 10px 0;
}
.col2 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-bottom:10px;
padding:10px 20px 10px 0;
}
/*div.baris {
margin-top: 2px;
	clear: both;
	width: 260px;
}
.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(images/bg_label.gif) no-repeat;
}

.col2 {
	width: 110px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/bg_textfield.gif) no-repeat;
}
.col2submit {
	width: 160px;
	height: 80px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;
}
.lupa {
    width: 220px;
	text-align:right;
	margin-bottom: 10px;
	padding: 0;
	height: 5px;
	float:left;
}
.lupa a {
color: #FFFFFF;
text-decoration: none;
}
.lupa a:hover{
color:#666666;
text-decoration:underline;
}
.submit {
	width: 40px;
	float: right;
	text-align: right;
	margin-left: 10px;
	padding: 0;
	position: absolute;
	left: 230px;
	top: 76px;
}
.input {
	background-color: #fff;
	color: #5A698B;
	border: 1px solid #8595B2;
}
*/
h2 {
font-weight: normal;
color:#6d0000;
font-size:20px;
padding:15px 0 0 10px;
margin:0px 0 0 0px;
}
h3 {
font-family:Georgia,'Times New Roman',Times,serif;
font-weight:normal;
color:#af6801;
font-size:1.2em;
margin: 0 0 0px 0px;
padding: 5px 0 0px 10px;
}
h3 a:hover{
color:#af6801;
}
h2 a {
text-decoration:none;
color:#6b4f25;
}
a {
text-decoration:none;
color:#af6801;
}
a:hover{
text-decoration:underline;
}
p {
font-size: 11px;
color:#000;
text-align:left;
padding:0px 0 0 10px;
margin-right: 15px;

}
.header{
margin:0;
padding: 0;
}
.logo{
width: 324px;
height:170px;
}
.nav{
width: 960px;
background: url(images/tab_nav.png) no-repeat;
height: 55px;
}
.nav_list{
float:left;
margin:0px;
padding:20px 10px;
position:relative;
width:520px;
z-index:19;
font-weight:bold;
}
.nav_list li {
font-size:1.0em;
display:inline;
float:left;
height:5px;
margin:0 5px;
padding-top:0;
position:relative;
}
.nav_list li a {
color:#fff;
text-decoration:none;
}
.nav_list li a:hover {
color:#fff;
text-decoration:underline;
}
.nav_right{
background: url(images/search_box.gif) no-repeat;
float:right;
margin: 12px 5px 10px 10px;
padding:0px 21px 0 0;
position:relative;
width:200px;
height: 28px;
}
.nav_right #s {
background:transparent none repeat scroll 0 0;
border: none;
float:left;
font-size:1.0em;
color:#ccc;
margin:7px 10px 0 6px;
padding:0;
height:40px;
width:147px;
}
.nav_right #go {
background:#EEEEEE url(images/btn_search.gif) no-repeat scroll 0 0;
border: none;
cursor:pointer;
display:inline;
float:right;
margin:0;
padding:0;
position:relative;
left:15px;
width:36px;
height:28px;
z-index:5000;
}

.clear {
clear:both;
line-height:0;
}
#wrapper {
margin:0 auto; 
width: 960px;
}
.row {
clear:both;
margin:0 ;
padding:0;
width:960px; 
background: url(images/bg_tubuh.jpg) repeat-y center;
}
.box_atas{
background: #ffffff url(images/tubuh_atas.jpg) no-repeat top center;
width: 960px;
height:7px;
}
.box_bawah{
background: url(images/tubuh_bawah.jpg) no-repeat top center;
width:960px;
height: 27px;
}
.tubuh{
background:#EAEAEA none repeat scroll 0 0;;
margin:0;
padding:0;
width: 960px;
}
.utama{
clear:both;
min-height:960px;
overflow:auto;
padding:0 0 20px;

}
.isina{
float:left;
padding:15px 15px 0;
position:relative;
width:650px;
font-size:13px;
}
.isina h2{
margin:0;
padding:0;
}
.isina ul{
margin:10px 0 0 10px;
padding:0;
}
.isina li{
margin-bottom:5px;
}
.border{
margin:0;
padding:0;
list-style:none;
border-top: 1px solid #fff;
}
.isina i {
color:#AF6801;
}
.isina p{
font-size:12px;
padding:10px 0 10px 0px;
margin:0;

}
.isina h3{
font-size:17px;
padding-top:5px;
margin-top:5px;
margin-bottom:10px;
color:#AF6801;
}

.isina table{
    font: normal 11px tahoma;
    }
    .isina table td{
	padding: 4px;
	}
	.isina table td.abu{
	    background: #ddd;
	    }
	    .isina table th{
		background: #aaa;
		}

input.gede {
    font: bold 22px verdana;
    }
.detail {
    background: url(images/kertas.jpg) top left no-repeat;
    margin:0px;
    padding:50px 10px;
    }

.title{
padding-bottom: 10px;
}
.title h2{
text-transform:uppercase;
font-size: 24px;
margin: 0;
padding:0;
}
.isi_rubrik{
margin: 0;
padding: 0;
}
.isi_rubrik h2{
color:#AF6801;
padding:5px 0 5px 0;
}
.kanan{
/*background: url(images/bg_kanan.jpg) repeat-y ;*/
margin:5px;
/*min-height:650px;*/
overflow:hidden;
padding:0
border-left: 1px solid #fff;

}
.kanan h3{
margin:15px 0 0 0px;;
}
.kanan a{
margin-top:10px;
}
.kanan ul {
line-height:1.5;
font-size:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 10px 5px 10px;
overflow:hidden;
padding:0;
}
.kanan ul li{
margin-bottom:10px;
padding:0;
}

ul.point {
    list-style-type: square; 
}

.column {
width:310px; 
/*height:200px; */
margin:0px ; 
padding:8px 0 0 8px ;
float:left;
}
.isi_col{
width: 309px;
margin:20px 10px 5px 15px;
height:270px;
}
.title_col{
background: url(images/atas_col.jpg) no-repeat top center;
width: 295px;
height: 50px;
margin: 0;
padding:0;
}
.detil{
width: 309px;
margin:0px 5px 0px 5px;
padding-left: 5px;
height:12px;
}
.detil a{
color:#af6801;
text-decoration:none;
}
.detil a:hover{
color:#af6801;
text-decoration:underline;
}
.foto {
float:left;
margin:17px 15px 5px 10px;

}

.agenda{
width: 309px;
margin:20px 5px 5px 5px;}
.agenda ul {
line-height:1.0;
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 10px 0 10px;
overflow:hidden;
padding:0;
}
.agenda ul li{
margin: 0;
padding:0;
}
.agenda ul p{
margin: 8px 0 19px 0;
padding:0;

}
.agenda ul a{
text-decoration: none;
color:#AF6801;
}
.agenda ul a:hover{
text-decoration: underline;
color:#AF6801;
}
.post-info {
color:#990000;
font-size:11px;
margin:5px 0 0px 0;
padding-top:3px;
}
.post-info a{
color:#000;
text-decoration:none;
}
.post-info a:hover{
color:#B0B0B0;
text-decoration:underline;
}
.caption {
margin:0 0 0 13px;
}
.isina img {
margin-left:13px;
}
table{
border:1px solid #C3C3C3;
border-collapse:collapse;
}
td{
background-color:#E5EECC;
border:1px solid #C3C3C3;
padding:3px;
vertical-align:top;
}
.mbcontainercontent h3{
margin:3px 0 5px 0;
}
.mbcontainercontent p{
margin:2px 0 10px 0;
}
#footer{
background:#000 url(images/foot.jpg) no-repeat;
width:960px;
margin-top: 10px;
padding:0px;
height:60px;
text-align:right;
}
.isi_foot{
margin:10px;
padding:10px;
color:#fff;
text-align:right;
}

.alert{
        background: url(images/alert.png) 50% 50% repeat; color: #ffffff;
        font-family:tahoma;
        font-size:11px;
        text-align:center;
        padding: 0 0 10px 0;
}

.alert h2 {
        font-size:14px;h
        text-align:center;
        padding:3px;
	color:#fff;
	font-weight:bold;
}
.thumbs{
margin : 20px;
padding: 10px;
}
iframe {
border:none;
margin: 10px 0px 0 8px ;
}
.clear {
  clear:both;
float:none;
  }