/**********************************
       GRANULAR ITEMS
*********************************/
/*HEADERS*/
.mck_h1 {font-size: 36px; font-family: Verdana, Geneva, sans-serif, Geneva, sans-serif; color: #1f2732;  line-height: 36px; font-weight:normal; letter-spacing:-0.025em}
.mck_h2 {padding-bottom: 0; font-size: 30px; font-family: Verdana, Geneva, sans-serif; color: #000; margin-bottom: 5px; line-height: 120%; font-weight:normal}
.mck_h2_grayInline{ font-size: 30px; font-family: Verdana, Geneva, sans-serif; color: #939D98; margin-bottom: 5px; line-height: 120%; font-weight:normal }
.mck_overview {font-size: 20px; color: #939d98; line-height: 32px; font-weight: normal; }
.mck_small {font: 20px Verdana, Geneva, sans-serif; color: #000; margin-bottom: 15px;}
.mck_attribute {font: 23px Verdana, Geneva, sans-serif; color: #999; margin-bottom: 15px;}
.mck_servicetitle {font: 22px Verdana, Geneva, sans-serif; color: #1f2732; margin-bottom: 15px;}
.mck_h3 {font-size: 16px; font-family: Verdana, Geneva, sans-serif; color: #000; margin-bottom: 7px; font-weight:normal;}
.mck_h4 {font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #000; margin-bottom: 10px; font-weight:normal; *clear:both;}
.mck_h5 {font: 16px Verdana, Geneva, sans-serif; color: #000; margin-bottom: 7px; font-weight:normal;}
.mck_h5-gray {font-weight: normal; color: #939d98; margin-bottom: 5px;}
.mck_h6 {font: 18px Verdana, Geneva, sans-serif; color: #e37222; margin-bottom: 15px; line-height:20px; margin-top:12px !important; padding-bottom: 0 !important;}
.mck_h6-blue {font: 19px Verdana, Geneva, sans-serif; color: #0065bd; margin-bottom: 15px;}
.mck_h3     {font: 19px Verdana, Geneva, sans-serif; color: #000; margin-bottom: 15px;}
.mck_h3_sm  {font-size: 12px; font-family: Verdana, Geneva, sans-serif; color: #333; margin-bottom: 7px; font-weight:bold; padding-top:20px; padding-bottom:0 }
.mck_h3_sm_666  {font-size: 12px; font-family: Verdana, Geneva, sans-serif; color: #666; margin-bottom: 7px; *margin-bottom:0px; font-weight:bold; }
.mck_h3_md{ font-size:16px; font-weight:normal; color:#333; font-family:Verdana, Geneva, sans-serif, Helvetica, sans-serif; margin-top:18px; line-height: 130%;}
/*HEADERS*/

/*FLOATS FOR IMAGES*/
.mck_float-lt-pad{ float:left; padding:0px 30px 20px 0px}
.mck_float-rt-pad{ float:right; padding:0px 0px 20px 30px}
/*FLOATS FOR IMAGES*/
p {font: normal 12pt; color: #333333; margin: 12px 0; }
.item p {margin: 4px 0;}
a {font: normal 8pt; text-decoration: underline; color: #00ACED;}
.Introtext { font: 20px Verdana, Geneva, sans-serif; color: #939d98; margin-bottom: 20px; line-height: 140%; display: block;}
.Introtextlarge { font-family:Verdana, Geneva, sans-serif; font-size:24px; color:#666666; line-height: 130%; padding-bottom: 15px;}
.contentHeader { font-family:Verdana, Geneva, sans-serif; font-size: 18px; color: #666666; margin-bottom: 15px; line-height: 130%; padding-bottom: 15px;}
.Eyebrow { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#8B895A;line-height: 125%; padding-bottom: 4px;}
.attribution {font-size: 11px; color: #666; margin-bottom: 3px; font-family:Verdana, Geneva, sans-serif;  font-style:italic;}
.Headline { font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#333333;line-height: 120%; padding-bottom: 4px;}
.Headline a { font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#006699;line-height: 120%; padding-bottom: 4px; text-decoration: underline;}
.Subheadline { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333333;line-height: 120%; padding-bottom: 4px;}
.Subheadline a { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#006699;line-height: 120%; padding-bottom: 4px;text-decoration: underline;}
.Blurb { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333333;line-height: 125%; padding-bottom: 4px;}
.Blurb a { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#006699;line-height: 125%; padding-bottom: 4px;text-decoration: underline;}
.Quote { font-family:Verdana, Geneva, sans-serif; font-size:18px; line-height: 120%; padding-bottom: 4px;}
.Quote_Attribution { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666666;line-height: 120%; padding-bottom: 4px;}
.Readmore a {font-family:Verdana, Geneva, sans-serif; text-decoration: none; color: #00ACED; font-size:12px; line-height:13px;}
.Readmore_RightCol a {font-family:Verdana, Geneva, sans-serif; text-decoration: none; color: #00ACED; font-size:11px; line-height:13px;}
.squares li {list-style: square;}
.contentHeader { font-family:Verdana, Geneva, sans-serif; font-size: 18px; font-weight: normal; color: #878785; margin-bottom: 15px; line-height: 130%; padding-bottom: 15px;}
p.contentHeader{margin-top:0px;}
.h1_content {font-size: 30px; color: #333;}
.h2_content {font-size: 14px; color: #333; padding-top: 0px;}
.h3_content {font-size: 16px; color: #7f734c; margin: 20px 0 5px 0;}
.h5_content {font-size: 12px; color: #333; margin: 20px 0 0 0; padding: 0 0 0 0; font-weight: bold;}
.tabs_headline {font-family:Verdana, Geneva, sans-serif;font-size: 14px; color: #006699; margin-bottom: 10px; padding-bottom: 5px; display: block;}
.tabs_text {font-family:Verdana, Geneva, sans-serif;font-size: 12px; color: #333333; padding-bottom: 5px; font-weight:bold; text-decoration: none;}
.tabs_text a {font-family:Verdana, Geneva, sans-serif;font-size: 12px; color: #333333; margin-bottom: 10px; padding-bottom: 5px; font-weight:bold;text-decoration: none;}
.tabs_text a:hover {font-family:Verdana, Geneva, sans-serif;font-size: 12px; color: #333333; margin-bottom: 10px; padding-bottom: 5px; font-weight:bold;text-decoration: underline;}
.tabs_attribute {font-family:Verdana, Geneva, sans-serif;font-size: 10px; color: #999999; margin-bottom: 5px; padding-bottom: 10px;}
.floatImageLeft	{float:left;}
.floatImageRight {float:right;}
.nomobile {}
.lightbox {}

/****************************** Update Azza ******************************************/

.garisbawah { border-bottom: 1px dotted #C5C5C5; margin-bottom: 20px; margin-top: 20px;}
.garistengah {border-right: 1px dotted #C5C5C5;padding-right: 14px;margin-right: 14px;}

#framecontent{
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 395px; /*Width of frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: #0c6a2f;
	color: white;
}

#maincontent{
	position: fixed;
	top: 0; 
	left: 29%; /*Set left value to WidthOfFrameDiv*/
	right: 0;
	bottom: 0;
	overflow: auto; 
	overflow-y: scroll;
	overflow-x: hidden;
	vertical-scrollbars:true;horizontal-scrollbars:false;
	background: #fff;
}

.innertube{
	margin-right: 0px; margin-left: 0px;margin-top: 0px;margin-bottom: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

#left{
	width:210px;margin-right: 0px; margin-left: 49%;margin-top: 0px;margin-bottom: 0px; padding-top:55px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

#konten{
	width:78%;margin: 50px 10px 10px 10px; padding-top:0px;
}

#top{
	width:78%;margin-right: 0px; margin-left: 15px;;margin-top: 0px;margin-bottom: 0px; padding-bottom:10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
	padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.clr { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.isikonten {
line-height: 180% !important;
}
.isikonten p>span{
line-height: 180%;
}

table.gambar {
	padding:0px;
}

table.gambar td.td1{
	border-left: 10px solid #00000;padding-right:10px;
}

.garisgambarkiri {
float: left; 
border-left: 1px dotted #C5C5C5;
margin-left: 10px;
padding-left: 10px;padding-right: 0px;
}

.garisgambarkanan {
float: left; 
border-right: 1px dotted #C5C5C5;
margin-right: 10px;
padding-left: 0px;padding-right: 10px;
}

.garisgambarbawah {
float: left; 
border-top: 1px dotted #C5C5C5;
margin-top: 10px;
padding-left: 0px;padding-top: 10px;
}

table.gambar {
	padding:0px;
}

table.gambar td.td1{
	border-left: 10px solid #00000;padding-right:10px;
}

.garisgambarkiri {
float: left; 
border-left: 1px dotted #C5C5C5;
margin-left: 10px;
padding-left: 10px;padding-right: 0px;
}

.garisgambarkanan {
float: left; 
border-right: 1px dotted #C5C5C5;
margin-right: 10px;
padding-left: 0px;padding-right: 10px;
}

.garisgambarbawah {
float: left; 
border-top: 1px dotted #C5C5C5;
margin-top: 10px;
padding-left: 0px;padding-top: 10px;
}

table.gambar {
	padding:0px;
}

table.gambar td.td1{
	border-left: 10px solid #00000;padding-right:10px;
}

.garisgambarkiri {
float: left; 
border-left: 1px dotted #C5C5C5;
margin-left: 10px;
padding-left: 10px;padding-right: 0px;
}

.garisgambarkanan {
float: left; 
border-right: 1px dotted #C5C5C5;
margin-right: 10px;
padding-left: 0px;padding-right: 10px;
}

.garisgambarbawah {
float: left; 
border-top: 1px dotted #C5C5C5;
margin-top: 10px;
padding-left: 0px;padding-top: 10px;
}

.box-album {
	width: 220px;
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #ebebeb;
	padding: 2px;
}

.box-album2 {
	width: 220px;
	float: right;
	margin: 0 10px 10px 0;
	border: solid 1px #ebebeb;
	padding: 2px;
}

.box-album .gambar{
	width: 220px;
	height: 120px;
	overflow: hidden;
}

.box-album .gambar img {
	width: 220px;
}

.box-album .gambar img:hover {
	opacity: 0.6;
}

.box-album2 .gambar{
	width: 220px;
	height: 120px;
	overflow: hidden;
}

.box-album2 .gambar img {
	width: 220px;
}

.box-album2 .gambar img:hover {
	opacity: 0.6;
}