/*
	'The Alliance for Malaria Prevention' main stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #012c45 url('../images/wrapper/body-bg.png') 0 0 repeat-x;
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
}

table tr td {
	font-family: 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

img, a img {
	border: 0;
}

.clearit:after { 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Toolbar
--------------------------------------------------------------------------------------------------- */
#toolbar {
	background: #00304a url('../images/wrapper/toolbar-bg.gif') 0 100% no-repeat;
	float: right;
	width: 450px;
	min-height: 44px;
	height: auto !important;
	height: 44px;
}

#toolbar-fr {
	background: #00304a url('../images/wrapper/toolbar-bg.gif') 0 100% no-repeat;
	float: right;
	width: 500px;
	min-height: 44px;
	height: auto !important;
	height: 44px;
}

#toolbar ul, #toolbar-fr ul {
	padding-top: 14px;
}	

#toolbar ul li, #toolbar-fr ul li {
	float: left;
	font-size: 12px;
	line-height: 15px;
	padding-left: 30px;
}

#toolbar ul li a, #toolbar-fr ul li a {
	float: left;
	color: #95c2db;
	text-decoration: none;
}

#toolbar ul li a:hover, #toolbar-fr ul li a:hover {
	text-decoration: underline;
}

#toolbar ul li a.active, #toolbar-fr ul li a.active {
	text-decoration: underline;
}

#toolbar #add-this, #toolbar-fr #add-this {
	float: right;
	padding: 14px 34px 0 0;
}

#toolbar .add-this, #toolbar-fr .add-this {
	display: block;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#branding {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	clear: both;
}

#branding #logo {
	display: block;
	float: left;
	width: 225px; 
	height: 51px;
	margin-top: 8px;
	padding-left: 39px;
}

#branding #tagline {
	display: block;
	float: right;
	width: 465px;
	height: 24px;
	margin-top: 38px;
	padding-right: 36px;
}

#branding #logo-fr {
	display: block;
	float: left;
	width: 323px; 
	height: 50px;
	margin-top: 8px;
	padding-left: 39px;
}

#branding #tagline-fr {
	display: block;
	float: right;
	width: 498px;
	height: 20px;
	margin-top: 38px;
	padding-right: 36px;
}

/* =Flash content
---------------------------------------------------------------------------------------------------- */
#flash-content {
	width: 531px; 
	height: 429px;
}

#flash-content img {
	display: block;	
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper-100 {
	background: url('../images/wrapper/wrapper-bg.jpg') 50% 172px no-repeat;
	width: 100%;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#main-content {
	background: url('../images/wrapper/main-content-btm.gif') 0 100% no-repeat;
	margin-top: 29px;
	padding-bottom: 5px;
}

#main-content #main-content-inner {
	background: #ffffff url('../images/wrapper/main-content-top.gif') 0 0 no-repeat;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 10px 11px 5px 10px;
}

#main-content #left-col {	
	float: left;
	width: 361px;
}

#main-content #left-col #main-img {
	display: block;
}

#main-content #right-col {
	background: url('../images/wrapper/right-col-bg.gif') 0 0 no-repeat;
	float: right;
	width: 565px;
	min-height: 225px;
	height: auto !important;
	height: 225px;
}

#main-content #main-content-full {
	background: url('../images/wrapper/content-full-bg.gif') 0 0 no-repeat; 
	width: 939px;	
}

#main-content #text-content {
	padding: 20px 20px 15px 21px;
}	

/* =Layout homepage 
--------------------------------------------------------------------------------------------------- */
#home .left-col {
	float: left;
	width: 531px;
}

#home .right-col {
	float: right;
	width: 398px;
}

#home #intro {
	background: url('../images/wrapper/intro-bg.gif') 0 0 no-repeat;
	width: 360px;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	color: #000000;
	padding: 15px 15px 0 23px;
}

#home #intro p {
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 15px 0;
}

#home #news-block {
	background: none;
	width: 360px;
	padding: 0 15px 0 23px;
}

#home #news-block ul li {
	line-height: 15px;
	padding-bottom: 8px;
}

#home #news-block span.date {
	display: block;
	color: #595858;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 2px;
}

#home #intro h1, #home #news-block h2 {
	color: #007dc3;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 6px 0 !important;
}

#home #homepage-features, #home #homepage-features2 {
	background: url('../images/wrapper/main-content-btm.gif') 0 100% no-repeat;
	margin-top: 29px;
	padding-bottom: 5px;
}

#home #homepage-features #homepage-features-inner, #home #homepage-features2 #homepage-features-inner2 {
	background: #ffffff url('../images/wrapper/homepage-features-top.jpg') 0 0 no-repeat;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	padding: 10px 10px 5px 10px;
}

#home #homepage-features #partners, #home #homepage-features2 #funders {
	float: left;
	width: 900px;
	padding: 20px 20px 20px 27px;
	_padding-left: 20px;
}
#home #homepage-features #partners h3, #home #homepage-features2 #funders h3 {
	color: #007dc3;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 10px 0 !important;
}

/* =Funder logos
---------------------------------------------------------------------------------------------------- */
#funder-logos {
	width: 915px;
	overflow: hidden;
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}

#funder-logos .viewport { 
	float: left;
	width: 840px;
}

#funder-logos .overview {
	list-style: none;
}
#funder-logos .overview li {
	float: left;
	height: 80px;
	width: 302px;
}
#funder-logos .overview li img {
	display: block;
	margin: 0 auto;
}

/* =Logo slider
---------------------------------------------------------------------------------------------------- */
#partner-logos {
	width: 915px;
	overflow: hidden;
	position: relative;
	padding-left: 25px;
	padding-bottom: 10px;
}
#partner-logos .viewport { 
	float: left;
	width: 840px;
	height: 125px;
	overflow: hidden;
	position: relative;
}
#partner-logos .buttons {
	display: block;
	float: left; 
	height: 24px;
	width: 24px;
	text-indent: -10000px; 
	margin: 35px 0 0 0;
	position: relative;
}
#partner-logos a.prev {
	background: url('../images/wrapper/prev.jpg') 0 0 no-repeat;
	position: relative;
	left: -10px;
}
#partner-logos a.next {
	background: url('../images/wrapper/next.jpg') 0 0 no-repeat;
	position: relative;
	left: 10px;
}
#partner-logos .disable { 
	visibility: hidden;
}
#partner-logos .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
}
#partner-logos .overview li {
	float: left;
	height: 100px;
	width: 210px;
	padding-top: 20px;
}
#partner-logos .overview li img {
	display: block;
	margin: 0 auto;
}

/* =Thumbnail Slider
--------------------------------------------------------------------------------------------------- */
#thumbnails {
	width: 535px;
	margin-top: -28px;
	position: relative;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link {
	outline: none;
	color: #007dc3;
}

a:focus {
	outline: none;
	color: #007dc3;
}

a:hover {
	outline: none;
	color: #333333;
}

/* =lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
	margin: 4px 0 15px 24px;
}

#main-content #text-content li {
	color: #434343;
	line-height: 18px;
	list-style-type: square;
}

#main-content #text-content ol {
	list-style: decimal;
	margin: 15px 0 15px 32px;
}

#main-content #text-content ol li {
	list-style: decimal;
	padding: 0 0 2px 0;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content #text-content p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 17px 0
}

#main-content #text-content .resource-description p {
	margin: 0 0 6px 0
}

#main-content #text-content p strong {
	color: #007dc3;
}

#main-content #text-content h1 {
	color: #007dc3;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 6px 0;
}

#main-content #text-content h2 {
	color: #666666;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 6px 0;
}

#main-content #text-content h3 {
	color: #333333;
	font-size: 14px;
	margin: 0 0 6px 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	width: 980px;
	color: #8e8e8e;
	margin: 0 auto;
}

#footer p {
	color: #95c2db;
	font-size: 12px;
	margin: 0;
	padding: 18px 0 20px 39px;
}


/* =Main navigation
---------------------------------------------------------------------------------------------------- */
#main-nav a {
	display: block;
	float: left;
	height: 46px;
}

#main-nav a span {
	display: block;
	text-indent: -9999px;
}

#main-nav a:hover, #main-nav a.active {
	background-position: 0 -46px !important;
}

#main-nav a#about {
	background: url('../images/menu-about.gif') 0 0 no-repeat;
	width: 109px;
}

#main-nav a#conference {
	background: url('../images/menu-conference.gif') 0 0 no-repeat;
	width: 234px;
}

#main-nav a#working {
	background: url('../images/menu-working.gif') 0 0 no-repeat;
	width: 167px;
}

#main-nav a#resources {
	background: url('../images/menu-resources.gif') 0 0 no-repeat;
	width: 118px;	
}

#main-nav a#technical-support {
	background: url('../images/menu-technical-support.gif') 0 0 no-repeat;
	width: 183px;	
}

#main-nav a#workshops {
	background: url('../images/menu-workshops.gif') 0 0 no-repeat;
	width: 148px;	
}

#main-nav a#aboutFR {
	background: url('../images/menu-about-fr.gif') 0 0 no-repeat;
	width: 143px;
}

#main-nav a#conferenceFR {
	background: url('../images/menu-conference-fr.gif') 0 0 no-repeat;
	width: 290px;
}

#main-nav a#workingFR {
	background: url('../images/menu-working-fr.gif') 0 0 no-repeat;
	width: 141px;
}

#main-nav a#resourcesFR {
	background: url('../images/menu-resources-fr.gif') 0 0 no-repeat;
	width: 93px;	
}

#main-nav a#technical-supportFR {
	background: url('../images/menu-technical-support-fr.gif') 0 0 no-repeat;
	width: 130px;	
}

#main-nav a#workshopsFR {
	background: url('../images/menu-workshops-fr.gif') 0 0 no-repeat;
	width: 162px;	
}

/* =CSS Menus (Core styles - Do not modify)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
/* (MAIN) Container */	
#qm0 {	
	margin: 0;
	padding: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	display: block;
}	

/* (MAIN) Parent Items */	
#qm0 .qmparent {
	margin: 0;
	padding: 0;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	background-position: 0 -46px !important;
}

/* (MAIN) Active State */	
body #qm0 .qmactive span, body #qm0 .qmactive:hover span {
	background-position: 0 -46px !important;
	padding: 0;
}

/* (SUB) Container */	
#qm0 div, #qm0 ul {	
	background: #CFDFEF;
	color: #8698BC;
	border-top: 1px solid #38627a;
	border-left: 1px solid #38627a;
	border-right: 1px solid #38627a;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a {	
	background: #CFDFEF;
	float: none !important;
	color: #333333;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 5px 14px 3px 5px;
	border-bottom: 1px solid #38627a;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #006aa5;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 5px 14px 3px 5px;
	border-bottom: 1px solid #38627a;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #006aa5;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 5px 14px 3px 5px;
	border-bottom: 1px solid #38627a;
}

/* =Partner Logos
---------------------------------------------------------------------------------------------------- */ 
.logo-item {
	float: left;
	width: 240px;
	margin-right: 20px;
	margin-bottom: 20px;
	/*border: 1px #000000 solid;*/
}

/* =Misc Icons
---------------------------------------------------------------------------------------------------- */
.pdf {
	background: #FFFFFF url('../images/icon-pdf.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.doc {
	background: #FFFFFF url('../images/icon-doc.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 22px;
}

.xls {
	background: #FFFFFF url('../images/icon-xls.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.ppt {
	background: #FFFFFF url('../images/icon-ppt.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}
.link {
	background: #FFFFFF url('../images/icon-link.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}
.jpg {
	background: #FFFFFF url('../images/icon-jpg.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

/* =Tables
---------------------------------------------------------------------------------------------------- */
.data
{
	margin-bottom: 15px;
	border-top: 1px solid #003366;
	border-right: 1px solid #003366;
	border-collapse:collapse;
}

.data th
{
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	padding: 3px 2px 5px 5px;
	background-color: #e5e5e5;
	color: #003366;
	font-size: 12px;
	text-align: left;
}

.data td
{
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	padding: 6px 5px 5px 5px;
	font-size: 12px;
}

.data td.odd
{
	background-color: #e5e5e5;
}