body{margin:2px auto;max-width:800px;font-family: arial, helvetica, verdana;font-size:14px ;color:#333333;background-color:#F5F5F5}

a:active,a:visited,a:link{color :#006699;text-decoration :none;}a:hover{color :#FF9900;text-decoration :underline;}

.left{padding-bottom :2px;padding-top :2px;background :#ffffff;text-align:left;border:1px dotted #4169E1;}

.center{padding-bottom :2px;padding-top :2px;background :#ffffff;text-align:center;border:1px dotted #4169E1;}

input,textarea,select{font-family:Verdana,sans-serif;font-size:small;}

ti {font-size: 25px; font-weight:bold; margin: 1px;} 
h1 {font-size: 21px; margin: 0;}
h2 {font-size: 15px; font-weight:italic ; margin: 0;}
h3 {font-size: 12px; margin: 0;}
h4, h5, h6 {font-size: 11px; margin: 0;}

.badan {background-color: #ffffff; padding: 5px; border-bottom: 0px solid #cecece;}
.list {background-color: #ffffff; margin: 2px;padding: 3px; border: 1px solid #cecece;}
.konten {background-color: #ffffff; padding: 5px; border-bottom: 0px solid #cecece;}
.dline, .b{background-color: #ffffff; padding: 1px; border: 1px solid #cecece;}
.dlines, .b{background-color: #ffffff; padding: 3px; border-radius: 5px solid #cecece;border:3px solid#gren;}
.line {background-color: #ffffff; padding: 3px; border-bottom: 1px solid #cecece;}
.blue {padding:3px;background-color:#A8E4FF;color:#000000;text-align: center;border:1px solid #FFFFFF;}
.divk {float:right;}
.survey {background-color: #ffffff; padding: 10px; border: 1px solid #cecece;}

.head {background-color:#F5F5F5;font-size:14p; padding:3px;text-align: justify;}
.head a{color:#111; text-align:center; height:20px; padding:2px 10px 0px 0px; margin-right:5px; border-right:1px solid #ccc;}
.head a:hover{color:#FF9900;}

.filelist_paging {margin: 3px;padding; 1px;border;1px solid #F5F5F5}
.filelist_paging a {padding: 3px; border: 1px solid #cecece;}
.filelist_paging a:hover {padding: 3px; border: 1px solid #FF9900;}
.filelist_paging span {padding: 3px; border: 1px solid #cecece;}

#navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
#navigation ul {
list-style: none; /* untuk menghilangkan bullet */
margin: 0; /* gak usah dikasih jarak dengan elemen lain*/
padding: 0; /* antara border dan elemen tidak usah dikasih jarak*/
padding-top: 4px; /* tapi antara batas atas dan elemen kita beri jarak 4px*/
}
#navigation li {
display: inline; /* membuat li menjadi horizontal */
}
#navigation a:link, #navigation a:visited {
padding: 3px 10px 2px 10px; /* menentukan jarak batas atas kanan bawah dan kiri masigmasing
elemen*/
color: #ffffff; /* merubah warna huruf*/
background-color: #F38901; /* mengganti background color */
text-decoration: none; /* menghilangkan garis bawah*/
border: 1px solid #711515; /* memberikan border*/
}
#navigation a:hover {
color: #0099ff; /* merubah warna huruf*/
background-color: #ffffff; /* mengganti background color */
font-size : 15px; /* merubah ukuran huruf */
cursor: crosshair; /* merubah bentuk kursor */
}
#navigations {color: #000; background : #A8E4FF; min-height: 24px; padding: 0 0 0 8px;border-bottom:solid 0px #0066FF;}
#navigations ul {margin: 0; padding: 0;}
#navigations ul li {display: inline;}
#navigations ul li a, #navigations ul li a:visited  {font-size: 14px; font-weight: none; float: left; text-decoration: none; color: #000; padding: 3px 5px 3px 5px; border-right:solid 1px #711515;}
#navigations ul li a:hover, #navigations ul li a:focus {color: #fff; background:#0033FF;}

.artikel {padding:3px;background-color:#FFFFFF;color:#333333;text-align:left;border-radius:5px ; border; 1px solid #FF0000;}
.bold {padding:3px;background-color:#ebebeb;color:#000000;text-align:left;border:0px dashed#4169E1;}
.smal {padding:3px;background-color:#F0E68C;color:#000000;text-align:left;font-size:small;border:0px solid #66FF00;}

.blue {padding:3px;background-color:#A8E4FF;color:#000000;text-align:left;border:1px solid #FFFFFF;}
.blue1 {padding:5px;background-color:#fff;color:#000000;text-align:left;border-top:1px solid #A8E4FF;border-left:0px solid #cecece;border-right:0px solid #cecece;border-bottom:3px solid #A8E4FF;}
.foot {padding:5px;background-color:#A8E4FF;color:#000000;text-align:left;border-bottom:1px solid #cecece;border-left:1px solid #cecece;border-right:1px solid #cecece;}
.foot a { color:#000; }
.bot {padding:3px;background-color:#FF0000;color:#fff;text-align:left;border:1px solid #FFFFFF;}.dmenu{padding:5px;background-color:#00BB00;color:#FFFFFF;text-align:left;border-radius:5px#000000;font-weight:bold;}

.dmenu a { color:#FFFFFF; }

.blue {padding:3px;background-color:#A8E4FF;color:#000000;text-align:left;border:1px solid #FFFFFF;}

.dtop  { background-color: #11bce0; color:#fff; background-image: url(style/css/a.gif);background-repeat: repeat-x; font-size:small; background-position:30% top; padding:3px; border: 1px solid #eeeeee; }


.dlines, .b{background-color: #ffffff; padding: 3px; border-radius: 5px solid #cecece;border:3px solid#gren;}
.line {background-color: #ffffff; padding: 3px; border-bottom: 1px solid #cecece;}

.dick{padding:3px;background-color:#ebebeb;color:#000000;text-align:left;border:0px dashed#4169E1;}


.table, .tab  {width: 100%;}
.table td {border: 2px solid #000; padding: 2px; margin: 0px; border-radius: 5px;}
.tab td {border: 1px solid #E9F1EA; padding: 0px; margin: 3;}

.kiri {float: left; width: 600px; background: #FFFFFF; border: 7px; padding: 5px #cecece;}
.kanan {float: right; width: 300px; background: #FFFFFF; border: 2px #CEFFFD;}
.left {float: left; width: 20%; background: #FFFFFF; border: 4px #CEFFFD;}
.center {float: left; width: 33%; background: #FFFFFF; border: 4px #CEFFFD;}
.right {float: right; width: 33%; background: #FFFFFF; border: 5px #CEFFFD}

.bersih {clear:both;}