@charset "utf-8";
* { padding: 0; margin: 0; }
img { border: none; }

body
{
	background: #993300;
	padding: 0;
	margin: 0;
}

body.health
{
	background: #d32226;
	padding: 0;
	margin: 0;
}

body.education
{
	background: #005f98;
	padding: 0;
	margin: 0;
}

body.community_development
{
	background: #e7cf00;
	padding: 0;
	margin: 0;
}


/* TYPOGRAPHY */
h1, h2, h3, h4, p, a, li, label, textarea, input
{
	font-family: Verdana, Arial, sans-serif;
}



/* COLUMN */
.column_left
{
	float: left;	
}

.column_right
{
	float: right;	
}



/* WIDTHS */
.width220px
{
	width: 240px;
}

.width540px
{
	width: 540px;
}



/* WRAPPER */
div#wrapper
{
	background: url('../images/generic/back_wrapper.gif') repeat-y center top;
	width: 830px;
	padding: 0;
	margin: auto;
}

/* HEADER */
div#navigation
{
	width: 800px;
	padding: 0 0 10px 0;
	margin: auto;
}



/* HEADER */
div#header
{
	background: url('../images/generic/back_header.png') repeat-y center top;
	width: 800px;
	padding: 10px 0 5px 0;
	margin: auto;
}



/* MESSAGE */
div#message
{
	text-align: center;
	width: 800px;
	padding: 5px 0 10px 0;
	margin: auto;
}

	div#message h3
	{
		background: #993300;
		font-size: 14px;
		color: #ffffff;
		padding: 10px 0;
		margin: 0 10px;
	}
	
div#message_home
{
	text-align: center;
	width: 800px;
	padding: 5px 0 10px 0;
	margin: auto;
}

	div#message_home h3
	{
		font-size: 14px;
		color: #993300;
		padding: 10px 0;
		margin: 0 10px;
	}
	
	div#message_home div.swoosh
	{
		width: 770px;
		padding: 20px 0 0 0;
		margin: auto;
	}
	
	
div#header div.container
{
	width: 780px;
	padding: 0;
	margin: auto;
}

div.frame
{
	width: 830px;
	padding:0;
	margin: auto;	
}
	
	
/* CONTENT */
div#content
{
	width: 780px;
	padding: 40px 0;
	margin: auto;
}

	div#content div h1
	{
		font-size: 20px;
		color: #212121;
		padding: 0 0 0.625em 0;
		margin: 0;
	}
	
	div#content div h2
	{
		font-size: 18px;
		color: #212121;
		padding: 0 0 0.5em 0;
		margin: 0;
	}
	
	div#content div h3
	{
		font-size: 16px;
		color: #212121;
		padding: 0;
		margin: 0;
	}
	
		div#content div h3 a, div#content div h3 a:link, div#content div h3 a:visited
		{
			color: #993300;
		}
	
	div#content div h3.boxed
	{
		font-size: 16px;
		color: #993300;
		text-align: center;
		text-transform: uppercase;
		background: #F1F0EC;
		padding: 5px 0;
		margin: 0;
		border: 1px dotted #e1e1e1;
	}
	
	div#content div h4
	{
		font-size: 14px;
		color: #212121;
		padding: 0;
		margin: 0;
	}
	
		div#content div h4 a, div#content div h4 a:link, div#content div h4 a:visited
		{
			color: #993300;
		}
	
	div#content div p
	{
		font-size: 11px;
		color: #101010;
		padding: 0 0 15px 0;
		margin: 0 10px 0 0;	
	}
	
		div#content div p img
		{
			padding: 0 0 10px 0;
			margin: 0 10px;
		}
	
		div#content div p a
		{
			color: #993300;
		}
		
		div#content div p.quote
		{
			background: #F1F0EC;
			padding: 10px 0;
			margin: 0;
			border: 1px dotted #e1e1e1;
		} 
		
			div#content div p.quote img
			{
				padding: 0 0 10px 0;
				margin: 0 10px;
			}
			
			div#content div p.quote span
			{
				font-size: 10px;
				font-style: italic;
			}
	
	div#content div p.pageAnchor
	{
		font-size: 10px;
		color: #993300;
		text-align: right;
		padding: 0;
		margin: 0;	
	}
	
	div#content div img
	{
		padding: 0;
	}
	
	div#content div ul.body
	{
	}
	
	div#content div ol.body
	{
	}
	
	div#content div ul.file
	{
		list-style-type: none;
	}
	
		div#content div ol.body li, div#content div ul.body li, div#content div ul.file li
		{
			font-size: 11px;
			color: #101010;
			padding: 0 0 4px 0;
			margin: 0 0 0 1.5em;
		}
		
			div#content div ol.body li a, div#content div ul.body li a, div#content div ul.file li a
			{
				color: #993300;
			}
			
	div#content div div.messageBox
	{
		text-align: center;
		width: 200px;
		padding: 0 0 10px 0;
		margin: 0;
		border-bottom: 1px dotted #e1e1e1;
	}
	
		div#content div div.messageBox h4
		{
			font-size: 11px;
			color: #993300;
			text-transform: uppercase;
			background: #F1F0EC;
			padding: 5px 0;
			margin: 0;
			border: 1px dotted #e1e1e1;
		}
		
		div#content div div.messageBox p
		{
			font-size: 11px;
			color: #993300;
			padding: 10px 0;
			margin: 0 10px;
		}
		
	div#content div div#supporterBox
	{
		width: 540px;
		padding: 0;
		margin: 0;
	}
		div#content div div#supporterBox div.rowSupporter
		{
			width: 540px;
			padding: 0;
			margin: 0;
		}
		
			div#content div div#supporterBox div.rowSupporter div.thumbSupporter
			{
				width: 179px;
				padding: 0;
				margin: 0;
				float: left;
			}
			
			div#content div div#supporterBox div.rowSupporter div.thumbSupporter-last
			{
				width: 179px;
				padding: 0;
				margin: 0;
				float: right;
			}
			
				div#content div div#supporterBox div.rowSupporter div.thumbSupporter img, div#content div div#supporterBox div.rowSupporter div.thumbSupporter-last img
				{
					padding: 0;
					margin: 0;
				}
	
		div#content div div#supporterBox .border_right
		{
			border-right: 1px dotted #e1e1e1;
		}
		
		div#content div div#supporterBox .border_bottom
		{
			border-bottom: 1px dotted #e1e1e1;
		}
		
	div#content div div.textbox
	{
		padding: 10px 0;
		margin: 0;
	}
	
		div#content div div.textbox p
		{
			font-size: 11px;
			color: #101010;
			padding: 0;
			margin: 0;
		}
		
		div#content div div.textbox img
		{
			padding: 0;
			margin: 0 10px;
			border: none;
		}
		
	div#content div div.quote
	{
		background: #F1F0EC;
		padding: 10px 0;
		margin: 0;
		border: 1px dotted #e1e1e1;
	}
	
		div#content div div.quote p
		{
			font-size: 11px;
			color: #101010;
			padding: 0;
			margin: 0 10px;
		}
		
		div#content div div.quote img
		{
			padding: 0;
			margin: 0 10px;
			border: none;
		}
		
		
		
/* GALLERY */
div.gallery
{
	width: 540px;
	padding: 10px 0;
	margin: auto;
}

	div.gallery div.row
	{
		width: 540px;
		padding: 0;
		margin: 0;
	}
	
		div.gallery div.row div.thumbnail
		{
			width: 160px;
			padding: 0 20px 0 0;
			margin: 0;
			float: left;
		}
		
		div.gallery div.row div.thumbnail-last
		{
			width: 160px;
			padding: 0;
			margin: 0;
			float: right;
		}
		
			div.gallery div.row div.thumbnail img, div.gallery div.row div.thumbnail-last img
			{
				padding: 0;
				margin: 0;
			}
		
		div.textbox div.row
		{
			width: 510px;
			padding: 0;
			margin: 0;		
		}
		
		div.textbox div.row div.thumbnailArticle
		{
			width: 160px;
			padding: 0 15px 0 0;
			margin: 0;
			float: left;
		}
		
		div.textbox div.row div.thumbnailArticle-last
		{
			width: 160px;
			padding: 0;
			margin: 0;
			float: right;
		}
		
			div.textbox div.row div.thumbnailArticle img, div.textbox div.row div.thumbnailArticle-last img
			{
				padding: 0;
				margin: 0;
			}
	
		ul.donateurs
		{
			width: 170px;
			padding: 0 10px 0 0;
			margin: 0;
			list-style-type: none;
			float: left;
		}
		
		ul.donateurs-last
		{
			width: 180px;
			padding: 0;
			margin: 0;
			list-style-type: none;
			float: left;
		}
		
			ul.donateurs li, ul.donateurs-last li
			{
				font-size: 11px;
				color: #101010;
				padding: 0 0 3px 0;
				margin: 0;
			}
		
	
/* FOOTER */
div#footer
{
	background: #F1F0EC;
	text-align: center;
	width: 800px;
	padding: 20px 0;
	margin: auto;
	border-top: 1px dashed #cccccc;
}

	div#footer h4
	{
		font-size: 10px;
		color: #666666;
		padding: 0;
		margin: 0;
	}
	
	div#footer p
	{
		font-size: 10px;
		color: #666666;
		padding: 0;
		margin: 0;
	}
	
		div#footer p a
		{
			color: #993300;
		}



/* MAIN NAVIGATION */
ul#mainNavigation
{
	padding: 5px 10px 0 0;
	margin: auto;
	float:right;
	list-style-type: none;
}

	ul#mainNavigation li, ul#mainNavigation li.active
	{
		padding: 0;
		margin: 0;
		float: left;
	}
	
		ul#mainNavigation li a
		{
			font-size: 12px;
			color: #212121;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			padding: 10px 10px 6px 10px;
			margin: 0;
		}
		
		ul#mainNavigation li.active a
		{
			font-size: 12px;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
			background: #993300;
			display: block;
			padding: 10px 10px;
			margin: 0;
			border: none;
		}
		
		ul#mainNavigation li.health a
		{
			font-size: 12px;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
			background: #d32226;
			display: block;
			padding: 10px 10px;
			margin: 0;
			border: none;
		}
		
		ul#mainNavigation li.education a
		{
			font-size: 12px;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
			background: #005f98;
			display: block;
			padding: 10px 10px;
			margin: 0;
			border: none;
		}
		
		ul#mainNavigation li.community_development a
		{
			font-size: 12px;
			color: #101010;
			text-transform: uppercase;
			text-decoration: none;
			background: #e7cf00;
			display: block;
			padding: 10px 10px;
			margin: 0;
			border: none;
		}
		
		
/* LANGUAGE NAVIGATION */
ul#languageNavigation
{
	width: 800px;
	padding: 5px 0;
	margin: auto;
	list-style-type: none;
}

	ul#languageNavigation li, ul#languageNavigation li.active
	{
		padding: 0;
		margin: 0;
		float: right;
	}
	
		ul#languageNavigation li a
		{
			font-size: 10px;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			padding: 5px 15px;
			margin: 0;
		}
		
		ul#languageNavigation li.active a
		{
			font-size: 10px;
			color: #993300;
			text-transform: uppercase;
			text-decoration: none;
			background: #ffffff;
			display: block;
			padding: 5px 10px;
			margin: 0;
			border: none;
		}
		
		
/* SUB NAVIGATION */
ul.subNavigation
{
	width: 200px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-top: 1px dotted #e1e1e1;
}

	ul.subNavigation li
	{
		font-size: 10px;
		padding: 0;
		margin: 0;
		border-bottom: 1px dotted #e1e1e1;
	}
	
		ul.subNavigation li a
		{
			font-size: 10px;
			font-weight: bold;
			color: #333333;
			text-decoration: none;
			display: block;
			padding: 0.5em 0;
			margin: 0;
		}
		
ul.subSubNavigation
{
	width: 200px;
	padding: 0;
	margin: 0 0 0 10px;
	list-style-type: none;
}

	ul.subSubNavigation li
	{
		font-size: 10px;
		padding: 0;
		margin: 0;
		border: none;
	}
	
		ul.subSubNavigation li a
		{
			font-size: 10px;
			color: #333333;
			font-weight: normal;
			text-decoration: none;
			display: block;
			padding: 0.5em 0;
			margin: 0;
		}


/* PROJECT NAVIGATION */
ul#projectNavigation
{
	background: #F1F0EC;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

	ul#projectNavigation li
	{
		font-size: 10px;
		padding: 5px 0;
		margin: 0 10px;
		border-bottom: 1px dotted #e1e1e1;
	}
	
		ul#projectNavigation li a
		{
			color: #993300;
			text-decoration: none;
			display: block;
			padding: 8px 0;
			margin: 0;
		}
	
	
/* FIXES */
/* clearing fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */