*{
margin: 0px;
padding: 0px;
}
body{
background: #000 url('images/bg.gif');
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #857D74;
}
p{
display: block;
text-align: justify;
}
a{
color: #466b8e;
text-decoration: none;
}
a:hover{
text-decoration: none;
background-color: transparent;
color: black;
}
li {
 list-style-type:decimal;
 margin-bottom:5px;
}
img {
margin-right:4px;
margin-left:4px;
}
em{
font-style: italic;
}
#content,#side table{
width: 100%;
}
#content,#side th{
padding-left: 11px;
padding-right: 11px;
color: #000;
border:1px solid gray;
background-color:#afb19c;
}
#content,#side tr{
height: 20px;
}
#content,#side td{
padding-left: 11px;
padding-right: 11px;
border:1px solid gray;
}
#content,#side th strong{
color: #000;
}
.date{
font-family: georgia, "times new roman", serif;
font-size: 10px;
}
h1,h2,h3,h4,h5,h6,th{
font-family: georgia, "times new roman", serif;
font-weight: bold;
}
.foot{
height: 1px;
line-height: 1px;
clear: both;
}
.divider{
border-bottom: solid 1px gray;
}
#outer{
width: 920px;
background: #fff url('images/mainbg.gif');
margin: 20px auto 0px auto;
padding: 10px 13px 0px 13px;
}
#inner{
background-repeat: repeat-y;
}
#header{
position: relative;
height: 120px;
}
#header a:hover{
background-color: #7fb0f9;
}
#header h1
{
position: absolute;
bottom: 10px;
font-size: 26px;
padding-left: 26px;
color: #fff;
}
#header h1 strong{
color: #fff;
}
#header h1 span{
color: #D97900;
}
#toolbar {
background-image:url("images/bgmenu.gif");
background-color: #313031;
padding: 5px 0px 5px 0px;
margin-top:10px;
text-align:right;
}
.menu {
color: white;
font-family: Tahoma;
font-size: 8pt;
font-weight: bold;
border-left: 1px solid white;
text-decoration: none;
background-color: #313031;
padding: 5px;
}
.menu:hover {
background-color: #e6f1fd;
}
#main{
position: relative;
width: 510px;
margin: 2px -500px 5px 0px;
float: left;
}
#main h2,h3{
color: #6C3C1E;
}
#main h2{
font-size: 22px;
height: 60px;
padding-left: 22px;
margin-bottom: -15px;
}
#main h3{
font-size: 12px;
height: 50px;
padding-left: 22px;
margin-bottom: -15px;
}
#main p{
margin-bottom: 14px;
}
#main p strong{
color: #725D46;
}
#main .content{
position: relative;
margin-left:auto;
margin-right:auto;
padding: 3px;
width:95%;
color:black;
font-family:"trebuchet ms", helvetica, sans-serif;
}
#main .content input {
 border:1px solid gray;
}
#main .content textarea {
 border:1px solid gray;
}
#main .contberita{
position: relative;
padding: 5px;
width:95%;
color:black;
}
#main.content p {
display:block;
font-size:13px;
margin-left: 15px;
padding:5px;
}
#main .heading {
font-size:15px;
font-weight:bold;
}
#main .divider{
margin: 20px 0px 20px 0px;
}
#kolom{
position: relative;
display:block;
width: 95%;
margin : 10px 10px 10px 10px;
float: left;
}
#sidekiri{
position: relative;
float: left;
width: 210px;
margin: 3px 0px 0px 3px;
}
#side{
position: relative;
float: right;
width: 210px;
margin: 3px 0px 0px 3px;
}
#side .boxkanan {
background-color:#e6f1fd;
border:1px groove #c4c4cd;
margin-top:5px;
margin-bottom:5px;
text-align:center;
padding-bottom:5px;
}
#sidekiri .boxkanan {
background-color:#e6f1fd;
border:1px groove #c4c4cd;
margin-top:5px;
margin-bottom:5px;
text-align:center;
padding-bottom:5px;
}
.boxkanan a {
margin-bottom: 5px;
}
.mail {
width:110px;
height:17px;
border:1px groove gray;
font-size:10px;
}
.tombol {
width:60px;
height:20px;
font-size:10px;
background-color:#eda123;
border:1px double gray;
}
#side .judulbox {
background-image:url("images/bgbox.gif");
background-repeat: no-repeat;
color: #fff;
width:100%;
height:30px;
text-align:left;
font-size: 13px;
font-weight:bold;
padding: 4px;
margin-bottom:3px;
}
#sidekiri .judulbox {
background-image:url("images/bgbox.gif");
background-repeat: no-repeat;
color: #fff;
width:200px;
height:30px;
text-align:left;
font-size: 13px;
font-weight:bold;
padding: 4px;
margin-bottom:5px;
}
#footer
{
width: 698px;
margin: 12px auto 0px auto;
padding-bottom: 24px;
text-align: center;
color: white;
}
#footer a:hover
{
background-color: #7DAFBD;
color: #E8FAFF;
}
.judul {
font-size:12px;
font-weight:bold;
color:blue;
font-family:Arial;
margin-top:5px;
margin-bottom:2px;
}
.tgl {
font-size:10px;
color:red;
font-family:arial,Tahoma;
border-bottom: 1px dotted blue;
margin-bottom: 3px;
}
.utama {
width:60%;
float:left;
border:2px dashed green;
padding:10px;
margin-left:5px;
margin-bottom:10px;
}
.judulutama {
font-size:17px;
font-weight:bold;
}
.tempat {
position:relative;
float:left;
width:30%;
height:150px;
margin-right:5px;
}
.descutama {
font-size:11px;
color:black;
margin-bottom: 20px;
}
.isiindex {
width : 100%;
height : 100%;
margin-bottom :20px;
float : left;
}
#box {
clear: both;
overflow: auto;
padding-top: 10px;
width:500px;
}
#box a {
 color:red;
}
#box a:hover{
color: #5F7786;
text-decoration: none;
}
#box strong {
font-size: 15px;
padding:5px;
}
#box1 {
width: 90%;
margin-right: 7px;
margin-left: 7px;
}
#box2 {
clear:both;
width: 90%;
margin-right: 7px;
margin-left: 7px;
}
#box3 {
clear:both;
width: 90%;
margin-right: 7px;
margin-left: 7px;
}
#box1, #box2, #box3 {
height: 100%;
width: 93%;
border: 1px solid #CCCCCC;
background-image: url("images/boxbg.gif");
background-repeat: repeat-x;
background-position: center bottom;
padding:5px;
margin-bottom:5px;
text-align:justify;
color:black;
}
.kurs {
font-size: 11px;
color: #000000;
font-family: arial,verdana,sans-serif;
text-decoration: none
}
#loading {
margin-top: 25px;
text-align: center;
display: none;
}
#loadc {
margin-top: 25px;
text-align: center;
display: none;
}
.pagingDiv {
width:270px; 
height:20px;
font-size:11px;
}
.pNo {
float:left; 
width:30px;
margin-left:3px;
margin-right:3px;
border:0px solid gray;
}
.pNo a {
text-decoration:none;
}
#waktu {
color : black;
font-size:13px;
font-family:georgia;
border-bottom:1px ridge blue;
}
.line {
background-image:url("images/line.gif");
width:95%;
height:4px;
}
.juduldepan {
background-image:url("images/depan.gif");
background-repeat:no-repeat;
width:200px;
height:28px;
font-size:17px;
font-weight:bold;
color:#000;
margin-top:5px;
margin-left:5px;
padding-left:10px;
padding-top:1px;
}
#navcontainer {
margin-left: 5px;
margin-top:10px;
margin-bottom:10px;
}
ul#navlist{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
list-style-type: none;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a { 
padding: 3px 10px; 
}
#navlist a:link, #navlist a:visited{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover {
color: #fff;
background-color: #369;
text-decoration: none;
}