/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

html								{ }
*        							{ font-family: Verdana,Arial,Sans-Serif; font-size: 12px; }

table, tr, td						{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #000; line-height: 140%; }
p, div, ul, li						{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #000; line-height: 140%; }
p									{ display: block; margin:0; padding: 0 0 15px 0; }

li									{ list-style: none outside; }
ol li								{ list-style: decimal; }
ul li								{ list-style: none outside; }
li									{ margin: 5px 0; }

ul.square,div.square div ul {
	list-style: none;}
	
ul.square li, div.square div li{
line-height: 18px;
color: #000;
font-size: 12px;
background: url(/Portals/1/images/bullet_square.gif) no-repeat left top;
text-indent: 18px;
margin: 0px;
}

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

#OuterContainer						{ margin: 0 auto; background: #ffffff; }
#OuterContainerMiddle				{ width: 100%; }
#OuterContainerMiddlePadding		{ padding: 10px 20px 40px 20px; }
img.corner							{ width: 10px; height: 10px; border: none; display: block !important; }
.w800x600							{ width: 780px; margin: 0 auto; }
.w1024x768							{ width: 984px; margin: 0 auto; }
.wFull								{ width: 90%; margin: 0 auto; }

#HeaderRow							{ }
#Logo								{ float: left; margin-bottom: 20px; }
#Logo a								{ border: none; }
#Logo a:hover						{ border: none; background: transparent; }
#Search								{ float: right; position: relative; width: 250px; height: 30px; background: url('images/search.bg.png') no-repeat; }
span.SearchButton 					{ display: none; }
#dnn_dnnSEARCH_txtSearch.NormalTextBox { width: 152px; height:22px; background: transparent; color: #4d4d4d; padding: 3px 0 2px 0; margin: 4px 10px 4px 77px; border: none; cursor:text;}
a.SearchButton 						{ width:25px; height:25px; background: transparent; cursor: hand; font-size:1px; margin:0;}
a.SearchButton div					{ width: 26px; height: 27px; cursor: pointer; position: absolute; top: 1px; right: 10px; }
#Donate								{ float: right; position: relative; width: 130px; height: 30px; margin-top: 10px; margin-bottom: 10px; }

#NavBar								{ height:40px; margin: 0; overflow: hidden; clear: both; }
#NavBarBgL							{ width: 30px; background: url('images/navbar.bgL.gif') no-repeat; }
#NavBarBgL img						{ width: 30px; height: 40px; }
#NavBarBgR							{ width: 30px; background: url('images/navbar.bgR.gif') no-repeat; }
#NavBarBgR img						{ width: 30px; height: 40px; }
#Breadcrumb							{ padding: 0 10px 0 10px; margin: 9px 0; }
#Breadcrumb,
#Breadcrumb span,
#Breadcrumb div						{ color: #999999; }
.BorderBottom						{ border-bottom: 1px #e4e4e4 solid; }
#MiddleRow							{ width: 100%; }
#HeaderBanner						{ height: 230px; position: relative; margin-bottom: 20px; }

#HeaderBannerBox					{ height: 230px; margin-left: 660px; margin-right: 15px; }
#HeaderBannerBoxIn					{ width: 100%; float: left; background: url('images/header.bgM.png') repeat-x bottom left; }
#HeaderBannerBoxIn .left			{ width: 660px; float: left; margin-left: -660px; position: relative; }
#HeaderBannerBoxIn .right			{ width: 15px; float: right; margin-right: -15px; position: relative; }

#HeaderBannerContent				{ width: 100%;  height: 230px; position: absolute; left:0; top:0; margin:auto 0px 0px; }
#HeaderBannerPic					{ width: 480px; height: 230px; vertical-align: bottom; }
.HeaderBannerPic					{ width: 480px; height: 230px; vertical-align: bottom; }
#HeaderBannerPic p					{ margin: 0; padding: 0; }
.HeaderBannerPic p					{ margin: 0; padding: 0; }
#HeaderBannerText					{ padding: 50px 20px 20px 20px; vertical-align: middle; color: #ffffff; }
.HeaderBannerTitle					{ font-family: Georgia, times new roman; font-size: 24px; font-weight:300; line-height: 28px; color: #ffffff; }
#flashcontent                       { visibility:visible !important; }

#FooterRow							{ margin: 10px auto 0 auto; padding-bottom: 30px; text-align:center; }
#FooterRow							{ text-align:-moz-center; }

.left								{ float: left; }
.right								{ float: right; }
.clear								{ clear: both; }
.dummy								{ display: none; }
.clear-right 						{ clear: right; }

/* Headings */
h1, h1 .head						{ font-family: Georgia, Palatino,"Times New Roman", Sans; font-size: 16px; font-weight: 700; line-height: 24px; color: #2f5c9e; border: none; vertical-align: top; width: 100%; margin-bottom: 10px; }
h2									{ font-family: Georgia, Palatino,"Times New Roman", Sans; font-size: 16px; font-weight: 700; line-height: 18px; color: #25477b; border: none; }
h3									{ font-family: Georgia, Palatino,"Times New Roman", Sans; font-size: 14px; font-weight: 700; line-height: 16px; color: #4771ba; border: none; }
h4									{ font-family: Arial, Helvetica, San-serif; font-size: 14px; font-weight: 700; line-height: 16px; color: #42973a; border: none; }
h5									{ font-family: Georgia, Palatino,"Times New Roman", Sans; font-size: 12px; font-weight: 700; line-height: 13px; color: #000000; border: none; }
h6									{ font-family: Georgia, Palatino,"Times New Roman", Sans; font-size: 12px; font-weight: 700; line-height: 13px; color: #2a518c; border: none; }
.textIntro							{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 10px; font-weight: 300; line-height: 12px; color: #25477b; border: none; margin: 10px 20px; }

/* Forms */
div.form							{ width: 500px; text-align: left; }
div.form_group						{ text-align: left; margin-bottom: 10px; font: 14px; color: #60ae4b;  }
div.form_text						{ float: left; margin: 0; }
p.form_text							{ margin: 0 0 3px 0; }
textarea.form_text,
input.form_text,
select.form_text					{ font: bold 12px; color: #333; background: #efefef; border-color: #bbb #bbb #ddd; border-width: 2px 1px 1px; padding: 0.2em; margin: 0 10px 10px 0; }

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

.TopPane, .BottomPane, .ContentPane	{ margin: 0; padding: 0 15px 7px 15px; vertical-align: top; width: 100%; }
.ContentPane, .ContentPane2			{ padding: 0 7px 7px 15px; }
.LeftPane			 				{ margin: 0; padding: 0px 15px 7px 15px; vertical-align: top; width: 30%;  border-right: 1px solid #d6d7d8; }
.RightPane			 				{ margin: 0; padding: 0px 15px 7px 15px; vertical-align: top; width: 30%;  border-left: 1px solid #d6d7d8; }
.SidePane							{ margin: 0; padding: 0 7px 7px 0; vertical-align: top; }
.MiddlePane							{ margin: 0; padding: 0 7px 7px 15px; vertical-align: top; }
.MiddlePane1, .MiddlePane3			{ width: 40%;border-right: 1px solid #d6d7d8; }
.MiddlePane1,.MiddlePane2,.MiddlePane3,.MiddlePane4  { padding: 0 7px 7px 15px; border-top: 1px solid #d6d7d8; border-bottom: 1px solid #d6d7d8;}

.ContentPane,.LeftPane,.RightPane { padding-top: 30px;}

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

a.USER_object:active,
a.USER_object:visited,
a.USER_object:link,
.USER_object,
a.LOGIN_object:active,
a.LOGIN_object:visited,
a.LOGIN_object:link,
.LOGIN_object						{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #fff; background: transparent;  text-decoration: none; }
a.USER_object:hover,
a.LOGIN_object:hover				{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #fff; background: transparent;  }

a.BREADCRUMBS_object:active			{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #4771ba; background: transparent; text-decoration: none; }
a.BREADCRUMBS_object:visited,
a.BREADCRUMBS_object:link,
.BREADCRUMBS_object					{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #999999; background: transparent; text-decoration: none; }
a.BREADCRUMBS_object:hover			{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #333333; background: transparent; text-decoration: underline; }

.FOOTER_objects						{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 9px; font-weight: bold; color: #9db7dd; background: transparent; text-decoration:none; }
a.FOOTER_objects:active,
a.FOOTER_objects:visited,
a.FOOTER_objects:link				{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 9px; font-weight: bold; color: #9db7dd; background: transparent; text-decoration:none; }
a.FOOTER_objects:hover				{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 9px; font-weight: bold; color: #ffffff; background: transparent; text-decoration:none; }


.BOTNAV_objects						{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: none; color: #000; background: transparent; text-decoration:none; }
a.BOTNAV_objects:active,
a.BOTNAV_objects:visited,
a.BOTNAV_objects:link				{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: none; color: #000; background: transparent; text-decoration:none;  }
a.BOTNAV_objects:hover				{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: none; color: #999; background: transparent; text-decoration:none; }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

.Normal,
.normal								{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: normal; color: #000; line-height: 120%; }
strong,
b,
.NormalBold							{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: bold; color: #000; line-height: 120%; }
.NormalRed							{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: bold; color: #C00; line-height: 120%; }
.SubHead							{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; }
span.SubHead						{ font-size: 9px; margin:0; padding:0; }
span.SubHead br						{ display: none; }
.font-family						{ font-family: Verdana, Arial, Helvetica, Sans; font-size: 12px; font-weight: bold; color: #777; line-height: 120%; background: transparent; }

/*========================================================*/
/*  6. Links                                        	  */
/*========================================================*/

a:active,
a:visited,
a:link 								{ font-weight: bold; background:transparent; color: #cc0033; text-decoration: underline; }
a:hover								{ font-weight: bold;background:transparent; color: #000000; text-decoration: underline; }
a.Normal:visited,
a.Normal:link						{ font-weight: bold;background:transparent; color: #cc0033; text-decoration: underline; font-weight: normal; }
a.Normal:hover						{ font-weight: bold;background:transparent; color: #000000; text-decoration: underline; font-weight: normal; }
a.CommandButton:active,
a.CommandButton:visited,
a.CommandButton:link				{ color: #4771ba; background: #FFFFFF; border: #d1c7be 1px solid; padding: 2px 3px 3px 4px; height: 18px; font-weight: normal; text-decoration: none; }
a.CommandButton:hover				{ color: #FFFFFF; background: #d1c7be; border: #d1c7be 1px solid; padding: 2px 3px 3px 4px; height: 18px; font-weight: normal; text-decoration: none; }

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

input								{ color: #999; }
select								{ color: #999; }
.StandardButton						{ color: #999; background: #EEEEEE; border-right: solid 1px #D1C7BE; border-bottom: solid 1px #D1C7BE; border-left: none; border-top: none; height: 17px; }
.NormalTextBox						{ color: #000; background: #FFF; border: solid 1px #EBE4DD; padding-left: 4px; line-height: 12px; font-weight: normal; }
td.NormalTextBox					{ padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }

/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

.MainMenu_MenuContainer				{ z-index: 999999; background: transparent; vertical-align: top; background: url('images/navbar.bg.gif') repeat-x; }
.MainMenu_MenuBar					{ z-index: 999999; background: transparent; vertical-align: top; }
/*-- submenu --*/
.ModuleTitle_SubMenu,
.MainMenu_SubMenu					{ z-index: 999999; margin: 0px ; background: #fff url('images/navbarsub.bg.gif') repeat-x bottom; border-right: 1px #990000 solid; border: 1px #e4e4e4 solid; border-bottom: 2px #e4e4e4 solid; padding: 0 5px 10px 5px; }

/*-- submenu items idle       --*/
.ModuleTitle_MenuItem,
.MainMenu_MenuItem					{ z-index: 999999; color: #4771ba; font-size: 12px; font-weight: bold; width: 100%; height: 23px; padding: 4px 50px 4px 30px; border: 0; border-bottom: 1px #f5f5f5 solid; white-space: nowrap; }
/*-- submenu items hover      --*/
.ModuleTitle_MenuItemSel,
.MainMenu_MenuItemSel				{ z-index: 999999; color: #FFFFFF; font-size: 12px; font-weight: bold; width: 100%; height: 23px; padding: 4px 50px 4px 30px; border: 0; border-bottom: 1px #f5f5f5 solid; white-space: nowrap; background-color: #4771ba; }

/*-- menuitems idle           --*/
.MainMenu_Idle						{ z-index: 999999; color: #4771ba; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid; text-decoration: none; }
.MainMenu_Idle td					{ z-index: 999999; color: #4771ba; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid; }
/*-- menuitems over           --*/
.MainMenu_Selected					{ z-index: 999999; color: #ffffff; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #4771ba solid; text-decoration: none; }
.MainMenu_Selected td				{ z-index: 999999; color: #ffffff; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #4771ba solid; background: transparent url('images/navbar.on.jpg') no-repeat left; }
/*-- menuitems active         --*/
.MainMenu_BreadcrumbActive			{ z-index: 999999; color: #ffffff; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid; text-decoration: none; background: url('images/nav.sep.png') no-repeat right; }
.MainMenu_Active					{ z-index: 999999; color: #ffffff; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid; text-decoration: none; background: url('images/nav.sep.png') no-repeat right; }
.MainMenu_BreadcrumbActive td		{ z-index: 999999; color: #ffffff; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid; background: transparent url('images/navbar.on.jpg') no-repeat left; }
.MainMenu_Active td					{ z-index: 999999; color: #ffffff; font-size: 12px; font-weight: bold; height: 40px; padding: 9px 20px; margin: 0; border-right: 1px #e4e4e4 solid; background: transparent url('images/navbar.on.jpg') no-repeat left; }


/*-- not needed - main menu   --*/	.MainMenu_MenuIcon  		{ display: none; }
									.MainMenu_RootMenuArrow  	{ display: none; }
									.MainMenu_MenuArrow  		{ display: none; }
/*-- module menu continer     --*/	.ModuleTitle_MenuContainer	{ color: #2c2c2c; }
/*-- module menu bar          --*/	.ModuleTitle_MenuBar		{ cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/	.ModuleTitle_MenuItemSel	{ padding: 0px 5px 0px 0px; }
									.ModuleTitle_MenuItem		{ padding: 0px 5px 0px 0px; }
/*-- not needed - module menu --*/	.ModuleTitle_MenuIcon 		{ display: none; }
									.ModuleTitle_RootMenuArrow	{ display: none; }
									.ModuleTitle_MenuArrow		{ display: none; }
									.MainMenu_MenuBreak			{ display: none; }
									.MainMenuSeperator			{ display: none; }
									.ModuleTitle_MenuBreak		{ display: none; }
/*========================================================*/
/*  9. Custom Tables                         */
/*========================================================*/
#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 580px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

/*========================================================*/
/*  9. Custom Table for malaria leftnav                 */
/*========================================================*/

#malaria-leftnav
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;	
	color: #000000;
	background: #fff;
	margin: 5px;
	width: 220px;
	border-collapse: collapse;
	text-align: left;
}
#malaria-leftnav th
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 10px 8px;
	border-bottom: 2px solid #fd5004;
}
#malaria-leftnav td
{
	border-bottom: 1px solid #fd9104;
	color: #000000;
	padding: 6px 8px;
}
#malaria-leftnav tbody tr:hover td
{
	color: #000000;
}
 
#malaria-leftnav a:link {
color: #000000; 
background: transparent; 
}

#malaria-leftnav a:active { 
color: #000000;
background: transparent; 
}

#malaria-leftnav a:visited {
color: #333333; 
background: transparent; 
}

#malaria-leftnav a:hover {
color: #3dcf22;
background: transparent; 
text-decoration: none; 
}


/*========================================================*/
/*  10. Custom Table for peace right side                 */
/*========================================================*/

#sidebox {margin-bottom: 12px; width: 320px;}
.sidebox {border: 1px solid #cfcfcf; margin-bottom: 12px; padding: 10px; color: #000;}
.sidebox .title, .sidebox .title a {font-size: 16px; font-family: Arial, Verdana, Sans-Serif; color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none;}



.sidebox a {color: #cc0033; font-weight: bold; font-decoration: underline;}
.sidebox .imgtitle {margin-bottom: 5px;}
.sidebox .imgtitle2 {margin-top: 3px;}

.sidebox ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-type: square; color: #ccc;}
.sidebox ul a {font-weight: bold;line-height: 18px; color: #cc0033; text-decoration: underline;}
.sidebox ul a:hover {font-weight: bold;color: #a91b1f;text-decoration: underline;} 
.sidebox li.here a {font-weight: bold; color: #a91b1f;text-decoration: underline;} 

#peacepanel table td 

{

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #777777;

padding-top: 5px;

padding-right: 4px;

padding-bottom: 5px;

padding-left: 4px;

}


#sidebox .peacepanel a span img

{

background-image: url(/Portals/1/images/Peace/peacepic-frame.gif);

padding-top: 4px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 4px;

}

#blogger table a span img

{

background-image: url(/Portals/1/images/Peace/picframe_blogger.png);

padding-top: 4px;

padding-right: 4px;

padding-bottom: 4px;

padding-left: 4px;

}

/*========================================================*/
/*  11. Custom Table for Climate Change leftnav                 */
/*========================================================*/

#climate-nav
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;	
	color: #000000;
	background: #fff;
	margin: 5px;
	width: 220px;
	border-collapse: collapse;
	text-align: left;
}
#climate-nav th
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 10px 8px;
	border-bottom: 2px solid #2c5592;
}
#climate-nav td
{
	border-bottom: 1px solid #e7a614;
	color: #000000;
	padding: 6px 8px;
}
#climate-nav tbody tr:hover td
{
	color: #000000;
}
 
#climate-nav a:link {
color: #000000; 
background: transparent; 
}

#climate-nav a:active { 
color: #000000;
background: transparent; 
}

#climate-nav a:visited {
color: #2c5592; 
background: transparent; 
}

#climate-nav a:hover {
color: #e7a614;
background: transparent; 
text-decoration: none; 
}
