/* CSS Document */

body {
	margin: 0;
	padding: 0px;
	background: #999898 url(images/img3_1.jpg) repeat-x;
	font-family:Tahoma, Verdana, Courier New;
	font-size:12px;
	color: #000000;
}

h1{
font-size:12px;
font-weight:bold;
color:#0f3753;
width: auto;
padding:0px 0 5px 0;
margin: auto;
text-decoration:none;
}

h2{
font-size:18px;
font-weight:normal;
color:#0f3753;
width: auto;
padding:5px 0 5px 0;
margin: auto;
text-decoration:none;
}

h3{
font-size:14px;
font-weight:bold;
color:#FF9900;
width: auto;
padding:5px 0 5px 10px;
margin: auto;
text-decoration:none;
}

p{
font-size:11px;
text-align:justify;
padding:2px;
margin:0px;
color: #5C5C5C;
}

hr{
border-style:dashed;
margin-left:20px;
border-color:#666666;
}

/* header */

#header {
	width: 899px;
	height: 70px;
	margin: 0 auto 0 auto;
}
/* Logo */
 
#logo {
	float: left;  
	height: 40px;
	background:url(images/logo_1.jpg) left no-repeat ;
	width: 50px;
	padding-top: 10px;
}

#nama{
   float: left;
   height: 30px;
   padding-top:13px;
   width: 300px;
}

#nama a {
	text-decoration: none;
    color:#CC0000;
    font-size: 20px;
}

/* Search */

#search {
	float: right;
	width: 290px;
	padding-top: 10px;
}

#search a{
    text-decoration:none;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}

#search form {
	margin: 0;
	padding: 0;
}

#searchinput, #searchsubmit {
	font: bold 100% Georgia, "Times New Roman", Times, serif;
}

#searchinput {
	padding: 2px 5px;
	width: 198px;
	color: #7F7772;
}



/* Menu */

#menu {
width:888px;
height:auto;
margin:auto;

}
#menuisi {
	margin: 0 auto 0 80px;
	background:url(images/menu.jpg) left no-repeat;
}


ul.vert-one{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:11px Arial, sans-serif;
	line-height:200%;
	width:210px;
	}

ul.vert-one li{
	margin:0;
	padding:0;
	border-bottom:1px dashed #BAC9FD;
	background: url("images/arrow.gif") no-repeat 0 2px;
	}

ul.vert-one li a{
	display:block;
	text-decoration:none;
	color:#000000; /*warna tulisan*/
	padding:0 0 0 25px;
	width:180px;
	}

ul.vert-one li a:hover{
	background:#E9ECF1 url("images/arrow1.gif") no-repeat 0 2px;
	color:#0033FF;
	}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
	background:#E9ECF1 url("images/arrow.jpg") no-repeat 0 2px;
	}

/* flash */

#flash{
margin:0 auto;
clear:both;
width:898px;
height:273px;
padding-top:0px;
/**posisi suatu elemen didalam elemen yang lain */
/*background:url(images/content1.jpg) no-repeat center;*/
}

/*content*/
#main_content{
width:900px;
margin:0 auto;
clear:both;
}

.top_box{
width:900px;
height:0;
float:left;/**posisi suatu elemen didalam elemen yang lain */
background:url(images/content2.jpg) no-repeat center;
}

.center_box{
width:900px;
height: auto;
float:left;
background:url(images/content2.jpg) repeat-y;
}

.bottom_box{
width:1000px;
height:10px;
float:left;
background:url(images/content2.jpg) no-repeat center;
}

#bodycontainer{
width:900px;
height:auto; color:#4D4747;
margin:auto;
}

.clear {clear:both}

#left {
	float:left; 
	width:250px; 
	margin-right:0px;
 }
#bodycontainerlefttop {
	width:220px; 
	background:url(images/bg_lefttop_1.gif) top left repeat-y;
	font-family:Tahoma, Verdana, Courier New;
	padding:7px 10px 10px 10px;
	border-right:2px solid #2E3139;
	margin-left:9px;
	font-size:11px;
	color:#FFFFFF;	
}
#bodycontainerleft {
	width:220px; 
	background:url(images/bg_left.gif) top left repeat-y;
	font-family:Tahoma, Verdana, Courier New;
	padding:0px 10px 10px 10px;
	border-right:2px solid #2E3139;
	margin-left:9px;
	font-size:11px;	
}

#bodycontainerleft p{
	font-size:11px;	
}

#bodycontainerleft a{
    text-decoration:none;
	font-size:11px;	
}

#right {
    margin-left:0px;
	float:left; 
	width:620px; 
}

#bodycontainerright {
	padding: 0px;
	font-size:11px;
	padding-left:20px;
	padding-right:20px;
} 

#bodycontainerright a{
    text-decoration:none;
	color:#FF9900;
	font-size:11px;	
}

#bodycontainerright a:hover{
	color:#339933;
}

#bodycontainerright img {
	float:left;
	margin-right:20px;
	
} 
#rightisibox {
   	float:left; 
	width:640px; 
    }
#rightisi {
   	float:left; 
	width:213px; 
    }
#rightisi p {  
   padding :9px;}
   
#top1{
    background:#000000 url(images/topkanan1.gif);
}
.tulis{
    font-size:11px;
	font-weight:bold;
	color: #0f3753;
}
#top2{
    background:#000000 url(images/topkanan2.gif);
	color: #5C5C5C;
}
#top3{
    background:#000000 url(images/topkanan3.gif);
	color: #5C5C5C;
}
#isi1{
    background:#000000 url(images/isikanan1.gif);
}
 #isi2{
    background:#000000 url(images/isikanan2.gif);
}
#isi3{
    background:#000000 url(images/isikanan3.gif);
}
    
#footer{
width:100%;
height:60px;
clear:both;
font-size:11px;
background-color:#767676;
color:#ffffff;
/*border-top:1px #eeabbd dashed;*/
}

#footerbody{
width: 900px;
height: 40px;
margin :0;
padding-top:20px;
padding-left:50px;
}