.menu{border-bottom: 1px dashed rgb(51, 102, 153); padding-left: 15px;}
.menu_link {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; }
a.menu_link {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; }
a.menu_link:hover {font-family: Arial, Verdana; color:#FF0000; font-size: 11px; text-decoration:underline;  }
.menu_link2 {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; padding-left: 20px;}
.jam {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; font-weight:100;}
a.menu_link2 {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; }
a.menu_link2:hover {font-family: Arial, Verdana; color:#FF0000; font-size: 11px; text-decoration:underline;  }
.style1 {	font-size: 12px;	font-family: Arial, Helvetica, sans-serif;	color: #003366; height:15px;}
.style2 {	font-size: 14px; 	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;}
.jdl-table{ background:url(../images/jdl1.jpg) no-repeat;  padding-left: 40px; font-size: 14px; 	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF; padding-top:8px;}
.jdl-tengah{ background:url(../images/jdl2.jpg) no-repeat;  padding-left: 40px; font-size: 14px; 	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF; padding-top:8px;}

.jdl-berita {border-bottom: 1px dashed rgb(51, 102, 153); font-family: Arial, Verdana; font-weight:bold; color: #336699; font-size: 11px; text-decoration:none; }
a.jdl-berita {font-family: Arial, Verdana; color: #336699;font-weight:bold;font-size: 11px; text-decoration:none; }
a.jdl-berita:hover {font-family: Arial, Verdana; color:#051627;font-weight:bold; font-size: 11px; text-decoration:underline;  }
.jdl-kosongan {font-family: Arial, Verdana; font-weight:bold; color: #336699; font-size: 12px; text-decoration:none; }
.content_all {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; padding-top:8px; }
.bottom {
	color: #FFFFFF;
	font-size: 10px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
}
.idxinfo {padding:0;cursor:pointer; font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; height:25;}
.subinfo {display: none;}
/*color:#051627;*/
.menutitle{
font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none;/* */
}

.submenu{
margin-bottom: 0.5em;
}

.submenu{display: none;}
.style3 {font-weight: bold}
.jdl-menu {font-family: Arial, Verdana; color: #336699; font-size: 12px; text-decoration:none; }

.more {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; }
a.more {font-family: Arial, Verdana; color: #336699; font-size: 11px; text-decoration:none; }
a.more:hover {font-family: Arial, Verdana; color:#FF0000; font-size: 11px; text-decoration:underline;  }

INPUT {
	font-family : Tahoma;
	font-size : 11px;
	color:#336699;
	font-weight:bold;
}

TEXTAREA { 
font-family : Tahoma; 
font-size : 11px; 
color:#336699;
}

FORM { 
font-family : Tahoma; 
font-size : 11px;
color:#336699; 
}

SELECT { 
font-family : Tahoma; 
font-weight : bold; 
font-size : 11px;
color:#336699; 
}

.jdl-peng{border-bottom: 1px dashed rgb(51, 102, 153);}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightBLUE;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -1000;
left:10px; /*position where enlarged image should offset horizontally */

}