@charset "utf-8";
/* CSS Document */

body{ 
	margin: 0px 0px 0px 0px;
}
a{
	text-decoration:none;
} 

/* box goes here */
.mainbox {
	width:800px; height:auto; margin:0 auto;
}
.secondbox {
	width:800px; height:1000px;     /* change area on height */
}
.banner{
	width:750px; height:278px;
	background: url(../images/banner-new.jpg) no-repeat;
}
.bg-top {
	width:800px; height:20px; display:block;
	background:url(../images/bg-tb.jpg) no-repeat;
}
.bg-bottom {
	width:800px; height:25px; display:block;
	background:url(../images/bg-tb.jpg) no-repeat 0 -20px;
}
.bg-left {
	width:23px; height:1000px; display:block; float:left;     /* change area on height */   
	background:url(../images/bg-lr.jpg) repeat-y;
}
.bg-right {
	width:23px; height:1000px; display:block; float:left;    /* change area on height */
	background:url(../images/bg-lr.jpg) -24px repeat-y;
}

/* content goes here */
.content {
	width:754px; height:200px; float:left;
	background:#FFF;
}
.text-box {
	width:754px; height:600px; color:#000;                            /* change area on height */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; text-align:justify; margin:15px 0px 0px 0px;
}
.link-text {
	text-decoration:none; color:#000;
}


/* text */

.judul{
	font-family:Verdana, Geneva, sans-serif; font-size:24px;
	text-align:left; text-decoration:none; color:#b83d1b; font-weight:bold;
}

.sub{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; 
	text-align:justify; margin:0px 0 0 0; float:left;
}

.list{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px;
	text-align:left; text-decoration:none; color:#d8945d; padding:0 0 0 10px;
}

.des{
	width:200px; height:107px; float:left; background:url(../images/tes.png) no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;	font-size:15px; text-align:center; color:#b83d1b;
}

.des2{
	width:184px; height:230px; float:left; background:url(../images/tes2.png) no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;	font-size:15px; text-align:center; color:#b83d1b;
}

/* comment */

.q-top{
	width:380px; height:7px; background:url(../images/q_top.jpg) no-repeat; display: block;
	margin:10px 0 0 0;
}

.q-mind{
	width:370px; height:auto; background:url(../images/q_mid.jpg) repeat-y;
	display:block; padding:5px
}

.q-btn{
	width:375px; height:28px; background:url(../images/q_btm-kiri.jpg) no-repeat;
	display:block; padding-left:5px
}

.q-content{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;
	text-align:left; margin:3px 0 3px 0px; color:#000; 
}

.nama{
	font-family:Verdana, Geneva, sans-serif; font-size:20px; color:#900; text-align:right;
	padding:0px 0 0 0; 
}

.q-top1{
	width:370px; height:7px; background:url(../images/q_top2.jpg) no-repeat; display: block;
	margin:10px 0 0 0;
}

.q-mind1{
	width:360px; height:auto; background:url(../images/q_mid2.jpg) repeat-y;
	display:block; padding:5px
}

.q-btn1{
	width:365px; height:28px; background:url(../images/q_btm2.jpg) no-repeat;
	display:block; padding-left:5px
}

.box-ul{
	width:300px; height:auto;
	margin:0 auto;
}

ul {
    list-style-type:none;
}

ul li {
	background:url(../../../new_images/new_images_2009/icon.jpg) no-repeat scroll 0 2px;
	padding-left:20px; background-position:0 2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px;
}


/*css untuk button*/
.box-button{
	width:750px; height:30px; float:left; display:block;
	margin:5px 0 0 0;
}

.button{
	width:150px; height:30px; float:left; background:url(../images/bg_box.jpg) repeat-x; display:block;
	font:Arial, Helvetica, sans-serif; color:#FFF; text-align:center; font-weight:bold;
	text-decoration:none; border:none;
}