@charset "utf-8";
/* CSS Document */

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #ffffff;
  color: #000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
#Utama {
	margin:0px 0px 0px 0px;
	height:50px;
	border:solid 1px;
}
#Utama a {
	text-decoration:none;
	border:none;
	}

.wrapper {
  margin: 1% 5%;
  padding: 12px 12px;
/*  border: thin solid #7d5500; */
}
h1 {
  background-color: #ffffff;    /* different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.main {
  width: 100%;
  margin: 0;
  padding: 0;
/*  border-top: thin solid #7d5500;
  border-bottom: thin solid #7d5500; */
  color: #000;
  background: #ffffff url(images/2col-bg2.png) 75% 0 repeat-y;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}
.content {
	width: 73%;         /* width of .main container */
	float: left;        /* left side of window */
	margin: 0;/*  padding: 12px 12px;*/
}
.sidebar {
  margin-left: 75%;   /* past content */
  padding: 1%;
  vertical-align:top;
}
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: #ffffff;  /* same bg color as h1 */
  color: #7d5500;
  margin: 0;          /* flush with .main */
/*  padding: 1% 2%;*/
}
.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
}
} /* end @media rules */

#TabelProEng {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#F2FDFF;
	padding: 10px 10px;
	border:solid 1px #CCCCCC;
	width:100%;
	}
#TabelProEng td {
	vertical-align:top;
	padding-bottom:15px;
	}
.KolomJudul {
	font-weight:bold;
	}
.Judul1 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold; 
	font-size:30px;
	color:#003366;
	}
.Judul2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold; 
	font-size:24px;
	color:#003366;
	}
.Judul3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	}
.TabelKontak {
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
.KJudul {
	padding:5px;
/*	font-weight:bold; */
	background-color:#ECFFEC;
	text-align:left;
	}
.KIsi {
	text-align:right;
	padding:3px;
	color:#003333;
	font-weight:bold;
	}
.Kotak1 {
	border:solid 1px #CCCCCC;
	margin-bottom:15px;
		}
.ipul1 td {
	font-size: 8pt;
	color: #000;
	padding:6px;
	}
.ipul1 a {
	text-decoration: none;
	}