body { 
	font-family: Arial, Helvetica, sans-serif;
}

.container { 
	margin: 0 auto; 
	width: 900px; 
}


/* =SUB HEADER / BANNER
----------------------------------------------- */
	#sub-header {  
		background: #23ffe5; 
		position: relative; 
		z-index: 1000;
	}
/* ----------------------------------------------- */


/* =CONTENT
----------------------------------------------- */
	#content { 
		background: #c7dae8;
		background-attachment:fixed;
		margin-top: 1px;
	}
	.column { 
		float: left;
		margin-right: 10px; 
	}
	.column.last { margin: 0; }
	.column.wide2 {
		width: 670px; 
	}
	.column.wide2 .box{
		background: url('../images/layout/column_wide2.gif') repeat-y; 
		padding: 20px; 
	}
	.column.wide2 p { 
		font-size: 12px; 
		line-height: 1.4;
		color: #444; 
		margin-bottom: 10px; 
	}
	.column.wide2 ul li { 
		vertical-align:top;
		background: url('../images/icons/bullet.gif') left no-repeat; 
		padding-left: 8px; 
		line-height: 1.4;
		color: #444; 
		margin-bottom: 10px;
		font-size: 12px;
	}
	.column.wide2 h2 { 
		color: #2d5ba1; 
		font-size: 20px; 
		margin-bottom: 10px; 
	}
	.column.wide2 h3 { 
		font-size: 15px;
		font-weight: bold;
		color: #444;
		margin-bottom: 0px; 
	}
	.column.wide2 .image-holder { 
		background: url('../images/layout/image_holder.gif') no-repeat; 
		width: 118px; 
		height: 80px; 
		float: left; 
		margin: 0 8px 0 -2px;
		padding: 7px 0 0 7px;
	}
	.column.wide2 .bawah{
		background: url('../images/layout/column_box_wide2.png') bottom no-repeat;
		margin-bottom: 10px; 
	}
	.column.wide {
		width: 400px; 
	}
	.column.wide .box{
		background: url('../images/layout/column_wide.gif') repeat-y; 
		padding: 20px; 
	}
	.column.wide p { 
		font-size: 12px; 
		line-height: 1.4;
		color: #444; 
		margin-bottom: 10px; 
	}
	.column.wide h2 { 
		color: #2d5ba1; 
		font-size: 20px; 
		margin-bottom: 10px; 
	}
	.column.wide h3 { 
		font-size: 12px;
		font-weight: bold;
		color: #444;
		margin-bottom: 10px; 
	}
	.column.wide .image-holder { 
		background: url('../images/layout/image_holder.gif') no-repeat; 
		width: 118px; 
		height: 80px; 
		float: left; 
		margin: 0 8px 0 -2px;
		padding: 7px 0 0 7px;
	}
	.column.wide .bawah{
		background: url('../images/layout/column_box_wide.png') bottom no-repeat;
		margin-bottom: 10px; 
	}
	.column.mid { width: 260px; }
	.column.mid h2{ 
		background: url('../images/layout/column_h2.png') top repeat-x; 
		font-size: 15px; 
		font-weight: bold; 
		color: #fff; 
		height: 38px; 
		position: relative;
	}
	.column.last h2 { 
		background: url('../images/layout/column_h2_last.png') top repeat-x; 
		font-size: 15px; 
		font-weight: bold; 
		color: #fff; 
		height: 38px; 
		position: relative;
	}
	.column.mid h2.rounded { background: url('../images/layout/column_h2_rounded.png') top repeat-x; }
	.column.mid h2 span, .column.last h2 span { 
		position: absolute; 
		left: 46px; 
		top: 10px; 
	}
	.column.mid h2 img, .column.last h2 img { 
		position: absolute; 
		left: 14px; 
		top: 9px; 
	}
	.column.mid .box{
		background: #ffffff; 
		padding: 10px 10px 10px 10px; 
	}
	.column.mid .bawah{
		background: url('../images/layout/column_box.png') bottom no-repeat;
		margin-bottom: 10px; 
	}
	.column.last .bawah{
		background: url('../images/layout/column_box_last.png') bottom no-repeat;
		margin-bottom: 10px; 
	}
	.column.mid .box p { font-size: 11px; color: #444; line-height: 1.6; }
	.column.mid .box p strong { font-weight: bold; }
	.column.mid .box p a, a:visited {	
		color: #136ab4; 
		text-decoration: none;
	}
	.column.mid .box p a:hover {
		color: #383d44;
		text-decoration: underline;
	}
	.column.last { width: 220px; }
	.column.last h2.first-item { background: url('../images/layout/column_last_h2.png') top repeat-x; }
	.column.last h2 { background: url('../images/layout/column_h2_rounded_last.png') top repeat-x; }
	.column.last h2 a { color: #fff; text-decoration: none; }
	.column.last .box { 
		padding: 10px;
		background: #fff url('../images/layout/column_box_last.gif') bottom repeat-x; 
		font-size: 11px;
		line-height: 1.5;
		color: #444; }
	.column.last .box .image-holder { 
		background: url('../images/layout/column_last_image_holder.gif') no-repeat; 
		width: 82px;
		height: 56px;
		float: left; 
		margin: 0 6px 0 -4px; 
		padding: 5px 0 0 6px; 
	}
	.column.last p.info { 
		background: url('../images/layout/info_last.png') no-repeat;
		height: 26px; 
		text-align: center; 
		font-size: 11px;
		color: white; 
		padding-top: 12px;
		position: absolute; 
		width: 220px; 
	}
/* ----------------------------------------------- */


/* =FOOTER
----------------------------------------------- */
	#footer { 
		border-top: 7px solid #5b6fab;
		padding: 15px 0;
		background: url('../images/layout/footer_bg.png') top repeat-x;
		border-bottom: 1px solid #32445F;
	}
	#footer .container { 
		width: 880px; 
		position: relative;
	}
	#footer a:hover { 
		color: #fff; 
		text-decoration: underline; 
	}
	#footer ol,ul { 
		list-style: none; 
		margin: 0; 
		padding: 0; 
	}
	#footer ul { 
		padding: 0 0 0 28px; 
		width: 110px; 
		float: left;
		background: url('../images/icons/checkmark.png') left top no-repeat; 
	}
	#footer ul li h4 { 
		font-size: 12px; 
		font-weight: bold;
		color: #a38f98; 
	}
	#footer ul li { line-height: 1.2; }
	#footer ul li a { 
		color: #a38f98; 
		text-decoration: none; 
		font-size: 11px; 
		background: url('../images/icons/footer_bullet.png') left no-repeat; 
		padding-left: 8px; 
	}
	#footer p { 
		font-size: 11px; 
		position: absolute; 
		top: 0;
		right: 0; 
		color: #a38f98; 
		text-align: right;
		line-height: 1.6;
	}
	#footer p strong { 
		font-size: 12px; 
		font-weight: bold; 
	}
	#footer p { top: 20px; }
	#footer p a{ 
		color: #a38f98; 
		text-decoration: none; 
	}
	#footer p a:hover { 
		color: #fff; 
		text-decoration: underline;
	}
/* ----------------------------------------------- */

img.gambar {
  	margin: 5px 10px 5px 10px;  
	background: #FAFAFA;
	border: 1px solid #DCDCDC;
	padding: 7px;
}
.bgjudul { 
	background: url('../images/layout/bgjudul.png') no-repeat; 
	width: 360px; 
	height: 30px; 
	float: left; 
	margin: 0 8px 0 -2px;
	padding: 3px 0 0 7px;
	color: black;
	font-size: 20px; 
}
a.subject,a.subject:visited {
	color: #136ab4;
	text-decoration: none;
}
a.subject:hover{
	color: #383d44;
	text-decoration: underline;
}
a.more, a.more:visited {	
	color: #136ab4; 
	background: inherit;
	text-decoration: none;
	font-size: 12px; 
}
a.more:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	text-decoration: underline;
}

#mydiv{
	background: url('../images/layout/fixedbanner.png'); 
	width:48px;
	height:145px;
	position: fixed;
	left: 0px;
	top: 230px;
	z-index: 1001;
}
#mydiv .fix{
	z-index: 1001;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 5px;
}
.isi {
	font-family:Arial;
	font-size:12px;
	padding-left:4px;
	text-align:justify;
	line-height: 18px;
}
a.link:link,a.link:visited{
	text-decoration:none;
	color:#265180;
}
a.link:hover {
	color:black;
	text-decoration:underline;
}
a.link2:link,a.link2:visited{
	text-decoration:none;
	color:#265180;
	font-size:11px;
}
a.link2:hover {
	color:black;
	text-decoration:underline;
	font-size:11px;
}
.isi5 {
	font-family:Arial;
	font-size:13px;
	padding-left:10px;
	line-height: 18px;
}
.isi6 {
	font-family:Arial;
	font-size:12px;
	padding-left:10px;
	line-height: 18px;
	text-align:justify;
}
td.jdl{
	font-family:Tahoma;
	color: white;
	padding-left:1.5px;
	padding-right:1.5px;
	font-size:12px;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
	border-collapse: collapse;
	background-color: #265180;
}
td.data{
	color:#000000;
	font-family:Arial;
	font-size:11px;
	padding-left:1.5px;
	padding-right:1.5px;
	line-height: 18px;
	border-width: 1px;
	border-style: solid;
	border-color: #969BA5;
}
.isi2 {
	font-family:Arial;
	font-size:12px;
	padding-left:4px;
	line-height: 18px;
}
.bull {
	font-size:15px;
	font-weight:bold;
	color:#000000;
}.isi3 {
	font-family:Arial;
	font-size:11px;
	padding-left:4px;
	line-height: 18px;
}
.inp{
    background-color: #EEEEEE;
    font-size: 12px;
	margin-bottom:4px;
	margin-top:4px;
}
.judul {
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:black;
	padding-left:4px;
}
.judul_warna {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	background-color: #B7BCC2;
	color:#333333;
	text-align:left;
	padding-left:4px;
	padding-top:3px
}
.judul_w {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	background-color: #B7BCC2;
	color:#333333;
	padding-left:4px;
	padding-top:3px
}
td.promo{
	padding-left:2px;
	padding-right:2px;
	line-height: 18px;
	border-bottom: solid 1px;
	border-color: #969BA5;
}
td.promo2{
	padding-left:0px;
	padding-right:5px;
	line-height: 18px;
}
a.link2:link,a.link2:visited{
	text-decoration:none;
	color:#265180;
	font-size:12px;
}
a.link2:hover {
	color:black;
	text-decoration:underline;
	font-size:12px;
}
td.judulpromo {
	font-family:Tahoma;
	font-size:16px;
	font-weight:bold;
	color:#265180;
	padding-left:4px;
	padding-bottom:4px;
	padding-top:4px;
}
.slide img{
	width:240px;
	height:180px;
}
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
div.header {
	padding: 4px 5px 5px 6px;
	border: 1px solid #DDDDDD;
	font-weight: bold;
	background-color: #DDDDDD;
	background-repeat: repeat-x;
	color: #333333;
}
div.portal_spacer {
	height: 10px;
}
div.portal_content {
	padding: 2px 2px 2px 2px;
	background: #FFFFFF;
	text-align: center;
}
div.portal_content2 {
	border: 1px solid #DDDDDD;
	padding: 2px 2px 2px 2px;
	background: #FFFFFF;
	text-align: center;
}
.highlights {
	width:200px;	
	overflow-x:hidden;
	overflow:hidden;
	margin:0px;
}