html{height: 100%;}

body
{font-family: verdana, arial, sans-serif;
 font-size: .7em;		background-color: #fff;
 padding: 0px;			margin: 0px; 
 scrollbar-arrow-color: #fff;		scrollbar-base-color: #fff; 
 scrollbar-track-color: #fff;		scrollbar-dark-shadow-color: #trans;
 scrollbar-face-color: #00013a; 	scrollbar-shadow-color: #cfcfcf; 
 scrollbar-3d-light-color: #trans;	scrollbar-highlight-color: #003466;
} 

#main {width: 902px;	height: auto;
 background-color: #fff;
 margin-left: auto; 	margin-right: auto;
 margin-top: 40px;		margin-bottom: 40px;}

#top_link {width: 880px;	height: auto;
 background: #trans;	color: #000;
 border-color: #0000cc;	padding-left : 22px;
 margin-left: auto; 	margin-right: auto;
 margin-top: 0px;		margin-bottom: 0px;
 padding-top : 3px;	 	padding-bottom : 3px;
}
#top_link a {text-decoration: none; background-color: #trans;	color: #000;}
#top_link a:hover{font-weight: bold; background-color: #trans;	color: #000;}

#logo {width: 902px;	height: auto;
float: left;		background: #00013a;
margin-left: auto; 	margin-right: auto;}

#logo1 {width: 22px;	height: 149px;	float: left;}
#logo1a {width: 22px;	height: 20px;	background: #00013a url(logo1a.jpg);}
#logo1b {width: 22px;	height: 104px;}
#logo1c {width: 22px;	height: 25px; 	background: url(logo1c.jpg);}
#logo2 {width: 257px;	height: 149px;	float: left;	background: url(logo2.jpg);}
#logo3 {width: 144px;	height: 149px;	float: left;}
#logo4 {width: 131px;	height: 149px;	float: left;}
#logo4a {width: 131px;	height: 77px;}	
#logo4b {width: 131px;	height: 55px;	background: url(logo4b.jpg);}
#logo4c {width: 131px;	height: 17px;}
#logo5 {width: 5px;		height: 149px;	float: left;	background: #fff;}
#logo6 {width: 245px;	height: 149px;	float: left;	background: url(logo6.jpg);}
#logo7 {width: 71px;	height: 149px;	float: left;}
#logo8a {width: 22px;	height: 20px;	background: url(logo8aX.jpg);}
#logo8b {width: 22px;	height: 129px;}

#isi {width: 902px;			height: 249px;
 padding: 5px 0px 5px 0px;	background-color: #trans;		
 margin-left: auto; 		margin-right: auto;
 text-align: left;			overflow: hidden;}

#isiL {width: 804px;	height: 249px; 	background: #003466;	float:left;}
#isiL a {text-decoration: none;		background-color: trans;	color: #ffb;}
#isiL a:hover{font-weight: bold; 	background-color: trans;	color: #ff0;}
.imgL {float: left; 		border: 3px solid #fff;		background: #fff;
 padding: 2px;				margin: 0px 10px 3px 0px;}
.JdlL {font-size: 150%;		font-weight: bold;}


#isiL1 {width: 394px;	background: #trans;		height: 249px;			float:left;		padding-left: 8px;}
#isiL2 {width: 394px;	background: #trans;		height: 249px;			float:left; 	padding-right: 8px;}

#isiL1a {width: 390px;		height: 233px;			
 float:left;		background: #trans;
 margin-top: 8px;	margin-bottom: 8px;}
#isiL1a1 {width: 385px;		height: auto;		
 margin: 0px 0px 5px 0px;	padding: 0px 0px 0px 5px;			
 border-top: 2px solid; 	border-bottom: 1px solid; 	
 font-size: 200%;			font-weight: bold;		
 float:left;				background: #00013a;	
 color: #fff;				border-color: #fFF;}
#isiL1a2 {width: 378px;		height: 187px;
 float:left;		overflow: auto/*buat nampilin scroll bar*/;
 padding: 5px;		border: 1px solid;
 color: #fff;		background: #00013a;	border-color: #fff;}
#isiL2a {width: 390px;		height: 233px;	
 float:right;		background: #trans;
 margin-top: 8px;	margin-bottom: 8px;}

#isiR {width: 93px;		height: 249px;		float:left;		margin: 0px 0px 0px 5px;	background: #003466;}
.imgR {float: left; 	background: #fff;
 border-right: 1px solid #fff;	border-left: 1px solid #fff;
 border-top: 4px solid #fff;	border-bottom: 4px solid #fff;
 padding: 2px;			margin: 8px 5px 8px 5px;}





#isiD {width: 902px;	height: auto;			background: #trans;
 float:left;			margin: 5px 0px;
 text-align: justify;	overflow: hidden;}
 
 
#isiDL {width: 788px;	height: 283px;			background: #003466;
 float:left;			padding-left: 8px;		padding-right: 8px;}
#isiDL a {text-decoration: none;	background-color: trans;	color: #ffa;}/*ungu a0f biru 0af*/
#isiDL a:hover{font-weight: bold; 	background-color: trans;	color: #ff0;}
.imgDL {float: left; 	border: 1px solid #fff;		background: #fff;		
 padding: 2px;			margin: 0px 10px 10px 0px;}
.JdlDL {font-size: 150%;		font-weight: bold;}
.SubDL {font-size: 125%;		font-weight: bold;		color: #ff0;}

#isiDL2 {width: 776px;	height: 255px;		/*dipakai*/
 overflow: auto;	float:left;
 border: 1px solid;	background: #00013a;
 padding: 5px;		margin: 8px 0px 0px 0px; 	
 color: #fff;		border-color: #fff;}
 

#isiDR {width: 77px;	height: 283px;			background: #003466;
 float:left;			padding-left: 8px;		padding-right: 8px;
 margin: 0px 0px 0px 5px;}
.imgDR {float: left; 	background: #fff;
 border-right: 1px solid #fff;	border-left: 1px solid #fff;
 border-top: 30px solid #fff;	border-bottom: 30px solid #fff;
 padding: 2px;			margin: 8px 0px 8px 0px;}

#isiDR1 {width: 75px;	height: 245px;		
 overflow: auto;	float:left;
 border: 1px solid;	background: #00013a;	
 padding: 10px 0px;	margin: 8px 0px 0px 0px;		
 color: #fff;		border-color: #fff;}
 
#menuDR {width: 75px;	height: auto;		float:left;		border: 0px solid;
 font-weight: normal;	background: #ff0;	color: #00f;}
#menuDR a {width: 75px;		height: auto;			padding: 5px 0px 5px 0px;
 border-top: 1px solid;		border-bottom: 1px solid; 
 float:left;				text-align: center;		text-decoration: none;	
 background-color: #fff;	color: #00013a;		border-color: #00013a;}
#menuDR a:hover{width: 75px;	height: auto;	float:left;			padding: 5px 0px 5px 0px;	
background-color: #00013a;		color: #fff; 	border-color: #fff;}



#footer {width: 902px;	height: 29px;	
 text-align: center;	background: #trans;
 color: #000;			border-color: #000;}
#footer a {text-decoration: none;	background-color: trans;	color: #000;}
#footer a:hover{font-weight: bold; 	background-color: trans;	color: #000;}

#foot1 {width: 800px;	height: 29px;	float: left;}
#foot1a {width: 800px;	height: 13px;	padding-top : 0px;	 	padding-bottom : 3px;}
#foot1b {width: 800px;	height: 13px;	background: #00013a}
#foot2 {width: 9px;		height: 29px;	float: left;	background: url(footer2.jpg)}
#foot3 {width: 70px;	height: 29px;	float: left;	background: #00013a}
#foot4 {width: 23px;	height: 29px;	float: left;	background: url(footer4.jpg)}

ol {margin: 10px 0px 10px 0px;	padding:0px 0px 0px 25px;}
ol li {margin: 5px 0px;	padding: 0px;}
ul { margin: 10px 0px 10px 0px;	padding:0px 0px 0px 25px;}
ul li {margin: 5px 0px;	padding: 0px;}

#gambar
{width: 100px;	height: 100px;
 margin: 2px; border: 1px solid #002200;}

#scrolltext {width: 780px;	height: auto;	overflow: auto;
 margin: 5px 0px 0px 0px;	padding: 0px 10px 0px 10px;
 border-top: 1px dashed;	border-bottom: 1px dashed;
 font-size: 125%;	font-weight: none;		font-family: "Berlin Sans FB Demi";}

input, textarea, select
{font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 100%;	border: 1px solid;
 height: auto;		width : auto;}

.submit
{font-size: 100%;	border: 1px solid;
 width: auto;		height: auto;
 cursor: pointer;}
