html { 
	height:100%;
}

.spacer {
clear: both;
height: 50px;
margin-bottom: 20px;
padding-bottom: 20px;
min-height: 20px;
white-space: normal;
clip: auto;
margin-top: 20px;
padding-bottom: 20px;
vertical-align: 20px;
}
 
 
.but A:link  {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #782235;
	text-decoration : none;
	font-weight: normal;
 }
.but A:visited  {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #782235;
 	text-decoration : none;
	font-weight: normal;
 }
.but A:hover  {
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #782235;
 	text-decoration : none;
 }

 .Linktop A:link {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #FFFFFF;
}

.Linktop A:active {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #FFFFFF;
}

.Linktop A:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.Linktop A:hover {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;}
	
#Linkweek A:link {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#Linkweek A:active {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#Linkweek A:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#Linkweek A:hover {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F87509;}	

#Linkseh A:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#Linkseh A:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#Linkseh A:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#Linkseh A:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F87509;
	}	

#Linkseh2 A:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#Linkseh2 A:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#Linkseh2 A:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#Linkseh2 A:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	}
	
 #Linkweek2 A:link {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#Linkweek2 A:active {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#Linkweek2 A:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#Linkweek2 A:hover {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F87509;}
	
#Linkteas A:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
}

#Linkteas A:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
}

#Linkteas A:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
}
#Linkteas A:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
	}

#Linktopp A:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #FFFFFF;
}

#Linktopp A:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #FFFFFF;
}

#Linktopp A:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #FFFFFF;
}
#Linktopp A:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #708CB1;
	}	
	
.Linkmain A:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none; 
	text-decoration: none;
	color: #782235;
}

.Linkmain A:active {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
}

.Linkmain A:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
}

.Linkmain A:hover {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: none;
	color: #782235;
	}			

h1, h2,  h3, h4, .heading1, .heading2, .heading3, .heading4 {
  font-family: Geneva, Tahoma, Verdana; Arial, Helvetica, sans-serif;
}		

#page {
margin: 0;
padding: 0;
position: relative;
bottom: 100%
}

html { 
	height:100%;
}

body { 
	background-image:url(images/bgmain.gif);
	margin:0px;
	padding:0px;
	text-align:left;
	SCROLLBAR-FACE-COLOR: #d0d0d5; 
	SCROLLBAR-HIGHLIGHT-COLOR: #000000; 
	SCROLLBAR-SHADOW-COLOR: #999999; 
	SCROLLBAR-ARROW-COLOR: #999999; 
	SCROLLBAR-BASE-COLOR: #d0d0d5; 
	scrollbar-3d-light-color: #999999; 
	scrollbar-dark-shadow-color: #000000 
}
.bgtop {background-image:url(images/bgtop.gif);}
.bgline {background-color:#782235;}
/* Nav Level1 */
.nav1 {
	display: block;
	float: left; 
	margin: 0px; 
	padding: 0px;  
	border: none; 
	width: 158px;
	text-align: left;
	letter-spacing: 2px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF;
}
.nav1 a {
	display: block; 
	padding: 6px; 
	text-decoration:none;
	color: #FFFFFF;
	background : #7F9DC1;
}
.nav1 a:hover {
	display: block;
	padding: 6px;
	color: #FFFFFF; 
	background : #94AED1;
}
/* Nav Level2 */
.nav2 {
	display: block;
	float: right; 
	margin: 0px; 
	padding: 0px;
	border: none;   
	width: 147px;
	text-align:left; 
	letter-spacing: 0px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #7F9DC1;
}
.nav2 a {
	display: block;
	padding: 4px; 
	text-decoration:none; 
	color: #7F9DC1;
	background : #D0DAE6;
}
.nav2 a:hover {
	display: block;
	color: #FFFFFF;
	background : #AAC3E6;
}
/* Nav Level3 */
.nav3 {
	display: block;
	float: right; 
	margin: 0px; 
	padding: 0px;
	border: none;   
	width: 136px;
	text-align:left; 
	line-height: 15px;
	letter-spacing: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #7F9DC1;
}
.nav3 a {
	display: block;
	padding: 3px; 
	text-decoration:none;
	color: #7F9DC1;
	background : #C4D0DF;
}
.nav3 a:hover {
	display: block;
	color: #FFFFFF;
	background : #AAC3E6;
}

/* sitemap */
.site1 {
	display: block;
	float: left; 
	margin: 0px; 
	padding: 0px;  
	border: none; 
	width: 512px;
	text-align: left;
	letter-spacing: 3px;
	line-height: 12px; 
	color: #FFFFFF;
}
.site1 a {
	display: block; 
	padding: 6px; 
	text-decoration:none;
	color: #FFFFFF;
	background : #7F9DC1;
}
.site1 a:hover {
	display: block;
	color: #FFFFFF;
	background : #94AED1;
}
/* Sitemap Level2 */
.site2 {
	display: block;
	float: right; 
	margin: 0px; 
	padding: 0px;
	border: none;   
	width: 512px;
	text-align:left; 
	letter-spacing: 2px;
	line-height: 15px; 
	color: #7F9DC1;
}
.site2 a {
	display: block;
	padding: 4px; 
	text-decoration:none; 
	color: #7F9DC1;
	background : #D0DAE6;
}
.site2 a:hover {
	display: block;
	color: #FFFFFF;
	background : #B0C4DF;
}
/* Sitemap Level3 */
.site3 {
	display: block;
	float: right; 
	margin: 0px; 
	padding: 0px;
	border: none;   
	width: 502px;
	text-align:left; 
	line-height: 15px;
	letter-spacing: 2px; 
	color: #7F9DC1;
}
.site3 a {
	display: block;
	padding: 3px; 
	text-decoration:none;
	color: #7F9DC1;
	background : #D0DAE6;
}
.site3 a:hover {
	display: block;
	color: #FFFFFF;
	background : #B0C4DF;
}

<!-- national partner -->
.nat {
	display: block;
	float: left; 
	margin: 0px; 
	padding: 0px;  
	border: none; 
	width: 50px;
	color: #000000;
}
.nat a {
	display: block; 
	padding: 0px;
	width: 50px;
	height: 20px;
	border-right: 1px solid #FFFFFF; 
	text-align: center;
	line-height: 15px;
	text-decoration:none;
	color: #000000;
	background : #F3F3FF;
}
.nat a:hover {
	display: block;
	padding: 0px; 
	background : #8AA6CC;
}

<!-- international -->
.int {
	display: block;
	float: left; 
	margin: 0px; 
	padding: 0px;  
	border: none; 
	color: #000000;
}
.int a {
	display: block; 
	padding: 0px;
	width: 25px;
	height: 20px;
	text-align: center;
	line-height: 15px;
	text-decoration:none;
	color: #000000;
	background : #F3F3FF;
}
.int a:hover {
	display: block;
	padding: 0px; 
	background : #8AA6CC;
}
<!-- UBERSE -->
.int2 {
	display: block;
	float: left; 
	margin: 0px; 
	padding: 0px;  
	border: none; 
	color: #000000;
}
.int2 a {
	display: block; 
	padding: 0px;
	width: 60px;
	height: 20px;
	text-align: center;
	line-height: 15px;
	text-decoration:none;
	color: #000000;
	background : #F3F3FF;
}
.int2 a:hover {
	display: block;
	padding: 0px; 
	background : #8AA6CC;
}




.BorderTable {
	border: 0px solid #CCCCCC;
	height: 8px;
}

.DEK {	Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute}
.arial10blue {	FONT-SIZE: 12px; FONT-FAMILY: Verdana; word-spacing: normal; line-height: 14px; font-style: normal; letter-spacing: normal}
.textbutton {	FONT-SIZE: 10px; FONT-FAMILY: Verdana; color: #FFFFFF; word-spacing: normal; line-height: 14px; font-style: normal; letter-spacing: none;}

.Text7 {  font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif}
.Text8 {  font-size: 12px; font-family: Arial, Helvetica, sans-serif}


.input_yellow 	{background-color: #FFFFFF; border: thin #F27721 solid; font-family: verdana; font-size: 12px; font-weight: normal; color:#000000}
.input_red 	{background-color: #F8E3CE; border: 1px #FFFFFF solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#000000; height: auto}
.input_grey 	{background-color: #FFFFFF; border: 1px #D4D0C8 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color:#000000; height: 18;}

.input_nor 	{background-color: #FFFFFF; border: 1px #D4D0C8 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#000000; height: 18;}
.input_nor2 	{background-color: #FFFFFF; border: 1px #D4D0C8 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#000000;}

.btn_grey 	{background-color: #FFFFFF; border: 1px #D4D0C8 solid; font-family: verdana; font-size: 11px; font-weight: normal; color:#000000; height: 18; text-align: none; vertical-align: middle}
.btn_nor 	{background-color: #BAC5D9; border: 1px #708CB1 solid; font-family: verdana; font-size: 10px; font-weight: bold; color:#708CB1; height: 18; text-align: none; vertical-align: middle}
.btn_red 	{background-color: #F5E4C8; border: 1px #000000 solid; font-family: verdana; font-size: 11px; font-weight: bold; color:#FFFFFF; height: 20px; width: auto}

.mTop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; color: #FFFFFF; font-weight: normal; line-height: 16px; text-decoration: none}
.mTop:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; color: #FFFFFF; font-weight: normal; text-decoration: none}
.mTop:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; color: #000000; font-weight: bold ; text-decoration: none}

.mLeft {  color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px}
.mLeft:hover {  color: #FFD200; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px}
.mLeft:link {  color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; text-decoration: none}

.textbuttontop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF;}
.textbutton {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 2px;}
.textbuttonsub {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 4px;}


.Body10:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.8px ; color: #333366; background-color: efefef; text-decoration: none}
.Body10:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.8px; text-decoration: none; color: #000000}

.Body10Link1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: bold; text-decoration: none}
.Body10Link1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: normal; text-decoration: none}
.Body10Link1:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: bold; text-decoration: none; color: #0000CC}
.Body10Link1:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: normal; text-decoration: none ; color: #000000}

.TextBody { font-family: Geneva, Verdana, Arial, Helvetica, san-serif; font-size: 9px; text-decoration: none ; line-height: 18px; font-weight: normal}
.TextBody:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.8px; text-decoration: none ; line-height: 14px; font-weight: lighter}
.TextBody:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.8px; text-decoration: none; line-height: 14px; font-weight: lighter }

.bulletsub { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; font-size: 9pt; border: #683594; border-style: solid}
.HeadMenu {  font-family: Arial, Helvetica, sans-serif; font-size: 18.8px; color: #336699; font-weight: bold; text-decoration: none}
.tgl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; text-decoration: none ; background-color: #DDDDDD; border-top-width: 0px; border-bottom-width: 0px}
.head1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.TextInput {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.8px; text-decoration: none; line-height: normal}
.TextFormSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; text-decoration: none ; border-top-width: 0px; border-bottom-width: 0px }

.bodysmall {  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; font-size: 9pt; text-decoration: none}
.bodysmall2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; text-decoration: none }
.bodysmall2:Link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; text-decoration: none}
.bodysmall2:Hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #000000; background-color: cccccc; text-decoration: none}

.Detil { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; text-decoration: none }
.Detil { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt}
.Detil:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; text-decoration: none }
.Detil:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; text-decoration: none}

.Menu10Link1 { font-family: "Trebuched MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: normal; text-decoration: none}
.Menu10Link1:hover { font-family: "Trebuched MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: bold; text-decoration: none; color: #0000CC}
.Menu10Link1:link { font-family: "Trebuched MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: normal; text-decoration: none ; color: #000000}
.Menu10Link1:visited { font-family: "Trebuched MS", Verdana, Arial, Helvetica, sans-serif; font-size: 10.8px; font-weight: normal; text-decoration: none ; color: #000000}.InputFieldArial { font-family: Arial, Helvetica, sans-serif}
.btn_grey2 { background-color: #333333; border: 1px #ffffff solid; font-family: verdana; font-size: 11px; font-weight: bold; color:#FFFFFF; height: 20px; width: 60px}
.btn_grey3 { background-color: #683594; border: 1px #ffffff solid; font-family: verdana; font-size: 11px; font-weight: bold; color:#FFFFFF; height: 20px; width: 120px}
.Body9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; letter-spacing: normal; word-spacing: normal}
.checkbox { background-color: #683594; border: 1px #FFFFFF groove; font-family: verdana; font-size: 11px; font-weight: bold; color:#FFFFFF; height: 13px; width: 13px; list-style-type: square}
.textcontent { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Geneva, Arial, Helevetica, sans-serif; color: #333333; word-spacing: normal; line-height: 15px; font-style: normal;}
.texthead { FONT-SIZE: 18px; FONT-FAMILY: Geneva; color: #782235; word-spacing: normal; font-style: bold;}
.textteaser { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Geneva, Arial, Helevetica, sans-serif; color: #708CB1; word-spacing: normal; line-height: 15px; font-style: normal;}
.textcopyright { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Helevetica, sans-serif; word-spacing: normal; line-height: 15px; font-style: normal;}
.texjudul { FONT-SIZE: 18px; FONT-FAMILY: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; color:#782235;word-spacing: normal; line-height: normal; font-style: normal }
.texsubjudul { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helevetica; Arial, Helvetica, sans-serif; color:#782235;word-spacing: normal; line-height: normal; font-style: normal;font-weight: bold }
.textscedule { FONT-SIZE: 9px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; word-spacing: normal; line-height: normal; font-style: normal }
.arial10blue-big { FONT-SIZE: 36px; FONT-FAMILY: Verdana; word-spacing: normal; line-height: 14px; font-style: normal; letter-spacing: normal }
.text18 {font-size: 9pt; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.combo {
	width: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;

}
.combo2 {

	width: 195px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}
.combo3 {

	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F7F7F7;
}

<!-- Nambah untuk button bhs dan statik menu-->
.bhs { width: 258px; float: left; FONT-SIZE: 11px; FONT-FAMILY: Verdana; color: #FFFFFF; word-spacing: normal; line-height: 14px; font-style: normal; letter-spacing: normal;
}
.bhs a { FONT-SIZE: 11px; FONT-FAMILY: Verdana; color: #FFFFFF; word-spacing: normal; line-height: 14px; font-style: normal; letter-spacing: normal; text-decoration: none;
}
.bhs a:hover { color: #CCCCCC;
}

<!-- link untuk partner -->
.partner {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #000000;
	text-decoration : none;
	font-weight: normal;}
.partner a {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #782235;
	text-decoration : none;
	font-weight: normal;}		
.partner a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color : #782235;
	text-decoration : none;
	font-weight: normal;}