/* General Rules */

html{padding:0px;margin:0px;}

body{	
     	
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#f97810;
        font-size:11px;
        text-align:center;
        margin-top: 20px;
        margin-left:0px;
        padding:0px;
        background:url(images/);
        background-color:#ffffff;
        
}

/***** Main Link *********/

a.menu, a.darklink, a.menu:visited, a.darklink:visited{
    text-decoration:none;
    color:#2f7cbc;
  	border-bottom: 1px dotted #ccc;
    
}

a.menu:hover, a.darklink:hover{
   text-decoration:underline;
   color:#ea7000;
   border-bottom: 1px solid #ccc;
 
}

a, a:visited{
    text-decoration:none;
    color:#f07100;
  	
    
}

a:hover{
   text-decoration:underline;
   color:#f0a400;
   
 
}


#menubottom a, #menubottom a:visited{
    background:url(images/menubottom_li.gif) no-repeat left;
    padding:20px 5px 20px 20px;
    
}
/***** End of Main Link *******/
p {line-height:16px;color:#676767;padding:0px;margin-top:5px;margin-bottom:5px;}

p.yellow {line-height:16px;color:#fb8e06;}

p.red {line-height:16px;color:#f63635;}
p.new {line-height:15px;padding:0px;}

h1 {
    	font-size:14px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#fc5b00;
        padding:0px;
        margin-top:0px;
}

h1.katalogbahan {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#fc5b00;
        padding:0px;
        margin-top:0px;
}


h2.new {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#fb8e06;
        padding:0px;
        
        margin-top:0px;
}


h2 {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#fb8e06;
        padding:0px;
        margin-top:0px;
        margin-bottom:5px;
}

h2.merah {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#f63635;
        margin-top:0px;
        margin-bottom:5px;
}

h3 {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#fb8e06;
        margin-top:0px;
}

h3.jadwal {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#fb8e06;
        border-bottom:1px solid #eeeeee;
        padding-bottom:5px;
        margin-top:0px;
}


h3.jadwalmerah {
    	font-size:11px;
    	font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
        color:#f63635;
        border-bottom:1px solid #eeeeee;
        padding-bottom:5px;
        margin-top:0px;
}
/**** List Decoration *****/


#registertable {
	font-size:11px;
	
}

#mainmenu ul, #links ul{
    list-style:none outside;
	margin:0px;
	padding:0px;
}

#mainmenu li, #links li{
    padding:1px 0px 1px 20px;
	margin:0 0 0 20px;
	color:#fb8e06;
	background:url(images/li.gif) no-repeat left;
	border-bottom:1px solid #eeeeee;
}


#katalogdesc ul{
    list-style:none outside;
	margin:0px;
	padding:0px;
}

#katalogdesc li{
    padding:1px 0px 1px 20px;
	margin:0 0 0 0px;
	color:#616161;
	background:url(images/li.gif) no-repeat left;

}


ul{	
    list-style:none outside;
	margin:0px;
	padding:0px;
}

li{	padding:0px 0px 5px 20px;
	margin:0px;
   
	
}
/****** End of List Decoration ****/

/***** Border decoration *********/
img.border5 { border:4px solid #f4f4f4; margin:0px 0px 5px 8px;}
img.border1 { border:1px solid #ffffff; float: left; margin:0px 8px 8px 0px;}
/***** End of Border Decoration ********/


.inputstyle,.textstyle{	
	font-size:11px;
	color:#666;
	line-height:20px;
	border: 2px solid #fff;
	background-color: #fff;
}


/* Positioning Layers*/


#box {
	width:750px;
	margin:auto;
	text-align:left;
	background-color:#ffffff;
	position:relative;   
	
}


#topbg{
     background:url(images/side_bg.gif) repeat-y;
     background-color:#ffffff;
}

#top {
	text-align:left;
	height: 160px;
    position:relative;
    background:url(images/top_bg.gif) no-repeat left top;
   
}


    
#middlebg {
    background:url(images/side_bg.gif) repeat-y;
	background-color:#ffffff;
   

}

#middle {
    overflow:hidden;
    background:url(images/bar_bg.gif) repeat-x;
	background-color:#ffffff;
    width:715px;
    margin-left:14px;
    
   
}

.tes {
    font-size:11px;
	color:#676767;
    font-family:Tahoma, verdana, Arial, SunSans-Regular, Sans-Serif;
   
}

#foto{
    float:left;
    padding:5px;
    border:1px solid #eeeeee;
    margin-bottom:5px;
}

#newtext{
    padding-top:20px;
    padding-left:10px;
    width:150px;
  
  

}

#newimagecontainer{
    width:150px;
    margin-left:1px;
    padding:0px;
}

#newimage{
   float:left;
   overflow:hidden;
}

#newicon{
    float:left;
    background:url(images/new_icon.gif) no-repeat top right;
    width:50px;
    height:55px;
   
}

#left {
    float:left;
    margin-top:100px;  
    padding-left:35px;
    padding-right:15px;
    padding-bottom:10px;
       }

#pesanjadwal, #intro, #contactform, #contactdetail, #aboutus, #alat, #jadwal, #register, #masakan, #katalogvideo, #katalogalat, #katalogbahan, #testimonial{
    float:left;
    width:450px;
    }
    
#contactname{
    float:left;
    
}

#contactbox{
    float:left;
    padding-left:20px;
}



#katalogbahandetail, #katalogalatdetail, #katalogdetail, #testimonialdetail, #jadwaldetail{
    padding-top:5px;
    padding-bottom:5px;
    width:450px;
    overflow:hidden;
    border-bottom:1px solid #eeeeee;
}

#katalogbahantitle{
    float:left;
    width:100px;
    border-right:1px solid #fedaad;
}

#katalogbahandesc{
    overflow: hidden;
    width:340px;
    float:left;
    padding-left:5px;
    
}

#katalogimg, #katalogalatimg, #testimonialimg{
    float:left;
    border:1px solid #eeeeee;
    padding:2px 2px 2px 2px;
}

#jadwalwaktu {
    float:left;
    overflow:hidden;
    width:130px;
    
}

#jadwaldesc, #katalogdesc, #katalogalatdesc, #testimonialdesc{
   overflow:hidden;
   width:300px;
   padding-left:10px;
   padding-bottom:10px;
  
}



#class {
    float:left;
    width:440px;
    background-color:#fafafa;
    padding:5px;

    }


#reguler, #praktek, #video{
    overflow:hidden;
    float:left;
    width:135;
    margin-left:5px;
    padding-left:5px;

    

}

#right {
    width:180px;   
    margin-top:100px; 
    overflow:hidden;
   
}


#bottom {
	text-align:left;
	background-color:#7A8F1D;
	height:66px;
	padding-left:35px;
	padding-bottom:10px;
	background:url(images/footer_bg.gif) no-repeat left top;
	
}

#bottomimg{
    height:66px;
    float:left;
    left:140px;
   
}

#copyright{
    float:left;
    margin-top:20px;
}

/**** END of Positioning style *****/


/*** Start of Link right Style ***/

#mainmenu, #links, #newmenu, #contact {
    width:180px;
    background:url(images/list_bg.gif) repeat-y;   
}
    
#mainmenulist, #videoclasslist, #cataloguelist, #newmenulist, #contactlist{
    overflow:hidden;
    padding-left:15px;
    padding-right:15px;
    padding-top:25px;
    background:url(images/table_top.gif) no-repeat left top;
    }

#mainmenubottom, #newbottom, #newmenubottom, #contactbottom{
    background:url(images/table_bottom.gif) no-repeat left bottom;
    width:180px;
    height:16px;
    }
    
#videoclass, #catalogue{
    padding:0px;
    margin:0px;
}

/*** End of Link Style ***/




/***** Positioning decoration style *****/


#mainimg{
    left:435px;
    top:0px;
    position:absolute;
   
}

#ibu{
    position:absolute;
    left:50px;
   
  
}


#logo{
    width:335px;
    height:111px;
    padding-top:45px;
    margin-left:30px;
 
}
/***** End Positioning decoration style *****/


/******** Start of h3 replacements ***********/

#pesanjadwal h1 span, #news h1 span, #testimonial h1 span, #contactform h1 span, #aboutus h1 span, #katalogbahan h1 span, #katalogalat h1 span, #katalogvideo h1 span, #jadwal h1 span, #intro h1 span, #mainmenulist h3 span, #videoclass h3 span, #catalogue h3 span, #schedule h3 span, #contact h3 span {
	display:none;
}

#pesanjadwal h1{background:url(images/register_text.gif) no-repeat;width:300px;height:30px;margin:5px 0px 5px 0px;}
#news h1{background:url(images/news_text.gif) no-repeat;width:300px;height:30px;margin:5px 0px 5px 0px;}
#testimonial h1{background:url(images/testimonial_text.gif) no-repeat;width:300px;height:30px;margin:5px 0px 5px 0px;}
#aboutus h1{background:url(images/about_text.gif) no-repeat;width:300px;height:35px;margin:5px 0px 5px 0px;}
#katalogbahan h1{background:url(images/katalogbahan_text.gif) no-repeat;width:300px;height:27px;margin:5px 0px 5px 0px;}
#katalogalat h1{background:url(images/katalogalat_text.gif) no-repeat;width:300px;height:27px;margin:5px 0px 5px 0px;}
#katalogvideo h1{background:url(images/katalogvideo_text.gif) no-repeat;width:300px;height:27px;margin:5px 0px 5px 0px;}
#jadwal h1{background:url(images/jadwal_text.gif) no-repeat;width:300px;height:27px;margin:5px 0px 5px 0px;}
#intro h1{background:url(images/intro_text.gif) no-repeat;width:331px;height:37px;margin:8px 0px 5px 0px;}
#mainmenulist h3{background:url(images/info_text.gif) no-repeat;width:109px;height:30px;margin-left:20px; margin-top:0px; margin-bottom:5px;}
#videoclass h3{background:url(images/video_text.gif) no-repeat;width:109px;height:22px;margin:10px 0px 10px 20px;}
#catalogue h3{background:url(images/catalogue_text.gif) no-repeat;width:109px;height:30px;margin:10px 0px 5px 20px;}
#schedule h3{background:url(images/schedule_text.gif) no-repeat;width:140px;height:50px;margin:10px 0px 10px 20px;display:block;}
#contacth h3{background:url(images/contact_text.gif) no-repeat;width:140px;height:30px;margin:10px 0px 10px 0px;}
#contactform h1{background:url(images/contact_text.gif) no-repeat;width:140px;height:30px;margin:10px 0px 10px 0px;}

/***** End of  h3 replacements**********/