/* tabbing */
body  {
	background:#FDFDFD; font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin-top:10px; margin-bottom:20px; margin-left:0px; margin-right:0px;
	line-height:1.3em;
}

h1,h2,h3,h4,h5 { font-family:Arial, Helvetica, sans-serif; margin-bottom:1px;}

.contents h1 { font-size:20px; font-weight:normal; line-height:1.5em; }
.contents h2 { font-size:16px; margin-top:5px; }
.contents h3 { font-size:14px; margin-top:5px; }


a { color:#2569B2; text-decoration:none; }
a:hover { color:#EF8633; text-decoration:none; } 

/* setting layout */
.top_logo{ background: url(../images/esco-logo.jpg) bottom left no-repeat; width:920px; 
	height:50px; text-align:right; margin-bottom:10px; vertical-align:bottom;}

#content_isi { width:920px; text-align:justify; }

#colums1{ clear:both; height:415px; padding-top:10px; }
#colums2{ clear:both; padding-top:0px; }	
#colums3{ clear:both; padding-top:10px; }
#colum12{ width:610px; float:left; line-height:1.4em; }
#colum1{ width:300px; float:left; line-height:1.4em; }
#colum2{ width:300px; float:left; line-height:1.4em; }
#colum3{ width:300px; float:right;  line-height:1.4em; }
#columx{ width:10px; float:left; }

#columx1{ width:290px; float:left; line-height:1.4em; text-align:left; }
#columx2{ width:290px; float:left; line-height:1.4em; text-align:left; }
#columx3{ width:290px; float:right;  line-height:1.4em; text-align:left; }

.search_btn{ background:url(../images/btn.jpg) top left no-repeat;
	text-align:center; vertical-align:middle; color:#FFFFFF;
	font-size:10px; height:25px; width:160px; border:none;
	cursor:pointer;
	}
.search_input{ border:#CCCCCC solid 1px; background:#FFFFFF;
	height:25px; width:200px; padding:5px 5px 5px;
	color:#666666;
	}
	
.clear{ clear:both; padding-top:10px; }
*html .clear{clear:both; padding:0 0 0; margin:0 0 0;  padding-top:10px; }

/* homepage */
.box_heads{ background:url(../images/head_gray.jpg) top left no-repeat;
	height:30px; color:#666666; width:300px;  text-align:left;
	}
.box_foot{ background:url(../images/foot_gray.jpg) top left no-repeat;
	height:5px; width:300px;
	}

.box_heads h2{ font-weight:normal; margin:0 0 0; font-size:14px;
	padding:4px 4px 4px 10px;	
	}
	
.box_body{ background:url(../images/body_gray.jpg) top repeat-y; 
	height:250px; width:300px;
	}
.box_detail{ background:url(../images/body_gray.jpg) top repeat-y; 
	width:300px;
	}
.dcontents{ padding:5px 10px 5px; font-size:12px; text-align:right; }
.contents{ padding:5px 10px 5px; font-size:12px; color:#777; }

/* setting single */
#single_head{ background:#286AAA url(../images/head_single.jpg) top no-repeat;
	height:32px; color:#FFFFFF; text-align:left;
	}	
#single_head h2{font-weight:normal; margin:0 0 0; font-size:14px;
	padding:6px 4px 4px 10px;
	}
	
#single_subhead{ background:#286AAA url(../images/subhead_single.jpg) top no-repeat;
	height:70px; color:#FFFFFF; text-align:left;
	}	
#single_subhead h5{font-weight:normal; margin:0 0 0; font-size:13px;
	padding:15px 0 0 20px; color:#CCCCCC;
	}		
#single_subhead h5 a{ color:#FF9900; }
#single_subhead h5 a:hover{ color:#CCCCCC; }	
#single_subhead h1{font-weight:normal; margin:0 0 0; font-size:15px; padding:2px 0 0 20px; }
			
#single_body{ background:#FFFFFF url(../images/bgbody.jpg) top repeat-y; text-align:left;}
#single_body .contents { padding:10px 10px 5px; }
#single_body .contentss { padding:5px 10px 5px; font-size:12px; color:#777; line-height:1.5em;  }

#single_foot{ background:url(../images/foot_single.jpg) top no-repeat; height:5px; }
#single_top{ background:url(../images/top_single.jpg) top no-repeat; height:5px; }

/* setting footer */
#footer_head{ background:url(../images/footer_1.jpg) bottom no-repeat; height:5px; }
#footer_body{ background:#E8E8E8; border-left:#D5D5D5 solid 1px; border-right:#D5D5D5 solid 1px; }
#footer_foot{ background:url(../images/footer_3.jpg) top no-repeat; height:5px; }

.copy-H1 { float:left; width:170px; text-align:right; padding:15px 0 0; }
.copy-H2 { float:left; width:720px;  padding:5px 0 0 10px; text-align:left; font-size:11px; color:#555555; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; }
.copy-H2 p { clear:both; margin:0 0 0; }

#footmenu{
	padding:0; margin:0;
	white-space:nowrap;
	list-style-type:none;
}
#footmenu li {display:inline;}
#footmenu li a {
	padding:0.1em 0.5em 0.1em;
	text-decoration:none;
	float:left; 
	border-left: #999 solid 1px;
}
#footmenu li a:hover{
	background:#08c;
	color:#fff;
}



/* list */
.listline{ clear:both; width:280px; height:5px; border-bottom:#E0E0E0 solid 1px; }
.listout{ clear:both; padding-top:5px; }
.listout1{ width:120px; float:left; text-align:left; border:#E0E0E0 solid 1px; padding:1px 1px 1px; }
.listout2{ width:145px; float:right; text-align:left; font-size:11px; line-height:1.2em; }
.listout2 p { margin-bottom:0; margin-top:5px;}

.listout3{ width:280px; float:left; text-align:left; font-size:11px; line-height:1.2em; }
.listout3 p { margin-bottom:0; margin-top:5px;}

/* 2 column */
.two_side { clear:both; }
.side_left{ width:205px; float:left; text-align:justify;}
.side_left li{ padding-top:0px; }
.side_right{ width:680px; float:right; text-align:justify; line-height:18px; }
.side_right td li { padding-top:0px; }
.side_right td ul, .side_right td ol { margin-top:0px; margin-bottom:0px;}


/* setting column */
.box_head{ 
	background: #1D5DA3; color:#FFFFFF; text-align:left; font-size:15px;
	padding:5px 5px 5px;
}
.box_head2{ 
	background: #777777; color:#FFFFFF; text-align:left; font-family:Arial, Helvetica, sans-serif; padding:0 0 0; vertical-align:middle; font-weight:normal; text-transform:uppercase;
}

.box_content{ 
	background:#ffffff; text-align:left; 
	vertical-align:top; padding:5px 5px 5px;
}
.box_side_1{ border:#D9E0D9 solid 1px; padding:10px 10px 10px; text-align:center; height:210px;	}
.box_side_2{ border:#D9E0D9 solid 1px; padding:10px 10px 10px; text-align:left; }
.box_side_3{ border:#D9E0D9 solid 1px; padding:10px 10px 10px; text-align:left;}
.box_link{ text-align:right; padding-bottom:10px;}

.home_content{
	padding:4px 10px 2px; border-left:#D6D6D6 solid 1px; border-right:#D6D6D6 solid 1px;
	background:url(../images/top_home.jpg) top repeat-x;
}
.home_content H2 { font-size:18px; color:#666; font-weight:normal; padding-bottom:5px; }

.home_bottom { 
	background:url(../images/top_home.jpg) top repeat-x; font-size:12px;  border-left:#D6D6D6 solid 1px; border-right:#D6D6D6 solid 1px;
	padding:5px 10px 5px; text-align:right;  border-bottom:#D6D6D6 solid 1px;
}
.home_content td{ text-align:left; vertical-align:top; font-size:12px; line-height:1.5em; }
.home_content img{ border:#CCC solid 1px; font-size:9px; color:#666; }

/* setting FORM */
form { margin:0 0 0 0;}
form input, textarea, select{ 
	border: 1px solid #E0E0E0;
}
form select{ 
	font-size:10px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:#CCCCCC 1px solid;
}

p{ margin-top:10px; margin-bottom:0;}