/* Author: Towfiq I.
  Modified by DDF
*/

body {background:#006600;
	/*background-image:url(img/backgroun.jpg);*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC00', endColorstr='#006600');
    background: -ms-linear-gradient(top, #00CC00 20%, #009900 38%, #006600 55%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #00CC00), color-stop(38%, #006600), color-stop(55%, #006600));
    background: -moz-linear-gradient(top, #00CC00 20%, #009900 38%, #006600 55%);
    background: -o-linear-gradient(top, #00CC00 20%, #009900 38%, #006600 55%);
    background: linear-gradient(top, #00CC00 20%, #009900 38%, #006600 55%);
	background-repeat: repeat-x -y;
	color: #773000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	text-align: center; 
	line-height: 1.4;
	}







/*Menu Begin*/
#menu{margin-top:0px;display:block;position:absolute;z-index:1000;width:960px;}
#menu ul{ margin:0;}
#menu ul li{ list-style-type:none; float:right;}
#menu ul li a{ font-size:18px; color:#84A532; padding:10px 25px; text-decoration:none;}
#menu ul li ul { margin-top:10px;}
#menu ul li ul li a{ padding:0px 0px;}
li.submenu ul{float:left; position:absolute; margin-top:20px; padding:0px; width:120px;opacity:0.7; overflow:hidden; display:none;}
li.submenu ul li{padding:4px 0px; background:#2E4014; border-bottom:solid 1px #5c7904; width:120px; text-align:center;}
li.submenu ul li a{ margin:0px; padding:0px;}
#menu ul li a.active{color:#E0F3B0;}
/*Menu END*/



.textbox{width:auto;float:left; padding-bottom:20px;}


/*Testimonial Begin*/
#testimonial{width:260px; float:left; padding:10px; background:url(images/border.gif) no-repeat bottom left; background-position: 0px 75px;margin-top:-5px;}
#testimonial p{padding: 5px 5px;background:#a5b87d; margin-bottom:0px; float:left; width:250px;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#testimonial span{display:block;background: url(images/arrow.gif) no-repeat top right; width:100%; height:13px; float:right;}
#testimonial a{font-family: 'MuseoSlab500Italic'; color:#ffffff;}
.commenter{display:block; float:right; padding:5px 0px; color:#475133;font-family: 'MuseoSlab500l'; width:260px; text-align:right; }
/*Testimonial END*/


#boxholder{float:left; padding-bottom:30px;margin-top:-15px;}
.box{width:650px; float:left; margin:5px;}
.box img{float:left; border:solid green 1px;}
.box p{ float:left; margin:0; width:500px;padding-left:10px;}
.box h3{float:left; margin:0; padding-left:10px;}

#staff{}
.staffbox{width:auto; float:left; margin-bottom:12px; background:#abd14d; border:solid 1px #a1c83f; padding:5px;}
.staffbox:hover{background:#95b93d;}
.staffbox p{margin:0px; padding:5px;}
.staffbox a{font-size:13px; color:#E0F3B0;}
.staffbox img{border: solid 4px #fff; float:left; margin-right:5px;}
.staffbox h6{padding-top:5px;}

/*Footer Begin*/
#footer {width:100%; height:60px; background:url(images/footer.gif) repeat-x; float:left;}
#foot{width:960px; margin:0 auto; margin-top:20px;}
#copyright{float:left;font-size:12px; margin-top:10px;}
#copyright a{font-size:12px; text-decoration:none; color:#E0F3B0;}
#feed{float:right;}
#feed img{ border:solid 0px;}
.twitter{ position:relative; display:block; width:36px; height:30px; float:left; padding:0px 5px;}
.t1{ position:absolute; z-index:12; left:0; top:0;}
.t2{ position:absolute; left:0; top:0;}

.facebook{position:relative; display:block; width:36px; height:30px; float:left; padding:0px 5px;}
.fb1{ position:absolute; z-index:14; left:0; top:0;}
.fb2{ position:absolute; left:0; top:0; }

.rss{position:relative; display:block; width:36px; height:30px; float:left; padding:0px 5px;}
.rss1{ position:absolute; z-index:15; left:0; top:0;}
.rss2{ position:absolute; left:0; top:0; }
/*Footer END*/





/*Font-face Begin*/
/*MuseoSlab 500. A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */ 
@font-face {
	font-family: 'MuseoSlab500Italic';
	src: url('fonts/museo_slab_500italic-webfont.eot');
	src: local('?'), url('fonts/museo_slab_500italic-webfont.woff') format('woff'), url('fonts/museo_slab_500italic-webfont.ttf') format('truetype'), url('fonts/museo_slab_500italic-webfont.svg#webfonti368Mawh') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSlab500';
	src: url('fonts/museo_slab_500-webfont.eot');
	src: local('?'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#webfonti368Mawh') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*Font-face END*/

/* Easy Slider */
#sliderbg{ width:590px; height:300px; margin-left:910px;}
#slider p{width:150px;float:left; padding-top:5px;font-size:14px;margin-left:30px;}
#slider span{width:370px; margin-right:-5px;float:right;}
.slideh1{ font-size:20px; color:#2E4014;}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#slider ul, #slider li,#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:550px;height:300px;overflow:hidden; }	
#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:37px;height:37px;position:absolute;left:10px;top:150px;z-index:1000;}	
#prevBtn, #slider1prev{ margin-left:590px;}	
#nextBtn, #slider1next{ margin-left:910px;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  display:block;position:relative;width:37px;height:37px;background:url(images/btn_prev.png) no-repeat 0;}	
#nextBtn a, #slider1next a{ background:url(images/btn_next.png) no-repeat 0 0;	}	


#stream {
	display:block;
	width:380px;
	height:300px;
	position:absolute;
	margin-top:0px;
}

/*BG*/
#bginfo{background: -webkit-gradient(linear, left top, left bottom, from(#A7d151), to(#448511));height:30px;
background: -moz-linear-gradient(top,  #A7d151,  #448511); 
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#bgmidle{background: -moz-linear-gradient(top,  #A7d151,  #448511); height:300px; padding:10px 0px;}
#bgmiddlerow{height:auto; width:auto;}
#helpcontent{height:1250px; width:960px; background:#E0F3B1;}
#content{width:950px;height:200px;border:solid green 1px;margin-left:4px;float:left;background: -webkit-gradient(linear, left top, left bottom, from(#A7d151), to(#448511)); color:#FFFFFF;
background: -moz-linear-gradient(top,  #448511,  #448511); 

}
#space{height:300px; width:20px; float:left;}
#helpglobal{height:auto; width:auto;}

/*Content*/
#isikiri{width:650px; height:auto; float:left; margin:15px 5px 5px 5px; padding:5px;}
#isikanan{width:260px; height:auto; float:left; margin:15px 5px 5px 5px; padding:5px; font-size:11px;}
#isibawah{width:650px; height:450px; clear:both; float:left; margin:10px 5px 5px 5px; padding:5px;}
#isibawah2{width:680px; height:400px; clear:both; float:left; margin:10px 5px 5px 5px; padding:5px;}
#full{width:680px;margin:5px;float:left;}
/*Content End*/

#iklan{width:260px; float:left; padding:10px;margin-top:5px;}

/*admin-style*/
#header-adm{background:#094a06; height:50px; border-bottom: solid 1px #47621f;}
#menu-adm{width:960px;margin-top:10px;}
#adm-agenda{
	width:500px;float:left;background:white;border:solid white 1px;margin-left:50px;margin-right:50px;margin-top:10px;margin-bottom:10px;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2); 
}
#adm-agenda p{padding: 5px 5px;background:#a5b87d; margin-left:5px; float:left; width:370px; color:#ffffff;font-family: 'MuseoSlab500Italic';
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#adm-agenda span{padding: 5px 5px; margin-top:7px;width:100px; height:13px; float:left;}
#adm-agenda tbl{padding: 5px 5px;width:100px; height:13px; float:left;}
#adm-agenda tgl{width:500px; height:25px; float:left;}
#paging{float:left;color:green;width:500px;}
#kotak-ag{
	width:600px;border:solid white 1px;background: -moz-linear-gradient(top,  #A7d151,  #448511);margin-top:10px; 
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2); 

}
#wrap-ag{width:600px;height:auto;}

/*button*/
.button { 
    display: inline-block; 
    outline: none; 
    cursor: pointer; 
    text-align: center; 
    text-decoration: none; 
    font: 14px/100% Arial, Helvetica, sans-serif; 
    padding: .5em 2em .55em; 
    text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	margin-top: 10px;
	margin-left: 10px;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em; 
    border-radius: .5em; 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.2); 
} 
.button:hover { 
    text-decoration: none; 
} 
.button:active { 
    position: relative; 
    top: 1px; 
} 

.orange { 
    color: white; 
    background: #f78d1d; 
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(grey));
	background: -moz-linear-gradient(top,  #A7d151,  #448511);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='grey'); 
} 
.orange:hover { 
color:white;
    background: #f47c20; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(grey)); 
	background: -moz-linear-gradient(top,  #A7d151,  #ffffff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='grey'); 
} 
.orange:active { 
    color: #fcd3a5; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#666666)); 
	background: -moz-linear-gradient(top,  #A7d151,  #000000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#666666'); 
}