html,body { 
	margin:0px;
	background-color:#FFF;
	height:100%;
	
}

.reset {
	clear:both;
}

#container {
	width: 100%;
 	min-height:100%; 
 	text-align: center;/* IE fix to center the page */
 	margin: 0px auto ;/* center the page in Firefox */
	position:relative;
}

/* START HEADER */

#container #header {
	width: 100%;
 	margin: 0 auto;/* center the page in Firefox */
 	text-align: left;
}

#container #header #headercontent {
	width:100%;
	float:left;
	text-align:left;
}

#container #header #headercontent #logo {
	width: 50%;
	float:left;
	text-align:right;
}

#container #header #headercontent #logo img{
	width: 520px;
	max-width:520px;
}

#container #header #headercontent #headeranimasi {
	width: 50%;
	float:left;
	text-align:left;
	background-color:#013e7f;
}

#container #header #headercontent #headeranimasi img{
	width: 504px;
	max-width:504px;
}

/* END HEADER */
/* START MENU */

#container #menu {
	display:block;
	height:43px;
	background:url(../images/bg-menu.jpg) repeat-x;
	width:100%;
}

#container #menu #menucontent {
	width: 1024px;
 	margin: 0 auto;/* center the page in Firefox */
 	text-align: left;
}

#container #menu #menucontent #menulist {
	width: 974px;
	margin-left:50px;
	float:left;
	text-align:left;
}
#container #menu #menucontent #menulist .menucontenttext01 a{
	font-family:verdana;
	font-size:11pt;
	color:#003e7e;
	font-weight:bold;
	padding:12px 15px;
	float:left;
	text-align:left;
	text-decoration:none;
	margin:auto 10px;
}
#container #menu #menucontent #menulist .menucontenttext01 a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#003e7e;	
}


/* END MENU */

#wrapper {
	width: 1024px;
 	margin: 0 auto;/* center the page in Firefox */
 	text-align: left;
}

/* START INDEX */

#container #wrapper #indexcontent {
	width:1024px;
	margin:5px auto 40px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontent #indexcontentkiri{
	width:730px;
	float:left;
	text-align:left;
	margin:0px 10px 20px 50px;
	border-right:solid 1px #003e7e;
	padding-top:10px;
}

#container #wrapper #indexcontent #indexcontentkiri .indexcontentkiriimage{
	width:720px;
	text-align:left;
}

#container #wrapper #indexcontent #indexcontentkiri .indexcontentkiritext01{
	width:720px;
	margin-top:10px;
	text-align:left;
	font-family:verdana;
	font-size:11pt;
	color:#003e7e;
	line-height:20px;
	margin-bottom:70px;
}

#container #wrapper #indexcontent #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontent #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontent #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontent #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontent #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontent #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontent #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}
/* END INDEX */

/* START HISTORY */

#container #wrapper #indexcontent #indexcontentkiri #historycontent{
	width:720px;
	text-align:justify;
	margin-bottom:70px;
}

#container #wrapper #indexcontent #indexcontentkiri #historycontent .imagehistori{
	width:205px;
	padding:5px 5px;
	float:left;
}

#container #wrapper #indexcontent #indexcontentkiri #historycontent span{
	font-family:verdana;
	font-size:10pt;
	color:#343d8c;
	line-height:19px;
}
/* END HISTORY */

/* START MANAGEMENT */
/*
#container #wrapper #indexcontent #indexcontentkiri #managementcontent{
	width:720px;
	text-align:left;
	margin-bottom:60px;
}
#container #wrapper .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:400px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:5px;
}
#container #wrapper #indexcontent #indexcontentkiri #managementcontent #imagemanagementcontent{
	width:180px;
	float:left;
	margin:0px 20px 0px 5px;
	text-align:left;	
}

#container #wrapper #indexcontent #indexcontentkiri #managementcontent #managementcontenttext{
	width:515px;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontent #indexcontentkiri #managementcontent #managementcontenttext .managementcontenttext01{
	width:515px;
	float:left;
	text-align:left;
	margin-bottom:5px;
	font-family:trebuchet MS;
	font-size:10pt;
	font-weight:800;
	color:#003e7e;
}

#container #wrapper #indexcontent #indexcontentkiri #managementcontent #managementcontenttext .managementcontenttext02{
	width:515px;
	float:left;
	text-align:left;
	margin-bottom:10px;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#003e7e;
}
*/
#container #wrapper #indexcontentmanagement {
	width:1024px;
	margin:0px auto 50px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentmanagement #indexcontentkirimanagement{
	width:720px;
	float:left;
	text-align:left;
	margin:20px 10px 0px 50px;
	padding-top:0px;
}

#container #wrapper #indexcontentmanagement .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:360px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:10px;
}
#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #managementcontenttext{
	width:515px;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #managementcontenttext .managementcontenttext01{
	width:515px;
	float:left;
	text-align:left;
	margin-bottom:5px;
	font-family:trebuchet MS;
	font-size:10pt;
	font-weight:800;
	color:#003e7e;
}

#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #managementcontenttext .managementcontenttext02{
	width:515px;
	float:left;
	text-align:left;
	margin-bottom:10px;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#003e7e;
}
#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #imagemanagementcontent{
	width:180px;
	float:left;
	margin:0px 20px 0px 5px;
	text-align:left;	
}

#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #managementcontenttext{
	width:515px;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #managementcontenttext .managementcontenttext01{
	width:515px;
	float:left;
	text-align:left;
	margin-bottom:5px;
	font-family:trebuchet MS;
	font-size:10pt;
	font-weight:800;
	color:#003e7e;
}

#container #wrapper #indexcontentmanagement #indexcontentkirimanagement #managementcontent #managementcontenttext .managementcontenttext02{
	width:515px;
	float:left;
	text-align:left;
	margin-bottom:10px;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#003e7e;
}


#container #wrapper #indexcontentmanagement #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentmanagement #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:5px;
}	

/* END MANAGEMENT */

/* START VISI MISI */

#container #wrapper #indexcontent #indexcontentkiri #visimisicontent{
	width:720px;
	text-align:left;
	margin-bottom:220px;
}

#container #wrapper #indexcontent #indexcontentkiri #visimisicontent #imagevisimisicontent{
	width:190px;
	float:left;
	margin:0px 20px 0px 10px;
	text-align:left;	
}

#container #wrapper #indexcontent #indexcontentkiri #visimisicontent #visimisicontenttext{
	width:500px;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontent #indexcontentkiri #visimisicontent #visimisicontenttext .visimisicontenttext01{
	width:500px;
	float:left;
	text-align:left;
	margin-bottom:5px;
	font-family:trebuchet MS;
	font-size:15pt;
	font-weight:800;
	color:#003e7e;
}

#container #wrapper #indexcontent #indexcontentkiri #visimisicontent #visimisicontenttext .visimisicontenttext02{
	width:500px;
	float:left;
	text-align:left;
	margin-bottom:10px;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#003e7e;
}

/* END VISI MISI */

/* START EXPERIENCE */

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent {
	width:720px;
	text-align:left;
	margin-bottom:350px;
}

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent01{
	width:720px;
	text-align:left;
	margin-bottom:20px;
	float:left;
}

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent01 .experiencecontent01content01{
	width:203px;
	text-align:left;
	margin-right:10px;
	float:left;
}

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent01 .experiencecontent01content02{
	width:720px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:14pt;
	font-weight:bold;
	color:#003e7e;
}	

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent02{
	width:720px;
	text-align:left;
	margin-bottom:10px;
	float:left;
}

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent02 .experiencecontent02content{
	width:720px;
	text-align:left;
	margin-bottom:10px;
	float:left;
}


#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent02 .experiencecontent02content01{
	width:21px;
	text-align:justify;
	float:left;
	margin-right:10px;
}	

#container #wrapper #indexcontent #indexcontentkiri #experiencecontent #experiencecontent02 .experiencecontent02content02{
	width:689px;
	text-align:justify;
	float:left;
	font-family:trebuchet MS;
	font-size:10pt;
	color:#003e7e;
	padding-top:2px;
}
/* END EXPERIENCE */

/* START EMAIL */
#container #wrapper #indexcontentemail {
	width:1024px;
	margin:0px auto 40px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail{
	width:720px;
	float:left;
	text-align:left;
	margin:0px 10px 0px 50px;
	padding-top:0px;
}

#container #wrapper #indexcontentemail .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:400px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:5px;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent {
	width:720px;
	background-color:#EFF0F6;
	height:420px;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent #emailcontent01content {
	width:720px;
	text-align:left;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent #emailcontent01content .emailcontenttext01{
	width:700px;
	text-align:left;
	font-family:trebuchet MS;
	font-size:11pt;
	color:#003e7e;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent #emailcontent01content #emailcontent02content {
	width:720px;
	text-align:left;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent #emailcontent01content #emailcontent02content .emailcontenttext02{
	width:90px;
	text-align:left;
	font-family:trebuchet MS;
	font-size:11pt;
	color:#003e7e;
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	padding-left:10px;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent #emailcontent01content #emailcontent02content .emailcontenttext03{
	width:600px;
	text-align:left;
	margin-bottom:10px;
	float:left;
	padding-right:10px;
}

#container #wrapper #indexcontentemail #indexcontentkiriemail #emailcontent #emailcontent01content #emailcontent02content .emailcontenttext04{
	width:600px;
	text-align:right;
	margin-bottom:10px;
	float:right;
	padding-right:10px;
}

#container #wrapper #indexcontentemail #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontentemail #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontentemail #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontentemail #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontentemail #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentemail #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentemail #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:5px;
}	
/* END EMAIL */

/* START AKTIVITAS */
#container #wrapper #indexcontentaktivitas {
	width:1024px;
	margin:0px auto 50px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas{
	width:720px;
	float:left;
	text-align:left;
	margin:0px 10px 0px 50px;
	padding-top:10px;
}

#container #wrapper #indexcontentaktivitas .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:410px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:5px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas{
	width:720px;
	float:left;
	text-align:left;
	margin-bottom:70px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #kalenderagenda{
	width:350px;
	float:left;
	text-align:left;
	margin-right:10px;
	float:left;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #kalenderagenda .kalenderagendabg{
	width:335px;
	height:20px;
	text-align:left;
	background-color:#003E7E;
	font-family:trebuchet MS;
	font-size:10pt;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #kalenderagenda #kalender{
	width:350px;
	text-align:left;
	padding-top:5px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #kalenderagenda #kalender table tr th{
	font-family:trebuchet Ms;
	font-size:8pt;
	color:#000000;
	text-align:right;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #kalenderagenda #kalender tr td{
	font-family:trebuchet Ms;
	font-size:8pt;
	color:#000000;
	text-align:right;
}
.minggu {
	color: #FF0000;
}

.jumat {
	color: #006600;
}
#tgl_akhir{
	background:#999;
}

#tgl_awal{
	background: #CCC;
}

#tgl_skr{
	background:#0689FF;
}

#tgl_agenda{
	background: #FFF;
	border:solid 1px #000000;
}

#tgl_akhir, #tgl_awal{
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
	font-family:trebuchet MS;
}
#tanggal_agenda{
	font-family:trebuchet MS;
	color: #000000;
	font-size:8pt;
}
#tgl_agenda{
	background: #FFCC00;
}
td{	
	font-family:trebuchet MS;
	color: #000000;
	font-size:9pt;
}
#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #arsipberita{
	width:360px;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentatas #arsipberita .arsipberitatext{
	width:345px;
	height:20px;
	text-align:left;
	font-family:trebuchet MS;
	font-size:10pt;
	color:#FFFFFF;
	padding:3px 0px 3px 15px;
	background-color:#003E7E;
}
#arsipberitacontent{
	/* Typical fixed height and fixed width example */
	width: 360px;
	height: 140px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #edeff6;
}


#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah{
	width:720px;
	float:left;
	text-align:left;
	margin-bottom:50px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita {
	width:720px;
	text-align:left;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita #aktivitascontent #aktivitascontent02{
	width:680px;
	text-align:left;
	background-color:#003e7e;
	padding:5px 10px 5px 30px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita #aktivitascontent #aktivitascontent02 .judulaktivitas{
	width:680px;
	text-align:left;
	font-family:trebuchet MS;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita #aktivitascontent #aktivitascontent02content{
	width:680px;
	text-align:left;
	background-color:#f2f5f8;
	margin-bottom:10px;
	padding:5px 10px 40px 30px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita #aktivitascontent #aktivitascontent02content .fotoaktivitas{
	width:155px;
	text-align:left;
	background-color:#FFF;
	padding:2px 2px;
	float:left;
	margin-right:10px;
	
}
#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita #aktivitascontent #aktivitascontent02content .fotoaktivitas img{
	width:155px;
	max-width:155px;
	max-height:99px;
}


#container #wrapper #indexcontentaktivitas #indexcontentkiriaktivitas #indexcontentkiriaktivitascontentbawah #aktivitascontentberita #aktivitascontent #aktivitascontent02content span{
	width:510px;
	text-align:justify;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#003e7e;
	line-height:16px;
	padding-right:10px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentaktivitas #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}


/* END AKTIVITAS */

/* START LOGIN */
#container #wrapper #indexcontentlogin {
	width:1024px;
	margin:0px auto 50px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentlogin #indexcontentkirilogin{
	width:720px;
	text-align:left;
	margin:0px 10px 0px 50px;
}

#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform{ 
	width:720px;
	float:left;
	text-align:left;
	margin-top:60px;
}

#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform .loginformtext01{ 
	width:720px;
	text-align:left;
	font-family:Trebuchet MS;
	font-size:12pt;
	font-weight:bold;
	color:#003E7E;
	margin-bottom:5pt;
}

#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform .loginformtext02{ 
	width:720px;
	text-align:left;
	font-family:Trebuchet MS;
	font-size:9pt;
	color: #FF0000;
	margin-bottom:10pt;
}

#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform #formlogin{ 
	width:720px;
	text-align:left;
}

#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform #formlogin .formlogintext01{ 
	width:150px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#000000;
}
#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform #formlogin .formlogintext02{ 
	width:10px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#000000;
}
#container #wrapper #indexcontentlogin #indexcontentkirilogin #loginform #formlogin .formlogintext03{ 
	width:400px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#000000;
}


#container #wrapper #indexcontentlogin .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:410px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:5px;
}

#container #wrapper #indexcontentlogin #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontentlogin #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentlogin #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}


/* END LOGIN */

/* START REPORT */
#container #wrapper #indexcontentreport {
	width:1024px;
	margin:0px auto 50px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentreport #indexcontentkirireport{
	width:720px;
	text-align:left;
	margin:0px 10px 0px 50px;
}

#container #wrapper #indexcontentreport #indexcontentkirireport #reportform{ 
	width:720px;
	float:left;
	text-align:left;
	margin-top:60px;
}

#container #wrapper #indexcontentreport #indexcontentkirireport #reportform .reportformtext01{ 
	width:720px;
	text-align:left;
	font-family:Trebuchet MS;
	font-size:12pt;
	font-weight:bold;
	color:#003E7E;
	margin-bottom:10pt;
}

#container #wrapper #indexcontentreport #indexcontentkirireport #reportform #formreport{ 
	width:720px;
	text-align:left;
}

#container #wrapper #indexcontentreport #indexcontentkirireport #reportform #formreport .formreporttext01{ 
	width:150px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#000000;
}
#container #wrapper #indexcontentreport #indexcontentkirireport #reportform #formreport .formreporttext02{ 
	width:10px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#000000;
}
#container #wrapper #indexcontentreport #indexcontentkirireport #reportform #formreport .formreporttext03{ 
	width:400px;
	text-align:left;
	float:left;
	font-family:trebuchet MS;
	font-size:9pt;
	color:#000000;
}


#container #wrapper #indexcontentreport .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:410px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:5px;
}

#container #wrapper #indexcontentreport #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontentreport #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontentreport #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontentreport #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontentreport #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentreport #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentreport #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}


/* END REPORT */

/* START GALLERY */
#container #wrapper #indexcontentgallery {
	width:1024px;
	margin:0px auto 50px auto;
	float:left;
	text-align:left;
}

#container #wrapper #indexcontentgallery #indexcontentkirigallery{
	width:720px;
	float:left;
	text-align:left;
	margin:0px 10px 0px 50px;
	padding-top:10px;
}

#container #wrapper #indexcontentgallery #indexcontentkirigallery #halamangallery{
	width:720px;
	float:left;
	text-align:left;
	padding-top:10px;
	margin-bottom:10px;
}
#container #wrapper #indexcontentgallery #indexcontentkirigallery #gallery{
	width:720px;
	float:left;
	text-align:left;
	padding-top:10px;
	margin-bottom:50px;
}

#container #wrapper #indexcontentgallery #indexcontentkirigallery #gallery .gallerycontent{
	width:144px;
	float:left;
	text-align:left;
	margin-left:24px;
	position:relative;
}

#container #wrapper #indexcontentgallery #indexcontentkirigallery #gallery .gallerycontent .imagegallery{
	width:144px;
	text-align:center;
	margin-bottom:10px;
	float:left;
}

#container #wrapper #indexcontentgallery #indexcontentkirigallery #gallery .gallerycontent .imagegallery img{
	width:120px;
	height:120px;
	max-width:120px;
	max-height:120px;
}

#container #wrapper #indexcontentgallery #indexcontentkirigallery #gallery .gallerycontent .ketgallery{
	width:144px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	font-family:arial;
	font-size:9pt;
	color:#000000;
}


#container #wrapper #indexcontentgallery .bataskanan{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-right:10px;
	height:410px;
	display:block;
	background-color:#003e7e;
	width:1px;
	margin-bottom:5px;
}


#container #wrapper #indexcontentgallery #indexcontentkanan{
	width:200px;
	float:left;
	text-align:left;
	margin:0px 30px 10px 0px;
	padding-top:10px;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #search {
	text-align:left;
	padding:5px 5px;
	background-color:#003e7e;
	height:20px;
	width:190px;
	float:left;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #search .inputform{
	width:170px;
	float:left;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #search .buttonform{
	width:20px;
	float:left;
	margin-left:
}

#container #wrapper #indexcontentgallery #indexcontentkanan #hotnews {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #report {
	width:200px;
	text-align:left;
	margin:5px auto;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan01 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan02 {
	width:190px;
	background-color:#003e7e;
	padding:5px 5px;
	text-align:left;
	margin:5px auto;
	text-decoration:none;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan01 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan01 .indexcontentkanantext01 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image {
	width:190px;
	text-align:center;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan02 .indexcontentkanan01image img{
	width:190px;
	max-width:190px;
}

#container #wrapper #indexcontentgallery #indexcontentkanan #indexcontentkanan02 .indexcontentkanantext02 {
	margin-top:5px;
	width:190px;
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color:#FFFFFF;
	margin-bottom:5px;
	text-decoration:none;
}

/* END GALLERY */

/* START FOOTER */

#container #footer {
	position:absolute;
	bottom:0; 
	width:100%; 
	height:50px;/* Height of the footer */
	background: url(../images/bg.jpg) repeat-x;
	text-align:center;
}

#container #footer #footercontent {
	width: 1024px;
 	margin: 0 auto;/* center the page in Firefox */
 	text-align: left;
	
}

#container #footer #footercontent #footerkapal {
	width:1024; 
	margin:-75px 10px 0px 25px;
 	text-align: left;
	position:absolute;
}

#container #footer #footercontent .footertext01{
	width:1024px;
	font-family:arial;
	color:#FFFFFF;
	font-size:8pt;
	margin:10px auto;
	text-align:center;
}
/* END FOOTER */