@charset "UTF-8";
/* Sahabat CSS Document */

.imgblockfoto  { display: block; overflow: hidden; border: none; text-align: center; float: left; }
.imgblockfoto  { width: 96px; height: 81px; margin: 0px auto; vertical-align:middle; border: #996600 1px solid}
.imgblockfoto img { width: 96px; height: 81px; margin: 0px auto; }

body {
	background-image: url(../images/bgtiles.jpg);
	background-repeat: repeat;
	background-position: top;
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #483A1A;
	text-align: justify;
	}
	
#header {
	width: 980px;
	height: 243px;
	position: relative;
	margin: auto;
	background-repeat: no-repeat;
	background-position: top;
	}
	
#content {
	width: 980px;
	height: auto;
	position: relative;
	margin: auto;
	background-image: url(../images/bgcontent.jpg);
	background-repeat: repeat;
	background-position: top;
	}
	
#footer {
	width: 980px;
	height: 332px;
	position: relative;
	margin: auto;
	background-image: url(../images/bgfooter.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
/* LINKS */

a:link { text-decoration: none; }
a:hover { text-decoration: underline;}
a:visited { text-decoration: none; }
a:active { text-decoration: none; }

/* END OF LINKS */



.imgborder {
	border: #EDE6DA 2px ;
	}
	

.teksnya_recipients {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	}
	
.searchform {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	}

.slideshowhome {
	font-weight: normal;
	font-family: Arial;
	font-size: 18.5px;
	color: #FFFFFF;
	}
	
.slideshowhome_name {
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	color: #FFCC00;
	}
	
.pagingindex {
	font-family: arial;
	font-size: 12px;
	padding-left: 5px;
	color: #FF9900;
	text-align: left;
	}
	
.readmore {
	color: #FF6600;
	}
	
.recipientstitleindex {
	color: #FFCC00;
	font-size: 11px;
	}
	
.recipientsnameindex {
	color: #ffffff;
	font-size: 11px;
	}
	
.headlineslinks {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #483A1A;
	}
	
#donorupdates_home {
	width: 528px;
	height: 420px;
	overflow: hidden;
	position: relative;
	}
	
#recipientsindex {
	width: 332px;
	height: 353px;
	overflow: hidden;
	position: relative;
	}
	
.otherreciphome {
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: #330000;
	}
	
.otherreciphomedetails {
	font-family: Arial;
	font-size: 11px;
	color: #330000;
	}
	
.statusrecipients {
	font-family: Arial;
	font-size: 13px;
	color: #330000;
	}
	
.judulrecipients {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #330000;
	}
	
#about_content {
	width: 650px;
	height: auto;
	margin-left: 33px;
	text-align: justify;
	overflow: hidden;
	position: relative;
	}

.about_contentBG {
	background-image: url(../images/about_history_03.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.about_content_title {
	font-weight: bold;
	font-family: Arial;
	font-size: 17px;
	color: #483A1A;
	}
	
.aboutBTN_selected {
	font-family: Arial;
	font-size: 12px;
	color: #660000;
	text-transform: capitalize;
	}
	
.aboutBTN_unselected {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	text-transform: capitalize;
	}
	
#otherrecipients_details {
	width: 899px;
	height: 230px;
	overflow: hidden;
	position: relative;
	}
	
#scrollphotos_recipdetails {
	width: 569px;
	height: 83px;
	overflow: hidden;
	position: relative;
	}
	
#insiderecip_detailsrecip {
	width: 648px;
	height: 185px;
	overflow: auto;
	position: relative;
	}

#memberregistration {
	width: 514px;
	height: 490px;
	overflow: auto;
	position: relative;
	}
	
#openid_registration {
	width: 312px;
	height: 215px;
	margin-left: 5px;
	overflow: auto;
	position: relative;
	}
	
.imageborders {
	border: 2px #E6DCC6 solid;
	}

.content_highlightsmain {
	background-image: url(../images/content_highlights_05.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
.about_visionmissionBG {
	background-image: url(../images/BG_visionmission.jpg); 
	}
	
/* Step Carousel */

.stepcarousel {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 325px; /*Width of Carousel Viewer itself*/
height: 225px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 3px; /*margin around each panel*/
width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* End Step Carousel */


/* slideshow */

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
		width:332px;
		height:250px
	}
	
	#gallery a.show {
		z-index:500;
		width:332px;
		
	}

	#gallery .caption {
		z-index:600; 
		background-color:#2d0000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h2 {
		margin:0;
		padding:0;
		color:#fdca00;
		
	}
	
/* end of slideshow */