html, body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 11px;
    background-image: url(../images/background.jpg);
    color: #FFFFFF;
}

a,
a:active,
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

div#container {
    position: relative;
    margin: 0 auto;
    width: 1000px;
}

div#header {
    position: relative;
    width: 1000px;
    height: 75px;
    background-image: url(../images/header_background.jpg);
    z-index: 100;
}

div#myslidemenu {
    position: relative;
    top: 34px;
    left: 200px;
    z-index: 9999;
}

div#jawaban {
    position: absolute;
    right: 100px;
    top: 36px;
    font-weight: bold
}

div#main {
    position: relative;
    margin: 0 auto;
    width: 946px;
    border: 1px solid #1C7CAF;
    border-top: 0px;
    background-image: url(../images/main_background.jpg);
    padding: 7px 16px;
    padding-bottom: 0;
    z-index: 50;
}

div.blog {
    position: relative;
    width: 100%;
}

div.blog div.image {
    position: relative;
    float: left;
    background-image: url(../images/blog_frame.gif);
    width: 74px;
    height: 45px;
    display: block;
}

img.blog_thumbnail {
    position: relative;
    top: 2px;
    left: 5px;
}

div.blog div.info {
    position: relative;
    margin-left: 84px;
    margin-bottom: 8px;
    height: 54px;
    display: block;
    font-weight: bold;
    width: 210px;
    overflow: auto;
}

div#logo_bottom {
    position: absolute;
    top: -8px;
    left: -17px;
    z-index: 9999;
}

div#footer {
    position: relative;
    clear: both;
    padding-top: 20px;
}

div#ads {
    position: relative;
    width: 100%;
}

div#ads div.ads {
    position: relative;
    float: left;
    margin: 0 6px;
    background-image: url(../images/ads_bg.gif);
    width: 141px;
    display: block;
    height: 92px;
}

div#ads div.ads img {
    position: relative;
    left: 7px;
    top: 2px;
}

div#ads div.ads2 {
    position: relative;
    float: left;
    padding: 6px;
}

div#copyright {
    clear: both;
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

/* error */
div#error
{
    width: 400px;
    margin: 0 auto;
    color: #FF0000;
    border: 1px solid #FF0000;
    background-color: #FFE6FF;
    padding-bottom: 2px;    
    text-align: left;
}

div#error div.header
{
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 2px;
    font-weight: bold;
}

div#error ul
{
    padding: 0;
    margin: 0 0 0 20px;
}
