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

.dc_trainer {width:720px; height:35px; margin:8px 5px 0px 75px;}
.dc_trainer h1 {font-family:"Trebuchet MS", Verdana, Arial; color:#4D692E; font-size:20px; padding:0px; margin:0px;}
.dc_trainer h1 a {text-decoration:none; color:#4D692E;}
.dc_trainer h1 a:hover {color:#3D5324}

.dc_trainer2 {width:720px; height:35px; margin:20px 5px 0px 20px;}
.dc_trainer2 h1 {font-family:"Trebuchet MS", Verdana, Arial; color:#4D692E; font-size:20px; padding:0px; margin:0px;}

.box001 {width:251px; float:left; margin: 0 auto; padding:5px 5px 5px 10px;}
.box001 h3 {font-family:"Futura Md BT", "Trebuchet MS", Verdana; color:#4A5B0F; font-size:16px; text-align:left; padding:0px 0px 5px 0px; margin:0px;}
.box001 h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#990000; font-size:16px; padding:5px 0px 5px 0px; border-bottom:1px solid #CBE663; border-top:1px solid #CBE663; margin:0px;}
.box001 h4 a {font-family:"Trebuchet MS", Verdana, Arial; color:#990000; font-size:16px; padding:5px 0px 5px 0px; margin:0px; text-decoration:underline;}
.box001 h4 a:hover {text-decoration:none;}
.box001 p {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:18px; margin:0px; padding:0px;}

.box002 {
	width:244px;
	float:left;
	padding:5px 5px 5px 15px;
	height: 200px;
}
.box002 h3 {font-family:"Futura Md BT", "Trebuchet MS", Verdana; color:#4A5B0F; font-size:15px; text-align:left; padding:0px 0px 3px 0px; margin:0px;}
.box002 h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#990000; font-size:16px; padding:5px 0px 5px 0px; border-bottom:1px solid #CBE663; border-top:1px solid #CBE663; margin:0px;}
.box002 h4 a {font-family:"Trebuchet MS", Verdana, Arial; color:#990000; font-size:16px; padding:5px 0px 5px 0px; margin:0px; text-decoration:underline;}
.box002 h4 a:hover {text-decoration:none;}
.box002 p {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:19px; margin:0px; padding:0px;}
.box002 p a {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:19px; margin:0px; padding:0px; text-decoration:none}
.box002 p a:hover {text-decoration:underline;}

.box003 {
	width:230px;
	float:left;
	margin: 0 auto;
	padding:5px 5px 5px 20px;
	text-align: left;
}
.box003 h3 {font-family:"Futura Md BT", "Futura Md BT", "Trebuchet MS", Verdana; color:#4A5B0F; font-size:15px; text-align:left; padding:0px 0px 5px 0px; margin:0px;}
.box003 h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#990000; font-size:16px; padding:5px 0px 5px 0px; border-bottom:1px solid #CBE663; border-top:1px solid #CBE663; margin:0px;}
.box003 h4 a {font-family:"Trebuchet MS", Verdana, Arial; color:#990000; font-size:16px; padding:5px 0px 5px 0px; margin:0px; text-decoration:underline;}
.box003 h4 a:hover{text-decoration:none;}
.box003 p{font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:19px; margin:0px; padding:0px;}
.box003 p a{font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:18px; margin:0px; padding:0px; text-decoration:none;}
.box003 p a:hover{ text-decoration:underline;}


.box004 {width:251px; float:left; margin: 0 auto; padding:5px 5px 5px 15px;}
.box004 h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:14px; padding:0px; margin:0px;}
.box004 p {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px;}
.box004 p a {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px; text-decoration:none;}
.box004 p a:hover {text-decoration:underline;}

.box005 {width:244px; float:left; margin: 0 auto; padding:5px 15px 5px 15px; text-align:left}
.box005 h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:14px; padding:0px; margin:0px;}
.box005 h4 a {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:14px; padding:0px; margin:0px; line-height:20px;}
.box005 h4 a:hover {text-decoration:underline;}
.box005 h3 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:16px; padding:0px; margin:0px;}
.box005 p {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px;}
.box005 p a{font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px; text-decoration:none;}
.box005 p a:hover {text-decoration:underline;}

.box006 {width:230px; float:left; padding:5px 5px 5px 10px;}
.box006 h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:14px; padding:0px; margin:0px;}
.box006 h3 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:16px; padding:0px; margin:0px;}
.box006 p {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px;}
.box006 p a {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px; text-decoration:none;}
.box006 p a:hover {text-decoration:underline;}

.search {width:230px; float:left; padding:5px 5px 5px 0px; margin-left:10px; font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:12px; line-height:10px}
.search h4 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:14px; padding:0px; margin:0px;}
.search h3 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:16px; padding:0px; margin:0px;}
.search p {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px;}
.search p a {font-family:"Trebuchet MS", Verdana, Arial; color:#5B6226; font-size:13px; line-height:20px; margin:0px; padding:0px; text-decoration:none;}
.search p a:hover {text-decoration:underline;}

.box007 {width:100%; height:70px;  float:left;margin: 0px 0 10px 0 auto; background-color: #333333;}
.box007 h3 {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:16px; padding:0px; margin:0px;}
.box007 p {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:20px; margin:0px; padding:0px;}

.in_pdf {margin-top:8px; height:75px; width:230px; background-image:url(../new_images/bg_pdf.jpg); background-repeat:no-repeat; padding:5px;}
.in_pdf:hover {background-image:url(../new_images/bg_pdf_on.jpg); background-repeat:no-repeat;}
.in_pdf p {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:20px; margin:0px; padding:0px;}

.in_pdf2 {margin-top:8px; height:75px; width:220px; background-image:url(../new_images/bg_pdf2.jpg); background-repeat:no-repeat; padding:5px;}
.in_pdf2:hover {background-image:url(../new_images/bg_pdf2_on.jpg); background-repeat:no-repeat;}
.in_pdf2 p {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:20px; margin:0px; padding:0px;}

.in_pdf3 {margin-top:8px; height:75px; width:220px; background-image:url(../new_images/bg_pdf4.jpg); background-repeat:no-repeat; padding:5px;}
.in_pdf3:hover {background-image:url(../new_images/bg_pdf4_on.jpg); background-repeat:no-repeat;}
.in_pdf3 p {font-family:"Trebuchet MS", Verdana, Arial; color:#333333; font-size:13px; line-height:20px; margin:0px; padding:0px;}

.seminar1{float:left; width:240px; height:250px; background-image:url(../new_images/box.jpg); background-repeat:no-repeat; padding:5px;}
.seminar1 h3 {font-family:"Trebuchet MS", Verdana, Arial; color: #FFFFFF; font-size:16px; padding:0px; margin:0px;}
.seminar1 ul { padding:10px; margin:8px 5px 5px 0px;}
.seminar1 li {font-family:"Trebuchet MS", Verdana, Arial;list-style:none ; text-align:left; color: #000000; font-size:13px;text-decoration:none; font-weight:bold; line-height:23px}
.seminar1 li a:hover { color: #FF0000}
.seminar1 li a {text-decoration:none; color: #000000}


.seminar2{float:left; width:240px; height:250px; margin-left:10px; background-image:url(../new_images/box1.jpg); background-repeat:no-repeat; padding:5px;}
.seminar2 h3 {font-family:"Trebuchet MS", Verdana, Arial; color: #FFFFFF; font-size:16px; padding:0px; margin:0px;}
.seminar2 ul { padding:10px; margin:8px 5px 5px 0px;}
.seminar2 li {font-family:"Trebuchet MS", Verdana, Arial;list-style:none ; text-align:left; color: #000000; font-size:13px;text-decoration:none; font-weight:bold; line-height:23px}
.seminar2 li a:hover { color: #0881db}
.seminar2 li a {text-decoration:none; color: #000000}

.seminar3{float:left; width:240px; height:250px; margin-left:10px; background-image:url(../new_images/box3.jpg); background-repeat:no-repeat; padding:5px;}
.seminar3 h3 {font-family:"Trebuchet MS", Verdana, Arial; color: #FFFFFF; font-size:16px; padding:0px; margin:0px;}
.seminar3 ul { padding:10px; margin:8px 5px 5px 0px;}
.seminar3 li {font-family:"Trebuchet MS", Verdana, Arial;list-style:none ; text-align:left; color: #000000; font-size:13px;text-decoration:none; font-weight:bold; line-height:23px}
.seminar3 li a:hover { color: #c7c703}
.seminar3 li a {text-decoration:none; color: #000000}

.kotak {float:left; width:240px; height:120px; margin-left:10px; margin-top:20px; background-image:url(../new_images/bag_box.jpg); background-position: top center; background-repeat:no-repeat; padding:5px;}
.kotak h4 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color:#990000;font-size:16px; padding:0px; margin:0px;}
.kotak h4 a{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color: #afcd21;font-size:16px; padding:0px; margin:0px; text-decoration:none}
.kotak h4 a:hover{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color: #FFFFFF; text-decoration:none;font-size:16px; padding:0px; margin:0px;}
.kotak ul { padding:10px; margin:8px 5px 5px 0px;}
.kotak li {font-family:"Trebuchet MS", Verdana, Arial;list-style:none ; text-align:left; color: #000000; font-size:13px;text-decoration:none;line-height:23px}
.kotak li a:hover { color: #FF0000}
.kotak li a {text-decoration:none; color: #FFFFFF}
.kotak p {line-height:13px; font:verdana; color: #fcf7aa; font-size:12px; text-align:center}

.kotak2 {float:left; width:175px; height:100px; margin-left:10px; margin-top:20px; background-color:#990000; background-position: top center; background-repeat:no-repeat; padding:5px; }
.kotak2 h4 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color:#990000;font-size:16px; padding:0px; margin:0px;}
.kotak2 h4 a{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; line-height:15px; color: #CC0000;font-size:14px; padding:0px; margin:0px; text-decoration:none}
.kotak2 h4 a:hover{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color: #000000; text-decoration:none;font-size:14px; padding:0px; margin:0px;}
.kotak2 p {line-height:10px; font:verdana; color: #666666; font-size:10px; text-align:right}

.kotak3 {float:left; width:175px; height:100px; margin-left:10px; margin-top:20px; background-color:#207f37; background-position: top center; background-repeat:no-repeat; padding:5px; }
.kotak3 h4 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color:#990000;font-size:16px; padding:0px; margin:0px;}
.kotak3 h4 a{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; line-height:15px; color: #207f37;font-size:14px; padding:0px; margin:0px; text-decoration:none}
.kotak3 h4 a:hover{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color: #000000; text-decoration:none;font-size:14px; padding:0px; margin:0px;}
.kotak3 p {line-height:10px; font:verdana; color: #666666; font-size:10px; text-align:right}

.kotak4 {float:left; width:175px; height:100px; margin-left:10px; margin-top:20px; background-color:#990000; background-position: top center; background-repeat:no-repeat; padding:5px; }
.kotak4 h4 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; color:#990000;font-size:16px; padding:0px; margin:0px;}
.kotak4 h4 a{font-family:"Trebuchet MS", Verdana, Arial; font-weight:bold; line-height:15px; color: #CC0000;font-size:14px; padding:0px; margin:0px; text-decoration:none}
.kotak4 h4 a:hover{font-family:"Trebuchet MS", Verdana, Arial; font-weight:normal; color: #000000; text-decoration:none;font-size:12px; padding:0px; margin:0px;}
.kotak4 p {line-height:10px; font:verdana; color: #666666; font-size:10px; text-align:right}

.pondasi {height:150px; margin:10px 0px 0px 0px; display:block; background-image:url(../new_images/q1.jpg); background-repeat:no-repeat; background-position:top left; padding:10px 10px 0px 35px; width:300px;}
.pondasi p {font-family:"Trebuchet MS", Verdana, Arial; font-size:12px; color:#666666; text-decoration:none; padding:0px; margin:0px; line-height:18px;}
.pondasi:hover {background-image:url(../new_images/q2.jpg); background-repeat:no-repeat; background-position:top left; color:#990000;}

.dc-fondation22 {width:395px; margin-right:10px; height:100px; background-image:url(../new_images/dc-foundation.jpg); background-repeat:no-repeat; float:left;} 
.dc-fondation22 h2 {font-size:14px; color:#666666; font-family:"Trebuchet MS", Verdana; padding:10px 15px 15px 85px; margin:0px; font-weight:normal;}
.dc-fondation22 h2 a {font-size:14px; color:#666666; font-family:"Trebuchet MS", Verdana; margin:0px; font-weight:normal; text-decoration:none;}
.dc-fondation22 h2 a:hover {color:#333333;}

.dc-tools23 {width:395px; height:100px; background-image:url(../new_images/dc-tools.jpg); background-repeat:no-repeat; float:left;} 
.dc-tools23 h2 {font-size:15px; color:#666666; font-family:"Trebuchet MS", Verdana; padding:10px 15px 0px 120px; margin:0px; font-weight:normal;}
.dc-tools23 h2 a {font-size:15px; color:#666666; font-family:"Trebuchet MS", Verdana; margin:0px; font-weight:normal; text-decoration:none; padding:0px;}
.dc-tools23 h2 a:hover {color:#333333;}
.dc-tools23 p {margin:0px; padding:0px 20px 0px 0px;}

.box-seminar {float:left; width:148px; height:385px; background-color:#dbeef4; padding:5px; border:1px solid white; background-image:url(../new_images/box-seminar01.jpg); background-repeat:repeat-x;}
.box-seminar:hover {border:1px solid #21596B}
.box-seminar h3 {font-size:14px; color:#21596B; font-family:"Trebuchet MS", Verdana; margin:0px;}
.box-seminar h3 a {font-size:14px; color:#21596B; font-family:"Trebuchet MS", Verdana; margin:0px; text-decoration:none;}
.box-seminar h3 a:hover {text-decoration:underline;}
.box-seminar p {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:20px; padding:0px; margin:0px; text-align:left;}
.box-seminar p a {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:20px; text-decoration:none;}
.box-seminar p a:hover {text-decoration:underline;}

.box-seminar2 {float:left; width:148px; height:385px; background-color:#fdeada; padding:5px; border:1px solid white; background-image:url(../new_images/box-seminar02.jpg); background-repeat:repeat-x;}
.box-seminar2:hover {border:1px solid #813E07;}
.box-seminar2 h3 {font-size:14px; color:#813E07; font-family:"Trebuchet MS", Verdana; margin:0px;}
.box-seminar2 h3 a {font-size:14px; color:#813E07; font-family:"Trebuchet MS", Verdana; margin:0px; text-decoration:none;}
.box-seminar2 h3 a:hover {text-decoration:underline;}
.box-seminar2 p {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:20px; padding:0px; margin:0px; text-align:left;}
.box-seminar2 p a {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#333333; line-height:20px; text-decoration:none;}
.box-seminar2 p a:hover {text-decoration:underline;}

.box-seminar3 {float:left; width:148px; height:385px; background-color:#ebf1de; padding:5px; border:1px solid white; background-image:url(../new_images/box-seminar03.jpg); background-repeat:repeat-x;}
.box-seminar3:hover {border:1px solid #455524;}
.box-seminar3 h3 {font-size:14px; color:#455524; font-family:"Trebuchet MS", Verdana; margin:0px;}
.box-seminar3 h3 a {font-size:14px; color:#455524; font-family:"Trebuchet MS", Verdana; margin:0px; text-decoration:none;}
.box-seminar3 h3 a:hover {text-decoration:underline;}
.box-seminar3 p {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:19px; padding:0px; margin:0px; text-align:left;}
.box-seminar3 p a {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:19px; text-decoration:none;}
.box-seminar3 p a:hover {text-decoration:underline;}

.box-seminar4 {float:left; width:148px; height:385px; background-color:#ddd9c3; padding:5px; border:1px solid white; background-image:url(../new_images/box-seminar04.jpg); background-repeat:repeat-x;}
.box-seminar4:hover {border:1px solid #534E2F;}
.box-seminar4 h3 {font-size:14px; color:#534E2F; font-family:"Trebuchet MS", Verdana; margin:0px;}
.box-seminar4 h3 a {font-size:14px; color:#534E2F; font-family:"Trebuchet MS", Verdana; margin:0px; text-decoration:none;}
.box-seminar4 h3 a:hover {text-decoration:underline;}
.box-seminar4 p {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:19px; padding:0px; margin:0px; text-align:left;}
.box-seminar4 p a {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:19px; text-decoration:none;}
.box-seminar4 p a:hover {text-decoration:underline;}

.box-seminar5 {float:left; width:146px;  height:385px; background-color:#e6e0ec; padding:5px; border:1px solid white; background-image:url(../new_images/box-seminar05.jpg); background-repeat:repeat-x;}
.box-seminar5:hover {border:1px solid #4E3A61;}
.box-seminar5 h3 {font-size:14px; color:#4E3A61; font-family:"Trebuchet MS", Verdana; margin:0px;}
.box-seminar5 h3 a {font-size:14px; color:#4E3A61; font-family:"Trebuchet MS", Verdana; margin:0px; text-decoration:none;}
.box-seminar5 h3 a:hover {text-decoration:underline;}
.box-seminar5 p {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:19px; padding:0px; margin:0px; text-align:left;}
.box-seminar5 p a {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#666666; line-height:19px; text-decoration:none;}
.box-seminar5 p a:hover {text-decoration:underline;}

.see-workshops {width:250px; height:60px; margin-top:45px; background:url(../new_images/see-workshop.jpg) no-repeat;}
.see-workshops h3 {font-family:"Trebuchet MS", Verdana; font-size:16px; color:#4A5B0F; margin:0px; padding:3px 5px 5px 50px;}

.see-diagrams {width:250px; height:60px; margin-top:10px; background:url(../new_images/see-diagrams.jpg) no-repeat;}
.see-diagrams h3 {font-family:"Trebuchet MS", Verdana; font-size:16px; color:#4A5B0F; margin:0px; padding:3px 5px 5px 40px; text-align:left;}
.see-diagrams p {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#333333; margin:0px; text-align:right;}
.see-diagrams p a {font-family:"Trebuchet MS", Verdana; font-size:13px; color:#333333; margin:0px; text-align:right;}
.see-diagrams p a:hover { text-decoration:none;}


.all{
	width:110px; height:39px; display:block; 
	background:url(../new_images/training.png) no-repeat;
}

.all:link{
	width:110px; height:39px; display:block; 
	background:url(../new_images/training.png) no-repeat;
}

.all:hover{
	width:110px; height:39px;; display:block; 
	background: url(../new_images/training-hover.png) no-repeat;
}