body{
font-family: Verdana, Tahoma, Helvetica, sans-serif;
font-size:0.80em; 
}

h1,h2,h3,h4 {font-family: Tahoma, Helvetica, sans-serif;  margin:0;padding:0px 0;}
h1{font-size: 14px;}
h2 {font-size: 12px;}
h3 {font-size: 11px;}
h4 {font-size: 10px;}

a, a:link, a:visited {color:#0a5580; text-decoration: none;}
a:hover {color: #22a7f3; text-decoration: none;}
a:active {color:#0a5580; text-decoration: none;}
a:active, a:focus {outline:0;}
ul{list-style:none; margin:0}

p{margin:0;	padding:10px 7px 10px 15px}

.flright{float:right}
.flleft{float:left}

.info{font-weight:bold; font-size:85%}
.tanggal{font-size:10px; color:#FF0000}

table{border-collapse:collapse}
table td{padding:5px 0}

a img{border:none}

/*header*/
.top-menu {width:100%; float:left}
.top-menu ul{padding:0px 0 0 50px; margin:0; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:16px}
.top-menu ul li{float:left; display:block; }
.top-menu ul li a{color:#fff; padding:10px 10px 7px 10px; line-height:50px}
.top-menu ul li a:hover{background:#0f6e8b; border-bottom:#e3e3e3 2px solid; }

#header{width:800px; height:165px; margin-left:63px; background:#000; border:2px solid #eaeaea; float:left}

/* center */
.welcome{background:url(../images/trihanggo_10.gif) repeat-x; width:100%; height:23px; font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica, sans-serif;  color:#fff; padding:10px 0 0 20px; font-size:1.3em }
.center-box p{padding:8px 5px 9px 6px; text-align:justify; overflow:auto;}
.center-box p img{padding-right:10px; float:left}
.center-box .isi{padding-top:20px ; padding-left:12px}

/*left & right*/
ul.menu{padding:0; margin:0}
ul.menu li {margin-left:20px; padding:5px 0 5px 10px;}
ul.menu li:hover{background:#fff;}

ul.menu li ul{background:#e3e3e3; margin-left:-10px; padding-left:15px; margin-bottom:-5px}
ul.menu li ul li{list-style-type:square; }
ul.menu li ul li a{color:#646464}
ul.menu li ul li a:hover{color:#000}
ul.menu li ul li:hover{background:#cdcdcd;}

.galeri{margin:auto;}

table.baner {border-top:5px solid #2776c7}
table.baner td{text-align:center}

ul.list {padding-left:30px}
ul.list li{padding-bottom:6px; list-style:url(../images/shape0.png)}

#datepicker {margin:0 0 0 5px;}

/*form*/
.text {height:19px; margin:0; padding:0; width:300px;}
.textarea {height:100px; margin:0; padding:0; width:300px;}

