
<!--
body {
	margin-top: 0px; background:url(../images/bg.gif)
}

.menu { font: bold 11px Arial, Helvetica, sans-serif; color:#031a50; line-height:18px; }
.menu a {text-decoration:none;color:#d2180c; }
.menu a:hover { font: bold 11px Arial, Helvetica, sans-serif; color: #ffffff; background-color:#d2180c;}

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

.tulisanputih11bold { font: bold 11px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.tulisanputih11bold a {text-decoration:none;color:#E2E2E2;border-bottom:1px dashed #E2E2E2; }
.tulisanputih11bold a:hover { color:#E2E2E2;}

.tulisanbiru11{ font: 11px Arial, Helvetica, sans-serif; color:#031a50; }
.tulisanbiru{ font: 13px Arial, Helvetica, sans-serif; color:#031a50; }

.tulisan12 { font: 12px Arial, Helvetica, sans-serif; color:#615555; text-align:justify; }
.tulisan12 a{ font: 12px Arial, Helvetica, sans-serif; color:#615555; text-decoration:none;}
.tulisan12 a:hover{ font: 12px Arial, Helvetica, sans-serif; color:#615555;; border-bottom:1px dashed #FF0000; text-decoration:none;}

.tulisan14 { font: 14px Arial, Helvetica, sans-serif; color:#615555; }
.tulisan14judulbiru { font: bold 14px Arial, Helvetica, sans-serif; color:#031a50; }

.tulisanputih { font: 16px "Myriad Pro" Arial, Helvetica, sans-serif; color:#ffffff; }

.tulisan11biru { font: 10px Arial, Helvetica, sans-serif; color:#3787c8; }
.tulisan11biru a { font: 10px Arial, Helvetica, sans-serif; color:#3787c8; text-decoration:none; }
.tulisan11biru a:hover{ font: 10px Arial, Helvetica, sans-serif; color: #FF0000; text-decoration:none;}

.tulisan11 { font: 11px Arial, Helvetica, sans-serif; color:#615555; }
.tulisan11 a { font: 11px Arial, Helvetica, sans-serif; color: #990000;}
.tulisan11 a:hover { font: 11px Arial, Helvetica, sans-serif; color: #990000;}

.tulisanbiru12 { font: 12px Arial, Helvetica, sans-serif; color:#40b7de; }
.tulisanbiru12 a{ font: 12px Arial, Helvetica, sans-serif; color:#40b7de; border-bottom:1px dashed #40b7de; text-decoration:none;}

.tulisanputih12 { font: 12px Arial, Helvetica, sans-serif; color:#ffffff; }
.tulisanputih12 a{ font: 12px Arial, Helvetica, sans-serif; color:#ffffff; border-bottom:1px dashed #ffffff; text-decoration:none;}

.tablejudul { font: 11px Arial, Helvetica, sans-serif; color: #990000; border-bottom:1px solid #CCCCCC;}
.tablejudul a { font: 11px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none;} 

.table { font: 11px Arial, Helvetica, sans-serif; color:#615555; border-bottom:1px solid #CCCCCC;}
.table a { font: 11px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none;} 
.table a:hover { font: 11px Arial, Helvetica, sans-serif; color:#615555; border-bottom:1px dashed #CCCCCC;}

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

.kotak {border:1px dashed #999999;}

.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; }
.tulisan { font: 11px "tahoma",Arial, Helvetica, sans-serif; color:#00335a; line-height:18px; text-align:justify; }
.tulisan a {text-decoration:none;color:#00335a;border-bottom:1px dashed #E2E2E2; }
.tulisan a:hover { color:#aa1416;}
.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;			
	}			

#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; height:72px; }
#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  */


.menusubpage{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.menusubpage ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	/*background: #4A91C5;*/
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c5d4e1;
	border-right-color: #c5d4e1;
	border-bottom-color: #c5d4e1;
	border-left-color: #c5d4e1;
}

.menusubpage ul li{
display: inline;
}

.menusubpage ul li a{
	float: left; font-weight:bold;
	color: #d2180c;
	padding: 5px 15px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c5d4e1;
}

.menusubpage ul li a:visited{
color: #d2180c;
}

.menusubpage ul li a:hover, .menusubpage ul li .selected{
	color: #ffffff !important;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(../images/bgmenu1.gif);
}
-->

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 150px; /*width of menu*/
font: bold 12px Arial, Helvetica, sans-serif; color:#031a50;
}


.arrowlistmenu ul{
color:#031a50;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
color:#031a50;
}

.arrowlistmenu ul li a{
color:#031a50;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color:#031a50;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}
.tblhead {
	border-bottom: 1px solid #8AA8B0;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
}
.tblmid {
	border-bottom: 1px solid #8AA8B0;
	padding: 5px;
}
.tblmid a { 
	color: #CC6600;
	text-decoration: underline;
}
.tblmid a:hover { 
	text-decoration: none;
}