/*GENERAL*/

body {
background-color: #81746b;  
color: #22232b;  
font: 75%/1.6em Verdana, Arial, Helvetica, sans-serif;
margin: 0; padding: 0;
}

p { margin: 0; padding: 0; }

a , a:link { text-decoration: none; }

.clear { clear: both; height: 0; overflow: hidden;}

#wrapper{
position: relative;
margin: 0;
width: 980px; 
}

#wrapper2{ 
position: relative;
margin: 0;
width: 850px; 
}

#leftColumn, #centerColumn, #rightColumn {
float: left;
height: 800px;
}

#centerColumn { 
height: 440px;
}






/*NAVIGATION*/

#leftColumn {
background: url(../images/povertyCom.gif) no-repeat #333;
width: 166px;
}

#leftColumn a#topLogo {
border: none;
position: absolute;
width: 160px;
height: 90px; 
}

#lettersPrinted {
color: #d9b672; 
background-color: #222;
margin: 95px 0 0 0;
padding: 7px 0 6px 11px;
}

#lettersPrinted table {  
width: 140px;
color: #d9b672; 
font-size: 12px;  
line-height: 1.3;  
margin: 0; 
padding: 0;
}

#lettersPrinted table .right {text-align: right}

#printLetterNow { 
color: #d9b672; 
background: url(../images/nav_arrow.gif) no-repeat #222 12px 7px; 
font-size: 14px;
line-height: .8;
border: solid;
border-width: 1px 0 1px 0;
border-color: #81746b;
margin: 0; 
padding: 7px 0 10px 27px;
}

.chosen#printLetterNow { 
background: #333;
border-width: 1px 0 0 0;
}

#printLetterNow a, #printLetterNow a:link {color: #d9b672;}  
 
#printLetterNow a:hover {text-decoration: underline;}

#leftColumn ul {
background: url(../images/problems.gif) no-repeat 9px 7px; 
margin: 0; 
padding: 25px 0 0 11px; 
}

#leftColumn li {
line-height: 2.2; 
list-style: none;
}

#leftColumn li a {
margin-left: 10px;
padding-bottom: 0px; 
}

#leftColumn ul#problems {
margin-top: 85px; 
padding-top: 27px;
}

#leftColumn ul#solution {
margin-top: 28px; 
background-image: url(../images/solution.gif); 
}
#leftColumn ul#support {   
margin-top: 28px; 
background-image: url(../images/support.gif);
}
#leftColumn ul#information {
margin-top: 28px; 
background-image: url(../images/information.gif);
}

ul a , ul a:link, ul a:visited {   
color: #f7eed4;
text-decoration: none; 
border-bottom: 1px solid #f7eed4;
}

ul a:hover {
color: #d9b672; 
border: none; 
}  

#leftColumn ul a.selected {
cursor: default; 
color: #d9b672; 
border: none;
} 




/*MAP PAGES*/

#centerColumn { 
/*position: relative;*/
background: url(../images/map.jpg) no-repeat #fafad7; 
width: 650px;
padding-top: 360px; 
}

#centerColumn p {
margin: 1.2em 1em 0 20px; 
}

#centerColumn h1 {
color: #bb9854; 
font-size: 1.3em;
margin: 0 1em .8em 20px;
}

#centerColumn #photo {  
	position: absolute;
	left: 427px;
	top: 75px;
	width: 16em; height: 10em;
	text-align: center;
}

#centerColumn #photo #imagePhoto {
	visibility: hidden;
	display: block;
	margin: 0 auto;
	border: 3px solid #d9b672; 
}

#centerColumn #photo p {
	margin: 0; padding: .6em 0 0 0; 
	background-color: transparent;
}

#centerColumn span#nameOfPhoto {
	visibility: hidden;
	color: #000; 
	font-weight: bold;
	font-size: .9em; 
	background-color: #d9b672; 
    padding: .3em .7em .3em .7em  
}

#centerColumn #intro {
float: right;
display: inline; /*for IE double margin*/
width: 275px; 
color: #444;
background-color: #F5E2A3; 
border: 1px solid #999; 
margin: 21px 21px 10px 13px; 
padding: 0;
}

#centerColumn #intro p {
margin: 10px 11px 10px 13px;  
padding: 0; 
} 

#rightColumn {
background-color: #e7dfc8; 
width: 164px;
text-align: center;
}

#nameListTotal {
	font-size: 14px !important;
	height: 52px; 
	margin: 0;
	padding-top: 12px;
	color: #d9b672; 
	background-color: #222;
}
  
#rightColumn #nameList { 
	color: #f7eed4; 
	height: 230px;
	padding: 2px 5px 40px 5px;
	background-color: #333;
	overflow: auto; 
}

* html #rightColumn #nameList { height: 228px; padding-top: 4px; }  /*IE*/

#nextButtonMapHome1 {
	position:absolute;
	width:90px; 
	height:45px;
	left: 620px; 
	top: 341px;
}

#nextButtonMapHome2 {
	position:absolute;
	width:90px; 
	height:45px;
	left: 720px; 
	top: 341px;
}

#nextButtonMap {
	position:absolute;
	width:75px; 
	height:30px;
	left: 725px; 
	top: 351px;
}

#freeRiceButtonMap {
	position:absolute;
	width:319px; 
	height:30px;
	left:435px; 
	top: 351px;
}


/*INTERAID*/

#wrapper2 {      
background: url(../images/wrapper2_background.gif) repeat-y; 
}

body.interaid #centerColumn {
background-image: none;
height: auto;  
margin: 0; padding: 0;
padding-bottom: 30px;
}

#interAidTop {
background: url(../images/blue_background.jpg) no-repeat #050f46; 
height: 172px; 
margin: 0;
padding: 0;
overflow: auto; 
}

#interAidTop h1 { 
color: #d9b672; 
font-size: 1.3em;
margin: 0;
padding: 24px 0 16px 25px; 
}

#interAidTop p{
color: #f7eed4; 
font-size: 1.1em; 
line-height: 1.3;   
margin: 0;
padding: 3px 16px 1em 0; 
}

body.interaid #centerColumn h2 {
font-size: 1.2em;
margin-bottom: 1em;
padding: 0 2em 0 25px;
}

body.interaid #centerColumn p { 
margin-left: 25px; 
padding-right: 2em; 
}

#nextButtonInterAid {
	position:absolute;
	width:75px; 
	height:30px;
	left: 717px; 
	top: 181px;
}

#nextButtonInterAid2 {
	width:75px; 
	height:30px;
    margin: 0;
	padding: 15px 0 0 550px; 
}



table#aidByCountry {
background-color: #e6dcaa; 
width: 605px; 
margin: 0 22px 0 22px; 
border: none;
border-collapse: collapse;
}
table#aidByCountry caption {
padding: 20px 45px 10px 0;
}
table#aidByCountry #startRow td {
line-height: 1.2em;
padding-top: 8px;
padding-bottom: 8px;
}
table#aidByCountry td, table#aidByCountry th {
text-align: left;
padding: 3px 0 3px 12px;
border: 3px solid #f8ebd6; 
}

.alreadyReached {
background-color: #f5d791 
}
.noSchedule  {
background-color: #bfaa87; 
}

#sourceOECD {
color: #22232b;
font-size: .9em;
font-style: italic;
text-align: right;
margin: 0 0 35px 0;
padding: 0 25px 0 0;
}
#sourceOECD a:link {color: #22232b;}
#sourceOECD a:visited {color: #22232b;}
#sourceOECD a:hover {text-decoration: underline;}

#moreLinks p {margin-bottom: -.8em; padding-left: 30px;}
#moreLinks a:link {color:#666666; margin-bottom: -5.8em;}
#moreLinks a:visited {color: #666666;}
#moreLinks a:hover {text-decoration: underline;}

.ContinueLink {
font-size: 1.2em;
font-weight: bold;
text-align: right;
padding: 10px 0 0 0;
}
.ContinueLink a:link {color: #bb9854;}
.ContinueLink a:visited {color: #bb9854;}
.ContinueLink a:hover {text-decoration: underline;}




/*PRINT LETTER*/

body.printletter #centerColumn {
background-image: none;
height: auto; 
margin: 0; padding: 0; 
padding-bottom: 30px;
}

#letterDummy {
background: url(../images/blue_background_env.jpg) no-repeat #050f46; 
height: 172px; 
margin:0; padding: 0 0 0 280px; 
overflow: auto; 
}

#letterDummy h1 { 
color: #d9b672; 
font-size: 1.25em;
margin:0; padding: 19px 0 14px 0; 
}

#letterDummy p {
color: #f7eed4; 
margin: 0; padding: 0 25px 1em 0; 
line-height: 1.4;
}

body.printletter #centerColumn #cents25 {  
margin: 0; 
padding: .6em 16px 0 25px; /*last was 6px*/
}

body.printletter #centerColumn li {
padding: 0em 16px .9em 0; 
}

body.printletter #centerColumn ul {
margin-top: 1.2em;
margin-bottom: 1.8em; 
}

body.printletter #centerColumn #flags { 
margin: 0 0 0 24px;
padding: 0;
}

body.printletter #centerColumn #flags img {
border: 1px solid #bbb;
} 

body.printletter #centerColumn #flags td{
line-height: 1.6;
} 

body.printletter #centerColumn a:link { 
color: #333;
}
body.printletter #centerColumn a:visited {
color: #333;
}
body.printletter #centerColumn a:hover {
text-decoration: underline;
}

body.printletter #centerColumn .trans { 
font-size: 11px;
font-style: italic;
}




/*ABOUT - FEEDBACK */

body.about #centerColumn {
background-image: none;
height: auto; 
height: 770px;
margin: 0; padding: 0;
padding-bottom: 30px;
}

#aboutTop { 
background: url(../images/blue_background.jpg) no-repeat #050f46; 
height: 172px; 
margin: 0;
padding: 0;
overflow: auto; 
}

#aboutTop h1 { 
color: #d9b672; 
font-size: 1.3em;
margin: 0;
padding: 24px 0 14px 25px; 
}

#aboutTop p{
color: #f7eed4; 
font-size: 1.1em; 
line-height: 1.3;   
margin: 0 25px 0 0;  
padding: 5px 0 1em 0;  
}

#aboutTop a:link, #aboutTop a:visited, #aboutTop a:hover  {
text-decoration: underline;
color: #f7eed4;
}

body.about #centerColumn p { 
margin-left: 25px; 
padding-right: 2em; 
}

body.about #centerColumn h3 { 
font-size: 1.2em;
margin: 1em 0 .8em 20px;
}

#siteUpdated {
font-style: italic;
font-size: .9em;
text-align: right;
margin: 35px 45px 0 0; 
padding: 0;
}

body.about form { margin: 25px 0 0 25px; } 
body.about button {display: block; margin: 25px 0 0 0; width: 80px; height: 30px; background-color: #d3c8b7; color: #201f1f; cursor: pointer;} 
:link, :visited, :focus, :active { -moz-outline: 0px solid blue; }
:link img, :visited img, :focus img, :active img { -moz-outline: 0px solid blue; }







/*OTHER*/

.ContentSource {
font-style:italic; 
width: 600px;
line-height:1.3;
} 
body.interaid .ContentSource { width: 575px; } 

.ContentSource a:link {color: #22232b;}
.ContentSource a:visited {color: #22232b;}
.ContentSource a:hover {text-decoration: underline;}

.clear2 {  
       clear: both;
       height: 1px;
       font-size: 1px;
       line-height: 1px;
       margin-bottom: -1px; 
}

.paraSpace {padding-top: 10px}