body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#020000;
	background:#000;
}
img{border:none;}
a{color:#CE3E36;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
/* home page */
#data{
	width:900px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#main{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-main.jpg) repeat-y;
}
.gray_description{
	color:#020000;
	border:1px solid #dddddd;
	background:#eeeeee;
	margin-top:14px;
	padding:10px;
	width:73%;
}
.main-holder{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-main-holder.jpg) no-repeat;
}
.main-btm{
	width:763px;
	background: url(../images/bg-main-btm.jpg) no-repeat 0 100%;
	padding:0 69px 37px 68px;
}
.main-btm:after,
#header:after,
#content:after{
	clear:both;
	content:"";
	display:block;
}
/* header */
#header{
	width:100%;
	position:relative;
	z-index:50;
}
#header h1{
	margin:13px 0 0;
	width:419px;
	position:relative;
	z-index:10;
}
#header h1 a{
	display:block;
	background: url(../images/logo.png) no-repeat;
	width:419px;
	height:89px;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}

.header-msf_gear{
	display:block;
	width:86px;
	height:18px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/header-msf_gear.png') no-repeat left top;
	}
	
.header-support_the_campaign{
	display:block;
	width:215px;
	height:18px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/header-support_the_campaign.png') no-repeat left top;
	}

.header-msf_in_emergencies{
	display:block;
	width:190px;
	height:18px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/header_msf_in_emergencies.png') no-repeat left top;
	}
	
.header-level{
	display:block;
	width:108px;
	height:39px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/h3-levels.png') no-repeat left top;
	}		

.header-makeadifference{
	display:block;
	width:255px;
	height:41px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/h3-makeadifference.png') no-repeat left top;
	}			
	
.header-armed_conflict{
	display:block;
	width:174px;
	height:43px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/h3-armed_conflict.png') no-repeat left top;
	}	
	
.header-epidemics{
	display:block;
	width:130px;
	height:42px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/h3-epidemics.png') no-repeat left top;
	}	
	
.header-malnutrition{
	display:block;
	width:158px;
	height:41px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/h3-malnutrition.png') no-repeat left top;
	}		
	
.header-natural_disasters{
	display:block;
	width:200px;
	height:43px;
	text-indent:-9999em;
	text-align:left;
	background:url('../images/h3-natural_disasters.png') no-repeat left top;
	}	
img.number {
	margin-right:10px;
}

img.margin-left{
	margin-left:10px;
}
	
/* navigation */
.navigation{
	width:100%;
	overflow:hidden;
	margin:18px 0 0;
	position:relative;
	z-index:60;
}
.navigation ul{
	list-style:none;
	margin:0;
	padding:0 0 0 30px;
	height:68px;
	overflow:hidden;
}
.navigation ul li{
	float:left;
	padding:0 16px 0 0;
}
.navigation ul li a{
	float:left;
	overflow:hidden;
	height:68px;
	cursor:pointer;
}
.navigation ul li a span{
	float:left;
	height:136px;
	width:740px;
	background:url(../images/bg-menu.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.navigation ul li a.home{width:90px;}
.navigation ul li a.gear{width:90px;}
.navigation ul li a.campaign{width:190px;}
.navigation ul li a.emergencies{width:165px;}
.navigation ul li a.join{width:94px;}

.navigation ul li a.home span{margin:0 0 0 -0px;}
.navigation ul li a.gear span{margin:0 0 0 -115px;}
.navigation ul li a.campaign span{margin:0 0 0 -225px;}
.navigation ul li a.emergencies span{margin:0 0 0 -440px;}
.navigation ul li a.join span{margin:0 0 0 -610px;}

.navigation ul li:hover a.home span,
.navigation ul li.hover a.home span{margin:-62px 0 0 -0px;}
.navigation ul li:hover a.gear span,
.navigation ul li.hover a.gear span{margin:-68px 0 0 -115px;}
.navigation ul li:hover a.campaign span,
.navigation ul li.hover a.campaign span{margin:-68px 0 0 -231px;}
.navigation ul li:hover a.emergencies span,
.navigation ul li.hover a.emergencies span{margin:-68px 0 0 -440px;}
.navigation ul li:hover a.join span,
.navigation ul li.hover a.join span{margin:-62px 0 0 -610px;}
/* content */
#content{
	width:722px;
	background:#fff;
	margin:-40px 0 0 5px;
	padding:67px 9px 82px 27px;
}
/* primary */
.primary{
	float:left;
	width:340px;
	padding:0 20px 0 0;
}
.prize_images{
	float:right;
	padding:0 10px 0 0;	
}
.prize_images img{
	border:1px solid black;
	display:block;
	margin-bottom:10px;
	margin-left:25px;
}
.prize_text{
	float:left;
	width:480px;
	padding:0 20px 0 0;
}

.prize_text-gear{
	float:left;
	padding:0 40px 0 0;
}
	.prize_text img{
		display:block;
		margin:0 auto;
	}
.mening-facts{
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.facts{
	list-style:none;
	padding:0;
	margin:0;
}
.facts li{
	height:1%;
	overflow:hidden;
	background:url(../images/bullet-red.gif) no-repeat 0 5px;
	padding:0 0 12px 10px;
}
.images-box{
	width:100%;
	overflow:hidden;
	padding:0 0 15px;
}
.images-box h2{
	background:url(../images/emergency.gif) no-repeat;
	width:225px;
	margin:7px 0 15px;
}
.images{
	width:343px;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0 0 0 -3px;
}
.images li{
	float:left;
	padding:0 0 3px 3px;
	width:111px;
}
.images li a,
.images li img{
	display:block;
}
.images li a strong{
	display:block;
	width:100%;
	overflow:hidden;
	background:#605f5f;
	cursor:pointer;
}
.images li strong span{
	float:right;
	height:22px;
	overflow:hidden;
	text-indent:-9999px;
}
strong.ec span{
	background:url(../images/ec.gif) no-repeat;
	width:21px;
}
strong.log span{
	background:url(../images/log.gif) no-repeat;
	width:46px;
}
strong.dr span{
	background:url(../images/dr.gif) no-repeat;
	width:22px;
}
strong.nurse span{
	background:url(../images/nurse.gif) no-repeat;
	width:45px;
}
strong.admin span{
	background:url(../images/admin.gif) no-repeat;
	width:43px;
}
strong.cold span{
	background:url(../images/cold.gif) no-repeat;
	width:95px;
}
/* sidebar */
.sidebar{
	float:left;
	width:362px;
}
.africa{
	background:url(../images/bg-africa.jpg) no-repeat;
	width:323px;
	height:55px;
	padding:10px 20px 0 14px;
	overflow:hidden;
}
.africa p{
	margin:0;
	color:#fff;
}
.map{
	width:100%;
	overflow:hidden;
}
.map img{
	display:block;
}
.reports-box{
	width:334px;
	float:right;
	margin:0 3px 0 0;
	border:1px solid #000;
	overflow:hidden;
}
.reports-box h3{
	margin:0;
	background:#ee3b33;
}
.reports-box h3 span{
	display:block;
	background:url(../images/situation.gif) no-repeat;
	width:138px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}
.situation{
	list-style:none;
	padding:0;
	margin:0;
}
.situation li{
	font-size:11px;
	padding:7px 8px 5px;
	background:#dbdad7;
	border-bottom:1px solid #fff;
}
.situation li.light{
	background:#efeeeb;
}
.btn-view{
	width:100%;
	overflow:hidden;
	padding:7px 0 6px;
}
.btn-view a{
	float:right;
	background:url(../images/btn-reports.gif) no-repeat;
	width:114px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 7px 0 0;
}
/* content-btm */
.content-btm{
	width:690px;
	border:1px solid #797878;
	overflow:hidden;
	float:left;
	padding:15px;
}
.content-btm p{
	font-size:11px;
	color:#737373;
	margin:0;
}
/* footer */
#footer{
	text-align:center;
	padding:8px 20px 50px 34px;
	width:846px;
	color:#67686a;	
}
#footer p{
	text-align:left;
	margin:0;
	font-size:11px;
}
#footer a{
	color:white;
}
.footer-nav{
	list-style:none;
	padding:4px 0 0;
	margin:0;
}
.footer-nav li{
	display:inline;
	color:#fff;
	font-size:11px;
}
.footer-nav li a{
	color:#fff;
	text-decoration:none;
}
.footer-nav li a:hover{
	text-decoration:underline;
}
/* diary page */
/* primary */
#diary .primary{
	width:455px;
	padding:0 16px 0 0;
}
.coordinator{
	width:100%;
	overflow:hidden;
	padding:0 0 24px;
}
.coordinator img{
	float:left;
	border:1px solid #191e1f;
	margin:0 14px 0 0;
}
.coordinator h2{
	font-size:14px;
	margin:0 0 14px;
}
.coordinator h2 strong{
	font-size:15px;
	color:#ee3b33;
	display:block;
}
.coordinator blockquote{
	margin:0;
	quotes:none;
}
.coordinator blockquote div{
	background:url(../images/mark-right.gif) no-repeat 100% 3px;
	width:211px;
	padding:0 17px 0 0;
	overflow:hidden;
}
.coordinator blockquote q{
	display:block;
	background:url(../images/mark-left.gif) no-repeat 0 3px;
	padding:0 0 0 17px;
	font-size:14px;
	color:#737373;
	font-weight:bold;
}
q:before{content:"";}
q:after{content:"";}
.notebook{
	width:100%;
	overflow:hidden;
}
.notebook h2{
	margin:0 0 12px;
	background:url(../images/notebook.gif) no-repeat;
	width:153px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
}
.date{
	display:block;
	padding:0 0 2px;
}
.date strong{
	font-size:15px;
	color:#ee3b33;
}
.notebook p{
	margin:0 0 12px;
}
.comments{
	display:block;
	width:88px;
	background:url(../images/bg-comments.gif) no-repeat 0 6px;
	padding:4px 0 0 18px;
	color:#ee3b33;
	overflow:hidden;
}
.notebook div{
	margin:13px 0 0;
	padding:17px 0 0;
	border-top:1px solid #9a9a9a;
}
/* sidebar */
#diary .sidebar{
	width:245px;
}
#diary .images-box{
	padding:0 0 13px;
}
#diary .images{
	width:248px;
}
#diary .images li{
	width:80px;
	padding:0 0 2px 2px;
}
#diary .images li a strong{
	background:#605f5f url(../images/bg-image-name.gif) repeat-x 0 100%;
}
#diary .images li strong span{
	height:16px;
}
#diary strong.em span{
	background:url(../images/em.gif) no-repeat;
	width:28px;
}
#diary strong.log span{
	background:url(../images/log-co.gif) no-repeat;
	width:32px;
}
#diary strong.dr span{
	background:url(../images/dr-sm.gif) no-repeat;
	width:16px;
}
#diary strong.nurse span{
	background:url(../images/nurse-sm.gif) no-repeat;
	width:32px;
}
#diary strong.admin span{
	background:url(../images/admin-sm.gif) no-repeat;
	width:30px;
}
#diary strong.cold span{
	background:url(../images/cold-sm.gif) no-repeat;
	width:55px;
}
.biography-box{
	width:206px;
	border:1px solid #0e0a00;
	padding:12px 20px 10px 17px;
	background:#f2f2f2;
}
.biography-box h3{
	font-size:12px;
	margin:0 0 8px;
	color:#ee3b33;
}
.biography{
	list-style:none;
	padding:0;
	margin:0;
}
.biography li{
	width:100%;
	padding:0 0 12px;
	font-size:11px;
}
.head{
	display:block;
	line-height:13px;
}
.grey{
	color:#707070;
	display:block;
	line-height:13px;
}
.biography li p{
	margin:0;
	line-height:13px;
}
/* reports page */
/* content */
#reports #content{
	width:720px;
	padding:46px 20px 45px 18px;
}
#reports .content-box{
	background:url(../images/bg-content-box.jpg) repeat-y;
	width:100%;
	overflow:hidden;
}
#reports .content-top{
	background:url(../images/bg-content-top.jpg) no-repeat;
	width:100%;
	overflow:hidden;
}
#reports .content-holder{
	background:url(../images/bg-content-holder.jpg) no-repeat 0 100%;
	padding:251px 48px 123px 53px;
	width:619px;
	overflow:hidden;
}
#reports .content-holder h2{
	margin:0 0 15px;
	background:url(../images/situation-black.gif) no-repeat;
	width:147px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
}
#reports .intro{
	width:100%;
	overflow:hidden;
	padding:0 0 14px;
}
#reports .intro strong{
	float:left;
	width:100%;
	color:#000;
	padding:0 0 2px;
}
#reports .intro strong .red{
	color:#ee3b33;
	font-size:14px;
	width:50px;
	float:left;
}
#reports .content-holder p{
	font:12px/14px "Courier New", Courier, monospace;
	margin:0 0 15px;
}
#reports .content-holder .author{
	width:100%;
	overflow:hidden;
	padding:15px 0 0;
}
#reports .content-holder .author .name{
	display:block;
	line-height:15px;
}
 /* two-columns */
.two-columns{
	width:100%;
	overflow:hidden;
	margin:25px 0 0;
}
.column1{
	float:left;
	width:335px;
	padding:0 24px 0 5px;
}
.column1 h3,
.column2 h3{
	margin:0 0 5px;
	text-indent:-9999px;
	width:167px;
	height:43px;
}
.column1 h3{background:url(../images/past.gif) no-repeat;}
.column2 h3{background:url(../images/glossary.gif) no-repeat;}
.column1 .past{
	list-style:none;
	padding:0 0 0 7px;
	margin:0;
}
.column1 .past li{
	padding:0 0 13px;
	color:#ce3e36;
	font-size:11px;
}
.column1 .past li strong{
	color:#000;
	padding:0 5px 0 0;
}
.column1 .past li a{
	color:#ce3e36;
}
.column2{
	float:left;
	width:350px;
}
.glossary-box{
	height:117px;
	overflow:auto;
	margin:0 0 0 4px;
	width:291px;
	padding:0 43px 0 11px;
	border:1px solid #a5acb2;
	border-width:1px 0 1px 1px;
}
.glossary{
	list-style:none;
	padding:8px 0 0;
	margin:0;
}
.glossary li{
	padding:0 0 14px;
	font-size:11px;
}
.glossary li a{
	color:#c93931;
	text-decoration:none;
	font-size:12px;
	padding:0 3px 0 0;
}
.glossary li a:hover{
	text-decoration:underline;
}

.msf_gear li{
	list-style:none;
}
.msf_gear ul{
	list-style:none;
}

.social_col-1 {
	width:135px;
	float:left;
	margin-right:15px;
	margin-top:13px;
}

.social_col-2 {
	width:525px;
	float:right;
	margin:0;
}

.social-1_container, .social-2_container, .social-3_container, .social-4_container, .social-5_container {
	float:left;
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.embed_code {
	margin-top:10px;
	width:300px;
}

.embed_code textarea{
	width:500px;
	height:135px;
	padding:5px;
	border:1px solid #dddddd;
	background-color:#eeeeee;
}

