html,
body{
	margin:0;
	padding: 0;
	text-align: center;
	background-color:#e0f1e9;
	height: 100%;
}


h1 {
	color:#409612;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color: transparent;
	font-weight:lighter;
	}
	
form.frm { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.button {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#4C4C4C;
	background-color: #f5f5f5;
	border-style: ridge;
	margin: 0px 0px 0px 0px;
}
.txtArea {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#4C4C4C;
	background-color: #FFFFFF;
	border-style: ridge;
	margin: 0px 0px 0px 0px;
}

.arial10 {
	font-family: arial;	
	font-size: 10px; 
	color: #333333; 
	font-weight: normal;
}

.arial11 {
	font-family: arial;	
	font-size: 11px; 
	color: #333333; 
	font-weight: normal;
}

.arial14 {
	font-family: arial;	
	font-size: 14px; 
	color: #333333; 
	font-weight: bold;
}

.verd9 {
	font-family: verdana;	
	font-size: 9px; 
	color: #333333; 
	font-weight: normal;
}

.content_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*color: #008A95;*/
	color: #298F99;
}

.footer_font{
	font-family: Verdana, Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	color: #FFF;
}

#main_wrapper{
	background-color:#e0f1e9;
	width: 100%;
	text-align: left;
	min-height: 100%;
	/*position: absolute;*/
}

#header{
	width: 100%;
	background: transparent url(../../metland-web/images/bg-header.jpg) repeat-x top center;
	height:132px;
	padding: 0;
}

.header_content{
	width: 1135px;
	margin: 0 auto;
	height: 132px;
}

#menu_content{
	width: 100%;
	background: transparent url(../../metland-web/images/menu.jpg) repeat-x top center;
	height: 32px;
}

#main_content{
	min-height: 100%;
	height: 100%;
	padding-bottom: 35px;
	height: auto !important;
	width: 1084px;
	margin: 0 auto;
	/*border: 1px solid #fff;*/
	border-top: none;
	/*margin-top: -2px;*/
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	border: none;
}

body > #main_content{
	height: auto; min-height: 100%;
}

#content{
	float: left;
	border: 1px solid #fff;
	border-top:none;
	width: 1082px;
	margin-left: 0;
	/*margin-top: -3px;*/
}

.breadcrumb{
	width: 1062px;
	background: url(../../metland-web/images/menu.jpg) repeat-x;
	height: 22px;
	/*margin-top: 3px;*/
	margin-top: 1px;
	clear: both;
	position: relative;
	padding-top: 10px;
	padding-left: 20px;
}

.breadcrumb a{
	/*color: #30929F;*/
	color: #2C828D;
}

.breadcrumb p{
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	height: 10px;
	margin-top: -1px;
	
}

.main_content_left{
	width: 250px;
	height: auto;
	background-color: #F7FBEF;
	border-right: 1px solid #ffffff;
	float: left;
}

.main_content_left_top{
	height: 201px;
	width: 100%;
}

.main_content_left_top img{
	height: 201px;
	border: none;
	width: 250px;
}

.main_content_left_bottom{
	height: auto;
	border: none;
	width: 210px;
	padding: 20px;
}

#path	{
	padding: 0 0 0 20px;
	margin-top: 5px;
	height: 12px;
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	/*border: 1px solid;*/
}
#path p	{
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
}
#event, #news, #interactive, #career, #links, #quis, #career  {
	margin:0px 0px 0px 0px;	/* margin/padding:  top right bottom Left */
	padding: 10px 10px 10px 10px; 
}
#pleftcp,#pleftnews,#pleftevent,#pleftcareer,#pleftgallery {
	margin:0px 0px 0px 0px;	/* margin/padding:  top right bottom Left */
	padding: 10px 10px 10px 10px; 
}
#ppro,#pcp, #pnews, #pevent, #pcareer, #pcontact, #pgallery,#pcrm {
	/*margin:0px 0px 0px 0px;*/	/* margin/padding:  top right bottom Left */
	padding: 10px 10px 10px 10px;
	margin: 0;
}


#event p, #news p, #career p, #interactive p, #links p, #projects p, #pnews p, #pevent p, #pcareer p, #pcontact p, #pcp p, #pgallery p, #pleftcareer p, #pleftgallery p, #pleftevent p, #pleftnews p{ 
/* text */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4c4c4c;
	line-height: 150%;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
#ppro p	{ 
/* text */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4C4C4C;
	line-height: 150%;
	padding: 0 20px 20px 10px;
	margin: 0 0 5px 0;
}
#pevent p.img {
	margin: 0 0 15px 0;
}
#event p.date, #news p.date, #pnews p.date, #pnews p.date, #pevent p.date, #pgallery p.date, #pleftevent p.date, #pleftnews p.date { /* date */
	font-size:10px;
	/*color: #83cde1;*/
	color:#007a82;
	border: 0;
	padding: 0 20px 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #BBE0EB;
}

p.csrt {
	font-family:Arial, Helvetica, sans-sserif;
	font-size:12px;
	color:#333333;

}
p.csrtsub {
	font-family:Arial, Helvetica, sans-sserif;
	font-size:11px;
	/*color:#409612;*/
	color: #30929F;
	margin: 0 0 -10px 0;
}
p.csrisi {
	font-family:Arial, Helvetica, sans-sserif;
	font-size:11px;
	color:#4c4c4c;
	line-height: 150%;
}
ol.csrisi {
	font-family:Arial, Helvetica, sans-sserif;
	font-size:11px;
	color:#4c4c4c;
	line-height: 150%;
}

#pnews p.line, #pcp p.line {
	border: 0;
	padding: 0 20px 5px 0px;
	border-bottom: 1px dotted #BBE0EB;
}

#ppro p.ttl a, #news p.ttl a, #news p.readmore a, #event p.readmore a,#event p.ttl a, #projects p.links a, #pnews p.ttl a, #pevent p.ttl a, #pleftevent p.ttl a, #pleftnews p.ttl a {
	color: #298F99;
	/*color: #30929F;*/
	font-weight:normal;
}
#ppro p.ttl a:hover, #news p.ttl a:hover, #news p.readmore a:hover, #event p.ttl a:hover, #event p.readmore a:hover, #projects p.links a:hover, #pnews p.ttl a:hover, #pevent p.ttl a:hover, #pleftevent p.ttl a:hover, #pleftnews p.ttl a:hover {
	text-decoration: underline;
}
#ppro p.ttl:hover, #news p.ttl:hover, #news p.readmore:hover, #event p.ttl:hover, #event p.readmore:hover, #projects p.links:hover, #pnews p.ttl:hover, #pevent p.ttl:hover, #pleftevent p.ttl:hover, #pleftnews p.ttl:hover {
	background: none;
}
.mm	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #30929F;
}
a.mm {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #30929F;
	font-weight:normal;
	margin:0 8px 0 5px;
	}
	
a.mm:hover {
	text-decoration: none;
	color:#FFFFFF;
	}
a.mm:hover {
	background: none;
	}

a.vendor {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;
	font-weight:normal;
	}
	
a.vendor:hover {
	text-decoration: underline;
	}


#featured p{ 
/* text */
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	color:#DEF0B4;
	line-height: 150%;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #A2C471;
}
#featured p.link a {
	font-family:verdana;
	font-size:11px;
	color:#DEF0B4;
	font-weight:normal;
}
#featured p.link a:hover {
	text-decoration: none;
	color:#FFFFFF;
}
#featured p.link:hover {
	background: none;
}


#pleftgallery td.thumb {
		padding: 3px 3px 3px 3px;
}

#pcrm table { 
/* text */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4C4C4C;
	line-height: 150%;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
#pcrm td.light	{
color:#000000;
}
a {
	color: #298F99;
	text-decoration: none;
}

#ppro h1,#pcp h1, #projects h1,#pnews h1, #pevent h1, #pcareer h1, #pcontact h1, #pgallery h1, #pcrm h1  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	font-weight:normal;
	color:#5D718B;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
}

#ppro table.detail  {
	
	margin: 0px 0 40px 40px;
}
#projects, #pcp h2, #pcareer h2, #pnews h2, #pevent h2, #pgallery h2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight:normal;
	color: #409612;
	padding: 0 0 0 0;
	margin: 15px 0 5px 0;
}
#ppro h2,#pcrm h2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight:bold;
	color: #4C4C4C;
	padding: 10px 0 8px 0;
	margin: 15px 0 15px 0;
	border-bottom: 1px dotted #999999;
}
#ppro h4  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-weight:bold;
	color: #4C4C4C;
	padding: 0px 10px 0px 0;
	margin: 0px 10px 0px 0;
}
#ppro h3  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-weight:bold;
	color: #4C4C4C;
	padding: 22px 0 0px 0px;
	margin: 0 0 5px 10px;
}
#pcontact h2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;
	color: #4C4C4C;
	padding: 10px 0 8px 0;
	margin: 15px 0 15px 0;
	border-bottom: 1px dotted #999999;
}

#login p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4C4C4C;
	margin: 0 0 5px 0px;
}


#crm_login_box{
	background: transparent url(../crm/images/bg_login.png) no-repeat top left;
	height: 255px;
	width: 555px;
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.crm_logo_login{
	width: 292px;
	height: 48px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	color: #77784B;
	font-size: 16px;
	font-weight: bold;
}

.crm_logo_login img{
	border: none;
}

.crm_box_username_password{
	background-color: #fff;
	border: 1px solid #CCCCCC;
	width: 500px;
	height: 120px;
	float: left;
	margin-left: 20px;
	margin-top: 40px;
}

.main_content_right{
	width: 821px;
	height: auto;
	background-color: #ffffff;
	float: right;
	padding-left: 10px;
}


#footer{
	height: 35px;
	margin-top: -35px;
	bottom: 0;
	/*position: absolute;*/
	background:#94CFCD url(../images/footer-bg.jpg)  no-repeat center top;
	width: 100%;
	clear: both;
	text-align: center;
	
}

#footer p{
	height: 10px;
	width: 100%;
}

#top_menu{
	width: 100%;
	margin: 0 auto;
	height: 50px;
	position: absolute;
	float: left;
	clear: both;
	top: 0;
}

.lang_menu{
	margin-right: 0;
	width:1065px;
	margin: 0 auto;
	height: auto;
	text-align: right;
	/*color: #30929F;*/
	color: #297B85;
}

.lang_menu a{
	font-size: 12px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	/*color: #30929F;*/
	color: #297B85;
	font-weight: normal;
}

#imgdepan {
	padding: 0;
	/*position:absolute;*/
	margin-top: 0px;
	/*margin-top:	166px;*/
	height: 370px;
	width:1135px;
	z-index:110;
	background-position:center;
	background-repeat:no-repeat;
	/*margin-left: 60px;*/
	margin: 0 auto;
	/*float: left;*/
	position: relative;
}

#banner {
	background-color: transparent; 
	padding: 0;
	margin: 0 auto;
	height: 370px;
	text-align:center;	
	width: 1082px;
	overflow: hidden;
/*	float: left;*/
	/*margin-left:0px;*/
	margin-top: -370px;
}

#leadstory_wrapper{
	width: 1135px;
	height: 370px;
	overflow: hidden;
	/*float: left;*/
	position: absolute;
	margin-top: 0px;
}

#contentisiatas {
	height: 32px;
	background: transparent url(../images/h1content.jpg) no-repeat top center;
	margin-left: -1px;
	width: 1084px;
	
}

#contentisiatas a{
	font-family: Arial, Helvetica, sans-serif;
	color: #3f9611;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;	
	padding-top:15px;
}

#news_box_container_left{
	width: 330px;
	padding-left:25px;
	padding-right:30px;
	float: left;
	/*padding-bottom: 15px;*/
}

#news_box_container_left a{
	/*color:#30929F;*/
	color: #298F99;
}
#news_box_container_center{
	width: 330px;
	float: left;
	padding-right:5px;
	padding-left:0px;
	margin-left: 0px;
/*	border: solid 1px #ccc;*/
}

#news_box_container_center a{
	/*color: #30929F;*/
	color: #298F99;
}
#news_box_container_right img{
	padding-top:8px;
}

#news_box_top {
	height: 32px;
}
#news_box_top h1{
	background: transparent url(../images/m.png) no-repeat top left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 8px;
	padding-left: 30px;
	margin-left: 1px;
	min-height:40px;
}

#news_box_center{
	padding-top:15px;
	/*border-right:1px dotted #CCC;*/
	margin-top:-10px;
	padding-right:5px;
	width:330px;
}

#contentisi {
	background:transparent url(../images/bgcontent.jpg) repeat-y center top;
	/*min-height: 380px;*/
	height:auto;
	padding-bottom:20px;
}

#contentisi2 {
	background:transparent url(../images/bgcontent.jpg) repeat-y center top;
	min-height: 380px;
	height:auto;
	padding-bottom:20px;

}

#news_box_center p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: -12px;
	padding: 0;
	margin-bottom: 0;
}

#news_box_container_right{
	width: 330px;
	padding-right:0px;
	padding-left:10px;
	float: right;
	margin-right: 0;
}

#news_box_container_right img{
	padding-top:8px;
}

.tanggal{
	color:#007a82;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
}

#garis	{
	color:#FFF;
	background:transparent url(../images/garis.jpg)  repeat-x center top ;
}

#news_box_center a.judulberita{
	/*color: #30929F;*/
	color: #298F99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color: transparent;
	font-weight:lighter;
}

#news_box_center a.judulberita:hover{
	text-decoration: underline;
}

#news_box_center ul{
	margin-left: -25px;
	list-style: square;
}

#news_box_center ul li{
	color: #298F99;
	font-weight: normal;
}

#news_box_center ul li a{
	/*color: #30929F;*/
	color: #298F99;
	font-weight: normal;
	font-size: 12px;
}

#news_box_center a{
	/*color: #30929F;*/
	color: #298F99;
}