/* CSS by Arif Wicahyanto wicahyanto@gmail.com */
body{background: #c2ff58 url('img/bg.jpg') center top;background-attachment:fixed; margin: 0px; font-family: "Lucida Sans Unicode", "Lucida Sans", Tahoma, "Trebuchet MS", Arial; font-size: 12.4px; line-height: 15px; color: #403E3E;}

h1 {font-size: 18px; font-weight: normal;}

h2 {font-size: 16px; font-weight: normal;}

h3 {font-size: 14px;}

img {border: none;}

a {color: #047804; text-decoration: none;}

#wrap {width: 900px; margin: 0px auto; border-left: 3px solid #e2f8bf; border-right: 3px solid #e2f8bf;}

#mainbox {width: 900px;}

#main_top {background: #e8e365 url('img/header.jpg') no-repeat; height: 150px; width: 900px;}

#runningtext {width: 900px; padding-top: 5px; height: 19px; background: #fff7e8; border-bottom: 1px solid #e1c2b0; color: #413025; font-family: verdana;}

#main_mid {float: left; width: 900px; background: #ffebc4 url('img/bg_mid.png') repeat-y;}

#footer {clear: both; background: #c5d0a2; text-align: center; color: #292924; border-top: 1px #8e8d81 solid; padding-top: 10px; padding-bottom: 30px;}

#pagewrapper {margin: 0;}

#wrapper {margin: 0px auto;}

#content {float: left; margin-top: 0px;}

#center_left {float: left; width: 200px;}

#menu {width: 200px; margin: 0px;background:#cbf385;}

#menu ul {list-style: none; margin: 0; padding: 0;}

#menu li {margin-top: 5px;}

#menu li a {height: 24px; text-decoration: none; font-weight: bold;}

#menu li a:link, #menu li a:visited {width: 190px; color:#fbfff3; display: block; background: url("img/menu.gif"); padding: 8px 0 0 10px;}

#menu li a:hover {width: 190px; color: #381307; background: url("img/menu.gif") 0 -32px; padding: 8px 0 0 10px;}

#center_center {float: left; width: 491px; padding: 5px; border-left: #eed491 solid 1px; border-right: #eed491 solid 1px;overflow:hidden;}

#sidebar {float: left; width: 200px; margin-bottom: 10px;}

#sidebar h2 {height: 28px; margin: 0px; padding: 10px 0px 0px 10px; background: url("img/sidebar.png") no-repeat; font-size: 100%; font-weight: bold; color: #147586;}

#sidebar ul {margin: 0; padding: 0; list-style: none;}

#sidebar li li {margin: 0; padding: 10px 0 4px 5px; border-bottom: 1px solid #BEC030;}

#sidebar a {text-decoration: none; font-family: verdana; color: #9d5c00; font-size: 11.3px;}

#sidebar a:hover {color: #E66414;}

#sidebar_border {padding-bottom: 5px; padding-top: 5px;}

#sidebar_image {float: left; width: 197px; padding: 4px 0 0 0; margin-bottom: 10px;height:380px;}
#sidebar_image h2 {height: 28px; margin: 0px; padding: 10px 0px 0px 10px; background: url("img/sidebar.jpg") no-repeat; font-size: 100%; font-weight: bold; color: #147586;}

#sidebar_right {float: left; width: 197px; padding: 4px 0 0 0; margin-bottom: 10px;}
#sidebar_right ul {margin: 0; padding: 0; list-style: none;}
#sidebar_right li li {margin: 0; padding: 5px 0 0 5px; background: none;}
#sidebar_right h2 {height: 28px; margin: 0px; padding: 10px 0px 0px 10px; background: url("img/sidebar.jpg") no-repeat; font-size: 100%; font-weight: bold; color: #147586;}
#sidebar_right a {text-decoration: none; color: #9d5c00; font-size: 11px; font-weight: bold; font-family: verdana;}

#sidebar_content {padding: 5px;}
#sidebar_content_berita {padding: 5px;}
#sidebar_content_berita ul  li{padding:0px 0px 10px 0px;}
#sidebar_content_berita a{ color:#8E0059;font-weight:normal;font-style:italic;}
#sidebar_content_berita a:hover{ color:#624D22;text-decoration:underline;}

#warta {padding: 10px 0px 20px 0px;}

#wartabox {padding: 0 5px 5px 5px; border-top: 1px solid #afd069; background: #eeffc9; margin-bottom: 15px; color: #000;}

#wartabox a{text-decoration: none; color:#9E5703;}

#center_right {float: left; width: 184px;}

#date {float: right; width: 120px; text-align: right; font-size: 13px; font-weight: bold; color: #fefefe; padding-right: 14px;}

#jsddm {width: 600px; padding: 0px; float: left; margin: 0px; z-index: 90;}

#jsddm li {float: left; list-style: none; font: 12px Tahoma, Arial; padding: 0px; z-index: 90;}

#jsddm li a {display: block; background: #EFD81C url('img/tabright.gif'); padding: 10px 12px 10px; text-decoration: none; border-right: 1px solid white; width: 70px; color: #21110B; white-space: nowrap; font-weight: bold;}

#jsddm li a:hover {background: #f1b015; color: #381307;}

#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; z-index: 90;}

#jsddm li ul li {float: none; display: inline; z-index: 90;}

#jsddm li ul li a {width: auto; background: #F3C92B; z-index: 90;}

#jsddm li ul li a:hover {background: #7F1616; z-index: 90;}

.imagehead1 {margin-bottom: -4px;}

.imagehead2 {margin-bottom: -3px;}

.imagehead3 {margin-bottom: -2px;} /* contact form */

#contact_form {padding-top: 20px;}

.row {clear: both; width: 470px; margin-left: 0px;}

.row span.formlabel{font-size: 12px; float: left; width: 180px; text-align: left; padding: 3px;}

.row span.forminput{float: right; text-align: right;}

.row span.forminput1{float: right; text-align: right; margin-right: 2px;}

.spacer {width: 30px;}

input.contact, textarea.contact {width: 260px; margin-left: 0px; border: 1px solid #7DFB57; margin: 2px; padding: 3px;}

.submit01 {border: 1px solid #19A146; width: 70px; padding: 5px 0px 5px 0px; font-size: 100%; background: #fff; color: #533e10; font-weight: bold;}

#imageflip {width: 183px; margin: 0px auto 30px }

#imageflip ul {list-style: none; padding: 0px; margin: 0px;} /* Scroller Box */

#scroller_container {width: 470px; height: 20px; overflow: hidden; margin-left: 490px; color: #fff; margin-top: -30px;}

#halaman {margin-bottom: 12px;}

.vcount {color: #e8935a; font-weight: bold;}

.menuicon {margin-bottom: -3px;}

.mainicon {margin-bottom: -5px;}

.gallery {border: #97F856 solid 1px; padding: 3px; background: #FAFDDF;}

.title01 {color: #298909; font-weight: normal; text-align: center; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;}

#gallery {padding-left: 10px; padding-top: 25px;}

#gallery_row {width: 470px; float: left; padding-bottom: 10px; padding-top: 5px; border-bottom: 1px solid #97F856;}

#gallery_left {float: left; width: 100px;}

#gallery_right {float: left; padding-left: 10px; width: 300px;}

#gallerylist {margin-top: 10px; padding: 10px; background: #CEFCB0; border: 1px solid #97F856; float: left;}

#gallerylist img {border: #A6C410 solid 1px; padding: 3px; background: #D3F258; width: 90px; height: 90px;}

#scroll_mess {margin-top: 0px; height: 200px; width: 550px; overflow: auto; margin-bottom: 10px; padding: 10px;}

#mess {padding: 10px; border: 1px solid #DA0C25; background: #FEEBE2;}

.date {font-size: 10px;}
.scroll_gb {font-size: 11px; margin-top: 10px; height: 200px; width: 470px; overflow: auto; margin-bottom: 10px; padding: 10px; background: #e5f9ae; border: 1px solid #aad23f;}

#tanggapanbox {padding: 0 5px 5px 5px; border-top: 1px solid #afd069; background: #EAFF81; margin-bottom: 15px; color: #000;}
#tanggapan {background:#FDFFF7;width:472px;padding:5px;}