/* ***************************************
GENERAL STYLES
*************************************** */

/* ~~~~~~~~~~~~~~~ DOCUMENT ~~~~~~~~~~~~~~~ */


body { margin: 0 ; font: 70.5%/1.3 "Arial", Verdana, Helvetica, sans-serif; color: #333; text-align: center; background: #ebe8da url(../images/bg_img.jpg) repeat-x; text-align:left; height:100% !important; }

body html { height:100% !important; }

a { color: #330000; }

a:hover { color:#666; }

h1 { color:#724c2f; font-size: 1.80em; margin: 0em 0em 0.35em 0em; font-weight: normal; clear: both;}
		
		h1 a { color:#724c2f; text-decoration: none; }
		
h2 { color:#724c2f; font-size: 1.1em; font-weight:700; margin: 0em 0em 0.35em 0em; }

h3 { color:#666; font-size: 1.1em; font-weight:700; margin:8px 0 0; }

	.top-style { font-family: "Arial", Verdana, Helvetica, sans-serif; color:#CCC; text-decoration:none; }

	img { border: none; }

/*Home Page style*/


.mainWrapper { width:750px; height:auto !important; margin: 0 auto; background:
#FFF; top: 1em; position: relative; overflow: visible; padding: 0em 0em 1.25em 0em; }

.headerSection { margin: 0em auto; width: 725px; overflow: hidden; }

	.leftSection-Header { float: left; /*padding: 3.20em 0px 0px 0px;*/ margin: 3.20em 0px 0px 0px; }

		.logo-holder { float: left;  }
		
				.logo-holder a { display:block; /*text-indent:-9000px;*/ }
				
				.donate-holder { float: left; padding: 4.30em 0em 0em 0em; clear: both;  }
				
				
				
				/** html .inner-left-section { height: expression( this.scrollHeight < 550 ? "550px" : "auto" );  padding: 1em 0em 0em 0em;  sets min-height for IE    } */

	.rightSection-Header { float: right; padding: 0px 0px 10px 0px; width: 560px; }
	
		.bannerHolder { float: left; clear: left; padding: 0em 0px 0px 0.80em; overflow: hidden; }
		
		
		.innerPage-First-Top { clear: both; margin: 0em auto; background:url(../images/innerpage-top.gif) no-repeat left top; width: 725px; overflow: hidden; height: 3px; }
		
		.innerPage-First-Mid { clear: both; margin: 0em auto; background:url(../images/innerpage-mid.gif) repeat-y left top; width: 725px; overflow: hidden; font-size: 1.1em; color: #330000;}
		
			
			.innerPage-First-Mid .left-Section { float: left; width: 147px; overflow: hidden; padding: 0.7em ; } 
				
				
			
			.innerPage-First-Mid .left-Section .reliefSection img { margin: 0.55em 0em 0em 0em; }
			
					
			.innerPage-First-Mid .right-Section { float: left; width: 490px; padding:2.5em 2em 1em 2.5em; overflow: hidden; } 
			
				
					
					.innerPage-First-Mid .right-Section p { margin: 1em 0em 1em 0em; }
					
						.innerPage-First-Mid .right-Section .parnter-img  img { padding: 0em 2em 0em 0em; }
					
					.innerPage-First-Mid .right-Section .selectBox { float: right; padding: 0em 0em 7px 0em; }
		
		.innerPage-First-Bot { clear: both; margin: 0em auto; background:url(../images/innerpage-bot.gif) no-repeat left top; width: 725px; overflow: hidden; height: 3px; padding: 0em 0em 0.90em 0em; }
		
		
		.search-First-Top { clear: both; margin: 0em auto; background:url(../images/search-page-top.gif) no-repeat left top; width: 725px; overflow: hidden; height: 3px; }
		
		.search-First-Mid { clear: both; margin: 0em auto; background:url(../images/search-page-mid.gif) repeat-y left top; width: 725px; overflow: hidden; font-size: 1.1em; color: #330000;}
		
			.search-First-Mid .left-Section { float: left; width: 162px; overflow: hidden; padding: 0.50em ; } 
		
			.search-First-Mid .right-Section { float: left; width: 490px; padding:2.5em 2em 1em 2.5em; overflow: hidden; }
		
		.search-First-Mid .right-Section iframe { width: 495px; height: 1050px; padding: 1em; }
		
		.search-First-Bot { clear: both; margin: 0em auto; background:url(../images/search-page-bot.gif) no-repeat left top; width: 725px; overflow: hidden; height: 3px; padding: 0em 0em 0.90em 0em; }
		
		
		
		.midSection-First { clear: both; margin: 0em auto; background:#ebe8da; width: 725px; overflow: hidden; }
		
			.midSection-First .left-Section { float: left; width: 352px; }
			
					.shaded-Section { background: #e1d6c1; width: 350px; float: left; padding: 4px; }
					
							.picHolder { float: left; margin: 0em 1.50em 0em 0em; }
							
								.picHolder img { border: 1px solid #bb9382; }
							
							.picContent-Holder { float: left; margin: 0em; width: 165px; }
							
								.picContent-Holder p { margin: 0em; }
					
					.unshaded-Section { background: transparent; width: 350px; float: left; padding: 4px; }
				
				
		.midSection-First .right-Section { float: right; text-align: right; width: 352px; padding: 6px 8px 0px 0px; overflow: hidden; }
		
		.table-branch { border-collapse:collapse; }
		
					.table-branch td { padding: 1em 1em 1em 2em; vertical-align: top; } 	
							
							
						.midSection-First .right-Section .rightSection-Top { background:url(../images/home-right-box-top.gif) no-repeat left top; width: 352px; height:7px; overflow: hidden;  } 
						
						.midSection-First .right-Section .rightSection-Mid { background: #FFF; width: auto; height:auto; overflow: hidden; padding: 5px; text-align: center;  min-height: 430px; }
						
						
						* html .midSection-First .right-Section .rightSection-Mid { height: expression( this.scrollHeight < 435 ? "435px" : "auto" ); /* sets min-height for IE */   } 
						
						
						
						.midSection-First .right-Section .rightSection-Mid p { text-align: left; padding: 0px 10px 0px 10px; width: auto; line-height: 1.5em; }
						
						.right-Section .icoh-imgRight { float: right; clear: left; margin: 1em; }
						
						
						.midSection-First .right-Section .rightSection-Bot { background:url(../images/home-right-box-bot.gif) no-repeat left top; width: 352px; height:7px; overflow: hidden; margin: 0em 0em 0.65em 0em; } 
							
		
		.midSection-Second { clear: both; margin: 0em auto; background:#e1d6c1; width: 725px; overflow: hidden; }
		
				.midSection-Second .left-Section { float: left; width: 160px; padding: 0px 4px 8px 4px; }
				
					.midSection-Second .left-Section img { border: 1px solid #bb9382; margin: 4px 0px 0px 0px; clear: both; float: left; }
								
						.midSection-Second .left-Section .report { float: left; }
						
									.midSection-Second .left-Section .report img { border: none; }
									
								.midSection-Second .left-Section .our-partners { float: left; background:url(../images/partners-bg.gif) no-repeat left top; width: 158px; height: 79px; margin: 0.55em 0em 0em 0em; }
								.midSection-Second .left-Section .virtual-tour { float: left; width: 200px; height: 79px; margin: 0.55em 0em 0em 0em; }
										.midSection-Second .left-Section .our-partners .logos { float: left; margin: 2.35em 0.50em 0em 0.50em; }
					
					.midSection-Second .right-Section { float: left; width: 540px; padding: 0px 4px 8px 4px; background:url(../images/India-graphic.jpg) no-repeat right 20px; }
					
						.midSection-Second .right-Section p { margin: 1.70em 0em 0.50em 1.20em; }
						
							.midSection-Second .right-Section ul.centres { list-style:none; margin:0em ; padding:1em 0.50em 0em 0.35em; width:auto; color:#663300; font-size: 1em; float: left; height: 175px; }
							
							
							
							
							.midSection-Second .right-Section ul li { padding: 0em 0.90em 0em 1.20em; float: left; clear:both; }
							
							.midSection-Second .right-Section ul li a { color:#663300; text-decoration: none; }
							
							.midSection-Second .right-Section ul li a:hover { color:#D26900; }
		
		
		.midSection-Third { clear: both; margin: 0em auto; background:#c19473; width: 725px; overflow: hidden; text-align: center; padding: 10px 0px 0px 0px;}
		
		.midSection-Third-Bot { clear: both; margin: 0em auto;  background: url(../images/thrid-midsection-bot.gif) no-repeat left top; width: 725px; overflow: hidden; height: 8px;}
	
	
	
	
	
		.program-locations { float: left; width: 515px; padding: 0px 4px 0px 4px; background:url(../images/program-locations-graphic.jpg) no-repeat right 20px; }
					
						
							.program-locations ul.centres { list-style:none; margin:0em ; padding:1em 0.50em 0em 0em; width:auto; color:#663300; font-size: 1em; float: left; height: 175px; }
							
							
							
							
							.program-locations ul li { padding: 0em 0.90em 0em 0em; float: left; clear:both; }
							
							.program-locations ul li a { color:#663300; text-decoration: none; }
							
							.program-locations ul li a:hover { color:#D26900; }
	

	


/* ~~~~~~~~~~~~~~~ TOP MENUS ~~~~~~~~~~~~~~~ */
.topmenu-holder { float: left; padding:1em 0px 0em 1.55em; overflow:visible; }

	.topmenu-holder ul { list-style:none; margin:0em; padding:0em; width:540px; color:#000; font-size: 1.15em;}
		
		.topmenu-holder ul li { padding: 0em 0.90em 0em 0.90em; /*border-right: 1px solid #000;*/ float: right; }
		
			.topmenu-holder ul li.no-border { border-right: 0px none transparent; padding: 0 0 0 0.90em; }
				
				
		.topmenu-holder ul li a { display: block; font-weight: bold; color:#000; text-decoration: none; }
		
		.topmenu-holder ul li a:hover { color: #666; }
		
	.horzmenu-holder { /*float: left;*/ padding: 20px 0em 0em 1em; clear: both;  }
		
		.horzmenu-holder ul { list-style:none; margin:0em; padding:0em; width:280px; font-size: 0.90em; }
			
			.horzmenu-holder ul li { padding: 0em 0em 1em 1em; float: left; font-size:1.10em; }
			 
			
				.horzmenu-holder ul li a { color:#99cc33; font-weight: bold; text-decoration: none; } 
				.horzmenu-holder ul li a:hover { color:#ff9900; font-weight: bold; }
				
				.horzmenu-holder ul li.active { color:#ff9900; font-weight: bold; }
				
				
					.left-Section ul { list-style:none; margin: 1em 0em 0em 0em; padding:3px; width:145px; font-size: 1em; color: #724C2F; }
				
					.left-Section ul li { padding: 0.25em 0em 0em 0em; float: left; font-size:0.90em; clear: both; }
				
		
			/* ~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~ */
			
.footer { color:#666; height:auto; margin: 0 auto; clear:both; font-size: 0.90em; padding:1em 0.2em 2em;
width:737px; line-height:1.60em; }
	
	.footer a { color: #666; text-decoration:none; margin: 0px 4px 0px 4px; } .footer a:hover { color:#999; }

		.footer .leftSection { float: left; margin: 0.60em 0em 0.40em 0em; }
	
			.footer .rightSection { float: right; margin: 0.60em 0em 0.40em 0em; }
			
			
			/*****Search section styles*******/
			.search-box { border: 1px solid #BB9382; font-size: 0.95em; width: 144px; }
			
			/*****HOPE program input box styles*******/
			
			.menu1 { background-color:#E0D6BE; border-bottom-color:#FFFFFF; border-bottom-width:thin; color:#674958; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:7pt; font-weight:bold; line-height:15pt; padding-left:4px; padding-top:4px; }
			
			.menu2 { background-color:#FDC705; border-bottom: thin #FFFFFF 1px; color:#674958;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:7pt; font-weight:bold; line-height:15pt; padding-right:4px;
padding-top:4px; }

.nonselected { border-bottom: thin #FFFFFF 1px; color:#674958;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:7pt; font-weight:bold; line-height:15pt; /*padding-right:4px;
padding-top:4px; */}

	.selparagraph { color:#857763; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; margin-left:15px; /*margin-bottom:15px; margin-top:15px; line-height:30px;*/ padding-left:4px; padding-right:4px; padding-top:4px; text-decoration:none; }
	
	.bread-crumb { float: left; padding: 1em 0em 1.55em 0em; width: 490px; display: inline; }
	
	
	/********Portfolio related styles**********/
	.yui-overlay { position:absolute; padding:0px; margin:0px;background:Transparent; border:1px solid #CCC; }
		
		.overlayBox { visibility:hidden; min-height:372px !important; overflow:hidden; top:220px; position:absolute;  /*-5.00em*/ margin: 0.05em -2em 0em -2em; }
		
		.overlayBox , x:-moz-any-link /* FireFox 2 */{ visibility:hidden; min-height:372px !important; overflow:hidden; top:220px; position:absolute;  /*-5.00em*/ margin: 2.35em -2em 0em -2em; }
		
		.overlayBox , x:-moz-any-link, x:default /* FireFox 3 and above */{ visibility:hidden; min-height:372px !important; overflow:hidden; top:220px; position:absolute;  /*-5.00em*/ margin: 0.35em -2em 0em -2em; }
		
		
		
		.overlayBox .left { float:left; width:328px; height:372px; background:#FFF; filter: alpha(opacity=78) !important; -moz-opacity: 0.78 !important; }
		
		.overlayBox .right { float:right; width:322px; height:372px; background:#FFF; }
		
			.overlayBox .right .close { float:right; padding:0.55em 1.45em 0em 0em; }
			
						.close a { color:#FF0000; font-weight:bold; }  .close a:hover { color: #FF9900; }
			
					.overlayBox .right .content { float:left; padding:1em 1em 0em 1em; }
					
						.overlayBox .right .content img { margin:0px; }
						
						.overlayBox .right .content p { margin:5px 0 0; }
		
		

	/******Testimony section styles **********/
	
	.first {
		color: #FFF; }
			
	.first a {
		color: #FFF; }
	
	.second {
		color: #F8F8F8; }
			
	.second a {
		color: #F8F8F8; }
	
	.third {
		color: #CCC; }
			
	.third a {
		color: #CCC; }
	
	.forth {
		color: #999; }
			
	.forth a {
		color: #999; }
	
	.fifth {
		color: #666; }
			
	.fifth a {
		color: #666; }
	
	.six {
		color: #333; }
			
	.six a {
		color: #333; }
