@charset "utf-8";
/* CSS Document */
* { padding:0px;
	margin:0px;
   }

body { background:url(images/bg-body_01.jpg) repeat-x; font-family:"Lucida Sans Unicode", Verdana; color:#333333; line-height:18px; font-size:11px }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.imgindex{ margin-bottom:10px }

#headerbg{
        width:100%;
		height:150px; 
		left:0px;
		z-index:1;
		position: absolute; 
		background:url(images/bg-up_01.jpg) no-repeat
	   }
	   
#outer-wrap { 
		width: 1000px; 
		margin:0 auto;
		z-index:2; position:relative;
		top:0; }

#wrap-logo { width:325px; height:300px; float:left; }

#logo { width:325px; height:129px; padding-top:21px;
		float:left;}

#wrap-button-banner
	  { width:650px; height:300px; float:right; clear:right}
	  
#news {width: 161px; height: 33px; float:right }
#news a{ width:161px; height:33px; display:block; background:url(images/newss_11_11.png) no-repeat right}
#news a:hover{display:block; background: url(images/notesover_11.png) no-repeat right}

#home {width:50px; height:33px; float:right}
#home a {width:50px; height:33px; display:block; background: url(images/home-normal_17.png) no-repeat right}
#home a:hover { display:block; background:url(images/home_17.png) no-repeat right }

#button { 
		  width: 520px; height: 35px; 
		  padding-left:20px; padding-top:40px;
	    }
.imgnews { float:left; margin-right:10px; margin-bottom:10px;}
		
#icon-money { text-align: right}

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;
	 color:#2d5b77; margin-bottom:5px;
	 }

#content-text
	 { width:880px; margin:0 auto }
	 
p { margin-bottom:20px; }

.page-4-colom { float:left; width:200px; margin-top:10px; margin-right:10px; padding-bottom:10px;}

#page-2-colom { float:left; width:400px; margin-top:10px; margin-right:10px}

a { color: #FF9900;  text-decoration:none }
a:hover { color: #0066CC; text-decoration:underline}
#footerwrap{ clear:both; height:40px; padding:10px; background:#333333; margin-top:50px; color:#CCCCCC }

#footer { margin:0 auto; width:880px; }

#leftcolom { width:220px;  float:left; padding:10px;}
#rightcolom { width:610px; border-left:1px #999999 dashed;float:right; margin-bottom:10px;padding:10px;}

#itemleft { padding-bottom:10px; }
input { border:none; background-color: #A8D3FF; margin-bottom:5px; padding:5px; font-family:"Lucida Sans Unicode", Verdana; font-size:11px; }


textarea { border:none; background-color: #A8D3FF; margin-bottom:5px; padding:5px; font-family:"Lucida Sans Unicode", Verdana; font-size:11px; }

select { border:none; background-color: #A8D3FF; margin-bottom:5px; padding:5px; font-family:"Lucida Sans Unicode", Verdana; font-size:11px; }

#photo { float:left; padding:2px; background:#CCCCCC; list-style:none; margin-bottom:5px; margin-right:3px; }

#testi { list-style:none; margin:0; padding:0}
#testi li { padding-bottom:10px; text-align:justify; border-bottom:dotted 1px #999999 }

.author { color: #0099CC; font-weight:bold; margin-bottom:10px; margin-top:10px }

.submenu {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none; font-size:11px; color: #333333;
}
.submenu LI {
	LINE-HEIGHT: 130%; padding-top:5px; BORDER-BOTTOM: #333333 1px dotted;LIST-STYLE-TYPE: none
}
.submenu LI A {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 4px; color: #333333; PADDING-TOP: 4px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}

.submenu LI A:hover {
	BACKGROUND-COLOR: #006699; color: #FFFFFF; TEXT-DECORATION: none
}
.submenu .page_item {
	DISPLAY: block; color:#FFFFFF;
	
}
.tanggal {text-align:center; color: #333333; padding:2px; font-size:9px; line-height:16px; background-color: #999999; margin-right:3px; }
.tanggal-full {text-align:center; color: #FFFFFF; padding:2px;  font-size:9px; background-color: #FF0000; margin-right:3px; }

.bigdate { height:35px; width:30px; background-image:url(images/bgtanggal.jpg); background-color:#999999;
   	        text-align:center; font-size:12px;  float: left; font-family:Georgia, "Times New Roman", Times, serif;
			padding-left:3px; padding-right:3px; padding-bottom:3px; margin-right:10px} 	
			
.trainer { list-style:none; padding-bottom:5px; border-bottom:1px dotted #666666}
.trainer img { border:2px solid #CCCCCC}

.p-training { width:79px; float:left; list-style:none; height:34px;margin-right:3px;}
.p-training a { width:79px; height:34px; background: url(images/button/pt-normal.png);display:block} 	 
.p-training a:hover { width:79px; background: url(images/button/pt.png);display:block; height:34px} 	 

.p-intraining { width:84px; list-style:none; height:34px; margin-right:3px; float:left}
.p-intraining a { width:84px; height:34px; background: url(images/button/in-normal.png);display:block} 	 
.p-intraining a:hover { background: url(images/button/in.png);display:block;height:34px}

.p-business { width:90px; list-style:none; height:34px;  margin-right:3px; float:left}
.p-business a { width:90px; height:34px; background: url(images/button/bv-normal.png);display:block} 	 
.p-business a:hover { background: url(images/button/bv.png) top left;display:block;height:34px} 	  	 

.seminar { width:75px; list-style:none; height:34px; vertical-align:bottom; margin-right:3px; float:left}
.seminar a { width:75px; height:34px; background: url(images/button/seminar-normal.png);display:block} 	 
.seminar a:hover { background: url(images/button/seminar.png);display:block;height:34px} 	  	 

.event { width:89px; list-style:none; height:34px; vertical-align:bottom; margin-right:3px; float:left}
.event a { width:89px; height:34px; background: url(images/button/event-normal.png);display:block} 	 
.event a:hover {  background: url(images/button/event.png);display:block;height:34px} 	  	 

.course { width:80px; list-style:none; height:34px; vertical-align:bottom; margin-right:3px; float:left}
.course a { width:80px; height:34px; background: url(images/button/smi_normal.png);display:block} 	 
.course a:hover { background: url(images/button/smi_over.png);display:block;height:34px} 	

.ev { width:80px; list-style:none; height:34px; vertical-align:bottom; margin-right:3px; float:left}
.ev a { width:80px; height:34px; background: url(images/button/ev-normal.png);display:block} 	 
.ev a:hover {  background: url(images/button/ev.png);display:block;height:34px} 	  	 

img { border:none}


.calendar { padding-top:15px; padding-left:10px; width:32px; height:25px; background-repeat:no-repeat; float:left}

#newsindex { list-style:none; width:400px; text-align:left; padding-bottom:20px;}
.newsindex{ border:#999999 2px solid; float:left; margin-right:10px }


h2 { font-size:14px; margin-top:0; color:#CCCC00 } 
h2 a { font-size:14px;margin-top:0; color: #99CC00 }
h2 a:hover {font-size:14px;margin-top:0; color: #FF9900 }

h3 { color: #FFFFFF; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;} 

#eventlist{list-style:none; width:630px}
#eventlist li{float:left; margin:0 10px 10px 0}
#eventlist li .imgwrap{width:300px; height:175px; overflow:hidden}
#eventlist li img{width:300px}