/* CSS Document */
* { padding:0; margin:0; } 

body { margin:0; padding:0; font-size: 62.5%; background: url(images/) repeat-y center #a2a2a2; text-align:center; font-family: arial, helvetica, sans-serif; color:#000000;}

/* =TEXT & HEADINGS
---------------------------------------------------*/
	h1 { margin: 0; padding: 40px 22px 0 0;  text-align:right; font-size: 1.8em ;font-style:italic; font-weight:normal;line-height: 22px; font-family: georgia, times, serif; color:#000000; }
	h2 { margin: 0; padding: 17px 0 8px 13px;  text-transform:uppercase; font-size: 1.7em ;font-weight:normal;line-height: 22px; color:#000000; }
	p { margin: 0; padding: 0 0 6px 0;  font-size: 1.2em; line-height: 16px; font-weight:normal; color:#000000;}
	a { color:#2b8008;}
	a:hover {}
	p strong{}
	img { margin:0; padding:0;border: none; vertical-align: bottom;}
	img a { border-style:none;}
	
		/* NAVIGATION
---------------------------------------------------*/	
	#topnav { float: left; margin: 5px 0 0 12px; padding: 0; width:1033px; float: left;font-size: 1.2em; }
	#topnav ul { margin: 0; padding: 0; text-align:left;text-transform:uppercase; }
	#topnav ul a{ color: #000000;text-decoration:none;padding: 0 0 0 7px;}
	#topnav ul a:hover {color: #fd5b02;text-decoration:underline;}
	#topnav ul li#n1 { background: url(images/tab-off.jpg) no-repeat; display: inline; float: left; margin: 0; padding: 9px 0 0 0; color: #ffffff; width: 168px; height: 31px;}
	#topnav ul li#n2 { background: url(images/tab-off.jpg) no-repeat; display: inline; float: left; margin: 0; padding: 9px 0 0 0; color: #ffffff; width: 168px; height: 31px;}
	#topnav ul li#n3 { background: url(images/tab-off.jpg) no-repeat; display: inline; float: left; margin: 0; padding: 9px 0 0 0; color: #ffffff; width: 168px; height: 31px;}
	#topnav ul li#n4 { background: url(images/tab-off.jpg) no-repeat; display: inline; float: left; margin: 0; padding: 9px 0 0 0; color: #ffffff; width: 168px; height: 31px;}
	#topnav ul li#n5 { background: url(images/tab-off.jpg) no-repeat; display: inline; float: left; margin: 0; padding: 9px 0 0 0; color: #ffffff; width: 168px; height: 31px;}
	#topnav ul li#n6 { background: url(images/tab-off.jpg) no-repeat; display: inline; float: left; margin: 0; padding: 9px 0 0 0; color: #ffffff; width: 168px; height: 31px;}
	
	body#localhome li#n1,
	body#localprojects li#n2,
	body#localdonations li#n3,
	body#localabout li#n4,
	body#localevents li#n5,
	body#localshops li#n6 { background: url(images/tab-on.gif) no-repeat;}
	
	body#localhome #topnav ul #n1 a,
	body#localprojects #topnav ul #n2 a,
	body#localdonations #topnav ul #n3 a,
	body#localabout #topnav ul #n4 a,
	body#localevents #topnav ul #n5 a,
	body#localshops #topnav ul #n6 a { color: #fd5b02;}
	
	/* CONTAINERS  
---------------------------------------------------*/
	#content { width:1033px; margin:0px auto; padding:0;text-align:left; left: -1px;top: -1px;background:#FFFFFF;}
	#topheader {background: url(images/global-header-background-01.jpg) no-repeat; height:99px;width:1033px;}
	#logo{float:left; width:348px; height:99px; padding:0;margin:0;}
	
	div.hrhead {height: 5px;background: url(images/orange-top.gif) repeat-x center;}
	div.hrhead hr {display: none;}
	
	#info{ width:1009px;padding:5px 12px 0 12px;background:#FFFFFF;}
	#leftContainer{width:336px; margin:0;padding:0;}
	#rightContainer{width:673px; float:right;margin:0;padding:0;}

	#intro{width:673px; height:500px; background:#FFFFFF /*url(images/jeni2.jpg)*/ no-repeat;}
	#intro p{padding: 0 20px 0px 13px;}
	
	#map {margin:0; padding:0;}
	
	#branches {width:657px; height:85px; background: url(images/global-bottom-grad2.jpg) no-repeat;padding:26px 0 0 16px}
	#branches ul { float:left; margin: 0; padding:5px 0 0 0; width:145px;}
	#branches li { list-style: none; margin: 0; padding:1px 0 1px 15px; background: url(images/green-arrow.gif) 2px 4px no-repeat;}
	#branches li a { text-decoration:underline; font-size: 1.2em; color:#2b8008;} 
	
	div.hrfooter {height: 99px;background: url(images/global-header-background-01.jpg) no-repeat; height:99px;width:1033px;}
    div.hrfooter hr {display: none;} 
	
	#footer {height:15px; background:#ffffff;padding:5px 0 5px 0;}
	#footer p{color: #666666; text-align:center;font-size: 1.1em;}
	#footer a{}  
	
			/* HEADER  
---------------------------------------------------*/
	#headerRight {float:right;padding: 0; margin:0; width:400px; height:99px;}
	
	#donate {float:left; width:110px; height:59px; background: url(images/donate-now-button-2.gif) center no-repeat; padding:40px 0 0 45px;}
	#donate a {text-decoration:none; color:#000000; font-size: 1.4em; font-weight:bold;}
	#donate a:hover {text-decoration:underline;}
	
	div.hrvert {background: url(images/dotted-line-vertical.gif) center no-repeat;padding:0;margin:10px 0 0 0;width:12px; height:69px;float:left;}
	div.hrvert hr {display: none;}
	
	div.hrgrey {background: url(images/grey-line.gif) center no-repeat;padding:0;margin:0;width:192px; height:2px;float:left;}
	div.hrgrey hr {display: none;}
	
	#selectcountry{float:left;width:170px;padding:25px 0 3px 0;}
	#selectcountry p{float:left;color:#000000; font-size: 1.2em; font-weight:bold;padding:2px 5px 0 0;}
	
	#sitemap {float:left;height:20px; width:170px;padding:7px 0 0 0;}
	#sitemap ul{padding:0;margin:0;}
	#sitemap ul li {display: inline; float:left;}
	#sitemap ul li a{ background: url(images/dotted-line-vertical-short.gif) right no-repeat; padding: 0 5px 0 5px;}
	#sitemap ul li.last a{ background-image: none;}
		
		/* LOCAL HOME CONTAINERS 
---------------------------------------------------*/
	#localhome #topheader {background: url(images/local-header-background.jpg) no-repeat; height:99px;width:1033px;}
	#localhomeImage {float:left;width:604px; height:229px;margin:0;padding:0; }
	#localintro {float:left;width:405px; height:229px; background: url(images/local-green-background.jpg) no-repeat;}
	#localintro p{padding: 0 20px 0px 13px;}
	#subsections {width:1020px;padding:5px 0 0 12px;background:#FFFFFF;text-align:left;}
	.introText{font-size: 1.2em;line-height: 20px;}
	.subsection{float:left; width:192px;margin:0 12px 0 0;padding:0 0 5px 0; background: #dae8c4;}
	.subsectionText {padding:10px; height:120px;}
	.subsectionText p {font-size: 1.1em;line-height: 12px;}
	.subsectionText h4{color:#f05c03; font-size: 1.2em;font-weight: bold; padding:0 0 10px 0;margin:0;}
	.subsectionText h4 .icon1{background: url(images/icon-film.gif) 2px 0px no-repeat;}
	.subsectionText h4 .icon2{background: url(images/icon-book.gif) 2px -2px no-repeat;}
	.subsectionText h4 .icon3{background: url(images/icon-event.gif) 2px -2px no-repeat;}
	.subsectionText h4 .icon4{background: url(images/icon-news.gif) 2px -2px no-repeat;}
	.subsectionText h4:first-letter {padding: 0 0 0 20px;}
	.subsection a{vertical-align: bottom;font-size: 1.1em;margin: 0; padding:1px 14px 0 12px; background: url(images/green-arrow.gif) right 4px no-repeat;}
	
	div.hrdivider {clear:both;padding:8px 12px 8px 12px; width:1009px; height: 1px;background: url(images/dotted-line.gif) no-repeat center #FFFFFF;}
	div.hrdivider hr {display: none;}
	
	div.hrfooter2 {clear:both;padding:8px 12px 0 12px; width:1009px; height: 8px;background: url(images/footer-orange-line.gif) no-repeat bottom #FFFFFF;}
	div.hrfooter2 hr {display: none;}
	
	#footer2 {clear:both; height:11px;padding:0 0 5px 0;background: url(images/footer-grad.jpg) repeat-x top;}
	#footer2 p{color: #666666; text-align:center;font-size: 1.1em; padding:0 12px 0 12px; width:1009px;}
	#footer2 a{}
	
				/* ARTICLE CONTAINERS 
---------------------------------------------------*/

	#articleText {width:600px; float:left;margin:0 10px 0 0;}
	#articleText h5{font-size: 1.6em; font-weight:bold;padding:0 0 10px 0;}
	#articlePhotos {width:194px; float:left;}
	#articlePhotos p{font-size: 1.1em; line-height:13px;padding:5px 0 20px 0}
	#featured{background:url(images/green-background-2.jpg) no-repeat #dae8c4;padding:10px;margin:10px 0 10px 0;}
	#featured p strong{font-size: 1.2em;line-height:23px;}
	#rightcontainer h3{font-size: 1.5em; color:#fd5b02;tex-align:left;padding:10px 0 10px 0;}
	#rightcontainer h3 .country {color:#666666;}
	div.hrsubhead {padding:0; width:100%; height: 12px;background: url(images/grey-dotted-line.gif) no-repeat top;}
	div.hrsubhead hr {display: none;}
	
			/* PROJECT CONTAINERS 
---------------------------------------------------*/
	#localprojects #topheader {background: url(images/local-header-background.jpg) no-repeat; height:99px;width:1033px;}
	#projectImage {float:left;width:400px; height:209px;margin:0;padding:0; }
	#projectintro {float:left;width:405px; height:209px; background: url(images/projects-intro-background.jpg) no-repeat;}
	#projectintro p{padding: 15px 20px 0px 13px;}
	#projectintro p .projectintroText {font-size: 1.2em;line-height: 20px;}
	#projects {width:807px;padding:0;margin:0; background:#FFFFFF;text-align:left;}

	#rightcontainer{float:left; width:807px; padding:0;margin:0	0 0 12px;background:#ffffff;}

	.project{float:left; width:807px;margin:10px 0 0 0;padding:0; background: #dae8c4;}
	.project img{float:left;}
	.project h4{float:left; width:177px; height:56px; margin:0; padding:25px 10px 0 20px; color: #ff3600;font-weight:normal;font-size: 1.6em;}
	.projectText {float:left; padding:5px 0 0 0; height:70px; width:400px}
	.projectText p {font-size: 1.1em; line-height: 12px;}
	.project a{float:left;font-size: 1.1em;margin: 0; padding:1px 14px 0 0; background: url(images/green-arrow.gif) right 4px no-repeat;}
	
	
	#footer2 {clear:both; height:11px;padding:5px 0 5px 0;background: url() repeat-x top #ffffff;}
	#footer2 p{color: #666666; text-align:center;font-size: 1.1em; padding:0 12px 0 12px; width:1009px;}
	#footer2 a{}
	
				/* LEFT NAV
---------------------------------------------------*/
	
	#navcontainer {width:185px; padding:0; float:left;margin:0 5px 0 12px;padding:0;background:#ffffff;}
	#navcontainer h4{color: #ff3600;font-weight:normal;font-size: 1.6em;margin:10px 0 10px 0;}
	#navcontainer a {text-decoration:none; color:#000000;font-size: 1.1em;}
	#navcontainer a:hover{text-decoration:underline;}
	#navcontainer ul { margin: 0; padding:0;list-style: none;}
	#navcontainer li {margin: 0; padding:3px 0 1px 0;}
	#navcontainer li a {margin:0; padding:5px 0 5px 14px;}
	.sub li{background: url(images/green-dotted-line.gif) repeat-x top;}
	
	div.hrnav {height: 5px;background: url(images/green-dotted-line.gif) repeat-x bottom;}
	div.hrnav hr {display: none;}
	div.hrnav2 {height: 5px;width:185px;background: url(images/orange-line.gif) repeat-x bottom;margin:4px 0 3px 0;}
	div.hrnav2 hr {display: none;margin:0;padding:0;}
	div.hrnav3 {height: 5px;width:185px;background: url(images/green-line.gif) repeat-x bottom;margin:4px 0 3px 0;}
	div.hrnav3 hr {display: none;margin:0;padding:0;}
	
	#highlight {  background: url(images/black-arrow.gif) 4px 8px no-repeat #fd5b02;font-size: 1.2em ;height:20px;padding:4px 0 0 0;}
	#highlight a {font-weight:bold; padding:2px 0 2px 18px;}
	#highlightsmall {  background:#fd5b02;height:15px;}
	#highlightsmall a {font-weight:bold; }
	.selected {  background: url(images/green-down-arrow-2.gif) 1px 7px no-repeat;font-size: 1.2em ;}
	.selected a {font-weight:bold;}
	.notselected { background: url(images/orange-arrow.gif) 1px 7px no-repeat;font-size: 1.2em ;}
	.notselected a {font-weight:bold;}
	
	.projectshome { margin: 0; padding:0 0 1px 12px; background: url(images/home-icon.gif) left 0px no-repeat;font-size: 1.1em ;color:#000000;}
	.projectshome a{color:#000000;}
	
	#bullets {margin: 0 0 0 15px; padding:0;}
	#bullets dir{margin: 0; padding:0;}
	#bullets li {color:#ff6600;list-style-type: square;margin: 0; padding:0;}