
<!--
body {background-color: #5B35AE; margin-top:0px;}


.menu { font: 12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#ffff00; line-height:15px; }
.menu a { font: 12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#ffff00; line-height:15px; text-decoration:none; }
.menu a:hover { font: 12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#ffffff; line-height:15px; text-decoration:none;}

.menuf { font: 12px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#5b35ae; line-height:15px; }
.menuf a {text-decoration:none;color:#5b35ae; }
.menuf a:hover { color: #FF0000;}

.menuleft { font: bold 11px Arial, Helvetica, sans-serif; color:#031a50; line-height:25px; }
.menuleft a {text-decoration:none;color:#031a50;border-bottom:1px dashed #d2180c; }
.menuleft a:hover { color:#d2180c;border-bottom:1px dashed #E2E2E2;}


.tulisan12 { font: 12px Arial, Helvetica, sans-serif; color:#000000;}
.tulisan12 a{ font: 12px Arial, Helvetica, sans-serif; color: #FF0000; text-decoration:none;}

.tulisan13 { font: 13px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#000000; text-align:justify; }
.tulisan13 a{ font: 13px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}

.tulisan20 { font: 16px Arial, Helvetica, sans-serif; color:#F9EC31; }
.tulisan18ungu { font: 16px Arial, Helvetica, sans-serif; color:#5B35AE; text-align:justify; }


.breadcrumb{ font: 11px Arial, Helvetica, sans-serif; color:#d2180c; height:12px; margin:14px;}
.breadcrumb a{ font: 11px Arial, Helvetica, sans-serif; color:#d2180c; text-decoration:none; }
.breadcrumb a:hover{ font: 11px Arial, Helvetica, sans-serif; color: #023f7e; border-bottom:1px dashed #abc31c;}

.latestnews-tgl{ font-family:"tahoma"; font-size:9px; color: #FF0000; padding-top:5px;}

.bgpinggir{ background-color:##00081f;}
.footer { font: 10px "tahoma",Arial, Helvetica, sans-serif; color:#aeaeae; margin-top:5px;}

.judul1 { font: 20px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; }
.judul2 { font: bold 11px "tahoma",Arial, Helvetica, sans-serif; color:#aac216; }
.judul3 { font: bold 11px "tahoma",Arial, Helvetica, sans-serif; color:#aa1416; }
.judul4 { font: bold 21px "Arial Rounded MT Bold",Arial, Helvetica, sans-serif; color:#231F20; }
.tulisan3 { font: bold 14px "Arial Rounded MT Bold",Arial, Helvetica, sans-serif; color:#ffffff; }
.tulisan4 { font: 12px Arial, Helvetica, sans-serif; color:#009345; }
.tulisan5 { font: 13px "Arial Narrow",Arial, Helvetica, sans-serif; color:#000000; line-height:18px;border-bottom:1px dotted #E2E2E2; }
.tulisan5 a { font: 13px "Arial Narrow",Arial, Helvetica, sans-serif; color: #000000; line-height:18px; }
.tulisan5 a:hover { font: 13px "Arial Narrow",Arial, Helvetica, sans-serif; color: #FF0000; line-height:18px; }
.tulisan6 { font: 13px "Arial Narrow",Arial, Helvetica, sans-serif; color:#000000; line-height:18px;border-top:1px dotted #E2E2E2; border-bottom:1px dotted #E2E2E2;}
.tulisan6 a { font: 13px "Arial Narrow",Arial, Helvetica, sans-serif; color: #FF0000; line-height:18px; }
.tulisan7 { font: 13px "Arial Narrow",Arial, Helvetica, sans-serif; color:#000000; line-height:18px;}
.judul20red { font: 18px "tahoma",Arial, Helvetica, sans-serif; color:#BE1E2D; }
.judul20hijau { font: 18px Arial, Helvetica, sans-serif; color:#006838; }
.judul20ungu { font: 18px Arial, Helvetica, sans-serif; color:#5B35AE; }
.judul12biru { font: 12px Arial, Helvetica, sans-serif; color:#2B388F; }
.judul12ungu { font: 12px Arial, Helvetica, sans-serif; color:#5B35AE; }
.judul12ungu a { font: 12px Arial, Helvetica, sans-serif; color:#5B35AE; }
.tulisan { font: 12px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; line-height:18px;}
.tulisan a {text-decoration:none;color:#00335a;border-bottom:1px dashed #E2E2E2; }
.tulisan a:hover { color:#aa1416;}
.tulisannav { font: 12px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; line-height:18px;}
.tulisannav a {text-decoration:none;color:#00335a;}
.tulisannav a:hover { color:#FF0000;}
.tulisanputih { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#ffffff; }
.tulisanputih a { text-decoration:none; color:#ffffff; }

.tulisan2 { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#aac216; }
.tulisan2 a {text-decoration:none;color:#aac216; }
.tulisan2 a:hover { color:#aa1416;}

.popup { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:15px; }

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #d3d9e8;
height: 1%;
}

.cssform label{
font-weight: bold;color: #00335a;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: auto;
}

.cssform input{
font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; background-color:#d3d9e8; border:none;
}

.cssform textarea{
background-color:#d3d9e8;
font: 11px "Tahoma"; color: #333333;border:none;
width:250px;
}

.l1{border-top: 1px solid #d3d9e8; border-left: 1px solid #d3d9e8; border-right: 1px solid #d3d9e8;}
.l2{border-bottom: 1px solid #d3d9e8;border-left: 1px solid #d3d9e8; border-right: 1px solid #d3d9e8;}


a{
	z-index:10;
	}
a:hover{
	position:relative;
	z-index:100;
	}			
a span{
	display:none;
	}
a:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-20px;
	left:110px;
	background-color:#FFFFFF;
	border: 1px dashed #E2E2E2;
	color:#444;
	padding:1px 5px;
	z-index:10;			
	}			
#latestnews-tgl{ font-family:"tahoma"; font-size:11px; color:#aa1416; padding-top:5px;}
#judulberita{ font: bold 18px Arial, Helvetica, sans-serif; color: #00335a;}
#newsganjil {border-bottom:1px dotted #d8d8d8; padding-top:5px; padding-bottom:5px;}
#latestnews-berita{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; padding-top: 5px;margin-left:5px; }
#latestnews-berita a{ font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; text-decoration:none; }
#latestnews-berita a:hover{ ffont: 11px "tahoma",Arial, Helvetica, sans-serif;color: #015392;}
/* // goodnes  */

-->