@media screen {


body { margin: 0; padding: 0; background: url(images/bg-main.jpg) 0 0 repeat; }

#container { width: 904px; margin: 0 auto; }

/* Header */
#header { background: url(images/bg-header.jpg) 0 0 no-repeat; width: 904px; height: 141px; margin: 0 0 10px 0; overflow: hidden; position: relative; }
	#logo { display: block; width: 303px; height: 102px; }
		#logo img { position: absolute; left: -999em; }
	
	#searchBox { position: absolute; top: 26px; left: 690px; }
		.searchLabel { position: absolute; top: -999em; }
		.sf_searchText { background: url(images/bg-search.gif) 0 0 no-repeat; width: 192px; height: 18px; border: 0; padding: 7px 4px 0 4px; font-size: 9px; }
		.sf_searchSubmit { display: none; }
	
/* Main Nav */
#mainNav { width: 471px; height: 29px; position: absolute; top: 108px; right: 2px; }
	#mainNav ul { width: 471px; list-style-type: none; float: left; }
		#mainNav ul li { float: left; }
			#mainNav ul li a { display: block; height: 29px; }
			#mainNav ul li a:hover { background-position: 0 -29px; }
				#mainNav ul li a span { position: absolute; left: -999em; }

.nAboutUs { background-image: url(images/nav-about.gif); width: 71px; }
.nOurApproach { background-image: url(images/nav-approach.gif); width: 97px; }
.nProjects { background-image: url(images/nav-projects.gif); width: 72px; }
.nCollaborations { background-image: url(images/nav-collaborations.gif); width: 116px; }
.nReportsNews { background-image: url(images/nav-reports-news.gif); width: 115px; }

#sAboutUs .nAboutUs, #sOurApproach .nOurApproach, #sProjects .nProjects, #sCollaborations .nCollaborations, #sReportsNews .nReportsNews { background-position: 0 -29px; }

#main { width: 904px; overflow: hidden; }


/* Home */
#homeBottom { background: url(images/bg-main-bottom.gif) 0 100% no-repeat; padding: 0 0 10px 0; width: 686px; float: left;  }
#homeTop { background: url(images/bg-main-top.gif) 0 0 no-repeat; padding: 3px 0 0 0; }
	#home { background: url(images/bg-main.gif) 0 0 repeat-y; width: 679px; padding: 0 3px 0 4px; min-height: 670px; }


#promoRotator { width: 679px; height: 408px; position: relative; }
	.promo { width: 679px; height: 408px; position: absolute; top: 0; left: 0; color: #fff; }
		.promoTitle { position: absolute; top: 305px; left: 35px; width: 620px; }
		.promoText { position: absolute; top: 350px; left: 10px; background: url(images/bullet-home.gif) 0 0 no-repeat; width: 490px; padding: 0 0 0 25px; }
			.promoText a { color: #fff !important; }
			
	 #promoNav { position: absolute; top: 355px; left: 530px; width: 120px; height: 50px; padding: 15px 0 0 15px; background: url(images/div-home-nav.gif) 0 0 no-repeat; }
		#promoNav ul { list-style: none; padding: 0; line-height: 1em; }
			#promoNav ul li { list-style-type: none; margin: 0; padding: 0 6px 0 0; background: none !important; float: left; }
				#promoNav ul li a { display: block; width: 13px; height: 16px; padding: 4px 0 0 7px; background: transparent url(images/bullet-hp-nav.gif) 0 0 no-repeat; font-size: 10px; color: #46473f; text-decoration: none !important; }
				#promoNav ul li a:hover { background-position: 0 -20px; color: #fff; }
				#promoNav ul li a.selected { background-position: 0 -20px; color: #fff; }

#projectsPromos { width: 679px; padding: 27px 0 0 0; background: url(images/bg-projects.gif) 0 0 no-repeat; overflow: hidden; }
    #projectsPromo1 { width: 212px; padding: 0 10px 0 6px; float: left; }
    #projectsPromo2 { width: 216px; padding: 0 10px; float: left; }
    #projectsPromo3 { width: 206px; padding: 0 0 0 5px; float: left; }
    
    #projectsPromos h3 { padding: 0 0 5px 30px; background: url(images/bullet-3.gif) 4px 0 no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em; line-height: 1em; font-weight: normal; color: #000; }
    #projectsPromos p { padding: 5px 0; }
    #projectsPromos a { color: #000; }

/* Interior */
#interiorBottom { background: url(images/bg-main-bottom.gif) 0 100% no-repeat; padding: 0 0 10px 0; width: 686px; float: left; }
#interiorTop { background: url(images/bg-main-top.gif) 0 0 no-repeat; padding: 18px 0 0 0; }
	#interior { background: url(images/bg-main.gif) 0 0 repeat-y; width: 670px; min-height: 600px; padding: 0 4px 0 12px; }
	
	#breadcrumb { background: url(images/divider1.gif) 0 100% no-repeat; padding: 0 0 5px 0; font-size: 1.1em; }
		#breadcrumb a { font-weight: normal; color: #1f5973; }
		#breadcrumb span.current { font-weight: bold; }
		
	#auxButtons { padding: 5px 0; }

#aux { width: 215px; float: right; }
	
	#ourTeamBottom { background: url(images/bg-our-team-bottom.gif) 0 100% no-repeat; padding: 0 0 20px 0; width: 212px; }
	#ourTeamTop { background: url(images/bg-our-team-top.gif) 0 0 no-repeat; padding: 41px 0 0 0; }
		#ourTeam { background: url(images/bg-our-team.gif) 0 0 repeat-y; padding: 0 4px 0 14px; width: 194px; font-size: 1.2em; color: #fefbf6; }
			#ourTeam h6 { position: absolute; top: -999em; }
			#ourTeam p { padding: 0 0 6px 0; }
			#ourTeam a { font-weight: bold; color: #fefbf6; }
			.team { width: 194px; padding: 10px 0 30px 0; overflow: hidden; }
				.teamPhoto { width: 73px; float: left; }
				.teamText { width: 114px; float: right; }

    #AboutMathile { background: url(images/bg-about-promo.jpg) 0 0 no-repeat; width: 187px; height: 258px; padding: 15px 10px 0 15px; font-size: 1.2em; line-height: 1.5em; color: #fff; }
        #AboutMathile h3 { padding: 0 0 5px 25px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.7em; }
        #AboutMathile p { padding: 0 0 5px 0; }
        #AboutMathile a { color: #fff; }
    
    #HungerFighters { background: url(images/bg-hunger-fighters.jpg) 0 0 no-repeat; width: 177px; height: 230px; padding: 15px 20px 0 15px; font-size: 1.2em; line-height: 1.4em; color: #fff; }
        #HungerFighters p { padding: 0 0 5px 0; }
        #HungerFighters a { color: #fff; }
		
    #NewsReportsBottom { background: url(images/bg-reports-bottom.gif) 0 100% no-repeat; padding: 0 0 10px 0; width: 212px; }
	#NewsReportsTop { background: #fff url(images/bg-reports-top.gif) 0 0 no-repeat; padding: 20px 0 0 0; }
		#NewsReports { padding: 0 5px 0 15px; font-size: 1.2em; line-height: 1.5em; min-height: 134px; }
	        #NewsReports h3 { padding: 0 0 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.7em; color: #1f5973; }
    	    #NewsReports p {padding: 5px 0; background: url(images/divider1.gif) 0 0 no-repeat; }
        	#NewsReports a { color: #1f5973; text-decoration: none; }
			#NewsReports a:hover { text-decoration: underline; }

/* Content */
.content { font-size: 1.2em; line-height: 1.6em; }
	.content h1 { padding: 15px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.7em; line-height: 1em; font-weight: normal; }
	.content h2 { padding: 15px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; line-height: 1em; font-weight: normal; }
	.content h3 { padding: 15px 0 5px 30px; background: url(images/bullet-2.gif) 4px 15px no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; line-height: 1em; font-weight: normal; color: #404040; }
	    .content h3 span { font-size: .8em; }
	.content ul { padding: 0 0 15px 25px; }
	.content ul.bullet1 { padding: 0 0 15px 0; list-style-type: none; }
	    .content ul.bullet1 li { background: url(images/bullet-1.gif) 0 6px no-repeat; padding: 0 20px 20px 20px; }
	    .content ul ul { padding-bottom: 0; }
	.content ol { padding: 0 0 15px 25px; }
	.content p { padding: 0 40px 20px 0; }
	.content dt { padding: 10px 0 0 0; }
	.content a { color: #1f5973; }
	
	.twoColumn { width: 670px; overflow: hidden; }
	    .twoColumnLeft { width: 330px; float: left; }
	    .twoColumnRight { width: 330px; float: right; }


/* Footer */
#footer { width: 904px; padding: 10px 0 40px 0; clear: both; overflow: hidden; }
	#footer a { text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	#copyright { width: 435px; padding: 0 0 0 15px; font-size: 1.1em; color: #a0a2a2; float: left; }
		#copyright a { color: #a0a2a2; }
	#footerLinks { width: 440px; padding: 0 10px 0 0; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #7daf26; float: left; text-align: right; }
		#footerLinks a { padding: 0 4px; color: #7daf26; }
		
		
}