/* CSS Document */
body {

 
 background-color:#ffffff;
 color: white;
 background-image: url(img/bg.jpg);
 background-repeat: repeat-x;
 font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
 background-color: #ffffff;
 color: black;
 width:910px;
	position: relative;
	margin: auto;
} 

#header{

}



#tagline
{
margin:0;
float:left;
width:300px;
}

#main{

width: 100%;
margin-top: 10px;

}

#content {

 margin: 0 200px 0 160px;
 border: 1px solid #b9d2e3;
 background-color:#FFFFFF;
 color: black;

}

#lengkas{
padding:10px;
text-align:justify;
}

#nama{
text-align:right;
padding-right:150px;
font-size:110%;
font-weight:bold;
color:#006633;
}

#alamat{
color:#333333;
text-align:right;
padding-left:250px;
padding-right:30px;
font-weight:bold;
}

#email{
color:#006633;
font-weight:bold;
font-style:italic;
padding-right:100px;
text-align:right;
}

#content .inner {
margin: 10px 20px 10px 40px;
}

#content .inner h2 {
color: #006633;
padding-left:10px;
padding-bottom: 0.2em;
border-bottom: 1px solid #006633;
font-size: 120%;
}



#content .inner ul.features {
margin: 0;
padding: 0;
list-style: none;
}

#content .inner h3 {
background-image:url(gambar/bac.gif);
background-repeat:no-repeat;
font-size: 110%;

.inner h3{
color:red;
}

}

#content .inner h3 a:link, #content .inner h3 a:visited {
color: #006633;
}

#content .inner p.desk_subkategori {

font-size: 90%;
text-align:justify;
margin-bottom:60px;
}

#forum{
color:#000000;
text-decoration:underline;
border-bottom:1px solid #red;
font-weight:bold;
font-style:italic;
font-size:120%;
}


#content .inner .features li img {
float: left;
margin: 0 5px 5px 0;
}

#content .inner p.author {
margin-top:1px;
font-weight:bold;
font-size:90%;
color:#888888;
}

#content .inner p.more{
margin-top: 0;
text-align: right;
}

#content .inner p.more a:link, #content .inner p.more a:visited {
background-image: url(img/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
font-size: 90%;
color: #006633;
}

#content .inner p.more a:hover{
font-style:italic;
font-weight:bold;
}

#sidebar {
float:right;
width: 189px;
background-color:#006633;
color: white;
margin: 0;
padding: 0;
}

#sidebar h3 {
font-size: 110%;
background-image: url(img/sidebar-header-bg.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0.2em 0 0.2em 10px;
font-weight: normal;
}

#sidebar .inner {
padding: 10px;
}

#sidebar ul {
list-style-image: url(img/more-bullet.gif);
margin-left: 0;
padding-left: 20px;
}

#sidebar p, #sidebar li {
font-size: 90%;
line-height: 1.4em;
}

#sidebar ul a:link, #sidebar ul a:visited {
color:
white;
}

#sidebar .date {
font-weight: bold;
}

#searchform .text {
width: 80px;
border: 1px solid #45bac0;
}

#searchform .searchbutton {
text-align: right;
margin-top: 4px;
margin-right:10px;
}

#searchform .btn {
border: 1px solid #ffffff;
background-color: #006633;
font-size:70%;
color:white;
}

#sidebar .motm-image {
float: right;
margin: 0 30px 0 20px;
}

#sidebar p.more {
clear: right;
margin: 0 30px 0 0;
text-align: right;
}

#sidebar p.more a:link, #sidebar p.more a:visited {
color: white;
background-image: url(img/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
}

#sidebar2{
float:left;
width:139px;
border-top: 1px solid #b9d2e3;
border-left: 1px solid #b9d2e3;
border-bottom: 1px solid #b9d2e3;
 background-color: white;
 color:#666666;
margin: 0;
padding: 0;
}

#judul_utama{
margin-left:60px;
margin-right:20px;
margin-bottom:20px;
font-size:140%;
font-weight:bold;
color:#006633;
border-bottom:1px solid #006633;
}

#lihat_forum{
padding-right:20px;
text-align:right;
}

#isian{
padding-left:10px;
color:#006633;
font-weight:600;
font-size:85%;

}



#lihat_forum a:link,#lihat_forum a:visited{
font-weight:bold;
font-size:90%;
color:#003333;
}

#lihat_forum a:hover{
color:black;
font-style:italic;
font-weight:bold;
text-decoration:none;
}

#i_forum{
float:left;
width:60px;
padding-left:10px;
padding-right:10px;
}

#judul_forum{
margin-left:60px;
margin-right:20px;
font-weight:bold;
font-size:120%;
color:#FF0000;

}

#judul_forum a:link,#judul_forum a:visited{
font-size:100%;
color:#006633;
font-weight:400;
}

#judul_forum a:hover{
font-style:italic;
text-decoration:none;
color:black;
}

#batas_forum{
margin-left:60px;

border-bottom:1px solid #009999;
}

#desk_forum{
padding-left:60px;
padding-right:20px;
font-size:90%;
text-align:justify;
}

#sidebar2 .inner {
margin:10px; 
} 

#nav{
margin:0;
padding-left:10px;

}


#nav li{
border-bottom:1px solid #006666;
margin-top:5px;
padding-bottom:2px;
list-style:none;
}

.sub{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
background-image:url(gambar/latar.gif);
background-repeat:no-repeat;
color:#ffffff;
font-size:100%;
font-weight:bold;
}

#nav a:link,#nav a:visited{
text-decoration:none;
color:#006633;

font-weight:600;
font-size:85%;
}
#nav a:hover{
font-style:italic;
font-size:110%;
color:#666666;
}

#sidebar2 h3{
font-size:110%;
font-weight:800;
color:#CC3300;
padding-left:10px;
}

#sidebar2 h4{
color:#00CC66;
font-size:100%;
font-weight:800;
padding-left:15px;
}

#sidebar2 p{
color:#666666;
font-size:90%;
padding-left:10px;
}

#bloglatest a:link,#bloglatest a:visited{
color:#0033CC;
font-size:100%;
font-weight:800;
}

#blog{
color:#FF0000;
font-size:90%;
}

#blog a:link,#blog a:visited{
color:#336666;
font-size:100%;
}

#newsletterform{
padding-left:10px;
}

.text{
width:200px;
color:#CC6600;
font-weight:bold;
background-color:#CCCCCC;
}

.btn{
background-color:#006633;
color:white;
font-size:90%;
border:1px solid #cccccc;



}

.searchbutton{
text-align:right;

}

#footer {
clear:both;
text-align:center;
 width: 100%;
 border-top: 1px solid #b9d2e3;
 border-bottom: 1px solid #b9d2e3;
 margin-top: 10px;
 margin-bottom:20px;
 background-color:#ffffff;
 color:#666666;
 font-weight:bold;
}

#footer a:link,#footer a:visited{
color:#666666;
text-decoration:none;
font-size:90%;
font-weight:bold;
}
#footer a:hover{
color:#FF6600;
font-style:italic;
text-decoration:underline;
}


#footer1 {
clear:both;
text-align:center;
 width: 100%;
 border-top: 1px solid #b9d2e3;
 border-bottom: 1px solid #b9d2e3;
 margin-top: 10px;
 margin-bottom:20px;
 background-color:#006633;
 color:white;
 font-weight:bold;
}

#footer p {
 font-size: 90%;

 margin: 0;
 padding: 0.3 em;
}

#halaman{
color:#555555;
font-size:90%;
}

#halaman ul{
margin:0;
padding:0;
}

#halaman li{
display:inline;
}

#halaman p#hal{
color:red;
float:left;
width:80px;
}

#ling a:link,#ling a:visited{
list-style-type:hebrew;
font-weight:bold;
text-decoration:none;
line-height:30px;
color:#003333;
}

#ling a:hover{
font-weight:bold;
font-style:italic;
color:red;
}

#judul_faq{
color:#003333;
text-decoration:underline;
font-weight:bold;
font-style:italic;
font-size:90%;
}

#garis{
height:1px;
margin-top:20px;
margin-right:20px;
}

#warna_faq{
background-color:#009933;
color:white;
padding:10px;
text-align:justify;
}

#box{

position:relative;
margin:40px 40px 40px 40px;
border:1px double #006633;
height:250px;
color:#006633;
font-weight:bold;

}

#image{
position:absolute;
top:30px;
left:20px;
}

#table{
	position:absolute;
	top:39px;
	left:155px;
	width: 253px;
	border-bottom:1px solid #006633;
}

#lupa{
position:absolute;
top:120px;
left:210px;
}

#lupa a:link,#lupa a:visited{
color:#006633;
font-weight:bold;
font-size:85%;
}

#lupa a:hover{
color:black;
font-style:italic;
font-weight:bold;
text-decoration:none;
}

#tombol{
color:#006633;
border:1px solid #006633;

}

.btn_hijau{
background-color:#006633;
color:white;
}

.posisi{
padding-left:30%;
}

#posisi_teks{
padding-left:40px;
}

.sel{
background-color:#CCCCCC;
color:#006633;
}

.lap{
padding-left:15%;
font-size:120%;
color:#006633;
font-weight:bold
}

.laps{
padding-left:10px;
padding-right:10px;
font-size:110%;
font-weight:400;
color:#000000;
text-align:justify;
}

.laps li{
color:red;
}

.style1{
color:red;
font-size:70%;
}

.hsl_komentar{
padding-left:150px;
color:red;
font-weight:bold;
}

.warnaku{
color:#006633;
font-weight:bold;
}

#lengkap_forum{

margin:10px;
border:1px solid #006633;
padding-left:14px;
text-align:justify;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}

#jb{
margin:45px 15px 25px 15px;
}

#em{
color:#333333;
font-weight:bold;
font-size:80%;
}

#ep{
color:#003333;
font-style:italic;
font-size:70%;
}

#ds{
text-align:justify;
border:1px solid #999999;
padding:10px;
}

#nm{
color:#006633;
font-weight:bold;
font-style:italic;
text-decoration:underline;
}

#wb{
color:#666666;
}

#wp{
font-style:italic;
font-weight:bold;
color:#006633;
}

#an{
color:#0033CC;
text-decoration:underline;
font-weight:bold;
font-style:italic;
}

#jn{
text-align:justify;
}

#wr{
color:#006633;
font-style:italic;
font-weight:bold;
font-size:90%;
}

#dd{
color:#003366;
font-weight:bold;
font-style:italic;
padding-left:150px;
}

#kotak{
margin:20px 10px 20px 10px;
padding:5px;
}

#isi{
border:1px solid #006633;
padding:10px 5px 10px 5px;
text-align:justify;
}

#isid{

padding:10px 10px 10px 10px;
text-align:justify;
}

#jt{
padding-left:15px;
color:#006633;
font-weight:bold;
font-size:120%;
text-decoration:underline;
}

#lnkp{
text-align:right;
}

#lnkp a:link,#lnkp a:visited{
color:#006633;
font-size:90%;

padding-right:20px;
}

#lnkp a:hover{
color:#006633;
font-weight:bold;
font-style:italic;
text-decoration:none;
}

#wr{
color:#006666;
}

#ns{
color:#006666;
font-weight:bold;
}

#tgl{
color:#666666;
font-style:italic;
}

#tb{
text-align:right;
margin-right:20px;

}

#tb a:link,#tb a:visited{
text-decoration:none;
}

#km{
text-align:justify;
padding:5px;
}

#kt{
valign:top;
}

.i{
float:left;
width:80px;
}

#tiga{
color:#006633;
font-size:120%;
font-weight:bold;
padding-top:50px;
padding-left:80px;
padding-bottom:50px;
}

table.schedule {
 padding-left:5px;
 width: 90%;
 line-height: 1.4em;
 border-collapse: collapse;
 border: 4px solid #adbbca;
 color: #4f6480;
 background: #f0f0f0;
}

table.schedule thead tr {
 color: white;
 background: #006633; 
}

table.schedule thead tr th {
 padding: 2px 0.6em 2px 0.6em;
 border: 2px solid #adbbca; 
}  

table.schedule tbody tr {
 border: 4px solid #adbbca; 
} 


table.schedule tbody th {
 padding: 0.6em;
 border: 4px solid #adbbca; 
} 

table.schedule tbody td {
background: #e9ecee;
padding-left:  0.6em;
 border-bottom: 4px solid #ccc; 
  } 

table.schedule tbody tr.odd {
 background: #c4cfdb; 
} 

table.schedule tbody tr.odd2 {
 background:#FF6600; 
} 

table.schedule tbody tr.odd2 td {
 background:#FF6600;
 color: #ffffff;
} 


table.schedule tbody tr.odd td {
 background: #f0f0f0;
 color: #006633; 
} 

table.schedule tbody tr th a:link {
 font-weight: bold;
 color: #5e7796;
 text-decoration: underline;
}

table.schedule tbody tr th a:visited {
 font-weight: bold;
 color: #5e7796;
}
table.schedule tbody tr th a:hover {
 font-weight: bold;
 color: #5e7796;
 text-decoration: none;
 }
 
 table.schedule tbody td a:link {
 color: #808000;
 text-decoration: underline;
}
table.schedule tbody td a:visited {
 color: #808000;
}
table.schedule tbody td a:hover {
 color: #808000;
 text-decoration: none;
}

#keterangan {
margin:40px 2px 20px 20px;
color:#006633;
}

#jm{
color:#006633;
font-weight:bold;
font-style:italic;
font-size:120%;
}

#jm2{
color:white;
text-decoration:overline;
border-top:2px solid #333333;
}

#sub_judul{
color:#006633;
font-weight:bold;
font-style:italic;
text-decoration:underline;
padding-left:20px;
}

#ju{
color:#006633;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-left:50px;
font-size:120%;
}

#utama{
margin:20px;
line-height:20px;
text-align:justify;
}

#lk a:link,#lk a:visited{
color:#006633;
font-weight:bold;
font-style:italic;

}

#lk a:hover{
color:#333333;
}

#iklan{
text-align:center;
padding:10px;
}

#kel{
height:200px;
width:400px;
margin:10px 20px;
background-color:#b9d2e3;
padding:50px 50px 50px 50px;
text-align:center;
font-size:140%;
}
