@import "reset.css";
@import "fonts.css";
@import "grid.css";


/*----------------------------------------------------------------------------
     Web Styles
     Version:   1.0
     Author:    Filippo Di Trapani

     Table of Contents:
     1.  Header
     2.  Content
     3.  Footer
	 4. Donation Form	 	 
___________________________________________________________________________ */
body{
background-color:#C7BFBB;
color:#464041;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}



div#wrapper{

}

#search form, .mailingList form {
	position:relative;
	margin:0px;
	padding:0px;
	height:25px;
}

form.searchForm{
width:250px;
float:right;
}


form#signUpForm{
width:250px;
}



.contentPageRight form#signUpForm{
width:190px;
}

form.searchForm input.formFields {
border:1px solid #FFF !important;
background:#FFF !important;
width:175px;
}

form#signUpForm input.formFields{
width:180px;
}

.contentPageRight form#signUpForm input.formFields{
width:120px;
}


/*FORMS ----------------------------------*/
input.formFields{
border:1px solid #FFF;
color:#464041;
font-size:100%;
margin:0;
height:20px;
padding:2px 10px;
position:absolute;
top:0;
left:0;
}

input.formButtons{
margin:0;
height:26px;
font-size:100%;
color:#FFF;
padding:3px 5px;
border:1px solid #464041;
background:#464041;
position:absolute;
top:0;
right:0;
}


input#searchButton{
width:70px;
}

input#join{
width:50px;
}

label{
display:block;
margin:0 0 5px 0;
padding:0;
}

input.regFormFields{
border:1px solid #FFF;
color:#464041;
font-size:100%;
margin:0 0  10px 0;
height:20px;
padding:4px;
}

input.regFormButtons{
margin:0;
height:26px;
font-size:100%;
color:#FFF;
padding:3px 5px;
border:1px solid #464041;
background:#464041;
display:block;
}



/*------------------------------- 
*
*  1. HEADER 
*
*------------------------------*/

div#header{
background:url(../images/header_bg.gif) repeat-x 0 5px #393435;
}


div#utilitybar{
background:#786E6F;
}

div#logo{

}

#logo span{
display:none;
}


div#utilityNav{
text-align:right;
font-size:85%;
color:#544D4E;
}

div#utilityNav a{
text-decoration:none;
color:#FFFFFF;
}

div#utilityNav a:hover{
text-decoration:underline;
}

div#search{
text-align:right;
}

div#imageArea{

}


#imageArea h1#homepageFeatureh1{
position:absolute;
left:40px;
top:160px;
font-weight:normal;
font-size:200%;
color:#FFFFFF;
text-transform:uppercase;

}

#imageArea h1#Featureh1{
position:absolute;
left:40px;
top:180px;
font-weight:normal;
font-size:200%;
color:#FFFFFF;
text-transform:uppercase;

}


#imageArea h2#homepageFeatureh2{
position:absolute;
left:40px;
top:190px;
font-size:120%;
font-weight:normal;
color:#E3E5D7;
}

h2#homepageFeatureh2 a{
color:#E3E5D7;
text-decoration:none;
}

div#navigation{

}

div#navigation ul, div#navigation li{
float:left;
list-style-type:none;
}

div#navigation li a{
display:block;
margin:0 15px 0 0;
color:#FFF;
text-decoration:none;
padding:10px;

}

div#navigation li a:hover{
padding-top:15px;
}





/*about*/
div#navigation li a#about{
/*background:url(../images/aboutus_bg.gif) 50% -92px no-repeat ;*/
background-color:#B584A1;
}

div#navigation li a:hover#about{
background-position:50% -89px;
}

/*ourWork*/
div#navigation li a#ourWork{
/*background:url(../images/ourwork_bg.gif) 50% -103px no-repeat;*/
background-color:#A4AD6B;
}

div#navigation li a:hover#ourWork{
background-position:50% -100px;
}


/*about CD*/
div#navigation li a#aboutCD{
/*background:url(../images/aboutCD_bg.gif) 50% -103px no-repeat;*/
background-color:#7DACB2;
}

div#navigation li a:hover#aboutCD{
background-position:50% -100px;
}

/*getInvolved*/
div#navigation li a#getInvolved{
/*background:url(../images/getInvolved_bg.gif) 80% -104px no-repeat;*/
background-color:#BBA564;
}

div#navigation li a:hover#getInvolved{
background-position:50% -101px;
}


div#featureNumbers{

}

div#featureNumbers ul, div#featureNumbers li{
float:left;
list-style:none;
}

div#featureNumbers li a{
display:block;
margin-left:5px;
text-decoration:none;
background:#464041;
padding:5px 7px;
color:#FFFFFF;
}

div#featureNumbers li a:hover{
background:#665D5F;
}

/*------------------------------- 
*
*  2. Content 
*
*------------------------------*/

div#content{
background:#F2EDDE;
padding:30px 0;
}

div#contentWrapper{

}

/*LEFT --------------------------------*/
div.left{

}

h1{
clear:left;
color:#000;
font-size:180%;
font-weight:normal;
}


h2{

clear:left;
color:#000;
font-size:160%;
font-weight:normal;
}

h3{
clear:left;
font-size:130%;
font-weight:normal;
}

h1.introText{
color:#988C8D;
font-size:160%;
font-weight:normal;
}


.contentPageLeft ul{
margin-bottom:20px;
}

a.newsTitle, .latestNews a.newsTitle, .upcomingEvents a.newsTitle{
display:block;
text-decoration:none;
padding:10px 10px 0px 0;
margin-bottom:5px;
color:#464041;
font-size:110%;
}

a:hover.newsTitle, .latestNews a:hover.newsTitle, .upcomingEvents a:hover.newsTitle{
text-decoration:underline;
}

a.newsTitle span, .latestNews a.newsTitle span, .upcomingEvents a.newsTitle span{
background:url(../images/newsStoryArrows.gif) 100% 50% no-repeat;
padding:5px;
text-decoration:none;
}



a.button{
display:block;
background:#464041;
width:auto;
padding:10px;
color:#FFF !important;
text-decoration:none;
}

a:hover.button{
text-decoration:none;
background-color:#000;
}

a.moreNews{
width:6.3em;
margin-top:20px;
}

a.moreEvents{
width:7.0em;
margin-top:20px;
}

a.backSpeeches{
width:9.3em;
margin-top:20px;
}

a.backPublications{
width:11.3em;
margin-top:20px;
}


a.backToNews{
width:7.5em;
margin-top:20px;
}

a.backToPress{
width:12em;
margin-top:20px;
}

a.backDispatch{
width:21.5em;
margin-top:20px;
}

a.backDigest{
width:26.5em;
margin-top:20px;
}

a.backReview{
width:26.5em;
margin-top:20px;
}

a.backDevelopments{
width:17.5em;
margin-top:20px;
}


a.button span{
padding:0px 5px 0 5px ;
background:url(../images/buttonArrows.gif) 100% 4px no-repeat;
}

a:hover.button span{
background-position:100% -15px;
}

a.share{
width:6em;
background:url(../images/share.gif) 0 50% no-repeat #464041;
text-indent:30px;
margin-top:20px;
}

a.donate{
font-size:150%;
width:5.8em;
}




div#updatesFeatures{

}

div.featureElement{
width:192px;
float:left;
margin:30px 0;
padding-bottom:10px;
min-height: 195px;
_height: 195px;
}

div.latestNews{
width:192px;
float:left;
margin:30px 0;
padding-right: 85px; 
padding-bottom: 10px;
}

div.upcomingEvents{
width:192px;
float:left;
margin:30px 0;
padding-right: 85px;
padding-bottom:10px;
}

div.publication{
background-color:#7DACB2;
}

div.event{
background-color:#A4AD6B;
}

div.download{
background-color:#B584A1
}

.featureElement h3{
margin:10px 10px 0 10px;
padding:0;
color:#FFF;
}

.featureElement a{
margin:0px 10px 10px 10px;
color:#464041;
text-decoration:none;
}
.publication h3 a {
	color: #fff;
	margin: 0;
}

.featureElement a:hover{
text-decoration:underline;
}


/*subNav*/

.leftNav ul, .leftNav li{
list-style-type:none;
margin:0px 0px 10px 0px;
padding:0px;
}

.leftNav a{
display:block;
padding:10px;
color:#FFFFFF;
font-size:115%;
text-decoration:none;
margin:0px;
}


/*ABOUT LINKS---------------------*/
div.about a{
background-color:#B584A1;
border:1px solid #B584A1;
}

div.about a span{
color:#E3CDD9;
}

div.whatWeDo ul li a#whatWeDo,
div.ourPeople ul li a#ourPeople,
div.ourHistory ul li a#ourHistory{
background-color:#734C63;
border:solid 1px #734C63;
}

div.whatWeDo ul li a#whatWeDo:hover,
div.ourPeople ul li a#ourPeople:hover,
div.ourHistory ul li a#ourHistory:hover{
background-color:#734C63;
border:solid 1px #734C63;
}

div.whatWeDo ul li a#whatWeDo span,
div.ourPeople ul li a#ourPeople span,
div.ourHistory ul li a#ourHistory span
{
display:none;
}





/*WORK LINKS---------------------*/

div.work a{
background-color:#A4AD6B;
border:1px solid #A4AD6B;
}

div.work a span{
color:#E1E3CB;
}


div.inCanada ul li a#inCanada,
div.overSeas ul li a#overSeas
{
background-color:#61663F;
border:1px solid #61663F;
}

div.inCanada ul li a#inCanada:hover,
div.overSeas ul li a#overSeas:hover
{
background-color:#61663F;
border:1px solid #61663F;
}


div.inCanada ul li a#inCanada span,
div.overSeas ul li a#overSeas span
{
display:none;
}


/*ABOUT CD LINKS---------------------*/
div.aboutCD a{
background-color:#7DACB2;
border:1px solid #7DACB2;
}

div.whatWeDo2 ul li a#whatWeDo2 span{
color:#CFE4E5;
}

div.whatWeDo2 ul li a#whatWeDo2{
color:#46696E;
}

div.whatWeDo2 ul li a#whatWeDo2:hover{
background-color:#7DACB2;
border:1px solid #7DACB2;
}





/*Get INVOLVED LINKS---------------------*/
div.getInvolved a{
background-color:#BBA564;
border:1px solid #BBA564;
}

div.getInvolved a span{
color:#E8E3D3;
}

.donateNow ul li a#donateNow,
.sendEcard ul li a#sendEcard,
.events ul li a#events,
.participate ul li a#participate,
.runEvent ul li a#runEvent,
.partner ul li a#partner,
.directorGiving ul li a#directorGiving,
.volunteers ul li a#volunteers{
background-color:#736436;
border:1px solid #736436;
}

.donateNow ul li a#donateNow:hover,
.sendEcard ul li a#sendEcard:hover,
.events ul li a#events:hover,
.participate ul li a#participate:hover,
.runEvent ul li a#runEvent:hover,
.partner ul li a#partner:hover,
.directorGiving ul li a#directorGiving:hover,
.volunteers ul li a#volunteers:hover{
background-color:#736436;
border:1px solid #736436;
}

.donateNow ul li a#donateNow span,
.sendEcard ul li a#sendEcard span,
.events ul li a#sevents span,
.participate ul li a#participate span,
.runEvent ul li a#runEvent span,
.partner ul li a#partner span,
.directorGiving ul li a#directorGiving span,
.volunteers ul li a#volunteers span{
display:none;
}


/*NEWS LINKS---------------------*/
div.news a{
background-color:#7DACB2;
border:1px solid #7DACB2;
}

div.mainNews ul li a#mainNews span,
div.pressReleases ul li a#pressReleases span,
div.publications ul li a#publications span,
div.speeches ul li a#speeches span
{
color:#CFE4E5;
}

div.mainNews ul li a#mainNews,
div.pressReleases ul li a#pressReleases,
div.publications ul li a#publications,
div.speeches ul li a#speeches{
background-color:#46696E;
border:1px solid #46696E;
}


div.mainNews ul li a#mainNews:hover,
div.pressReleases ul li a#pressReleases:hover,
div.publications ul li a#publications:hover,
div.speeches ul li a#speeches:hover{
background-color:#46696E;
border:1px solid #46696E;
}


div.mainNews ul li a#mainNews span,
div.pressReleases ul li a#pressReleases span ,
div.publications ul li a#publications span,
div.speeches ul li a#speeches span{
display:none;
}


/*Contact LINKS---------------------*/
div.contact a{
background-color:#B584A1;
border:1px solid #B584A1;
}

div.contact a span{
color:#E3CDD9;
}

div.contactInCanada ul li a#contactInCanada,
div.contactOverSeas ul li a#contactOverSeas{
background-color:#734C63;
border:solid 1px #734C63;
}

div.contactInCanada ul li a#contactInCanada:hover,
div.contactOverSeas ul li a#contactOverSeas:hover{
background-color:#734C63;
border:solid 1px #734C63;
}

div.contactInCanada ul li a#contactInCanada span,
div.contactOverSeas ul li a#contactOverSeas span

{
display:none;
}
/*-------------------*/

.leftNav a:hover{
background-color:#393435;
border:1px solid #393435;
text-decoration:none;
}

.leftNav ul li a.current span{
display:none;
}



/*sub sub nav-------------------*/
.leftNav ul li ul, .leftNav li ul li{
display:none;
}


.inCanada ul li ul.inCanadaMenu, .inCanada li ul.inCanadaMenu li,
.overSeas ul li ul.overSeasMenu, .overSeas li ul.overSeasMenu li
{
display:block;
list-style-type:none;
margin:0px;
}

.publications ul li ul.publications, .publications li ul.publications li
{
display:block;
list-style-type:none;
margin:0px;
}

.leftNav li ul li a{
background:none;
border:0;
color:#464041;
padding:10px 25px;
}

.leftNav li ul li a:hover{
color:#FFF;
background:#abad8d;
margin:0;
border:0;
}

.leftNav li ul li a span{
color:#464041;
}

/*ABOUT SUB LINKS---------------------*/
.about ul li ul{
background-color:#E3CEDA;
}

.about li ul li a.current
{
color:#96838F;
}

.about li ul li a:hover.current{
background:none;
border:0;
}

/*WORK SUB LINKS---------------------*/
.work ul li ul{
background-color:#DCDDC2;
}

.work li ul li a.current,
.publicEngagement ul li ul.inCanadaMenu a#publicEngagement,
.empoweringDonors ul li ul.inCanadaMenu a#empoweringDonors,
.agriculture ul li ul.overSeasMenu a#agriculture,
.gender ul li ul.overSeasMenu a#gender,
.youth ul li ul.overSeasMenu a#youth,
.community ul li ul.overSeasMenu a#community,
.finance ul li ul.overSeasMenu a#finance
{
color:#9B9C89;
}

.publicEngagement ul li ul.inCanadaMenu a#publicEngagement span,
.empoweringDonors ul li ul.inCanadaMenu a#empoweringDonors span,
.agriculture ul li ul.overSeasMenu a#agriculture span,
.gender ul li ul.overSeasMenu a#gender span,
.youth ul li ul.overSeasMenu a#youth span,
.community ul li ul.overSeasMenu a#community span,
.finance ul li ul.overSeasMenu a#finance span
{
display:none;
}

.work li ul li a:hover.current,
.publicEngagement ul li ul.inCanadaMenu a#publicEngagement:hover,
.empoweringDonors ul li ul.inCanadaMenu a#empoweringDonors:hover,
.agriculture ul li ul.overSeasMenu a#agriculture:hover,
.gender ul li ul.overSeasMenu a#gender:hover,
.youth ul li ul.overSeasMenu a#youth:hover,
.community ul li ul.overSeasMenu a#community:hover,
.finance ul li ul.overSeasMenu a#finance:hover{
background-color:#DCDDC2;
color:#9B9C89;
border:0;
}

/*ABOUTCD LINKS---------------------*/
.aboutCD ul li ul{
background-color:#C7DEE0;
}

.aboutCD li ul li a.current{
color:#6E8285;
}

.aboutCD li ul li a:hover.current{
background:none;
border:0;
}

/*News Links*/
.news ul li ul{
background-color:#C7DEE0;
}

.news ul li ul.publications a:hover
{
background-color:#e1f1f2;
color:#90a1a2;
}


.developmentReview ul li ul.publications a#developmentReview,
.developmentDigest ul li ul.publications a#developmentDigest,
.dispatch ul li ul.publications a#dispatch,
.developments ul li ul.publications a#developments
{
color:#90a1a2;
}


.developmentReview ul li ul.publications a#developmentReview span,
.developmentDigest ul li ul.publications a#developmentDigest span,
.dispatch ul li ul.publications a#dispatch span,
.developments ul li ul.publications a#developments span
{
display:none;
}

.developmentReview ul li ul.publications a#developmentReview:hover,
.developmentDigest ul li ul.publications a#developmentDigest:hover,
.dispatch ul li ul.publications a#dispatch:hover,
.developments ul li ul.publications a#developments:hover{
background-color:#C7DEE0;
color:#90a1a2;
border:0;
}









/*GET INVOLVED LINKS---------------------*/
.getInvolved ul li ul{
background-color:#D1C9AE;
}

.getInvolved li ul li a.current{
color:#827757;
}

.getInvolved li ul li a:hover.current{
background:none;
border:0;
}


/*CENTER --------------------------------*/
.contentCenter, .fullLeft{
font-size:110%;

}


.contentCenter a, .fullLeft a{
color:#993300;
}

.contentCenter h2, .fullLeft h2{
margin-top:20px;

}

h2 span.smallTitle{
font-size:60%;
}
.contentCenter h3, .fullLeft h3{
color:#5d5556;
}

.contentCenter a:hover, .fullLeft a:hover{
text-decoration:none;
}

.contentCenter p, .fullLeft p{
line-height:140%;
padding:0px 0;
margin:10px 0;
}

.contentCenter ul li, .fullLeft ul li{
margin:0 0 5px 25px;
padding:0px;
}

.contentCenter ol li, .fullLeft ol li{
margin:0 0 5px 45px;
padding:0px;
list-style-type:decimal-leading-zero;
}

.contentCenter h1, .fullLeft h1{
margin:30px 0px 10px 0px;
}


h1 span.articleDate{
font-size:50%;
color:#8A7378;
}

a.subNavTitles{
color:#8A7378;
margin:10px 0 25px 0;
display:block;
font-size:130%;
text-decoration:none;
}

a:hover.subNavTitles{
text-decoration:underline;
}


a.subNavTitles span{
background:url(../images/arrowSubNavTitles.gif) no-repeat 100% 50%;
padding:5px;
}

a.subNavTitles span.description{
display:block;
margin:0px;
background:none;
font-size:70%;
color:#464041;
padding:0;
}

a.subNavTitles span.date{
margin:0 0 0 10px;
background:none;
font-size:65%;
padding:0;
}

img.floaterImage{
float:right;
margin:0px 0 5px 10px;
}

ul.donorList, ul.listing{
margin:5px 0 20px 0;
padding:0;
}

ul.donorList li, ul.listing li{
margin:0;
padding:0;
list-style-type:none;
}

ul.listing li{
margin-bottom:10px;
}

.first{
margin-top:0 !important;
padding-top:0 !important;
}

/*RIGHT --------------------------------*/
div.right{

}


div.rightbox{
padding:20px;
margin:0;
color:#000;
}

div.rightbox h2{
color:#FFF;
font-weight:normal;
font-size:130%;
}

div.donate{
background:#A4AD6B;
}
div.volunteer{
background: #B584A1;
}

div.mailingList{
background:#7DACB2;
}

div.releventPublications{
	background:#B584A1;
}

.releventPublications a.relevantTitles{
display:block;
color:#000000;
text-decoration:none;
margin-bottom:10px;
}
.releventPublications a:hover.relevantTitles{
text-decoration:underline;
}

.releventPublications a.relevantTitles span{
padding:8px;
background:url(../images/relevantArrows.gif) no-repeat 0 11px;
}




/*FAQ------------*/

a.faqQuestion{
display:block;
margin:0 0 10px 0;
}


p.publicationSubTitle{
margin-top:20px;
font-weight:bold;
font-size:110%;
}


/*------------------------------- 
*
*  3. Footer
*
*------------------------------*/

div#footer{
padding:20px 0;
font-size:85%;
clear:both !important;
}

#footer a{
color:#464041;
}

#footer a:hover{
	text-decoration:none;
}

#footer ul{
margin-bottom:10px;
list-style-type:none;
}

#footer li.right{
text-align:right;
}




BODY.about #navigation li a#about,
BODY.ourWork #navigation li a#ourWork,
BODY.aboutCD #navigation li a#aboutCD,
BODY.getInvolved #navigation li a#getInvolved{
padding-top:25px;
}

body.home a#home, body.home a#home:hover,
body.news a#news, body.news a#news:hover,
body.eventsutility a#eventsutility, body.eventsutility a#eventsutility:hover,
body.faq a#faq, body.faq a#faq:hover,
body.contact a#contact, body.contact a#contact:hover
{
text-decoration:none;
color:#474141;
}


/*------------------------------- 
*
*  4. Donation Form
*
*------------------------------*/

tr.formLabel td{
padding-bottom:5px;
}

tr.formEntry td{
padding-bottom:10px;
}

.input_instruction{
display:block;
}


#donation_form select, input{ 
	padding:3px; 
	margin-bottom:5px; 
	color:#464041; 
	width:300px;
}

#donation_form input.radio{
width:auto;
margin:0;
padding:0;
}

#donation_form select{
width:220px;
}


#donation_form #form_actions { 

}

#donation_form #form_actions input{ 

	float:left; 
}

#donation_form textarea{ 
width:635px; 
height:100px; 
padding:3px;
color:#464041;
font-size:105%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#donation_form table {
width:100%;
}


#donation_form #creditExpiry{
margin-left:22px;
}
#error_messages { 
background: #e2cbb6; 
padding:20px; 

}

#error_messages h2 { 
color: #993300;
margin-top:0;
}

#error_messages ul {  
margin-bottom:0;
padding-bottom:0;
}

#donation_form span.required{
color:#B00; 
margin-left:3px; 
}

#donation_form label{
display:inline;
}

.field_group{ 
margin-bottom:5px;
}
 
.suggestion_list{
border: 1px solid; 
padding: 4px; 
}

.suggestion_list ul{ 
padding: 0; 
margin: 0; 
list-style-type: none; 
}
 .suggestion_list a { 

 }
 .suggestion_list .selected { 
 background: navy; 
 color: white; 
 }
 
 .suggestion_list .selected a { 
 color: white; 
 }
 
 #autosuggest { 
 display: none; 
 }
 
 #form_actions input{
	margin-right:10px;
	font-size:100%;
	color:#FFF;
	padding:3px 5px;
	border:1px solid #464041;
	background:#464041;
	width:auto;
 }
 #amount,
 #subscribe{ 
	width:auto;
	margin:0;
 }
 h3.confirm{
background: #c1c595; 
padding:20px; 

margin-bottom:20px;
 }