/* CSS Document */
body, table, tr, td, div, p, li, ol, ul, img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

html { overflow: scroll; }

body {
    width: 100%; 
    text-align: center; margin: auto;
    background-color: #ffffff;
}

#container { width: 100%; margin: auto; overflow: hidden; }

html, body, #container { height: 100%; }

#top {
    text-align: center;
    background-color: #ffffff;
}
#top .left {
    position: relative; left: -200px;
    width: 1000px; margin: auto;
    background-image: url('../img/lewak.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#top .right {
    position: relative; right: -400px;
    width: 1000px; margin: auto;
    background-image: url('../img/prawak.jpg');
    background-repeat: no-repeat;
    background-position: 800px 0px;
}
#top .center {
    position: relative; left: -200px;
    width: 1000px; margin: auto;
    background-image: url('../img/main.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#top .center p {
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #888888;
    font-family: Verdana;
}
#top .center a {
    text-decoration: none;
    color: #1D95E7;
}

#footer {
    width: 100%; text-align: center; vertical-align: bottom;
    background-color: #ffffff;
}
#footer .center {
    width: 1000px; margin: auto;
    background-color: #ffffff;
}
#footer .center td {
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #888888;
    font-family: Verdana;
    padding-bottom: 25px;
}
#footer .center a {
    text-decoration: none;
    color: #888888;
}