body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}	

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.bgatas {
	background-color: #FFFFFF;
	background-image: url(images/headertop.gif);
	background-repeat: no-repeat;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.bgtabkanan {
	background-image: url(images/bgtab-kanan.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.text-tab-kanan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 220px;
	text-align: left;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #0033CC;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #0099FF;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
	text-indent: 5pt;
	font-weight: bold;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #0099FF;
}
#nav { 
margin: 0px;
width: 175px;
padding: 0px 5px 5px 15px;
list-style: none;
} 
#nav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF000;
	line-height: 15px;
	background-color: #ffffff;
	padding:10px 2px 5px 5px;
	background-position: 5px;
}
#nav li a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 15px;
	background-color: #aaa099;
	padding:10px 2px 5px 5px;
	background-position: 5px;
}

#nav li a{
	display:block;
	color:#0033cc;
	text-decoration:none;
	border-bottom:1px dashed #0033cc;
	padding:10px 2px 5px 5px;
	font-family:Tahoma, Trebuchet MS, Georgia, garamond, serif;
}
#nav li a:hover{
	display:block; 
	color:#000ccc;
	text-decoration:none;
	border-bottom:1px dashed #0033cc;
	padding:10px 2px 5px 5px;
	background-color:#ccffff;
}

.berita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 15px;
}
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000099;
	padding: 5px;
}
.bawah {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: center;
}
.bg-judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	border-left-style: none;
	border-left-color: #0099FF;
	line-height: 43px;
	font-weight: bold;
	background-image: url(images/bg-judul.jpg);
	background-repeat: no-repeat;
	text-indent: 15pt;
	padding-top: 2px;
}
.info-program {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 21px;
	padding-left: 10px;
	background-color: #66CCFF;
	border-left-style: solid;
	border-left-width: 33px;
	border-left-color: #FFFFFF;
	border-right-width: 31px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.biaya-progam {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 10px;
	background-color: #000099;
	font-weight: bold;
	background-position: 5px;
	border-left-width: 33px;
	border-left-style: solid;
	border-right-width: 30px;
	border-right-style: solid;
}
.bg-prestasi {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	border-left-style: none;
	border-left-color: #0099FF;
	line-height: 43px;
	font-weight: bold;
	background-image: url(images/bg-prestasi.jpg);
	background-repeat: no-repeat;
	text-indent: 15pt;
	padding-top: 2px;
}
.gambar {
	padding-left: 50px;
}

/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");

}

/* pull-down mainmenu css */
.mainmenu{

	width: 170px;
	padding: 0;
	float: left;

}
.mainmenu ul {
	float: left;
	width: 85%;
	list-style: none;
	line-height: 7px;
	color:#FFFF00;
	background: #ABCDEF;
	padding: 0;
	border: solid #A0A0A4;
	border-width: 1px 1px;
	margin: 0 20px 20px 15px;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
      font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
	color: #000FFF;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1em;
	margin: 0;	

}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%;
}
.mainmenu ul a{
		width: 100%;
}


.mainmenu li  {
	float: left;
	width:100%;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:170px;	
	background: #ABCDEF;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

.mainmenu li li {
	width: 100% ; 
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
	width: 100%;
}

.mainmenu li ul  {
	margin: -2.1em 0 0 -0.3em;
}
.mainmenu li ul ul {
	margin: -2.1em 0 0 -0.3em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #00CCFF;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#000FFF;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#000FFF;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #00DDFF;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #00FFFF; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000FFF;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #000FFF;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000FFF;
}


/* end of mainmenu css */
a.LinkAtas:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.LinkAtas:active { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.LinkAtas:visited { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.LinkAtas:hover { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; text-decoration: underline; }