body{
        background-color:#fff;
        background-image:url('img/back.jpg');
        font-family:arial;
        margin:0 auto;
        text-align:center;
        padding:0;
}
h1{
        position:absolute;
        top:-200px;
        left:0;
}
h4{
        padding:0;
        margin:0;
}
#mainbox{
        margin:0 auto;
        width:762px;
        text-align:left;
}
#header{
        height:62px;
        background-image:url(img/index_01.gif);
        background-repeat:no-repeat;
        background-position:50% 0px;
}
#header p{
        text-align:right;
        margin-top:20px;
        margin-right:20px;
}
#header p a{
        color:#000;
        font-size:8pt;
        font-weight:bold;
        text-decoration:none;
}
#header p a:hover{
        text-decoration:underline;
}
#top-box{
        margin:-1px 0 0 0;
        padding:0;
        background-color:#305830;
        height:27px;
        font-size:9pt;
}
#green-left{
        float:left;
        width:196px;
        background-color:#305830;
        line-height:27px;
        text-align:center;
        color:#fff;
}
#green-right{
        float:right;
        background-image:url('img/index_03.gif');
        width:565px;
        color:#fff;
        line-height:27px;
        text-align:center;
        letter-spacing:1px;
}
#green-right a{
        color:#fff;
        text-decoration:none;
        font-weight:bold;
}
#green-right a:hover{
        color:#FFCB06;
}
#head-left{
        float:left;
        width:196px;
        background-color:#D0E0D0;
        height:196px;
}
#head-left form{
        background-color:#C0D0B0;
        border:solid 10px #C0D0B0;
}
#head-left form input[type=text]{
        width:110px;
}
#head-right{
        float:right;
        width:565px;
        height:196px;
}
#body-content{
        background-image:url('img/bgbody.png');
}
#content-left{
        float:left;
        width:196px;
        background-color:#E3E3E3;
        
}
#content-left h3{
        margin:0;
        padding:0;
        font-size:9pt;
        color:#aa5600;
        border-bottom:solid 1px #aa5600;
        font-family:arial;
        text-transform:uppercase;
}
#content-right{
        float:right;
        width:565px;
        background:#fff;
}
#this-content{
        margin:10px;
        font-size:9pt;
}
#this-content a{
        color:#305830;
}
#this-content a:hover{
        color:#aa5600;
}
#this-content h4{
        margin:0;
        padding:0;
}
#footer{
        background-image:url('img/index_13.gif');
        width:762px;
        text-align:center;
        font-size:8pt;
        color:#ffffff;
        vertical-align:top;
        line-height:30px;
}
.cls{
        clear:both;
}

.packages{
        margin:10px 7px 20px 9px;
        list-style:none;
        padding:0px;
}
.packages li{
        margin:2px;
        background-image:url('img/arrow.gif');
        background-repeat:no-repeat;
        padding-left:20px;
        font-size:8pt;
        font-weight:bold;
		font-family:verdana;
}
.packages li a{
        color:#2A4D2A;
        text-decoration:none;
}
.packages li a:hover{
        color:#ffffff;
}
.home-news{
        margin:10px 10px 10px 13px;
}
.home-news ul{
        list-style:none;
        margin:5px 0px 0px 0px;
        padding:0px;
}
.home-news ul li{
        margin:0 0 7px 0;
        padding:0;
        font-size:8pt;
        color:#444;
}
.home-news ul li a{
        color:#2A4D2A;
        text-decoration:none;
}
.home-news ul li a:hover{
        color:#FFD226;
        text-decoration:underline;
}
.home-articles{
        margin:10px 10px 10px 13px;
}
.home-articles ul{
        margin:5px 0px 0px 0px;
        padding:0;
        list-style:none;
}
.home-articles ul li{
        font-size:8pt;
        padding:3px 0;
        border-bottom:solid 1px #c0c0c0;
}
.home-articles ul li a{
        color:#305830;
        text-decoration:none;
}
.home-articles ul li a:hover{
        color:#222;
        text-decoration:underline;
}
.judulatas{
        border-bottom:dotted 1px #c0c0c0;
        margin: 0 0 15px 0;
        font-size:12pt;
        color:#222;
        padding:0;
        font-family:georgia;
}

/****** hanya untuk halaman index *****/
#news-home{
        float:right;
        width:200px;
        background:#f0f0f0;
        border:solid 1px #aa5600;
        margin-left:5px;
}
#news-home h3{
        margin:0;
        padding:3px 5px;
        background:#aa5600;
        color:#fff;
        border-bottom:solid 1px #aa5600;
}
#news-home ul{
        margin:0;
        padding:0;
        list-style:none;
}
#news-home ul li{
        margin:5px;
        padding:0;
        border-bottom:solid 1px #d0d0d0;
        padding-bottom:5px;
}
#news-home ul li a{
        text-decoration:none;
}
.small{
        font-size:8pt;
}