/* Clearfix */

	.clearfix:before,

	.clearfix:after 

	{

		content: " ";

		display: table;

	}

	.clearfix:after 

	{

		clear: both;

	}

	.clearfix 

	{

		*zoom: 1;

	}

	

	@font-face {

    font-family: arialbold;

    src: url('fonts/arialbd.ttf');

	/*src: url('fonts/geo415l-webfont.eot');

    src: url('fonts/geo415l-webfont.eot?#iefix'),

	url('fonts/GEO415L.TTF') format('truetype');*/

	}

	@font-face {

    font-family: FutuLt;

    src: url('fonts/FutuLt_.TTF');

	/*src: url('fonts/geo415m-webfont.eot');

    src: url('fonts/geo415m-webfont.eot?#iefix'),

	url('fonts/GEO415M.TTF') format('truetype');*/

	}

	

	@font-face {

    font-family: futurah;

    src: url('fonts/futurah.TTF');

    /*src: url('fonts/shelley1-webfont.eot');

    src: url('fonts/shelley1-webfont.eot?#iefix'),

	url('fonts/shelley1.ttf') format('truetype');*/

	}

	

	@font-face {

    font-family: futuram;

    src: url('fonts/futuram.TTF');

	/*src: url('fonts/arial-webfont.eot');

    src: url('fonts/arial-webfont.eot?#iefix'),

	url('fonts/ARIAL.TTF') format('truetype');*/

	}

	

	@font-face {

    font-family: futuran;

    src: url('fonts/futuran.TTF');

	/*src: url('fonts/arialbd-webfont.eot');

    src: url('fonts/arialbd-webfont.eot?#iefix'),

	url('fonts/ARIALBD.TTF') format('truetype');*/

	}

	

	@font-face {

    font-family: hum777b;

    src: url('fonts/hum777b.TTF');

	/*src: url('fonts/arialn-webfont.eot');

    src: url('fonts/arialn-webfont.eot?#iefix'),

	url('fonts/ARIALN.TTF') format('truetype');*/

	}

	@font-face {

    font-family: hum777k;

    src: url('fonts/hum777k.TTF');

	/*src: url('fonts/arialn-webfont.eot');

    src: url('fonts/arialn-webfont.eot?#iefix'),

	url('fonts/ARIALN.TTF') format('truetype');*/

	}

	@font-face {

    font-family: timesi;

    src: url('fonts/timesi.ttf');

	/*src: url('fonts/arialn-webfont.eot');

    src: url('fonts/arialn-webfont.eot?#iefix'),

	url('fonts/ARIALN.TTF') format('truetype');*/

	}

	





/**

http://jsfiddle.net/tovic/Uz7wc/

showing div scroll without scrollbar

start

**/

.hidden-scrollbar {

  overflow:hidden;

  text-align:justify;    

  padding-right:20px;

}



.hidden-scrollbar .inner {

  height:200px;

  overflow:auto;

  margin:15px -300px 15px 15px;

  padding-right:300px; /* Samakan dengan besar margin negatif */

}



/**

end

**/

	body {

		background:#ffffff;

		margin:0px;

		height:100%; min-height:500px;

	}

	#headerdiv {

		 width:80%; background-color:#C52D2A; padding-left:40px; padding-top:30px; height:120px;

	}

	#oneliners {

		color:#ffffff; margin:0px; padding:0px;

	}

	#leftmaindiv {

		width:760px;

	}

	

	#maindiv{

		position:relative; 

		margin:0px auto 10px auto; 

		background-color:#0ff0; 

		/*z-index:-3;*/

		width:1024px; 

		padding-top:8px;

		box-shadow: 10px 10px 10px 10px #888888;

	}

	img#backgroundimg {

		position:absolute; 

		z-index: -2;	

		right:0px; 

		top:0px;

	}

	#div1{

		positiom:relative; 

		width:100%; 

		background-color:#0ff0;

	}

	#div2{

		width:750px; 

		height:900px; 

		overflow-y:scroll;

	}

	#div3 {

		width:90%; position:relative; margin-top:5px;

	}

	#div4 {

		position:relative; float:left;

	}

	#div5 {

		width:15px; margin-right:10px; position:relative; float:left; background-color:#F2DFC7; height:209px;

	}

	#div6_1 {

		width:350px; position:relative; float:left; padding-left:20px; margin-top:40px;

	}

	#div6_2 {

		width:350px; position:relative; float:left; padding-left:20px; margin-top:75px;

	}

	#div6_3 {

		width:350px; position:relative; float:left; padding-left:20px; margin-top:65px;

	}

	#div6_4 {

		width:350px; position:relative; float:left; padding-left:20px; margin-top:40px;

	}

	#div6_5 {

		width:350px; position:relative; float:left; padding-left:20px; margin-top:40px;

	}

	

	

	p#matrup1 {

		margin:0px; padding:0px; color:#DB214C; font-size:40px; font-family:futurah;

	}

	p#matrup2 {

		margin:0px; padding:0px; color:#716F61; font-size:30px; font-family:futurah;

	}

	p#matrup3 {

		margin:0px; padding:0px;  font-size:18px; font-family:FutuLt;

	}

	p#matrupatch {

		margin:5px 0px 0px 0px ; font-size:20px;  font-family:FutuLt; width:450px;  background-color:#3BB3C2; padding:5px; color:#ffffff; 

	}

	p#bkap1 {

		margin:0px; padding:0px; color:#BA284F; font-size:35px; font-family:futurah;

	}

	p#bkap2 {

		margin:0px; padding:0px; color:#716F61; font-size:30px; font-family:futurah;

	}

	p#bkap3 {

		margin:0px; padding:0px;  font-size:18px; font-family:FutuLt;

	}

	p#bkapatch {

		margin:5px 0px 0px 0px; width:450px; padding:5px; font-size:20px;  font-family:FutuLt; background-color:#3BB3C2;  color:#ffffff; 

	}

	p#rugp1 {

		margin:0px; padding:0px; color:#BA284F; font-size:40px; font-family:futurah;

	}

	p#rugp2 {

		margin:0px; padding:0px; color:#716F61; font-size:30px; font-family:futurah;

	}

	p#rugp3 {

		margin:0px; padding:0px;  font-size:18px; font-family:FutuLt;

	}

	p#rugppatch {

		margin:5px 0px 0px 0px; width:450px; font-size:20px;  font-family:FutuLt; background-color:#996633; padding:5px; color:#ffffff; 

	}

	p#sahp1 {

		margin:40px 0px 0px 0px; padding:0px; color:#E77817; font-size:40px; font-family:futurah;

	}

	p#sahp2 {

		margin:0px; padding:0px; color:#716F61; font-size:30px; font-family:futurah;

	}

	p#sahp3 {

		margin:0px; padding:0px; font-size:18px; font-family:FutuLt;

	}

	p#sahppatch {

		margin:10px 0px 0px 0px; width:450px; font-size:20px;  font-family:FutuLt; background-color:#E3556A; padding:5px; color:#ffffff;

	}

	p#rugsp1 {

		margin:25px 0px 0px 0px; padding:0px; color:#007CC3; font-size:30px; font-family:futurah;

	}

	p#rugsp2 {

		margin:0px; padding:0px; color:#E77817; font-size:30px; font-family:futurah;

	}

	p#rugsp3 {

		margin:0px; padding:0px; font-size:18px; font-family:FutuLt;

	}

	p#rugsppatch {

		margin:10px 0px 0px 0px; width:420px; font-size:20px;  font-family:FutuLt; background-color:#24A2DB; padding:5px; color:#ffffff; 

	}

	

	#matrupurpose {

		margin:0px; padding:0px; color:#70614E; font-family:futurah;

		margin:15px 0px 0px 25px;		

	}

	p#matrupurposetext {

		margin:0px; padding:0px; font-family:futuran;

		margin-left:25px;

	}

	#bkapurpose {

		margin:0px; padding:0px; color:#2C547D;  font-family:futurah;

		margin:15px 0px 0px 25px;

	}

	p#bkapurposetext {

		 margin:0px; padding:0px; font-family:futuran;

		 margin-left:25px;

	}

	#rugpurpose {

		margin:0px; padding:0px; color:#2C547D;  font-family:futurah;

		margin:15px 0px 0px 25px;

	}

	p#rugpurposetext {

		margin:0px; padding:0px; font-family:futuran;

		margin-left:25px;

	}

	#sahpurpose {

		margin:0px; padding:0px; color:#2C547D;  font-family:futurah;

		margin:15px 0px 0px 25px;

	}

	p#sahpurposetext {

		margin:0px; padding:0px; font-family:futuran;

		margin-left:25px;

	}

	#rugspurpose {

		margin:0px; padding:0px; color:#2C547D;  font-family:futurah;

		margin:15px 0px 0px 25px;

	}

	p#rugspurposetext {

		margin:0px; padding:0px; font-family:futuran;

		margin-left:25px;

	}

	

	#matrukeydiv1 {

		 width:100%; position:relative;		 

		margin-left:25px;

	}

	#matrukeydiv {

		width:45%; float:left; position:relative; margin-right:10px; background-color:#D9EBB2;

	}

	ul#matrukey {

		padding:0px 10px 0px 20px; font-family:futuran; font-size:14px; line-height:1.5;

	}

	#bkakeydiv1{

		width:100%; position:relative;

		margin-left:25px;

	}

	#bkakeydiv {

		width:45%; float:left; position:relative; margin-right:10px; background-color:#FADEAA;

	}

	ul#bkakey {

		padding:0px 10px 0px 20px; font-family:futuran;

	}

	#rugkeydiv1 {

		width:100%; position:relative;

		margin-left:25px;

	}

	#rugkeydiv {

		 width:45%; float:left; position:relative; margin-right:10px; background-color:#FFF3E5;

	}

	ul#rugkey {

		padding:0px 10px 0px 20px; font-family:futuran;

	}

	#sahkeydiv1{

		width:100%; position:relative;	

		margin-left:25px;

	}

	#sahkeydiv{

		width:45%; float:left; position:relative; margin-right:10px; background-color:#FADEAA;

	}

	ul#sahkey {

		padding:0px 10px 0px 20px; font-family:futuran;

	}

	

	#rugskeydiv1 {

		width:100%; position:relative;

		margin-left:25px;

	}

	#rugskeydiv {

		width:45%; float:left; position:relative; margin-right:10px; background-color:#FADEAA;

	}

	ul#rugskey {

		padding:0px 10px 0px 20px; font-family:futuran;

	}

	

	#matrukeyimg {

		 width:50%; float:left; position:relative; padding-top:40px;

	}

	#bkakeyimg {

		 width:50%; float:left; position:relative; padding-top:30px;

	}

	#rugkeyimg {

		 width:50%; float:left; position:relative; padding-top:20px;

	}

	#sahkeyimg {

		 width:50%; float:left; position:relative; padding-top:10px;

	}

	#rugskeyimg {

		 width:50%; float:left; position:relative; padding-top:10px;

	}

	

	

	div#multiimdiv {

		position:relative; padding: 5px 0px 5px 0px; border-bottom:#E77817 solid 2px;  border-top: #E77817 solid 2px;

		margin: 0px 0px 0px 25px;

	}

	img#fourimg{

		float:left; width:24%; margin-right:1%;

	}

	img#fourimglast {

		float:left; width:24%;

	}

	img#fiveimg {

		float:left; postion:relative; width:19%; margin-right:1%;

	}

	img#fiveimglast {

		float:left; postion:relative; width:19%;

	}

	

	div#oppportunitydiv {

		position:relative; width:740px;  margin-top:10px; background-color:#F4E8D9;

	}

	p#opportunityp {

		margin:0px; padding:5px 0px 5px 5px; color:#DB214C; font-family:futuran;

	}

	#donationoption {

		margin:0px; padding:0px 0px 0px 10px;  font-family:futurah;

	}

	#donationmatrudiv {

		position:relative; width:740px; height:296px;  background-color:#F4E8D9; 

	}

	#donationmatrudiv1 {

		width:518px; float:left;

	}	

	#donationmatrudiv2 {

		 width:90%; color:#ffffff; background-color:#63513A;

	}	

	#donationmatrudiv3 {

		position:relative; width:100%; height:100%; background-color:#DB214C;

		padding:5px 0px 5px 0px;

		font-size:14px; font-family:futuran;

	}	

	#donationmatrudiv4 {

		position:relative; color:#FFFCC8; float:left; border-right:#ffffff solid 2px; width:45%; padding-right:4%;

	}

	#donationmatrudiv5 {

		position:relative; color:#FFFCC8; float:left; width:45%; padding-right:4%;

	}

	

	#donationbkadiv {

		position:relative; width:730px; height:261px;  background-color:#F4E8D9; 

	}

	#donationbkadiv1{

		width:502px; float:left;

	}	

	#donationbkadiv2{

		 width:90%; color:#ffffff; background-color:#086B79;

	}	

	#donationbkadiv3{

		position:relative; width:100%; height:100%; background-color:#3BB3C2;

		padding:15px 0px 20px 0px;

		font-size:14px; font-family:futuran;

	}

	#donationbkadiv4 {

		position:relative; color:#FFFCC8;  float:left; width:45%; border-right:#ffffff solid 2px; padding-right:5%;

	}

	#donationbkadiv5 {

		position:relative; color:#FFFCC8;  float:left; width:45%;

	}

	

	#donationrugdiv {

		position:relative; width:740px;  background-color:#F4E8D9; 

	}

	#donationrugdiv1 {

		width:485px; float:left;

	}

	#donationrugdiv2 {

		 width:90%; color:#ffffff; background-color:#996633;

	}	

	#donationrugdiv3 {

		position:relative; width:100%; height:89%; background-color:#FFCC99;

		font-size:14px; font-family:futuran;

		padding: 5% 0px 5% 0px;

	}

	#donationrugdiv4 {

		position:relative; float:left; width:45%;

		padding-right:5%;

		border-right:#000000 solid 1px;

	}

	#donationrugdiv5 {

		position:relative; float:left; width:40%;

	}

	

	#donationsahdiv {

		position:relative; width:740px;  background-color:#F4E8D9;

	}

	#donationsahdiv1 {

		width:560px; float:left;

	}

	#donationsahdiv2 {

		width:90%; color:#ffffff; background-color:#922A2E;

	}	

	#donationsahdiv3 {

		position:relative; padding-right:10%; color:#FEF1C2; width:90%; height:100%; background-color:#E3556A;

	}	

	

	#donationrugsdiv {

		position:relative; width:740px;  background-color:#F4E8D9;

	}

	#donationrugsdiv1 {

		width:545px; padding-right:0px; float:left;

	}

	#donationrugsdiv2 {

		width:90%; color:#ffffff; background-color:#1A3B86;

	}

	#donationrugsdiv3 {

		position:relative; width:100%; color:#FFFCC8; height:100%; background-color:#0093DD;

	}

	

	

	#exemption {

		width:90%;font-family:futurah; position:relative; font-size:14px;  color:#ffffff; background-color:#63513A; 

		margin:5px 0px 0px 0px;

	}

	#reddivpatch {

		positiom:relative;  width:90%; background-color:#C52D2A;   height:50px;

		

	}

	#navdivcont {

		positiom:relative; font-family:futurah; float:right; margin-top:15px; color:#ffffff; margin-right:10px;

	}

	a#navlinks {

		text-decoration:none; font-size:14px; color:#ffffff;

	}

	a#navlinksblack {

		text-decoration:none; 

		color:#000000;

	}

	

	/*#maindiv1{

		position:relative; 

		margin:auto; 

		background-color:#ffffff; 

		width:1024px; 

	}*/

	

	

	.boxes div {

    display: none;

}



tr.row_bottom_border td {

	border-bottom:2px solid #FF6804;

}



#navmain {

	position:absolute; width:264px; height:100%;  right:0px; top:0px;

	z-index:0;

}



#navmatrudiv1 {

	 position:relative; width:100%; height:80x; padding-top:30px;

}

#navmatrudiv2 {

	position:relative; width:100%; height:80px; margin:0px; padding:0px;

}

#navmatrudiv3 {

	position: absolute; left:30px; bottom:0px;

}



#navbkadiv1 {

	 position:relative; width:100%; height:85px;  padding-top:55px;

}

#navbkadiv2 {

	position:relative; width:100%; height:100px; margin:0px; padding:0px;

}

#navbkadiv3 {

	position: absolute; left:30px; bottom:0px;

}



#navrugdiv1 {

	 position:relative; width:100%; height:120px;  padding-top:65px;

}

#navrugdiv2 {

	position:relative; width:100%; height:130px; margin:0px; padding:0px;

}

#navrugdiv3 {

	position: absolute; left:30px; bottom:0px;

}



#navsahdiv1 {

	 position:relative; width:100%; height:135px;  padding-top:60px;

}

#navsahdiv2 {

	position:relative; width:100%; height:145px; margin:0px; padding:0px;

}

#navsahdiv3 {

	position: absolute; left:30px; bottom:0px;

}



#navrugsdiv1 {

 position:relative; width:100%; height:165px;  padding-top:60px;	

}

#navrugsdiv2 {

	position:relative; width:100%; height:140px; margin:0px; padding:0px;

}

#navrugsdiv3 {

	position: absolute; left:30px; bottom:0px;

}



#navline1 {

	 position:absolute;  width:3px; height:90px; background:#E77817; left:45px;  top:120px;

}

#navline2 {

	 position:absolute; width:3px; height:90px; background:#E77817; left:45px;  top:275px;

}

#navline3 {

	 position:absolute; width:3px; height:90px; background:#E77817; left:45px; top:450px;

}

#navline4 {

	 position:absolute; width:3px; height:90px; background:#E77817; left:45px;  top:650px;

}





#institutename {

	font-size:18px; font-family:futurah; padding:0px; margin:0px; color:#BA284F;

}

#instituteoneline {

	font-size:12px; font-family:futuram; padding:0px; margin:0px; color:#66625F;

}

a#institutenumber {

	text-decoration:none;

}

p#instituteno {

	 font-size:70px; color:#C6C6C6; padding:0px; margin:0px; font-family:arialbold;

}

div#instnocont {

	position:relative; padding:0px; margin:0px;

}



div#centerdiv {

	width:90%; margin:10px 5% 10px 5%; border:4px solid #0093DD; border-radius:10px; background-color:#FFFBED;

}



ul#ullist {

	padding:0px 10px 0px 20px; color:#913C37; font-size:12px; font-family:futuran;

}



ul#ul1 {

	font-size:14px; font-family:futuran;

}



li#li1  {

	border-bottom:#ffffff solid 1px; padding-bottom:3px; margin-bottom:3px;

}

li#li2  {

	border-bottom:#ffffff solid 1px; padding-bottom:3px; margin-bottom:3px;

}



li#li3  {

	border-bottom:#000000 solid 1px; padding-bottom:3px; margin-bottom:3px;

}



ul#sahul {

	font-size:14px; font-family:futuran; line-height:1.3;

}

li#sahli {

	padding-bottom:3px; margin-bottom:3px;

}

ul#rugsahul {

	font-size:14px; font-family:futuran; margin:0px; padding:10px 20px 10px 25px;

}



#don1 {

	width:88%; margin: 10px 0px 0px 10px;	

}



#don2 {

	margin:0px; padding:0px 0px 0px 50px; font-size:32px; font-family:timesi;

}

#don3 {

	margin:25px 0px 0px 25px; padding:0px; color:#E77817; font-family:futuran;

}

#don4 {

	margin:0px 0px 0px 25px; padding:0px; color:#0000FF;  font-family:futuran;

}



#don5 {

	margin:0px 30px 0px 25px; font-family:futuran; font-size:18px;

}

#don6 {

	margin:20px 30px 0px 25px;color:#23297A; font-family:futurah;

}



#don7 {

	margin:0px 30px 0px 25px;color:#000000; font-family:futurah;

}



#cont1 {

	margin:10px 0px 10px 0px; font-family:futurah; position:position; width:100%;

}

#cont2 {

	position:relative; float:left; width:50%;

}





#hist1 {

	position:relative; width:100%;

}

#hist2 {

	position:relative; float:left; padding-top:100px;

}

#hist3 {

	width:500px; position:relative; float:left;

}

#hist4 {

	 margin:0px; padding:0px; color:#495F5F; font-family:futurah;

}

#hist5 {

	font-size:12px; color:#1D4A4A; margin:0px; padding:0px; font-family:futuran;

}



#hist6 {

	width:590px;

}



#hist7 {

	background-color:#495F5F; color:#ffffff; font-family:futuran; font-size:12px; margin:0px; padding:5px 0px 5px 5px;

}



#trust1 {

	color:#FF7B23; font-family:futurah;

}



#trust2 {

	width:90%; background-color:#E3E4E5;  font-family:futurah;

}

#trust3 {

	background-color:#00A79F; color:#ffffff;

}

#trust4 {

	width:10%;

}

#trust5{

	width:60%;

}

#trust6 {

	width:30%;

}

#trust7 {

	color:#990000; font-family:futurah;

}

#trust8 {

	width:90%; background-color:#D8EDEE;  font-family:futurah;

}

#trust9 {

	background-color:#336699; color:#ffffff;

}



#fullwidth {

	width:100%;

}

#flotleft {

	float:right; 

}