/* ***************************************
GENERAL STYLES
*************************************** */

/* ~~~~~~~~~~~~~~~ DOCUMENT ~~~~~~~~~~~~~~~ */


body { margin: 2em 0em 0em 0em ; font: 70.5%/1.3 "Arial", Verdana, Helvetica, sans-serif; color: #333; text-align: center; background: #2d2d2d; text-align:left; height:100% !important;  }

body html { height:100% !important; }

a { color: #330000; }

a:hover { color:#666; }

img { border: none; }

h1 { clear:both; color:#724C2F; font-size:1.8em; font-weight:normal; margin:0 0 0.35em; }
		
		.h1-left { float: left; }

h2 { color:#724C2F; font-size:1.2em; font-weight:700; margin:0 0 0.35em; }


/* ~~~~~~~~~~~~~~~ HEADER SECTION ~~~~~~~~~~~~~~~ */

	#wrapper { margin: 0 auto; width: 948px;  }
			
			.header-top-section1 { background:url(../images/header-top1.gif) no-repeat left top; width: 948px; height:13px; }
			
			.header-top-section2 { background:url(../images/header-section2.jpg) no-repeat left top; width: 948px; height:323px; overflow: hidden; }
					
					.header-top-section2 .leftSection { float: left; padding: 1em 0em 0em 3em; }
			
					.logo-section {  margin: 9em 0em 0em 0em; text-indent: -9000px;  background:url(../images/HOPE-worldwide-logo.jpg) no-repeat left top; width:152px; height: 97px; }
					
					.logo-section-inner {  margin: 9em 0em 0em 0em; text-indent: -9000px;  background:url(../images/HOPE-worldwide-logo-innerpg.jpg) no-repeat left top; width:151px; height: 96px; }
					
						.logo-section-inner a { display: block;  width:151px; height: 96px; }
					
					.donate-section {  margin: 4em 0em 0em 0em;  background:url(../images/donation-box-bg.gif) no-repeat center top; width:158px; padding: 2em 0em 0em 0em; }
					
					.donate-section-inner {  margin: 4em 0em 0em 0em;  background:url(../images/donation-box-bg-innerPg.gif) no-repeat center top; width:158px; padding: 2em 0em 0em 0em; }
					
					.donate-section-srilanka {  margin: 4em 0em 0em 0em;  width:158px; padding: 2em 0em 0em 0em; }

							.header-top-section2 .imgHolder { margin: 0em 0em 0em 1.45em; float:left; height:auto; background:#FFF; padding: 2px !important; } 
					
					.header-top-section2 .rightSection { float: right; margin: 0em; width: 194px;}
					
							.menu-section { width: auto; height: 231px; padding: 0em 1em 0em 0em }
							
									.menu-section ul { margin:0em; padding:0em; width: 178px; list-style-type: none; }
									
											.menu-section ul li { float: left; padding: 0.80em 0em 0em 0em; }
											
											
											#sub-menu1 { position:absolute; width:219px; height:115px; z-index:1; /*background-color: #666; left:565px;*/ top: 45px; right: 219px; visibility: hidden; margin: 0em;  }
													
													.sub-menu-top { background:url(../images/sub-menu-top.gif) no-repeat left top; width: 219px; height: 11px; overflow: hidden; margin: 0em;}
													
													.sub-menu-mid { background:url(../images/sub-menu-mid.gif) repeat-y; width: 219px;overflow: hidden; margin: 0em;}
															.sub-menu-mid ul { margin: 0em; padding: 0em; list-style-type: none; }
															
															.sub-menu-mid ul li { width: 190px;  float: left; margin: 0em 0em 0em 1em; clear: both; }
													
													
													.sub-menu-bot { background:url(../images/sub-menu-bot.gif) no-repeat left top; width: 219px; height: 7px;overflow: hidden; margin: 0em;}
							
							.partners-section { clear: both; background:url(../images/our-partners-bg.jpg) no-repeat left top; width: 184px; height: 81px; padding: 26px 0em 0em 11px; }
					
					.section2 { width: 948px; float: left; background:url(../images/section2-bg.gif) repeat-y; }
					
							.section2 .leftSection { float: left; width: 396px; padding: 0.40em 0em 0em 0.45em;  }
							
										.section2 .box { width: 198px; float: left; }
										
										.section2 .box2 { width: 198px; float: left; clear: both; }
										
										.children-section-heading { float: left; background:url(../images/children-section-heading.gif) no-repeat left top; width: 198px; height: 40px; }
										
										.children-section-mid { float: left; background:url(../images/children-section-graphic.gif) no-repeat left top; width: 198px; height: 109px; }
										
										.children-section-bot { float: left; background:url(../images/children-section3.gif) no-repeat left top; width: auto; height: 80px; padding: 0.50em 1.05em  0em 1.05em; color: #FFF; line-height: 1.15em; }
										
										.education-section-heading { float: left; background:url(../images/education-section-heading.gif) no-repeat left top; width: 198px; height: 40px; }
										
										.education-section-mid { float: left; background:url(../images/education-section-graphic.gif) no-repeat left top; width: 198px; height: 109px; }
										
										.education-section-bot { float: left; background:url(../images/education-section3.gif) no-repeat left top; width: auto; height: 80px; padding: 0.50em 1.05em  0em 1.05em; color: #FFF; line-height: 1.15em; }
										
										.health-section-heading { float: left; background:url(../images/health-section-heading.gif) no-repeat left top; width: 198px; height: 40px; }
										
										.health-section-mid { float: left; background:url(../images/health-section-graphic.gif) no-repeat left top; width: 198px; height: 109px; }
										
										.health-section-bot { float: left; background:url(../images/health-section3.gif) no-repeat left top; width: auto; height: 80px; padding: 0.50em 1.05em  0em 1.05em; color: #FFF; line-height: 1.15em; }
										
										.employment-section-heading { float: left; background:url(../images/employment-section-heading.gif) no-repeat left top; width: 198px; height: 40px; }
										
										.employment-section-mid { float: left; background:url(../images/employment-section-graphic.gif) no-repeat left top; width: 198px; height: 109px; }
										
										.employment-section-bot { float: left; background:url(../images/employment-section3.gif) no-repeat left top; width: auto; height: 80px; padding: 0.50em 1.05em  0em 1.05em; color: #FFF; line-height: 1.15em; }
										
										
										.btn-read-more { font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; text-decoration: none; font-size: 1.05em; float: right; margin: 0.25em 0em 0em 0em; } 
										
										.btn-read-more:hover { color: silver; }
										
			.section2 .rightSection { float: left; width: 543px; padding: 0.40em 0em 0em 0em;  }
					
					.right-section-heading {  background:url(../images/right-section-heading.gif) no-repeat left top; width: 543px; height: 56px; }
					
					.right-section-mid {  background:url(../images/right-section-mid.gif) no-repeat left top; width: 543px; height: 401px; overflow: hidden; }
					
							.news-section { float: left; }
							
									.news-section ul { margin: 1em 0em 0em 2.55em; width: 310px; padding: 0em; list-style-type: none; }
											
											.news-section ul li { height: 18px; }
									
											.news-section ul li a { color: #333; text-decoration: none; }
												
												.news-section ul li a:hover { color: silver; }
												
							.quotes-disaster-section { float: right; margin: 1em 0em 0em 0em; width: 193px}
							
									.quotes-section { float: left; width: 160px; font-size: 1.05em; padding: 0.15em 1.55em 0em 1.05em; }
											.quotes-section .credit { float: left; margin: 0.65em 0em 0em 2.35em;}
											
									
									.disaster-relief-section { float: left; padding: 65px 0em 0em 0em; clear: left; width: 190px; }
									
										.disaster-relief-section p { padding: 0.20em 0.65em 0em 0.65em; margin: 0em; }
					
					.right-section-bot {  background:url(../images/right-section-bot.gif) no-repeat left top; width: 543px; height: 13px; }
			
			.section3-top1 { background:url(../images/section3-top1.gif) no-repeat left top; width: 948px; height:11px; overflow: hidden; clear: both; }
			
			.section3-mid { background:url(../images/section3-mid.jpg) no-repeat left top; width: 948px; height:212px; overflow: hidden; clear: both; }
			
					
			
			
			
				.coh-section { float: left;  padding: 1.55em 0em 0em 3.15em; width: 630px;  }
				
						.coh-section ul.centres { list-style:none; margin:0em ; padding:2em 4.50em 0em 0.35em; width:auto; 
													color:#663300; font-size: 1em; float: left; }							
							
							.coh-section ul li { padding: 0em 0.90em 0em 0em; float: left; clear:both; }
							
							.coh-section ul li a { color:#FFF; text-decoration: none; }
							
							.coh-section ul li a:hover { color:#CCC; }
							
							
							.download-report-section { float: left;  padding: 3.55em 0em 0em 4.15em; width: auto;  }
			
			.header-top-bot1 { background:url(../images/header-bot1.gif) no-repeat left top; width: 948px; height:9px; clear: both; }
			 
			
			
			/*~~~~~~~~~~~~~~~~~~~~~~ INNER PAGES SECTION~~~~~~~~~~~~~~~~~~~~~~ */
			.inner-header-top-section1 { background:url(../images/inner-header-top1.gif) no-repeat left top; width: 948px; height:13px; }
			.inner-header-top-section2 { width: 948px; height:auto; overflow: hidden; background:url(../images/Innerpage-mid-bg.gif) repeat-y left top;  }
					
				.inner-header-top-section2 .leftSection { float: left; width: 203px;  }
				
				.inner-header-top-section2 .leftSection .topSection { background:url(../images/inner-logo-section-bg.jpg) no-repeat left top; padding: 1em 0em 0em 3em; width: auto; height: 319px; }
				
				.inner-header-top-section2 .leftSection .topSection2-top { background:url(../images/innerpage-left-top.gif) no-repeat left top; width: 203px; height: 15px; clear: left; }
				
				
				.inner-header-top-section2 .leftSection .topSection2-mid { background:url(../images/innerpage-left-mid.gif) repeat-y left top; width: 203px; clear: left; overflow: hidden; }
				
				.left-Section { float:left; overflow:hidden; padding:0.5em 0em 2em 1.85em; width:165px; }
				
					.left-Section .reliefSection img { margin: 0.55em 0em 0em 0em; }
				
					.left-Section ul { color:#724C2F; font-size:1.1em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:1em 0 1em 0em; padding:3px; width:145px }
							
							.left-Section ul li { clear:both; float:left; font-size:1em; padding:0.25em 0 0; }
							
									.left-Section ul li a { color:#330000; } .left-Section ul li a:hover { color:#999; }
				
					.search-box { border:1px solid #BB9382; font-size:0.95em; width:144px; }
				
				
				.inner-header-top-section2 .leftSection .topSection2-bot { background:url(../images/innerpage-left-bot.gif) no-repeat left top; width: 203px; height: 15px; clear: left; }
				
				
					.inner-header-top-section2 .midSection { float: left; padding: 0em 0em 0em 0.75em; }
					
					.inner-header-top-section2 .midSection .imgHolder { float:left; height:247px; background:#FFF; padding: 2px 2px 0px 2px!important; } 
					
					.inner-header-top-section2 .rightSection { float: left; margin: 0em; width: 743px;}
							
							.bread-crumb { float: left; padding: 1em 0em 1.55em 0em; width: 490px; display: inline; }
					
					.table-branch { border-collapse:collapse; }
		
					.table-branch td { padding: 1em 1em 1em 2em; vertical-align: top; }
							
							.inner-header-top-section2 .rightSection .section1 { background:url(../images/inner-pg-right-mid.jpg) no-repeat left top; width: 745px; height: 259px; float: left; }
							
							
							.inner-header-top-section2 .rightSection .topSection2-top { background:url(../images/innerpage-left-sec2-top.gif) no-repeat left top; width: 708px; /*height: 61px;*/ float: left; clear: both; overflow:hidden; padding:2em 0 0 3em; }
				
				
				.inner-header-top-section2 .rightSection .topSection2-mid { background:url(../images/innerpage-left-sec2-mid.gif) repeat-y left top; width: 745px; clear: both; height: auto; overflow: hidden; float: left;  }
				
				.inner-header-top-section2 .rightSection .topSection2-mid .right-Section { float:left; overflow:hidden;
padding:2em 2em 1em 2.85em; width:490px; color:#330000; font-size:1.1em; }

				.inner-header-top-section2 .rightSection .topSection2-mid .right-Section-Gallery { float:left; overflow:hidden;
padding:2em 2em 1em 2.85em; width:700px; color:#330000; font-size:1.1em; }

	.inner-header-top-section2 .rightSection .topSection2-mid .right-Section iframe { background:#F6F6F6; height:1050px; padding:1em;
width:475px; }

							.inner-header-top-section2 .rightSection .topSection2-mid .right-Section .icoh-imgRight { float: right; clear: left; margin: 1em; }
						
						.inner-header-top-section2 .rightSection .topSection2-mid .right-Section .icoh-imgLeft { float: left; clear: right; margin: 1em; }
						

			.selectBox { float: right; padding: 0em 16px 7px 0em; }

.inner-header-top-section2 .rightSection .topSection2-mid .right-Section-prtnrs { float:left; overflow:hidden;
padding:2em 2em 1em 2.85em; width:720px; color:#330000; font-size:1.1em; }

				.inner-header-top-section2 .right-Section-prtnrs .parnter-img img { padding:0 2em 0 0; }
				
				
				.inner-header-top-section2 .rightSection .topSection2-bot { background:url(../images/innerpage-left-sec2-bot.gif) no-repeat left top; width: 745px; height: 16px; clear: both; float: left; }
				
				/*****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; }
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
			
			/* ~~~~~~~~~~~~~~~ FOOTER SECTION ~~~~~~~~~~~~~~~ */

		
			.footer-section { background:url(../images/footer-bottom1.gif) no-repeat left top; width: 948px; height:65px; margin: 0em 0em 1.50em 0em; color:#FFF; } 
			
			.footer-section a { color:#FFF; } .footer-section a:hover { color:silver; }
			
					.footer-section .leftSection { float: left; margin: 3.55em 0em 0em 1em; }
					
													
							.footer-section ul { width: 440px; margin:0; padding:0; list-style-type: none; }
									
									.footer-section ul li { float: left;  line-height:0.95em!important;} 
									
									.footer-section ul li a { text-decoration: none;  border-left: 1px solid #FFF; padding: 0em 1.50em 0em 1.50em; }
									
									.footer-section ul li a.clear { float: left; border-left: 0px none transparent; padding: 0em 1.50em 0em 0em; } 
									
									.footer-section .rightSection { float: right; margin: 3.55em 1em 0em 0em; }