html,body
{
        background-color: #ffffff;
        color: #000;
        text-align: left;
        margin: 0px;
        padding: 0px;
        font-family: Verdana; font-size: 12px;
  /*      height: 100%;
        overflow: auto; */
}

a, a:link, a:visited
{
        color: #00AAFF;
        text-decoration: none;
        font-weight: bold
}
a:hover {
        color: #555;
}

h1 {
/*        color: #000000; font-family: Verdana; font-size: 12px;
        margin-top: 10px; margin-bottom: 5px;*/
        color:#008080;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        width: 100%;
        border-bottom:1px solid #99CCFF;
}
h3 {
        color: #9999DD; font-size: 12px;
        margin-top: 10px; margin-bottom: 5px;
}
h4 {
        color: #000; font-size: 14px;
        margin-top: 10px; margin-bottom: 5px;
}
table,img {
        border: 0; padding: 0;
}
img {
        margin: 0px;
}
form {
        margin: 0px;
}
blockquote {
        margin: 5px 5px 10px 12px;
        color: #000;
}
p
{
        margin: 2px 10px;
        line-height: 150%;
        padding: 5px 10px 5px 10px;
        text-align: justify;
        color: #000;
}
td
{
        text-align: justify;
        vertical-align: middle;
        line-height: 15px;
        color: #000;
}
input,textarea,select
{
        font: 11px "Courier New", Courier, monospace;
        background-color: #fff;
        color: #000;
        border: 1px solid #99CCFF;
}
hr {
        border: 1px solid #99CCFF;
        width: 100%;
        height: 1px;
}
ul {
	margin: 5px;
	padding: 0px;
}
code {
      width: 100%;
      background-color: #ddd;
      display: block;
}
#dasar {
        margin-left: auto; margin-right: auto;
        text-align: center;
        width: 810px;
        padding: 0px;
}
#utama {
        width: 810px;
        background-image: url('images/bayang.jpg');
        background-repeat: repeat-y;
        margin: 0px;
        text-align: center;
}
#bayangatas {
        width: 810px;
        height: 7px;
        font-size: 0px;
        background-image: url('images/bayangatas.jpg');
        background-repeat: no-repeat;
        margin: 0px;
        padding: 0px;
}
#bayangbawah {
        width: 810px;
        height: 10px;
        background-image: url('images/bayangbawah.jpg');
        background-repeat: no-repeat;
        margin: 0px;
        padding: 0px;
        font-size: 0px;
}
#atas {
        width: 770px;
        height: 100px;
        padding: 0px;
        text-align: left;
        margin-left: auto; margin-right: auto;
}
#menubar {
        padding: 0px;
        width: 770px;
        margin-left: auto; margin-right: auto;
}
#dalam {
        padding: 0px;
        width: 770px;
        margin-left: auto; margin-right: auto;
        background-color: #ffffff;
}
#kiri {
        width: 20%;
        float: left;
        margin: 0px 9px 0px 0px;
}
#tengah {
        width: 433px;
        float: left;
        padding: 4px;
        text-align: left;
        overflow: hidden;
        border: 1px solid #ddf;
        margin: 5px 0px 5px 0px;
}
#kanan {
        width: 20%;
        float: left;
        margin: 0px 0px 0px 0px;
}
#menubawah {
        width: 770px;
        clear: both;
        height: 12px;
        padding: 0px 0px 2px 0px;
        background-color: #C1E0FF;
        border-top: 1px solid #99CCFF;
        border-bottom: 1px solid #99CCFF;
        margin-left: auto; margin-right: auto;
}
#menubawah a {
        font-size:10px;
}
#bawah {
        width: 770px;
        height: 20px;
        text-align:center; vertical-align:middle;
        font-size:11px; color:#000080;
        margin-left: auto; margin-right: auto;
}
#logo {
        float: left;
        width: 200px;
        height: 100px;
}
#slogan1 {
        float: right;
        width: 300px;
        margin: 15px 0px 0px 35px;
        font-size: 12px;
        color: #99CCFF;
        font-weight: bold;
        text-align: right;
}
#slogan2 {
        float: right;
        width: 300px;
        margin: 5px 0px 0px 5px;
        font-size: 12px;
        color: #bdd972;
        font-weight: bold;
        text-align: right;
}
#pakeajax {
        float: right;
        width: 300px;
        margin: 10px 0px 0px 5px;
        font-size: 10px;
        color: #00a;
        font-weight: bold;
        text-align: right;
        cursor: pointer;
}
#pakesmiley {
        float: right;
        width: 300px;
        margin: 5px 0px 0px 5px;
        font-size: 10px;
        color: #00a;
        font-weight: bold;
        text-align: right;
        cursor: pointer;
}
#tanggaljam {
        float: right;
        width: 300px;
        text-align: right; font-family:'Courier New'; font-size:11px; color:#000080
}
.lainlain {
        width: 100%;
        margin: 5px 0px;
        text-align: center;
        font-family:'Courier New'; font-size:11px; color:#000080
}

#menubar ul {
        margin: 0;
        padding-left: 0;
        float: left;
        font: bold 110% Verdana;
        border-top: 1px solid #99CCFF;
        border-bottom: 1px solid #99CCFF;
        width: 100%;
        background-image: url(images/menubar.jpg);
        background-repeat: repeat-x;
}
#menubar ul li {
        display: inline;
}
#menubar ul li a {
        float: left;
        color: #400044;
        font-weight: bold;
        font-size: 11px;
        padding: 3px 10px 5px 10px;
        text-decoration: none;
}
#menubar ul li a:hover{
        color: #555555;
        background-image: url(images/menubar2.jpg);
        background-repeat: repeat-x;
        background-color: transparent;
        padding: 3px 10px 5px 10px;
}
.menuterpilih{
        color: #555555;
        background-image: url(images/menubar2.jpg);
        background-repeat: repeat-x;
        background-color: transparent;
        float: left;
        padding: 0px 0px 0px 0px;
}
.menugakterpilih{
        color: #400044;
        background-image: url();
        background-color: transparent;
        float: left;
        padding: 0px 0px 0px 0px;
}
.kotakkiri {
        border: 0px; text-align: left;
        width: 100%;
        margin: 5px 0px;
        padding: 0px;
}
.judulkotakkiri {
        text-align: center;
        padding: 2px 0px 0px 0px;
        margin: 0px;
        width: 103%;
        height: 16px;
        background-color: #99CCFF;
        background-image: url('images/judulkiri.jpg');
        background-repeat: repeat-x;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
}
.isikotakkiri {
        text-align: left;
        padding:3px;
        color:#3399FF;
        font-size: 11px;
        display: block;
        width: 98%;
        margin: 0px;
        border-bottom: 3px solid #99CCFF;
        border-left: 1px solid #99CCFF;
        border-right: 1px solid #99CCFF;
        border-top: 1px solid #99CCFF;
}
.kotakkanan {
        border: 0px; text-align: left;
        width: 100%;
        margin: 5px 0px;
        padding: 0px;
}
.judulkotakkanan {
        text-align: center;
        padding: 2px 0px 0px 0px;
        margin: 0px;
        width: 103%;
        height: 16px;
        background-color: #bdd972;
        background-image: url('images/judulkanan.jpg');
        background-repeat: repeat-x;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
}
.isikotakkanan {
        text-align: left;
        padding:3px;
        margin: 0px;
        color:#3399FF;
        font-size: 11px;
        width: 98%;
        display: block;
        border-bottom: 3px solid #bdd972;
        border-left: 1px solid #bdd972;
        border-right: 1px solid #bdd972;
        border-top: 1px solid #bdd972;
}
.ikon {
        width: 11px; height: 11px;
        float: left;
        margin: 2px 0px 0px 4px;
}
.judul {
        color:#008080;
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        width: 100%;
        border-bottom:1px solid #99CCFF;
}
.jam
{
        font: 11px "Courier New", Arial, sans-serif;
        color: White;
        background-color: transparent;
        color: #000;
}

.tanggal
{
        width: 135px;
        font-size: 10px; padding-left: 12px;
        margin: 0px;
        overflow: hidden;
        color: #000;
}
.email
{
        width: 135px;
        font-size: 10px; padding-left: 12px;
        overflow: hidden;
        margin: 0px;
        color: #000;
}
.komentar1
{
        font-style: italic;
        font-size: 11px;
        color: #000;
}

.komentar2
{
        color: #556B2F;
        font-size: 10px;
}
.judulpartner a {
        font-size: 13px;
        color: #000066;
        background-color: transparent;
        font-weight: bold;
}
.judulpartner a:visited
{
        color: #000033;
}
.judulpartner a:hover
{
        color: #0000ff;
}
.judultabel {
        font: bold 16px "Trebuchet MS", Arial, sans-serif;
        background: url(images/judul_rep.jpg) repeat-x;
        color: #000099;
        text-decoration: none;
}
.forum
{
        vertical-align: top;
}
.forumisi
{
        background-color: #FDF5E6;
        border: 1px solid Black;
        padding: 5px;
        vertical-align: top;
}
.tombol {
        display: block;
        width: 40%;
        float: left;
        margin-top: 5px;
}
.radioboks {
 background-color: transparent;
 border: 0px;
 margin-top: 5px;
}
label {
 display: block;
 text-align: right;
 float: left;
 margin: 7px 5px 5px 0px;
 padding: 0px;
 color: #000;
}
.isian {
 display: block;
 float: left;
 margin: 5px 0px 5px 0px;
 padding: 0px;
 color: #000;
}
.data {
 overflow: hidden;
 width: 98%;
 color: #000;
}
.dataheader {
 overflow: hidden;
 width: 98%;
}
a.tabcat,a:visited.tabcat {
 color: #000;
}
a:hover.tabcat {
 text-decoration: underline;
}
#catbar ul {
        margin: 0;
        padding-left: 0;
        float: left;
        font: bold 110% Verdana;
        border-top: 1px solid #bdd972;
        border-bottom: 1px solid #bdd972;
        width: 100%;
        background-image: url(images/catbar.jpg);
        background-repeat: repeat-x;
}
#catbar ul li {
        display: inline;
}
#catbar ul li a {
        float: left;
        color: #404400;
        font-weight: bold;
        font-size: 11px;
        padding: 4px 10px 4px 10px;
        text-decoration: none;
}
#catbar ul li a:hover{
        color: #555555;
        background-image: url(images/catbar2.jpg);
        background-repeat: repeat-x;
        background-color: transparent;
}
.catterpilih{
        color: #555555;
        background-image: url(images/catbar2.jpg);
        background-repeat: repeat-x;
        background-color: transparent;
        float: left;
        padding: 2px 10px 2px 10px;
}
.partnership {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
#blogticker {
        overflow: hidden; width: 770px;
        float: none;
        clear: both;
        margin: 5px auto 5px auto;
}
#masihproses {
        color: #fff;
        background-color: #f00;
        font-size: 10px;
        font-weight: bold;
        margin: 5px auto;
        position: fixed;
        left: 5px; top: 5px;
        width: 100px; height: 10px;
        display: block;
        visibility: hidden;
        padding: 8px;
        text-align: center;
        z-index: 100;
}
* html #masihproses {position: absolute;}
.respon {
         padding: 0px;
         color: #0a0;
         font-weight: bold;
         text-align: justify;
         line-height: 150%;
}
.img-shadow {
	float:left;
	background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.img-shadow img {
	display: block; position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}