/*
Site: theFund (Schipul <3's the Arts!)
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: 

  (\_/)
  ('.')
 (")_(")
HAPPY EASTER

*/

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

p { margin-bottom: 8px; color: #000; font-family:Arial, Helvetica, sans-serif}

body#home {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #000;
	background: url(/images/home/bg-paper.jpg) top center repeat-y #c88c38}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 16px; font-weight: bold; color: #8757a1; }
h2 { font-size: 14px; font-weight: bold; color: #8757a1; }

a { color: #007bb6; }
a:hover { text-decoration: none; }


/*
*/

.purple-bar {width:100%; height: 20px; margin:0; padding:0; background-color:#6A3E98;}
	.purple-bar p {color:#FFF; font-size:11px; line-height:20px; display:block; width: 894px; margin: 0 auto; text-align:right; font-weight:bold}

div#yllw-stripe {width:100%; background:url(/images/home/yllw-stripe.gif) top center repeat-x;
min-height: 344px; height:auto !important; height: 344px;}
div#main-wrap {clear: both; width:1122px; margin:0 auto;}


div.top-strip {width: 927px; margin: 0 auto; height: 393px;}
	div.logo-nav {width:263px; height: 393px; float:left;}
		div#fund-logo {height: 158px; width:263px;}
		div#nav {width: 263px; height:182px;}
	
	div.menuh-story {width: 663px; height: 393px; float:left;}
		div#navh {width: 663px; height:25px; background: url(/images/home/menuh-bg.jpg) top left no-repeat; margin-top:49px;}
		div#story-rotator {width:663px; height:319px; overflow:hidden; background:url(/images/home/rotator/rotator-bg.jpg) top left no-repeat;}
			div#story-rotator img {border:0; width: 663px; height:319px;}


div.mid-strip {width: 1025px; float:right; height:316px;}
	div.camp-box {width:576px; height:316px; float:left;}	
		div.camp-top {width: 576px; height:71px; background: url(/images/home/camp-top.jpg) top left no-repeat;}
		div.camp-left { width: 300px; height:245px; background:url(/images/home/camp-left.jpg) top left no-repeat; float:left}
			div.video {width: 257px; height: 205px; margin: 0 0 0 40px;}
		div.camp-right {width: 276px; height:245px; background:url(/images/home/camp-right.jpg) top left no-repeat; float:left}
			div.form-area {width: 230px; margin-left:15px;}
			#camp-link { height:60px; line-height: 60px; float:right; margin-right:35px; color:#000;}
	
	div.card-box {width:447px; float:left; height: 316px;}
		div.card-title {width: 447px; height:36px; background:url(/images/home/card-title.jpg) top left no-repeat;}
		div.card-content {width: 447px; height:280px; background:url(/images/home/card-content.jpg) top left no-repeat;}
			div.card-txtop {width:143px; margin-left: 15px;}
			div.card-txbtm	{width:319px; margin: 30px 0 0 15px;}
		


div.btm-strip {width: 1025px; float:left; display: inline; margin-left:20px;
				
				
				height:561;}
		div.orange-title {width: 1025px; height:75px;}
			div.who-title{ width: 406px; height:75px; float:left; background:url(/images/home/who-title.jpg) top left no-repeat}
			div.about-title{width:403px; height:75px; float:left; background:url(/images/home/about-title.jpg) top left no-repeat}
				#more-about {margin-top: 42px; margin-left: 40px; display:block; color:#000}
			div.rss-title{width: 216px; height:75px; float:left; background:url(/images/home/rss-title.jpg) top left no-repeat}
				#rss-link {margin-top: 30px; margin-left: 15px; display:block; color:#000}
		
		div.orange-box {width: 987px; min-height: 447px;background: url(../images/home/orangebg.gif) }
			div.orange-left {width: 93px; float:left;  min-height: 447px; height:auto !important; height: 447px;
			background:url(/images/home/orange-left.jpg) bottom left no-repeat;}
			div.orange-content {width: 894px; background:url(/images/home/orange-bg.jpg) top left repeat-y;
			float:left; }
				div.o-topleft {width:270px; float:left; margin:10px 18px 5px 24px; display:inline;}
					div.partner-title {width:190px;height:44px; background:url(/images/home/partners-title.jpg) top left no-repeat;}
				div.o-topright {width: 518px; float:left; margin: 10px 38px 5px 25px; display:inline;}
					div.about-paper {width:480px; height:76px; background:url(/images/home/about-paper.jpg) top left no-repeat; 
					clear:both; padding: 13px 18px 13px 20px}
					div.about-paper p {margin:0px;}
				div.o-divide {width: 894px; height: 10px; font-size:2px; line-height:3px; 
				background:url(/images/home/orange-divide.jpg) top left no-repeat; float:left; clear:both;}
				div.o-btmright {width: 562px; float:left; margin: 10px 0px 5px 0px; display:inline;}
				div.partner-info {width: 562px; height:78px; background:url(/images/home/sponsor-bg.jpg) top left no-repeat;}
				.partner-list {line-height:78px; font-size: 18px; color:#261B08; margin: 0 5px;}
		div.orange-lower {width: 894px; background: url(../images/home/orange-low.jpg) top left repeat-y;  float:left;
		}
		div.orange-btm {width:1025px; height:39px; background: url(../images/home/orange-btm.jpg) top left no-repeat; clear:both}

div.footer {clear:both; width: 100%; height:47px; background:url(/images/home/footer-bg.jpg) top left repeat-x; padding-top:15px;}
	div.footer-wrap {width: 894px; margin: 0 auto;}
	div.footer-left {width:400px; float:left; }
		div.footer-right a {color:#000; font-size:11px;}
	div.footer-right{width: 410px; float:right}
	
	
	
	
/*** Template ***/
div.top-strip-template {width: 927px; margin: 0 auto;}
.donaterow {width: 663px; float:left; height: 77px; background: url(../images/template/donate-top.jpg) top left no-repeat;}
div.logo-temp {width:263px; height: 151px; float:left;}
div.menuh-temp {width: 663px; height: 151px; float:left;}
	
	div.body-top {width: 894px; height: 25px; background:url(../images/template/body-top.jpg) top left no-repeat; clear:both}
	div.body-area {width: 894px;  min-height: 690px; height:auto !important; height: 690px; float:left;
	background:url(../images/template/bodyc-bg.jpg) top left repeat-y; }
		div.body-left {width: 245px; float:left;}
		div.body-right {width: 580px; float:right; margin: 0 45px 10px 0; display:inline;}
	
	div.body-btm {width: 894px; height:40px; background:url(../images/template/body-btm.jpg) top left no-repeat; margin-bottom:10px; float:left}
	#temp-donate {float:right; margin: 20px 56px 0 0;}
	

.donaterow-banners {width: 663px; float:left; height: 77px;}
	#banner-green { background:url(../images/template/donate-top-green.jpg) top left no-repeat;}
	#banner-cyan { background:url(../images/template/donate-top-cyan.jpg) top left no-repeat;}
	#banner-purple { background:url(../images/template/donate-top-purple.jpg) top left no-repeat;}
	#banner-olive { background:url(../images/template/donate-top-olive.jpg) top left no-repeat;}
	#banner-blue { background:url(../images/template/donate-top-blue.jpg) top left no-repeat;}
	#banner-teal { background:url(../images/template/donate-top-teal.jpg) top left no-repeat;}
	#banner-brown { background:url(../images/template/donate-top-brown.jpg) top left no-repeat;}
	#banner-orange { background:url(../images/template/donate-top-orange.jpg) top left no-repeat;}
	#banner-red { background:url(../images/template/donate-top-red.jpg) top left no-repeat;}
	#banner-purple2 { background:url(../images/template/donate-top-purple2.jpg) top left no-repeat;}
	#banner-purple3 { background:url(../images/template/donate-top-purple3.jpg) top left no-repeat;}
	#banner-yellow { background:url(../images/template/donate-top-yellow.jpg) top left no-repeat;}
	#banner-yellow2 { background:url(../images/template/donate-top-yellow2.jpg) top left no-repeat;}


div.stripes {width:100%; min-height: 344px; height:auto !important; height: 344px;}
	#stripe-green {background:url(../images/template/green-stripe.gif) top center repeat-x;}
	#stripe-cyan {background:url(../images/template/cyan-stripe.gif) top center repeat-x;}
	#stripe-purple {background:url(../images/template/purple-stripe.gif) top center repeat-x;}
	#stripe-olive {background:url(../images/template/olive-stripe.gif) top center repeat-x;}
	#stripe-blue {background:url(../images/template/blue-stripe.gif) top center repeat-x;}
	#stripe-teal {background:url(../images/template/teal-stripe.gif) top center repeat-x;}
	#stripe-brown {background:url(../images/template/brown-stripe.gif) top center repeat-x;}
	#stripe-orange {background:url(../images/template/orange-stripe.gif) top center repeat-x;}
	#stripe-red {background:url(../images/template/red-stripe.gif) top center repeat-x;}
	#stripe-purple2 {background:url(../images/template/purple2-stripe.gif) top center repeat-x;}
	#stripe-purple3 {background:url(../images/template/purple3-stripe.gif) top center repeat-x;}
	#stripe-yellow {background:url(../images/template/yellow-stripe.gif) top center repeat-x;}
	#stripe-yellow2 {background:url(../images/template/yellow2-stripe.gif) top center repeat-x;}



/*** Tendenci ***/
div#skiptocontent {
     position: absolute;
     left: -9999px;
}
.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; 	color: #8757a1}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3399CC}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC33}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
p.notofficialcontent {color: #FF0000;}

	 

.color1 {
	background-color: #3399CC;
}
.color2 {
	background-color: #FFCC33;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #3399CC
	}
	
	
	#bodycontent a{	color:#dc941e;}
	#bodycontent a:hover {color:#666;}
	
p { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #8757a1
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8757a1
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #8757a1; 
	text-decoration: none
	}

h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
	}

h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #003366; 
	text-decoration: none
	}

td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #666;
	margin: 0px 0px 2px 0px;
	padding: 2px 0px 2px 0px;
	border: 1px solid #b8260f;
	background-color: #faf3dc;
}
input:focus, textarea:focus {border: 1px solid #b8260f; background-color:#FFF; color:#000;}


textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}
#logo
{
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;

	}
#bodycontent
{
	width: 580px;
	margin-top: 0px;
	padding-top:15px;

	}
#contentbg
{
	background-image: url(/en/introductions/templates/inkflow/images/content_bg.jpg);
	background-repeat: no-repeat;
	height: 284px;	
	}