body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #000066;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	font-weight: normal;
	color: #000066;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

.kanan {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000099;
}


.rata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-align: justify;
	padding-right: 8px;
	padding-left: 8px;
}

.ratatebal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	text-align: justify;
	padding-right: 3px;
	padding-left: 1px;
	font-weight: bold;
}
.tanggal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}
.tgls            {
	font-size: 11px;
	color: #990000;
	font-weight: bold;
	text-align: right;
	border: 1px solid #CCCCCC;
	background-color: #E6E6E6;


}
.tglu            { font-size: 11px; color: #000099; font-weight: bold; text-align: right; }
.tglm            { font-size: 11px; color: #FF0000; font-weight: bold; text-align: right; }
.tglj            { font-size: 11px; color: #336600; font-weight: bold; text-align: right; }

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
	vertical-align: 5%;


}

a.h_menu1        { color: #CC3300; text-decoration: none; }
a.h_menu2        { color: #990066; text-decoration: none; }
a.h_menu3        { color: #FFFF33; text-decoration: none; }
a.h_menu4        { color: #7A0684; text-decoration: none; }
a.h_menu5        { color: #336633; text-decoration: none; }

.grsbawah {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	border: 1px solid #8B2E8B;
	background-image: url(images/latar.jpg);

}
.tombol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	border: 1px ridge #CCCCCC;
}
.td2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: justify;
	color: #000099;

}
.tdjudul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	background-image:  url(images/tdkursh.jpg);
	background-repeat: repeat;
}

.tdganjil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	background-image:  url(images/tdkurs1.jpg);
	background-repeat: repeat;
	padding-right: 3px;
	padding-left: 3px;

}
.tdgenap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	background-image:  url(images/tdkurs2.jpg);
	background-repeat: repeat;
	padding-right: 3px;
	padding-left: 3px;

}
.kanan2 {

	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
/*---navigation control---*/
#myMenu1           {
	width: 100%;
	display: block;
}
#myMenu1 span      { display:block; visibility: hidden; height: 4px; }
#myMenu1 a         {
	display: block;
	padding-right: 1.1em;
	padding-left: 1.5em;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
	text-decoration: none;
	height: 16px;
	border-top: 0px none #666666;
	border-right: 0px solid #666666;
	border-bottom: 0px none #666666;
	border-left: 0px solid #666666;
	text-align: right;

}
#myMenu1 a:link    {
	COLOR: #000000;
	TEXT-DECORATION: none;
	Font-Size:11px;
	font-weight:normal;
	background-image:  url(images/tombol1.jpg);
	text-align: right;
}
#myMenu1 a:visited { color: black; TEXT-DECORATION: none; Font-Size:11px; background-image:  url(images/tombol1.jpg); }
#myMenu1 a:hover   { color: #006633; TEXT-DECORATION: none; Font-Size:11px; font-weight:bold; background-image:  url(images/sorot.jpg);	}
#myMenu1 a:active  { color: white; TEXT-DECORATION: none; Font-Size:11px; }

#myMenu2           { width: 100%; display: block; }
#myMenu2 span      { display:block; visibility: hidden; height: 4px; }
#myMenu2 a         { display: block; padding-right: 1.1em; padding-left: 1.5em; padding-top: 0.4em;	padding-bottom: 0.3em;	
                     text-decoration: none;	height: 18px; border: none;	text-align: right; }
#myMenu2 a:link    { COLOR: #000000; TEXT-DECORATION: none; Font-Size:11px; font-weight:normal; background-image:  url(images/tombol2.jpg); }
#myMenu2 a:visited {
	color: black;
	TEXT-DECORATION: none;
	Font-Size:11px;
	background-image:  url(images/tombol2.jpg);
	text-align: right;
}
#myMenu2 a:hover   { color: #CC3300; TEXT-DECORATION: none; Font-Size:11px; font-weight:bold; background-image:  url(images/sorot.jpg); }
#myMenu2 a:active  { color: white; TEXT-DECORATION: none; Font-Size:11px; }

#myMenu3           { width:100%; display:block; }
#myMenu3 span      { display:block; visibility:hidden; height:4px; }
#myMenu3 a         { display:block; padding-right: 0.4em; padding-left: 1.5em; padding-top: 0.2em; padding-bottom: 0.3em; text-decoration: none; height: 19px; border: none; }
#myMenu3 a:link    { color:#000000; TEXT-DECORATION: none; Font-Size:11px; font-weight:bolder; background-image:  url(images/menu3a.jpg); }
#myMenu3 a:visited { color: black; TEXT-DECORATION: none; Font-Size:11px; background-image:  url(images/menu3a.jpg); }
#myMenu3 a:hover   { color: #438F86; TEXT-DECORATION: none; Font-Size:11px; font-weight:bold; background-image:  url(images/menu3b.jpg); }
#myMenu3 a:active  { color: white; TEXT-DECORATION: none; Font-Size:11px; }

.grsatas           { padding-top: 4px; }
.sembunyi          { visibility: hidden; display: none; }
.kotak             { border: 1px solid #333366; }
.garisbawah        { border-bottom: 1px solid #333366; border-top: 1px solid #333366; }
#garisbawah        { border-bottom: 1px solid #333366; border-top: 1px solid #333366; }
.icon              { padding-top: 11px; }
.ratatebalkanan    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000099; text-align: right; padding-right: 3px; padding-left: 0px; font-weight: bold; }
.tabenabled        { padding: 2px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-left-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; border-bottom-width: 0px; border-bottom-color: #FFFFFF; }
.tabdisabled       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; border: 1px solid #CCCCCC; background-color: #DBDBDB; text-align: center; background-image: url(images/backtab.gif); }
.tabpage           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: double; border-right-style: double; border-bottom-style: double; border-left-style: double; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; border-top-width: 0px; border-top-color: #FFFFFF; }

li                 { padding-right: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; }
div.judul          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000099; padding-left: 5px; }
div.isi            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: lighter; color: #000066; padding-right: 7px; padding-left: 5px; }
.ratakurs          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000099; text-align: justify; padding-right: 1px; padding-left: 0px; font-weight: bold; }
.ratatebalkurs     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000099; text-align: right; padding-right: 1px; padding-left: 0px; font-weight: bold; }
.bar               { padding-top: 7px; }
.block1            { text-align: justify; padding-right: 12px; padding-left: 12px; }
.foto              { font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 10px; font-style: normal; font-weight: lighter; color: #006666; text-align: center; vertical-align: top; }