body {
    background: #f3f3f3;
    color:#333;
    width:100%;
    font-family:sans-serif;
    margin:0 auto;
}

.header {
    width: 90%
    margin:auto;
    height:120px;
    line-height: 60px;
    background-image: url(warna.jpg);
    color: #fff;
}

.content {
    width: 90%;
    margin: auto;
    height: 1020px;
    padding: 0.1px;
    background: #fff;
    color:#000;
}

.kiri {
    width:70%;
    float: left;
    margin:auto;
    background: #fff;
    height:420px;
}

.kanan {
    width:30%;
    float: left;
    margin:auto;
    background:#fff;
    height:420px;
}

.border {
    border:2px solid #C70039;
    margin-top: 1pc;
    padding-bottom: 1pc;
    padding-left: 1pc;
    padding-right: 1pc;
}

.undecor {
    text-decoration: none;
}

.footer {
    width: 90%;
    margin: auto;
    height:120px;
    line-height: 35px;
    background-image: url(warna.jpg);
    color: #fff;
    padding-bottom: 1pc;
    padding-top: 1pc;
}

.menu {
    background-image: url(warna.jpg);;
    height: 50px;
    line-height: 50px;
    position: relative;
    width:90%;
    margin: 0 auto;
    padding: 0 auto;
}

.jarak {
    padding: 0 2pc;
}

.menu ul {
    list-style: none;
}

.menu ul li a {
    float: left;
    width:70px;
    display:block;
    text-align: center;
    color:#FFF;
    text-decoration: none;
}

.menu ul li a :hover {
    background-color: #74C599;
    display: block;
}