.text-page:hover {
	font-family: Calibri, "Century Gothic", Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FF6B7B;
	line-height: 150%;
	text-decoration: none;

	padding: 2px;
}
.text-page {
	font-family: Calibri, "Century Gothic", Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #5C41DF;
	line-height: 150%;
	text-decoration: none;

	padding: 2px;
}
.judul_page {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #13407e;
	text-transform: none;
	text-decoration: none;
}
.judul_page:hover {
	font-family: Tahoman, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #b23d3d;
	text-transform: none;
	text-decoration: none;
}
.series {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #06419b;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.elek {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #464646;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.menu22:hover {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #184785;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.menu22 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.menu {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #184785;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.menu:hover {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu li {
	width: 230px;
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-weight: bold;
	vertical-align: bottom;
	left: 20px;
	text-align: left;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;

}
#menu a:link, #menu a:visited {
	display: block;
	padding: 9px 9px 9px 1em;
	border-left: 14px solid #184785;
	color: #ffffff;//tulisan
	text-decoration: none;
}
#menu a:hover {
	font-size: 11pt;
	font-weight: bold;
	color: #164787;
	font-style: normal;
	line-height: normal;
	background-color: #dce8f8; //bg hover
	text-transform: uppercase;
	text-decoration: none;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.tit3{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#282828;
	line-height: 120%;
	text-decoration: none;
}
.tit2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#06419b;
	line-height: 120%;
	text-decoration: none;
}
.tit2:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#212121;
	line-height: 120%;
	text-decoration: none;
}
.tit{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #06419b;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.tit:hover{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #A2181B;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.date{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#0a227e;
	line-height: 120%;
	text-decoration: none;
}
.text {
	font-family: Calibri, "Century Gothic", Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 150%;
	text-decoration: none;
}
.btm {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 150%;
	text-decoration: none;
}
.cont{
	font-family: Tahoman, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#282828;
	line-height: 150%;
	text-decoration: none;
}
.cat{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#ffffff;
	line-height: 150%;
	text-decoration: none;
}
.cat:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#a8b4c4;
	line-height: 150%;
	text-decoration: none;
}
.cat:visited{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#a8b4c4;
	line-height: 150%;
	text-decoration: none;
}
.isi{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#282828;
	line-height: 150%;
	text-decoration: none;
}
.rm{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	text-decoration: none;
}
.rm:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#FF6B7B;
	line-height: 150%;
	text-decoration: none;
}

----------------------------------------------------