* {
        padding:0;
        margin:0;

}

body {
        color: #333333;
        background-color:#FAFAFA;
        font-family:Verdana,Tahoma,Arial,sans-serif;
        font-size:12px;
        margin:20px auto;
        width:760px;
        padding-left:10px;
        padding-right:10px;
}
img {border:0px solid #fff;}

.highlight {
        font-family:'Courier New',Verdana,Tahoma,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, 
fieldset, address { margin:0.75em 0;}

h1 {font-size:167%;}

h2 {font-size:139%;}

h3 {font-size:120%;}

h4 {font-size:100%;}

li, dd { 
        margin-left:2em;
}

a {
        color: #FF0000;
        background-color: #FAFAFA;
        font-weight: normal;
        text-decoration: none;
}

a:hover {
        color: #FF0000;
        background-color: #FFECE6;
        font-weight: normal;
        text-decoration: none;
}
#contact {
        float:right;
        padding: 18px 0px 0px 0px;
}

#contact a {
        color: #FF0000;
        background-color:#FAFAFA;
        font-weight:normal;
        text-decoration:none;
}

#contact a:hover {
        color: #FF0000;
        background-color:#FFECE6;
        text-decoration:none;
}

#header {
        color: #686868;
        background-color:inherit;
        padding:0px 0px 0px 0px;
        margin-bottom:0px;
        width:760px;
}


#title {
        color: #FF0000;
        background-color:#FAFAFA;
        font-size:22px;
        font-weight: bold;
        padding:0px 30px 20px 0px;
        float:left;
        margin:0px 0px 5px 0px;
        width:230px;
}

#title .slogan {
        color: #333333;
        background-color: #FAFAFA;
        float:left;
        font-size:10px;
        font-style:normal;
        padding: 0;
}

ul#nav {
        clear:both;
        float:left;
        margin: 0px;
        padding: 5px 10px 5px 10px;
        list-style: none;
        width:740px;
        color:#FFFFFF;
        background: #686868;
}

ul#nav li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: right;
}

ul#nav li a {
        display: block;
        margin: 2px 4px 2px 2px;
        padding: 2px 20px 2px 20px;
        color: #FFFFFF;
        background-color:#686868;
        font-weight: normal;
        text-decoration: none;
}

ul#nav li a:hover { 
        margin: 0px 2px 0px 0px;
        border:2px solid #FFFFFF;
}

ul#nav a.selected { 
        margin: 0px 2px 0px 0px;
        border:2px solid #FFFFFF;
}

#path {
        width:60%;
        clear:both;
        float:left;
        font-size:75%;
        font-weight:normal;
        padding:0px 0px 5px 0px;
        margin:0px 0px 0px 0px;
}

#path a {
        margin:0px 0px 0px 0px;
        font-weight:normal;
}

#content {
        font-size:100%;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        width:760px;
        float:left;
        background-color:#FAFAFA;
}

#maincontent {
        font-size:100%;
        padding:0px 5px 5px 0px;
        margin:0px 0px 0px 0px;
        width:540px;
        float:left;

}

/* build view */

#mainview{
        clear: both;
        width: 550px;
        margin:0px 0px 0px 0px;
}
#mainview a {color: #075181; font-weight: bold;}

#mainview .judul{
        clear: both;
        color: #000000;
        font-family: verdana;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        text-align:left;
        margin-bottom:3px;
        }
#mainview .isi{
        clear: both;
        color: #000000;
        font-family: verdana;
        font-size: 12px;
        font-style: normal;
        text-align:left;
        }
#mainview .bar{
        clear: both;
        color: #075181;
        font-family: tahoma;
        font-size: 9px;
        font-style: normal;
        text-align:right;
        margin-top:5px;
}
#mainview .bar a {color: #075181}

#mainview .next{
        clear: both;
        color: #000000;
        font-family: tahoma;
        font-size: 11px;
        font-style: normal;
        text-align:center;
        padding-bottom:5px;
        }
#mainview .garis {
        clear: both;
        margin-top:0px;
        margin-bottom:10px;
        background: #cecece url('../img/dot.gif') repeat-x bottom left;
        padding-top:1px;
}

img.view {
        float:left;
        margin-top:0px;
        width:15%;
        max-height: 20%;
        margin-right:5px;
}
.nav {
        clear: both;
        float: left;
        text-align:left;
        margin-left:0px;
        padding-left:0px;
        color: #000000;
        font-family: tahoma;
        font-size: 12px;
        font-style: normal;
}


/*end of build view */

/* build detail */

#maindetail{
        clear: both;
        width: 550px;
        margin: 0px 0px 0px 0px;
}
#maindetail a {color: #075181;}

#maindetail .judul{
        clear: both;
        color: #000000;
        font-family: verdana;
        font-size: 14px;
        font-weight: bold;
        text-align:center;
        margin-bottom:5px;
        border: 1px solid #000000;
        background:#cecece;
        }
#maindetail .isi{
        clear: both;
        color: #000000;
        font-family: verdana;
        font-size: 12px;
        font-style: normal;
        text-align:left;
        }
#maindetail .bar{
        clear: both;
        color: #075181;
        font-family: tahoma;
        font-size: 9px;
        font-style: normal;
        text-align:right;
        margin-top:5px;
}
#maindetail .bar a {color:#075181; text-decoration: none; }

#maindetail .next{
        clear: both;
        color: #000000;
        font-family: tahoma;
        font-size: 11px;
        font-style: normal;
        text-align:center;
        padding-bottom:5px;
        }
#maindetail .garis {
        clear: both;
        margin-top:0px;
        margin-bottom:10px;
        background: #cecece url('../img/dot.gif') repeat-x bottom left;
        padding-top:1px;
}
#maindetail .img {
        margin-top:10px;
        margin-bottom:10px;
        text-align:center;
}
#maindetail .imgsize {
        width:70%;
        max-height:80%;
}

/*end of build detail */

/* build kat */
#mainkat{
        clear: both;
        width: 550px;
        margin: 0px 0px 0px 0px;
}
#mainkat a {color: #000000;}

#mainkat .head{
        clear: both;
        color: #075181;
        font-family: tahoma;
        font-style: normal;
        font-weight: bold;
        text-align:left;
        text-decoration: underline;
}

#mainkat .judul{
        clear: both;
        color: #000000;
        font-family: verdana;
        font-size: 12px;
        font-style: normal;
        text-align:left;
        margin-bottom:3px;
        }

/*end of build kat */

/* build search */

#cari {
        clear: both;
        width: 180px;
        margin-bottom:1px;
}
#cari .search { width: 120px;  color: #666;}

.search { width: 120px;  color: #666;}

#maincari{
        clear: both;
        width: 550px;
        margin: 0px 0px 0px 0px;
}
#maincari.garis {
        clear: both;
        margin-top:0px;
        margin-bottom:10px;
        background: url('../img/dot.gif') repeat-x bottom left;
        padding-top:1px;
}
#maincari a {color: #000000;}

#maincari .head{
        clear: both;
        color: #075181;
        font-family: tahoma;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        text-align:left;
        padding-bottom:10px;
}
#maincari .judul{
        clear: both;
        color: #000000;
        font-family: verdana;
        font-size: 12px;
        font-style: normal;
        text-align:left;
        margin-bottom:3px;
        }

/* end of search */


#sidecontent {
        font-family:Arial, sans-serif;
        font-size:92%;
        padding:0px 0px 10px 10px;
        margin:0px 0px 5px 0px;
        width:180px;
        float:right;
        border-left: 15px solid #FF7777;
}

#sidecontent a {
        color: #FF0000;
        background:#FAFAFA;
}

#sidecontent a:hover {
        color: #FF0000;
        background: #FFECE6;
}

#sidecontent h2 { margin:0.75em 0.25em 0.25em 0em;}

#sidecontent ul { margin:0.25em 0.25em 0.25em 0.25em;}

#sidecontent p { margin:0em 0em 0em 0em;}

#nullblock {} /* Used to avoid IE jump on hover bug */

#footer {
        height:40px;
        border-top:6px solid #999999;
        font-size:85%;
        width: 760px;
        clear:both;
}

#footer        a {
        color:#FF0000;
        background-color:#FAFAFA;
        font-weight: normal;
        text-decoration: none;
}

#footer        a:hover {
        color:#FF0000;
        background-color:#FFECE6;
        font-weight: normal;
        text-decoration: none;
}

#copyrightdesign {
        color:#666666;
        background-color:#FAFAFA;
        padding:5px 20px 5px 0px;
        width: 580px;
        float:left;
}

#footercontact {
        color:#CC6600;
        background-color:#FAFAFA;
        padding:5px 0px 5px 0px;
        float:right;
}

#footercontent a {
        color: #CC6600;
        background-color:#FAFAFA;
        font-weight: normal;
        text-decoration: none;
}

#footercontent a:hover {
        color: #FF0000;
        background-color:#FFECE6;
        font-weight: normal;
        text-decoration: none;
}

/* build addads */
#mainadd{
        width: 550px;
        margin:0 auto;
}

#kiri{
        clear: both;
        float:left;
        width: 350px;
        background:#c0c0c0;
        border: solid 1px #000000;
}

#kiri .l{
        clear: both;
        float:left;
        width:80px;
        height:25px;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        padding-left: 5px;
        margin: 2px 0 0px 0;
        text-align:left;
}

#kiri .r{
        width: 230px;
        height:25px;
        float:right;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        margin: 2px 0 0px 0;
        text-align:left;
}
#kiri .captcha_l{
        clear: both;
        float:left;
        width:80px;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        padding-left: 5px;
        margin: 2px 0 0px 0;
        text-align:left;
}

#kiri .captcha_r{
        width: 230px;
        float:right;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        margin: 2px 0 0px 0;
        text-align:left;
}
#kiri .r_isi{
        width: 230px;
        height:120px;
        float:right;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        margin: 2px 0 0px 0;
        text-align:left;
}
#kiri .l_isi{
        clear: both;
        float:left;
        width:80px;
        height:120px;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        padding-left: 5px;
        margin: 2px 0 0px 0;
        padding-top: 5px;
        text-align:left;
}

#kiri .sub{
        clear: both;
        width:350px;
        height:25px;
        color: #075181;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        margin: 2px 0 0px 0;
        padding-top: 25px;
}

#kiri .note{
        clear: both;
        width:350px;
        color: #075181;
        font-family: verdana;
        font-size: 9px;
        font-style: normal;
        margin: 2px 0 2px 0;
        text-align:left;
}

#kanan {
        float:right;
        width: 190px;
}

#kanan .bd{
        color: #000000;
        font-family: verdana;
        font-size:12px;
        font-style: normal;
        font-weight: bold;
}
.input {
        vertical-align:top;
        margin-left:10px;
        height: 16px;
}

#banner {float:right; text-align:right; width:470px;}
#hitstat{margin-top:5px; vertical-align:bottom; width : 549px; background:#91CEF4; color:#000000; font-size:10px;}
#hitstat .body{width : 170px; margin-bottom:3px;margin-left:3px; margin-right:3px;}

#jam{margin-bottom:5px; width : 180px; background:#91CEF4; color:#fff;}
#jam .body{width : 170px; margin:3px;}

#ads_atas{
        clear:both;
        margin-top:1px;
        background-color:#686868;
        width:760px;
        height:100px;
}
#ads_atas .isi{padding-top:5px}
#ads_atas2{
        clear:both;
        background-color:#686868;
        width:760px;
        margin-top:1px;
        margin-bottom:7px;
}
.foorm {
        border: 1px solid #B4D6E6;
        background-color: #FAFAFA;
        margin: 5px 0 5px 0;
}
.foorm label {
        padding-left:7px;
        display:block;
        font-weight:bold;
        margin:5px 0;
        color: #333333;
}
.foorm input {
        margin-left:5px;
        padding: 0 3px;
        border:1px solid #B4D6E6;
        height: 20px;
        line-height: 20px;
}
.foorm select {
        margin-left:5px;
        border:1px solid #B4D6E6;
        width: 100px;
}
.foorm textarea {
        margin-left:5px;
        margin-bottom:5px;
        width:95%;
        padding:2px;
        border:1px solid #B4D6E6;
        height:100px;
        display: inline;
}
.foorm input.button {
        height: 24px;
        color: White;
        font-weight: bold;
}