body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #777b82 ;
	color: #123456;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0; 
	}
	
li {
   padding: 3px 0px 3px 0px;
   margin:0px;

}	
.body_page {
    height:100%;
	width:820px;
	background:#FFFFFF;
	margin: 0px auto;
	background: #FFFFFF url(images/main_bg2.jpg)  repeat-y center;
}

#content_box {
    padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0E0E0E;

}
.widecoloumn {
    width: 800px;
/*	padding: 10px 10px 10px 15px;
	background:#66FFFF;*/
}

.narrowcoloumn {
    width: 515px;
/*	padding: 10px 10px 10px 5px;*/

}

.narrow_box {
    padding: 20px 20px 10px 10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6E6E6E;
    width: 515px;
}
#sidebar_main {
    width: 235px;
	padding: 10px 5px 10px 20px;

}

.sidebar_box {
    width: 230px;
	margin: 5px 0px 10px 0px;
}

.sidebar_box_title {
    width: 228px;
	border: #7b7c80 1px solid;
	height:23px;
	background:#c3c4c9;
	border-bottom: #35363b 1px solid;
}

.sidebar_box_title_sub {
    width: 216px;
	border: #FFFFFF 1px solid;
	background:#c3c4c9;
	height:21px;
	text-align:left;
	padding-left:10px;
}

.sidebar_box_content {
    width: 228px;
	border: #636469 1px solid;
	border-top:none;
	text-align:left;
}
.sidebar_box_search {
    width: 216px;
	border: #636469 1px solid;
	border-top:none;
	text-align:left;
	background:#ced0d6;
	padding: 6px 6px 6px 6px;
}

.left_nav_box_title {
    background:#0e0e0e url(images/nav-bg.jpg) repeat-x left top;
	/* border:0px solid #0a0a0a; */
	padding-left:5px;
	height: 26px;

}
.cari_forms {
    border: #7b7c80 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:24px;
	color:#000000;

}
.body_td {
	padding: 0px 10px 0px 10px;
}

#header {
    height:210px;
}

#header_top {
    height:23px;
/*	width:800px;*/
	background:#030303;
	text-align:right;
	padding: 4px 10px 0px 0px;

}

#header_utama {
    height:160px;
/*	width:800px;*/
	background:#030303;
	text-align:left;
	padding: 0px;

}

#header_nav_1 {
    height:36px;
/*	width:800px;url(images/main-nav-bg2.jpg) repeat-x left top*/
	background:#010101 ;
	text-align:right;
	padding: 0px 10px 0px 10px;
}

#header_nav_1images {
    height:36px;
/*	width:800px;*/
	background:#010101 url(images/main-nav-bg2.jpg) repeat-x left top;
	text-align:right;
	padding: 0px 10px 0px 10px;
}


#header_nav {
    height:36px;
/*	width:800px;*/
	background:#010101;
	text-align:right;
	padding: 0px 10px 0px 10px;
}

.halaman_utama {
 /*   background:url(images/logo_tengah_bg.jpg) repeat-y center;*/
	padding: 0px 10px 0px 10px;

}
#body_content_index {
    padding: 10px 0px 0px 0px;
    text-align:center;

}

.body_content_index_00 {
    width: 620px;
	background: url(images/main_logo_01.jpg) no-repeat center;
	height:90px;

}
.body_content_index_01 {
    width: 250px;
	background: url(images/grs_logo_110.jpg) no-repeat center;
	height:110px;

}
.body_content_index_02 {
	width:530px;
	background:url(images/grs_depan_03.jpg) no-repeat center;
	height:110px;
}
#body_content_index1 {
    width: 250px;
	background: url(images/grs_logo_110.jpg) no-repeat center;
	height:110px;
}

#body_content_index2 {
    margin: 0px 0px 0px 250px;
	width:530px;
	background:url(images/grs_depan_01.jpg) no-repeat center;
	height:110px;
}

#footer {
	background:#e6e7eb;
}

#footer_extra1 {
    width:460px;
	margin: 0px;
	padding: 20px 10px 10px 10px;
	float:left;

}

.linkBox1 {
    cursor:hand;
	color:#FF0000;

}
.main_nav_box {
    padding: 0px 4px 0px 4px;
	float:left;
}
#testi_box_image {
    width: 100px;
	padding: 4px 4px 4px 4px;
	margin: 0px;
	background:#999999;
	border:#333333 1px solid;
	float: left;
}

#footer_extra2 {
	height:90px;
    width:280px;
	margin: 0px 0px 0px 460px;
	padding: 20px 20px 10px 10px;
	text-align:right;
}

#footer_copyright {
    height:21px;
	background:#101012;
/*	background:#FF1012;*/
	text-align:right;
	padding: 4px 10px 0px 0px;
	clear:both;
}

#testi_box {
    width:440px;
/*	background: #D5D7D9;*/
	
}


#testi_box_text {
/*    width:280px;*/
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 0px 110px;
}
.teks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.teksRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

.teks10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.teksG2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.5%;
	font-weight: normal;
	color: #82839D;
	text-decoration: none;
}
.links1 {

	font-size: 12px; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #1A2740;
	font-weight:bold;
	text-decoration:none;
}
A.links1:HOVER {

	font-size: 12px; /* Resets 1em to 10px   */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #2D446F;
	font-weight:bold;
	text-decoration:none;#744130
	border-bottom: 1px dotted #FF99CC;
}
.links7 {

	font-size: 12px; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #7D8391;
	font-weight:bold;
	text-decoration:none;
}
A.links7:HOVER {

	font-size: 12px; /* Resets 1em to 10px   */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #121216;
	font-weight:bold;
	text-decoration:none;#744130
	border-bottom: 1px dotted #FF99CC;
}
.links6 {

	font-size: 12px; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #D0D1D7;
	font-weight:bold;
	text-decoration:none;
}
A.links6:HOVER {

	font-size: 12px; /* Resets 1em to 10px   */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #9696A5;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px dotted #FF6699;
}
.links2 {

	font-size: 74.5%; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #1A2740;
	font-weight:bold;
	text-decoration:none;
}
A.links2:HOVER {

	font-size: 74.5%; /* Resets 1em to 10px   */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #2D446F;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px dotted #FF99CC;
}

.links2a {

	font-size: 74.5%; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #D33601;
	font-weight:bold;
	text-decoration:none;
}

.links4 {

	font-size: 82.5%; /* Resets 1em to 10px */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #1A2740;
	font-weight:bold;
	text-decoration:none;
}
.links5 {

	font-size: 12px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #1A2740;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px dashed #6F1100;
}

.links8 {

	font-size: 12px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #17328E;
	font-weight:normal;
	text-decoration: none; /* color : #17328E; */
	border-bottom: 1px dashed #E2CFCF;
}
A.links8:HOVER {
	color: #151A28;
	border-bottom: 1px dashed #F4562F;
}
.links3 {

	font-size: 74.5%; /* Resets 1em to 10px  aa */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #0d1729;
	font-weight:normal;
	text-decoration:none;
}

.sidebar_contentX {
	background: #e1e2e6 ;
/*	border-bottom: 1px dotted #333333;#e9ecf5 */
}
.sidebar_content1 {
	background: #e1e2e6 ;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin: 0px;
	height:6px;
/*	border-bottom: 1px dotted #333333;#e9ecf5 */
}

.sidebar_content0 {
	/*border-bottom: 1px dotted #333333;#e9ecf5; */
	background:url(images/arrow10.gif) no-repeat top left #e1e2e6 ;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 4px;
	height:6px;
	width:8px;
	float: left;
}

.sidebar_content00 {
	/*border-bottom: 1px dotted #333333;#e9ecf5; */
	background:url(images/arrow06.gif) no-repeat top left #e1e2e6 ;
	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 10px;
	height:4px;
	width:8px;
	float: left;
}

.sidebar_content2 {
    padding: 4px 2px 4px 27px;
	margin: 0px 0px 0px 0px;
	background:url(images/arrow09.gif) no-repeat left top #c2c4c8;
/*	border-bottom: 1px dotted #333333; */
	
  
}

#box_content_title {
   padding: 10px 10px 5px 0px;
}

#box_content_text {
   padding: 15px 10px 30px 0px;
   text-align:left;

}


.teksG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3D3E4E;
	text-decoration: none;
}

.teksB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.teksBG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3D3E4E;
	text-decoration: none;
}

.teksG10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3D3E4E;
	text-decoration: none;
}

.teksW {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.teks_titleRed{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C10000;
	text-decoration: none;
}

.teks_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.teks_title2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.teks_title3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.title_page{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#pf_mainbox {
    padding: 20px 0px 10px 0px;
	width:800px;
}

.pf_box_text {
    padding: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#232323;
}
#pf_01_box01 {
	text-align:right;
}

#pf_01_box02 {
    width:240px;
	text-align:left;
}

#org_box_title {
    margin-bottom:2px;
	background: #484D5E;
	border: 1px solid #0E0E0E;
	color:#CCCCCC;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

#org_box_text {
	background:#FFFFFF;
	color: #333333;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #0E0E0E;
	padding:2px;
}
.teksWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.teksWG10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #DADCDE;
	text-decoration: none;
}

.box_title_0{
	float:left; 
	padding-left:0px; 
	margin-left:0px; 
	width:520px; 
	background:#FFFFFF url(images/box-info-bg.jpg) repeat-x; 
	border-top: 1px solid #252525;
}
.box_title_0_1{
	background:url(images/box-info-line.jpg) no-repeat left; 
	width:1px; 
	height:30px; 
	float:left;
}

.box_title_0_3 {
	background:url(images/box-info-line.jpg) no-repeat right; 
	width:1px; 
	height:30px; 
	float:right;
}

.box_title_1_1{
	width:500px; 
	height:12px; 
	background:url(images/box-atas5.gif) no-repeat top #F4f4f4;
	
}
.box_title_1_2{
	width:500px; 
	background:url(images/box-tengah.gif) repeat-y #F4f4f4;
	}
.box_title_1_3{
	width:500px; 
	height:3px; 
	background:url(images/box-bawah3.gif) no-repeat bottom #F4f4f4;
}
.button_close {
	background:url(images/close-btn.gif) no-repeat; 
	width:15px; 
	height:15px; 
	cursor:hand;
}

.juduls {
   font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
   font-size: 16px; 
   font-weight: bold; 
   color: #1C1C24;
   
}

#porto-global-rancang-selaras-1 {
    height:18px;
	width:310px;
	background: url(images/pt-global-rancang-selaras.jpg) no-repeat right top;

}

.personal_box {
    background: url(images/logo-bg-01.gif) no-repeat right bottom;
}