
 

body{
scrollbar-arrow-color:#F9F9A0;
scrollbar-base-color:#FFFDF0;
scrollbar-dark-shadow-color:#F9F9A0;
scrollbar-track-color:#FFFDF0;
scrollbar-face-color:#79AD0A;
scrollbar-shadow-color:#FCF7D4;
scrollbar-higlight-color:#84A05C;;
scrollbar-3d-light-color:#84A05C;
}




/* START */
.bg { background-image:url(../images/frontend/bg.png);
	  background-repeat:repeat-x;
	  background-color:#EEFCD8;
	}
	
.bgTop_l { background-image:url(../images/frontend/bgTop_l.png);
		   background-repeat:no-repeat;
	}
		   
.bgTop { background-image:url(../images/frontend/bgTop.png);
	     background-repeat:repeat-x;
	}

.bgTop_r { background-image:url(../images/frontend/bgTop_r.png);
		   background-repeat:no-repeat;
	}
	
.bgLeft { background-image:url(../images/frontend/bgLeft.png);
		  background-repeat:repeat-y;
	}

.bgLeft_2 { background-image:url(../images/frontend/bgLeft_2.png);
		    background-repeat:-y;
	}

.bgLeft_3 { background-image:url(../images/frontend/bgLeft_3.png);
		    background-repeat:repeat-y;
	}		
		    
	
.bgRight { background-image:url(../images/frontend/bgRight.png);
		   background-repeat:repeat-y;
	}
	
.bgRight_2 { background-image:url(../images/frontend/bgRight_2.png);
			 background-repeat:repeat-y;
	}	

.bgRight_3 { background-image:url(../images/frontend/bgRight_3.png);
		     background-repeat:repeat-y;
	}		
	
.bgBott_l { background-image:url(../images/frontend/bgBott_l.png);
		  background-repeat:no-repeat;
	}

.bgBott	{ background-image:url(../images/frontend/bgBott.png);
          background-repeat:repeat-x;
	}
	
.bgBott_r { background-image:url(../images/frontend/bgBott_r.png);
		    background-repeat:no-repeat;
	}
	

.bg_footer { background-image:url(../images/frontend/footer.png);
	  		 background-repeat:repeat-x;
	}

/* END */


/* START TOP BANNER STYLE */

.bannerTop2 { background-image:url(../images/frontend/bannerTop2.png);
	  		  background-repeat:repeat-x;
	}
	
.bannerTop5 { background-image:url(../images/frontend/bannerTop5.png);
	  		  background-repeat:repeat-x;
	}
/* END TOP BANNER STYLE */


/* START BORDER STYLE */
.td1 { border-bottom-width:1px;
	  border-top-width:1px;
	  border-left-width:1px;
	  border-right-width:1px;
	  border-style:solid;
	  border-color:#BFDA94;
	  border-collapse:collapse;	
 }
/* END BORDER STYLE */

/* START BORDER STYLE */
.td2 { border-bottom-width:1px;
	  border-top-width:1px;
	  border-left-width:1px;
	  border-right-width:1px;
	  border-style:solid;
	  border-color:#BFDA94;
	  border-collapse:collapse;	
 }
/* END BORDER STYLE */


/* START NAV READ MORE */
a.nav_more:link {  font-family:verdana;
				   font-size:8px;
				   text-decoration:none;
				   color:#993300;
	}
a.nav_more:hover {  font-family:verdana;
				    font-size:8px;
				    text-decoration:none;
				    color:#CC9900;
	}
a.nav_more:visited {  font-family:verdana;
				      font-size:8px;
				      text-decoration:none;
				      color:#638429;
	}

a.nav_more:active { font-family:verdana;
				    font-size:8px;
				    text-decoration:none;
				    color:#993300;
	}
/* END NAV READ MORE */

/* START NAV FOOTER */
a.nav_more_2:link {font-family:arial;
				   font-size:13px;
				   text-decoration:none;
				   color:#999999;
	}
a.nav_more_2:hover {font-family:arial;
				    font-size:13px;
					text-decoration:none;
				    color:#993300;
	} 
a.nav_more_2:visited {font-family:arial;
				      font-size:13px;
					  text-decoration:none;
				      color:#CCCCCC;
	}
a.nav_more_2:active {font-family:arial;
				    font-size:13px;
					text-decoration:none;
				    color:#993300;
	}
/* END NAV FOOTER */

/* START NAV READ MORE */
a.nav_more_3:link {font-family:verdana;
				   font-size:11px;
				   font-weight:bold;
				   text-decoration:none;
				   color:#CC9900;
	}
a.nav_more_3:hover {font-family:verdana;
				    font-size:11px;
					font-weight:bold;
				    text-decoration:none;
				    color:#993300;
	}
a.nav_more_3:visited {font-family:verdana;
				      font-size:11px;
					  font-weight:bold;
				      text-decoration:none;
				      color:#638429;
	}

a.nav_more_3:active {font-family:verdana;
				     font-size:11px;
					 font-weight:bold;
				     text-decoration:none;
				     color:#993300;
	}
/* END NAV READ MORE */

/* START NAV READ MORE */
a.nav_more_4:link {font-family:arial;
				   font-size:11px;
				   font-weight:bold;
				   text-decoration:none;
				   color:#79AD0A;
	}
a.nav_more_4:hover {font-family:arial;
				    font-size:11px;
					font-weight:bold;
				    text-decoration:none;
				    color:#993300;
	}
a.nav_more_4:visited {font-family:arial;
				      font-size:11px;
					  font-weight:bold;
				      text-decoration:none;
				      color:#638429;
	}

a.nav_more_4:active {font-family:arial;
				     font-size:11px;
					 font-weight:bold;
				     text-decoration:none;
				     color:#993300;
	}
/* END NAV READ MORE */

/* START NAV READ MORE */
a.nav_more_5:link {  font-family:verdana;
				   font-size:10px;
				   text-decoration:none;
				   color:#79AD0A;
	}
a.nav_more_5:hover {  font-family:verdana;
				    font-size:10px;
				    text-decoration:none;
				    color:#993300;
	}
a.nav_more_5:visited {  font-family:verdana;
				      font-size:10px;
				      text-decoration:none;
				      color:#638429;
	}

a.nav_more_5:active { font-family:verdana;
				    font-size:10px;
				    text-decoration:none;
				    color:#993300;
	}
/* END NAV READ MORE */

/* START NAV READ MORE */
a.nav_more_6:link {  font-family:arial;;
				   font-size:11px;
				    font-weight:bold;
				   text-decoration:none;
				   color:#92C25C;
	}
a.nav_more_6:hover {  font-family:arial;;
				    font-size:11px;
					 font-weight:bold;
				    text-decoration:none;
				    color:#993300;
	}
a.nav_more_6:visited {  font-family:arial;;
				      font-size:11px;
					   font-weight:bold;
				      text-decoration:none;
				   color:#92C25C;
	}

a.nav_more_6:active { font-family:arial;;
				    font-size:11px;
					 font-weight:bold;
				    text-decoration:none;
				    color:#993300;
	}
/* END NAV READ MORE */

/* START STYLE FONT */
.style1 { font-family:arial; 
		 font-size:16px; 
		 font-weight:bold; 
		 color:#719438;
	}
		
.style2 { font-family:Verdana; 
		   font-size:11px; 
		   color:#666666; 
		   line-height:175%; 
		   text-align:justify;
	}

.style3 { font-family:Verdana; 
		   font-size:11px; 
		   color:#666666; 
		   line-height:200%; 
		   text-align:justify;
	}

.style4 { font-family:arial; 
		  font-size:14px; 
		  font-weight:bold; 
		  color:#999999;
	}
	
.style5 { font-family:Verdana; 
		   font-size:10px; 
		   color:#666666; 
		   line-height:200%; 
		   text-align:justify;
	}

.style6 { font-family:arial; 
		 font-size:12px; 
		 font-weight:bold; 
		 color:#719438;
	}

.style7 { font-family:arial; 
		 font-size:11px; 
		 font-weight:bold; 
		 color:#999999;
	}
	
.style8 { font-family:arial; 
		 font-size:11px; 
		 font-weight:bold; 
		 color:#FF9900;
		 vertical-align:middle;
	}
	
/* END STYLE FONT */


/* Start PAGING style == for Testimonial Comment ==*/
#paging{  
        padding:5px;  
        font-family:Arial, Helvetica, sans-serif;  
        font-size:11px;  
        color:#000000;  
        font-weight:bold;  
    }  
      
#paging a{  
       padding:4px 7px 4px 7px;  
       margin:0px 2px 0px 2px;  
       border:1px solid #719438;  
       background:#FFFFFF;  
       color:#719438;  
       text-decoration:none;  
   }  
     
#paging a:hover{  
       border:1px solid #719438;  
       background:#719438;  
       color:#FFFFFF;  
       text-decoration:none;  
   }  
/* End PAGING style */


/* Start PAGING style == for Backend ==*/
#paging2{  
        padding:5px;  
        font-family:Arial, Helvetica, sans-serif;  
        font-size:11px;  
        color:#000000;  
        font-weight:bold;  
    }  
      
#paging2 a{  
       padding:4px 7px 4px 7px;  
       margin:0px 2px 0px 2px;  
       border:1px solid #CC6600;  
       background:#FCF8D5;  
       color:#CC6600;  
       text-decoration:none;  
   }  
     
#paging2 a:hover{  
       border:1px solid #CC6600;  
       background:#CC6600;  
       color:#FFFFFF;  
       text-decoration:none;  
   }  
/* End PAGING style */



/*	START */

ul { font-family: Verdana;
	 font-size: 11px;
	 color:#666666;
	 list-style-type:square;
	 list-style-position: outside;
	 line-height: 2em; 
	 
	 /* list-style-image:url(../images/content/statis/arrow.gif); */
	 /* vertical-align:middle; */
	 /*padding-left:25px; */
	 /*margin:0px; */
	}
/* END */

/*	START */
#ul2 { 	font-family: arial;
	 	font-size: 11px;
	 	font-weight:bold;
	 	color:#666666; 
	 	list-style-image:url(../images/frontend/bullet.gif);
    	line-height: 1.5em;
	 	padding-left:25px;
	 	margin-left:10px;
		
}
/* END */

/*	START */
#ul3 { 	font-family: arial;
	 	font-size: 11px;
	 	color:#666666; 
	 	list-style-image:url(../images/frontend/bullet.gif);
    	line-height: 1.5em;
	 	padding-left:25px;
	 	margin-left:10px;
		
}
/* END */




<!-- Start VERTICAL MENU -->

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
/* border: 1px solid #C0C0C0; */
background-color: #FBFFF0;
border-bottom-width: 0;
width: 190px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 190px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type:none;
}

.wireframemenu a{
font: bold 11px arial;
padding: 10px 5px 10px 15px ;
display: block;
width: 100%; /*Define width for IE6's sake*/
color:#638B24;
text-decoration: none;
border-bottom: 1px dashed #C0C0C0;

}

.wireframemenu a:visited{
color:#638B24;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color:#CC9900;
}

<!-- End VERTICAL MENU -->





/* ======================================= Back End Properties ============================================== */


/*START BORDER STYLE */
.td { border-bottom-width:1px;
	  border-top-width:1px;
	  border-left-width:1px;
	  border-right-width:1px;
	  border-style:solid;
	  border-color:#F5BE18;
	  border-collapse:collapse;	
 }
/* END BORDER STYLE */

/* START NAVIGATION LOGOUT */

a.nav_logout:link {  font-family:arial;
					  font-size:14px;
					  font-weight:bold;
					  color:#759C3F;
					  text-decoration:none;
					  vertical-align:middle;
					  				  
	}

a.nav_logout:hover { font-family:arial;
					  font-size:14px;
					  font-weight:bold;
					  color:#CC6600;
					  text-decoration:none;
					  vertical-align:middle;
	}

a.nav_logout:visited { font-family:arial;
				  	 font-size:14px;
				  	 font-weight:bold;
				  	 color:#759C3F;
				  	 text-decoration:none;
					 vertical-align:middle;
	}  	

a.nav_logout:active { font-family:arial;
					  font-size:14px;
					  font-weight:bold;
				  	  color:#FFFFFF;
				  	  text-decoration:none;
	}
/* END NAVIGATION LOGOUT */


/* START NAVIGATION MENU CP */

a.nav_bckend:link {  font-family:arial;
					  font-size:12px;
					  font-weight:bold;
					  color:#CC6600;
					  text-decoration:none;
					  vertical-align:middle;
	}

a.nav_bckend:hover { font-family:arial;
					  font-size:12px;
					  font-weight:bold;
					  color:#006600;
					  text-decoration:none;
					  vertical-align:middle;
	}

a.nav_bckend:visited { font-family:arial;
				  	 font-size:12px;
				  	 font-weight:bold;
				  	 color:#CC6600;
				  	 text-decoration:none;
					 vertical-align:middle;
	}  	

a.nav_bckend:active { font-family:arial;
					  font-size:12px;
					  font-weight:bold;
				  	  color:#CC6600;
				  	  text-decoration:none;
	}
/* END NAVIGATION MENU CP */


/* START TOMBOL SUBMIT CP */
.submit { font-family:verdana;
		  font-size:11px;
		  font-weight:bold;
		  color:#FFFFFF;
		  background:#FBC13A;
		  border-width:2px;
		  border-style:solid;
		  border-top-color:#FFFFFF;
		  border-bottom-color:#B66D04;
		  border-left-color:#FFFFFF;
		  border-right-color:#B66D04;
	}
/* END TOMBOL SUBMIT CP */

.input { font-family: Arial;
		 font-size: 13px;
		 border: solid 1px #FBC13A;
		 width: 100px;
		  background-color:#FFF2E6;
		  
}


/* START NAVIGATION CP */
a.nav2_bckend:link {  font-family:arial;
					  font-size:12px;
					  font-weight:bold;
					  color:#999900;
					  text-decoration:none;
					  vertical-align:middle;
	}

a.nav2_bckend:hover { font-family:arial;
					  font-size:12px;
					  font-weight:bold;
					  color:#006600;
					  text-decoration:none;
					  vertical-align:middle;
	}

a.nav2_bckend:visited { font-family:arial;
				  	 font-size:12px;
				  	 font-weight:bold;
				  	 color:#999900;;
				  	 text-decoration:none;
					 vertical-align:middle;
	}  	

a.nav2_bckend:active { font-family:arial;
					  font-size:12px;
					  font-weight:bold;
				  	  color:#999900;;
				  	  text-decoration:none;
	}
/* END NAVIGATION CP */