@charset "utf-8";
/* CSS Document */
body, html {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}
body {
	min-width:1050px;
}
p.smalltext {
	font-size: 11px;
}
/*Links*/
a, #main .progress td a {
	color: #5a7c9e;
	text-decoration: underline;
}
a:hover, #main .progress td a:hover {
	color: #999999;
	text-decoration: none;
}
/*a:visited, #main .progress td a:visited {
	color: #5a7c9e;
	text-decoration: underline;
}*/
.breadcrumbs a {
	color: #5a7c9e;
	text-decoration: none;
	}
.breadcrumbs a:hover {
	color: #5a7c9e;
	text-decoration: underline;
	}
/*Outer divs of the layout*/
#outer-outer {
	padding: 0px 65px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(../images/right_edge_4.jpg);
	background-position: right;
	background-repeat: repeat-y;

}
#outer {
	padding: 0px 0px 0px 65px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/left_edge_4.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
#outer-left {
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#outer-right {
	margin: 0px 0px 0px 1px;
	width: 100%;
}
/*Inner Divs of the layout*/
#toplinks {
	padding: 0 0 0 0;
	margin: 20px 0 0px 40px;
	width: 430px; 
	font-size: 13px;
	float:right; color: #999999;
}
#toplinks a {
	color: #5a7c9e;
	text-decoration: none;
}
#toplinks a:hover {
	color: #999999;
	text-decoration: underline;
}

/*Logo -- floated right online, floated left in print*/
#logo {
	height: 114px;
	background-image: url(../images/logo_background.jpg);
	background-position: left;
	background-repeat: repeat-x;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #458481;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0;
	margin:0 auto;
	width: 96%;
	background-color: #F0F4FF;
}
#logo-inner {
	float: left;
	margin:0;
	padding:0;
	/*background-image: url(../images/logo_right.jpg); height:114px; width: 468px;
	background-position:right;*/
}
#slogan {
	margin:0 0px 0 0px;
	padding: 70px 20px 0 0px; text-align: right;
	font-style:italic; font-family: Arial, Verdana, Georgia, sans-serif; 
	font-size:16px; font-weight: bold;
	color: #879DC4; background-color: #F0F4FF; height:40px;
}
#logo-spacer {
	clear:both;
	height:3px;
	padding:0;
	margin:0;
}
/*Vertical Navigation Bar*/
#stylefour {
	width: 89%; /*90%*/
	font-size:11px;
	font-weight:bold;
	background-color: #6994C2;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	margin:0px 0 0 0px;
	padding: 10px 0 0 10px; 
}
#stylefour ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
#stylefour ul li {
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}

#stylefour ul li a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:12px 10px 12px 10px;
	margin: 0 0 0 0;
	width: 89%;
	background:url(../images/bg_nav.jpg) no-repeat top;
	/*border-bottom: 1px solid #5D89B6;*/
	border: 1px solid #5D89B6;
}
#stylefour ul li a.indent {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:12px 0px 12px 33px;
	margin: 0 0 0 0;
	width: 84%;
	background:url(../images/bg_nav.jpg) no-repeat top;
	/*border-bottom: 1px solid #5D89B6;*/
	border: 1px solid #5D89B6;
}
#stylefour ul li a.header {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 10px 3px 10px;
	margin: 0 0 0 0; font-size: 14px; font-weight: bolder;
	width: 89%; border: 1px solid #48759F;
	background:url(../images/bg_nav_header.gif) no-repeat top;  
}
#stylefour ul li a:hover, #stylefour ul li a.current:hover {
	color:#FFFFFF;
	text-decoration:none;
	background:#326CB1;
} 

#stylefour ul li a.current {
	color:#FFFFFF;
	text-decoration:none;
	background:#015294;
}
/*Spacer div */
.spacer {
	height: 4px;
	width: 100%;
	margin:0;
	padding:0;
	clear:both;
}
/*Inner wrapping div*/
#wrap {
	background:#6994C2;
	margin:0 auto;
	width: 96%;
}
/*Inner div housing navigation*/
#sidebar {
	background:#6994C2;
	float:left;
	width:20%;
	margin: 0; padding: 0;
}
#sidebar ul {
	margin-bottom:0;
}
#sidebar h3, #sidebar p {
	/*padding:0 10px 0 0;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#sidebar h3 {
	font-size: 125%;
	color: #d68d64;
	border-bottom: 1px solid #FFFFFF;
}

/* Top Nav */
#topnav {
	display:block;
	height:36px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../images/navbackground6.jpg) repeat-x top left;
	background-color: #FFFFFF;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	border-top:1px solid #458481;
	border-bottom:1px solid #458481;
	border-left:1px solid #458481;
	border-right:1px solid #458481;
	width: 96%; 
	padding: 0;
	margin:0 auto; 
}
#topnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#topnav ul li {
	display:block;
	float:left;
	margin:0;
}
#topnav ul li a {
	display:block;
	font-size: 14px;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:11px 10px 0 10px;
	height:23px;
	background:transparent no-repeat top right;
	/*background:transparent url(images/bgDIVIDER2.gif) no-repeat top right;*/
}
#topnav ul li a:hover, #topnav ul li a.current {
	color:#EEF2FE;
	background-color:#458481;
	border-bottom:2px solid #458481;
	/*background:#4f4f4f url(images/bgON.gif) no-repeat top right;*/
}
#topnav a#selected, #topnav a.current-page {
    color: #FFFFFF;
    background-color:#0E6D63;
    /*background:transparent url(../images/navbackground5.jpg) repeat-x top left;*/
    border-bottom:2px solid #0E6D63;
}
#topnav a#selected:hover, #topnav a.current-page:hover, #topnav a#selected:focus, #topnav a.current-page:focus {
    color:#EEF2FE;
	background-color:#458481;
	border-bottom:2px solid #458481;
}
/*Inner div housing main content of the page*/
#main {
	background:#FFFFFF;
	float:right;
	text-align:left;
	width:79%;
	font-size: 12px;
}
#main_home {
	background:#FFFFFF;
	/*float:right;*/
	text-align:left;
	width:90%;
	font-size: 12px;
	padding-left: 30px;
}
/*sub-banner image (banner in sub-pages) */
#mainimage-wrapper{
	height: 110px; width:96%;
	padding: 0;
	margin:0 auto;
	background-image: url(../images/malaria_banner.jpg);
	background-position:left top;
	background-repeat: no-repeat;
	}
#main h1, #main h2, #main p, #main_home h1, #main_home h2, #main_home p {
	padding:0 10px;
}

#main p, #main_home p {
	line-height: 1.500;
	padding-left: 20px;
}
#main_home p.nopadding {
	line-height: 1.500;
	padding-left: 0px; padding-top: 0; margin-top: 0px;
}
#main ul li, #main_home ul {
	line-height: 1.600; 
	margin-bottom: 0px;
}
#main ul li.morespace {
	line-height: 1.600;
	margin-bottom: 10px;
}
/*#main ul li {
	list-style: none;
	background-image: url(../images/li_cube.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
}*/
.innermain {
width: 68%;  
}
.innermain_home{
width: 88%;
}

#main h1, #main_home h1 {
	color: #599793;
	line-height: 1.500;
	font-size: 150%;
	margin-top: 10px; padding-left: 10px;
}
#main h1.pageheading, #main_home h1.pageheading{
border-bottom: 1px solid #CCCCCC;
padding-left: 20px;

}
#main h2, #main_home h2 {
	color: #5a7c9e;
	line-height: 1.500;
	font-size: 130%;
	padding-left:20px;
}
#main h3 {
	color: #5a7c9e;
	line-height: 1.500;
	font-size: 120%;
	padding-left:20px;
}
#main_home h2.noindent {
	color: #5a7c9e;
	line-height: 1.200;
	font-size: 130%;
	padding-left:0px; padding-bottom: 10px; margin-bottom: 0px;
}
#main h2.under, #main_home h2.under {
	border-bottom: 1px solid #CCCCCC;
}
.blueheading {
	color:#5a7c9e; font-weight:bold; font-size:1.1em;
}
/* Table in implementation_stages.html sub-page */
#main .outertable {
	border: 1px solid #5C9791;
	margin-top: 10px; margin-left: 20px;
	background-color: #AAD6D1;
}
#main .innertable {
	border: 1px solid #5C9791;
	background-color: #FFFFFF;
}
#main .innertable td {
	border-bottom: 1px solid #6994C2;
}
#main .innertable td.graybar {
	background-color: #EBF1FD;
	}
#main .innertable .heading {
	color: #336699;
	font-size: 1.0em; font-weight: bold;
	margin-bottom: 0px, 
}
/* Table in progress.html sub-page */
#main .progress {
	margin-left:0px;
}
/*Inner div housing the footer*/
#main-footer {
	background:#cc9;
	clear:both;
}
#main-footer p {
	padding:5px;
	margin:0;
	color: #FFFFFF;
	height: 45px;
	background-image: url(../images/footer_background.jpg);
	background-repeat: repeat-x;
	border-top: 1px dashed #CCCCCC;
}
#main-footer .sitemap {
	float:right;
	padding: 30px 20px 0 0;
	background-image: url(../images/footer_background.jpg);
	background-repeat: repeat-x; height: 50px;
	border-top: 1px dashed #CCCCCC;
}
/*Collasped list on completed.html and completed_fr.html*/
/*header of 1st demo - styles for collasped lists*/
.mypets {
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	border: 1px solid gray;
	background: #E1E1E1;
}
/*class added to contents of 1st demo when they are open*/
.openpet {
	background: yellow;
}
/*header of 2nd demo*/
.country {
	cursor: hand;
	cursor: pointer;
	font: bold 14px Verdana;
	margin: 10px 0;
	background-color: #cad9ea;
}
/*class added to contents of 2nd demo when they are open*/
.openmeetings {
	color: #005294;
}
/*class added to contents of 2nd demo when they are closed*/
.closedmeetings {
	color: #005294;
}
.innercountry {
	padding: 10px 0px 10px 3px;
}
/*Style for all tables with meeting details*/
.meetingtable {
	border: 1px solid #EEF2FE;
}
.meetingtable tr td.headtd {
	background-color: #EEF2FE;
	width: 50%;
	text-align:center;
	color: #599793;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
}
.meetingtable tr td.headtd p {
	margin: 0;
	padding: 0;
}
.meetingtable tr td.upcomingmeeting {
	background-color: #EEF2FE;
	width: 80%;
	text-align:center;
	color: #599793;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
}
.meetingtable tr td.upcomingmeeting p {
	margin: 0;
	padding: 0;
}
.meetingtable tr td.upcomingdate {
	background-color: #EEF2FE;
	width: 20%;
	text-align:center;
	color: #599793;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
}
.meetingtable tr td.upcomingdate p {
	margin: 0;
	padding: 0;
}
.meetingtable tr td.rowlighttd {
	background-color: #EEEEEE;
	text-align:center;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.meetingtable tr td.meetingcontent {
	background-color: #EEEEEE;
	text-align: left;
	padding-left: 5px;
}
.meetingtable tr td.meetingcontent ul {
	margin-top: 0px;
}
.meetingtable tr td.rowdarktd {
	background-color:#DDDDDD;
	text-align:center;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.meetingtable tr td.meetingcontentdark {
	background-color:#DDDDDD;
	text-align:left;
	padding-left: 5px;
}
.meetingtable tr td.meetingcontentdark ul {
	margin-top: 0px;
}
/*Div used to create vertical space*/
.pagefiller {
	height: 400px;
}
/*Misc styles*/

.completed-leftpadding {
	padding-left:8px;
}

/* Margins */
.notop {
	padding-top: 0; margin-top: 0px;
}
.nobottom {
	padding-bottom: 0; margin-bottom: 0px;
}
.noboth {
	padding-top: 0; margin-top: 0px;
	padding-bottom: 0; margin-bottom: 0px;
}
/* Styles for What's New box on home page on right */
.innerright {
	width: 270px; float: right;
	overflow:hidden;
	padding: 0px; margin: 0px;
}

.innerright #greenbox {
	padding: 0em; margin-top: 10px; margin-left: 5px;
	border: 1px solid #458481;
	}
.innerright #greenbox h1 {
		margin:0 0 0px 0; padding:6px 0px 6px 8px; 
		color:#FFFFFF; font-weight:bold; font-size:1.0em; 
		border-bottom: solid 1px #458481;
		background-color: #68A39D;
		}
	#greenbox h1 a {
		text-decoration: underline; color: #FFFFFF;
		}
	#greenbox h1 a:hover {
		text-decoration: none; color: #FFFFFF;
		}
	#greenbox ul, #blueboxfilled ul {
		margin: 10px 8px 0px 25px; padding:0 0 0 0px; 
	}
	#greenbox ul li {
		background-color:#FFFFFF;  
		color: #666666; border: 0px;
		font-size:1.0em; font-weight: normal; line-height: 1.1em;
		margin: 0px 0 8px 0px;
		padding: 0 3px 0 0px;
		}
	
	#greenbox a, #blueboxfilled a {
		font-weight: normal; text-decoration: underline; color: #5a7c9e;
		}
	#greenbox a:hover, #blueboxfilled a:hover {
		color:#5a7c9e; text-decoration: none;
		}
.innerright #blueboxfilled {
	padding: 0em; margin-top: 10px; margin-left: 5px;
	border: 1px solid #5F94BC; background-color: #D9E3F1;
	}
.innerright #blueboxfilled h2 { 
	margin:0 0 0px 0; padding:6px 0px 6px 8px; 
	color:#005595; font-weight:bold; font-size:1.1em; 
}
	#blueboxfilled ul li { 
		color: #666666; border: 0px;
		font-size:1.0em; font-weight: normal; line-height: 1.1em;
		margin: 0px 0 8px 10px;
		padding: 0 3px 0 0px;
		}
/*Home Page Boxes*/
#box-one {
	float:left;
	width:30%;
	padding: 0px 3px 0px 0px;
	border:1px solid #876BA8; background-color:#EBE7F1
}
#box-two {
	float:left;
	width:30%;
	padding: 0px 3px 0px 3px;
	border:1px solid #5CB2A9; background-color:#E4F2F1
}
#box-three {
	float:left;
	width:30%;
	padding: 0px 0px 0px 3px;
	border:1px solid #A0B5E0; background-color:#EBF0F8;
}
#box-space {
	float: left; width: 5%;
}
#box-wrapper {
	width:100%;
	margin:auto;
}
#box-wrapper h3 {
	color: #5a7c9e;
	line-height: 1.200;
	font-size: 130%;
	padding-left:0px; padding-bottom: 10px; margin-bottom: 0px;
}

