body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	
}
#mainContainer {
	margin:0 auto;
	padding: 0px;
	width: 892px;
	

}

#headerContainer {
	background-image: url(../images/header_bg.jpg);
	height: 84px;
	width: 892px;
	padding:0px;
	margin:0 auto;
	background-repeat: no-repeat;
}
#logo {
	height: 50px;
	width: 398px;
	float: left;
	margin-left:29px;
	margin-top:19px;
	margin-bottom:15px;
}
#bodyContainer {
	margin:0px;
	padding: 0px;
	width: 892px;
	
	clear:both;
	
	
	
}
#slogan {
	height: 20px;
	width: 391px;
	margin-top: 36px;
	float:right;
	margin-right:51px;
}

#leftContainer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 265px;
}
#leftbanner {
	margin: 0px;
	padding: 0px;
	height: 269px;
	width: 265px;
	background-image: url(../images/topleftpic.jpg);
	float:left;
}
#schedule_banner {
	margin: 0px;
	padding: 0px;
	height: 269px;
	width: 265px;
	background-image: url(../images/schedule_mainpic.jpg);
	float:left;
}
#training_banner {
	margin: 0px;
	padding: 0px;
	height: 269px;
	width: 265px;
	background-image: url(../images/teacher_mainpic.jpg);
	float:left;
}
#contact_banner {
	margin: 0px;
	padding: 0px;
	height: 269px;
	width: 265px;
	background-image: url(../images/contacttopleft.jpg);
	float:left;
	background-repeat: no-repeat;
}
#leftbannerworkshop {
	margin: 0px;
	padding: 0px;
	height: 269px;
	width: 265px;
	background-image: url(../images/workshops_topleft.jpg);
	float:left;
	background-repeat: no-repeat;
}

#leftnav {
	background-image: url(../images/leftnavbg.jpg);
	background-repeat: repeat-y;
	
	width: 265px;
	float:left;
}
#aboutnav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}
#classtnav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}
#footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	float: left;
	height: 110px;
	width: 892px;
	padding-top: 7px;
}

#privatenav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}
#workshopnav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}
#trainingnav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}
#cdstnav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}
#contactnav {
	padding: 0px;
	float: left;
	height: 24px;
	width: 265px;
	margin-top: 4px;
}

#rightContainer {
	background-image: url(../images/contentbg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 465px;
	width: 627px;
	margin:0px;
	padding:0px;
}
#contentArea {
	height: 380px;
	width: 585px;
	overflow: auto;
	padding: 0px;
	margin-top: 65px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	 scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #FFA800;
scrollbar-face-color: #ff9000;
scrollbar-highlight-color: #FFA800;
scrollbar-shadow-color: #FFA800;
scrollbar-3dlight-color: #FFA800;
scrollbar-track-color: #FFA800;
scrollbar-darkshadow-color: #FFA800;
}
#content{
	margin:0px;
	padding: 0px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	float:left;
	line-height: 20px;
	padding-right:12px;
	
}
#content p{
   margin:0px;
   padding:0px;
   padding-bottom:10px;
   padding-right:8px;
	
}

#content img{
   margin:0px;
   padding:0px;
   padding-top:4px;
   padding-right:15px;
   padding-left:10px;	
}

#content img.rgh{
   margin-left:12px;
   padding:0px;
   padding-top:10px;
   	
}


#content h1{
   margin:0px;
   padding:0px;
   font-size:16px;
   font-weight:bold;
   padding-bottom:2px;
	
}
#content h2{
   margin:0px;
   padding:0px;
   font-size:12px;
   font-weight:bold;
   padding-bottom:2px;
  
	
}
#content strong{
  font-size:12px;
   font-weight:bold;
 }
#content ul{
   margin:0px;
   padding:0px;
   padding-left:10px;
   padding-bottom:10px;
   
   
  
   
}
#content ul li{
   padding-left:14px;
   list-style-type:none;
   background:url(../images/bt.jpg) no-repeat left 8px;
   
}


#scheduleContainer {
	background-image: url(../images/schedule_bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 465px;
	width: 627px;
	margin:0px;
	padding:0px;
}
#scheduleArea {
	height: 378px;
	width: 598px;
	overflow: auto;
	padding: 0px;
	margin-top: 65px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	 scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #FFA800;
scrollbar-face-color: #ff9000;
scrollbar-highlight-color: #FFA800;
scrollbar-shadow-color: #FFA800;
scrollbar-3dlight-color: #FFA800;
scrollbar-track-color: #FFA800;
scrollbar-darkshadow-color: #FFA800;
}
#content_schedule{
	margin:0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	float:left;
	width:571px;
	margin-top:14px;
	margin-left:10px;
	
	
}
.schedule_date{
  width:50px;
   text-align:center;
  float:left;
  text-transform:uppercase;
 
  
}
.schedule_des{
  width:15px;
  height:15px;
  text-align:center;
  float:left;
  text-transform:uppercase;
  padding-top:16px;
  padding-left:15px;
  font-size:11px;
  font-weight:bold;
  margin-bottom:2px;
  margin-top:6px;
  
}
.schedule2_date{
  width:100px;
  float:left;
  margin-left:10px;
  
 
}
.schedule2_des{
  width:110px;
  float:left;
  height:25px;
  padding-top:2px;
  font-size:12px;
  padding-left:11px;
  margin-bottom:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
 
}

.schedule3_date{
  width:100px;
  float:left;
  margin-left:7px;
 
}
.schedule3_des{
  width:115px;
  float:left;
  height:25px;
  padding-top:2px;
  font-size:12px;
  padding-left:30px;
  margin-bottom:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  
 
}
.schedule4_date{
  width:100px;
  float:left;
  margin-left:7px;
 
}
.schedule4_des{
  width:115px;
  float:left;
  height:25px;
  padding-top:2px;
  font-size:12px;
  padding-left:55px;
  margin-bottom:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  
 
}
.schedule5_date{
  width:100px;
  float:left;
  margin-left:7px;
 
}
.schedule5_des{
  width:110px;
  float:left;
  height:25px;
  padding-top:2px;
  font-size:12px;
  padding-left:75px;
  margin-bottom:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  
 
}
#trainingContainer {
	background-image: url(../images/teacher_bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 465px;
	width: 627px;
	margin:0px;
	padding:0px;
}
#contactContainer {
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 465px;
	width: 627px;
	margin:0px;
	padding:0px;
}
#workshopsContainer {
	background-image: url(../images/workshops_bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 465px;
	width: 627px;
	margin:0px;
	padding:0px;
}

#midbanner {
	background-image: url(../images/nama.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 158px;
	width: 892px;
	float:left;
	
}
#footer_links {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width:800px;
	margin:0 auto;
}
#footer_links a {
   color:#FFFFFF;
   text-decoration:none;
}
#copyright {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width:800px;
	margin:17px auto;
}
#contact {
	background-color: #BFE3FA;
	float: left;
	height: 270px;
	width: 883px;
	margin-top: 16px;
	/* for IE */
  filter:alpha(opacity=80);
	/* CSS3 standard */
  opacity:0.8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #404040;
}
.worksops {
	padding: 0px;
	float: left;
	width: 545px;
	margin-bottom: 20px;
	margin-top: 4px;
}
.workshops_right {
	padding: 0px;
	width: 400px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.workshops_right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 6px;
	margin:0px;


}
.workshops_right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 6px;
	margin:0px;


}
.workshops_right p a{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	color: #FFFFFF;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;


}
.contact_field {
	background-image: url(../images/field.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 300px;
	border:none;
	background-color: transparent;
	padding-left: 5px;
}
.contact_area {
	background-image: url(../images/area.jpg);
	background-repeat: no-repeat;
	height: 156px;
	width: 300px;
	border:none;
	background-color: transparent;
	padding-left: 5px;
}