body{ font: 12px/14px verdana; margin: 0; color: white; font-weight: bold;}
a{ color: #521481; }

#container { width: 100%;}

/*home page styles*/
.mainContainHome{ background: url("/images/content_background.jpg") no-repeat top; height: 440px; margin: 17px 0 0 0; border-top: solid 1px white;}
.contentHome { margin: 5px 20px 20px 20px; width: 600px;}
.contentHome p{ width: 462px;  line-height: 16px; margin: 5px 0 5px 0;}
.bottomContent{ color: #606060; font: 13px/16px verdana; line-height: 16px;  }

ul.homeButtons { width: 600px; margin: 50px 0 10px 0; padding: 0px; list-style-type: none; clear: both;}
ul.homeButtons li{ margin: 0px; background-repeat: no-repeat; float: left;}
ul.homeButtons li a span{ visibility: hidden;}
ul.homeButtons li.buttonApply{ background: url("/images/button_apply.gif") no-repeat; width: 165px; height: 31px; padding: 0; margin-right: 112px;}
ul.homeButtons li.buttonApply a{ display: block; height: 31px; width: 165px; }
ul.homeButtons li.buttonHelp{  background: url("/images/button_help.gif") no-repeat; width: 273px; height: 33px; padding: 0 10px;}
ul.homeButtons li.buttonHelp a{ display: block; height: 33px; width: 273px; }
ul.homeButtons li.buttonEvents{ background: url("/images/button_events.gif") no-repeat; width: 273px; padding: 0 2px;}
ul.homeButtons li.buttonEvents a{ display: block; height: 32px; width: 273px; }
ul.homeButtons li.buttonDonors{ background: url("/images/button_donors.gif") no-repeat; width: 220px;padding: 0 5px;}
ul.homeButtons li.buttonDonors a{ display: block; height: 32px; width: 220px; }
ul.homeButtons li.buttonAwards{ background: url("/images/button_awards.gif") no-repeat; width: 220px; padding: 0 0 20px 5px; margin: 5px 0 20px 0; }
ul.homeButtons li.buttonAwards a{ display: block; height: 32px; width: 220px; }
ul.homeButtons li.buttonAgenda{ background: url("/images/buttonAgenda.gif") no-repeat; width: 295px; padding: 0 0 20px 5px; margin: 5px 0 20px 52px; border: 1px solid black;}
ul.homeButtons li.buttonAgenda a{ display: block; height: 32px; width: 295px; }
/*
.cdhaLayer { position: relative; z-index: 3; width: 320px; left:156px; margin: 0px; top:-180px; border: 1px solid green;}
*html .cdhaLayer { top: -130px; }
*/
.cdhaLayer { position: relative;
			z-index: 3;
			border: 0px solid black;
			margin: 0;
			padding: 0;
			width: 300px;
			height: 60px;
			left: 410px;
			top: -105px;
}


.buttonCDHA{ 
	background: url("/images/button_cdha.gif") no-repeat; 
	height: 23px;
	width: 219px; 
	float: right;
	margin: 0 80px 0 0;
	border: 0px solid blue;
}
* html .buttonCDHA { margin: 0 40px 0 0; } /* IE Hack */
.buttonCDHA a{ display: block; height: 23px; width: 219px;}
.buttonCDHA a span{ visibility: hidden; }

.buttonDonate{ 
	background: url("/images/button_donate.gif") no-repeat; 
	height: 23px;
	width: 214px; 
	float: right;
	margin: 0 80px 0 0;
	border: 0px solid blue;
	padding-right: 3px;
}
* html .buttonDonate { margin: 0 38px 0 0; } /* IE Hack */
.buttonDonate a { display: block; height: 23px; width: 219px; }
.buttonDonate a span { visibility: hidden; }

.findOut { background: url("/images/find_out.gif") no-repeat; height: 10px; width: 109px;}
.findOut a{ display: block; height: 10px; width: 109px; float: left;}
.findOut a span{ visibility: hidden;}

/*other page styles*/
.mainContain { height: 100%; margin: 10px 0 0 0; border-top: solid 1px white; }
.content { margin: 0px 20px 20px 20px; width: 600px;}
.content p{ width: 600px; margin: 8px 0 8px 0;}

h3 span, h4 span { visibility: hidden; }
h3.logo { background: url(/images/cdha_logo.gif) no-repeat; height: 78px; width: 305px; margin: 20px 0 0 0;}
h4.welcome { background: url("/images/h4welcome.gif") no-repeat left top; margin: 10px 0 10px 0;}
h4.mission { background: url("/images/h4ourmission.gif") no-repeat left top; margin: 10px 0 10px 0;}
h4.newsEvents { background: url("/images/h4news_events.gif") no-repeat left top; }
h4.whatsNew { background: url("/images/h4_whatsNew.gif") no-repeat left top; width: 100px; height: 9px; padding: 0; margin: 20px 0 -20 0; }
h4.aboutUs { background: url("/images/h4_aboutus.gif") no-repeat left top; }
h4.professionalsWhoCare { background: url("/images/h4_professionalsWhoCare.gif") no-repeat left top; }
h4.professionalsWhoCare2008 { background: url("/images/h4_professionalsWhoCare2008.gif") no-repeat left top; }
h4.annualreports { background: url("/images/h4_annualreports.gif") no-repeat left top; }
h4.affiliations { background: url("/images/h4_affiliations.gif") no-repeat left top;}
h4.news { background: url("/images/h4_news.gif") no-repeat left top; }
h4.news { background: url("/images/h4_news.gif") no-repeat left top; }
h4.callForProposals { background: url("/images/h4_callForProposals.gif") no-repeat left top; }
h4.events { background: url("/images/h4_events.gif") no-repeat left top; }
h4.apply { background: url("/images/h4_apply.gif") no-repeat left top; }
h4.ways { background: url("/images/h4_ways.gif") no-repeat left top; }
h4.contact { background: url("/images/h4_contact.gif") no-repeat left top; }
h4.donors { background: url("/images/h4_donors.gif") no-repeat left top; }
h4.2004donors { background: url("/images/2004_donors.gif") no-repeat left top; }
h4.2005donors { background: url("/images/2005_donors.gif") no-repeat left top; }
h4.2006donors { background: url("/images/2006_donors.gif") no-repeat left top; }
h4.2007donors { background: url("/images/2007_donors.gif") no-repeat left top; }
h4.2008donors { background: url("/images/2008_donors.gif") no-repeat left top; }
h4.makedonation { background: url("/images/h4_makedonation.gif") no-repeat left top; }
h4.whygive { background: url("/images/h4_whygive.gif") no-repeat left top; }
h4.history { background: url("/images/h4_history.gif") no-repeat left top; }
h4.fundedprojects { background: url("/images/h4_fundedprojects.gif") no-repeat left top; }
h4.policies { background: url("/images/h4_policies.gif") no-repeat left top; }
h4.map { background: url("/images/h4_sitemap.gif") no-repeat left top; }
h5 { font: 11px/14px verdana; font-weight: bold; margin: 4px 0 4px 0; color: #606060;}

#nav{ width: 712px; border-top: 1px solid white; background-color: white; }
#nav ul{ width: 712px; margin: 0px 0 0 0; padding: 0px; list-style-type: none; clear: both;}
#nav ul li{ margin: 0px; padding: 0px; background-repeat: no-repeat; float: left;  height: 39px;}
#nav ul li.home{ background: url("/images/menu_home.gif"); width: 57px; }
#nav ul li.homeHighlight{ background: url("/images/menu_home_hilite.gif"); width:57px;}
#nav ul li.about{ background: url("/images/menu_about.gif"); width: 78px; }
#nav ul li.aboutHighlight{ background: url("/images/menu_about_hilite.gif"); width: 78px;}
#nav ul li.news{ background: url("/images/menu_news.gif"); width: 53px; }
#nav ul li.newsHighlight{ background: url("/images/menu_news_hilite.gif"); width: 53px;}
#nav ul li.events{ background: url("/images/menu_events.gif"); width: 62px; }
#nav ul li.eventsHighlight{ background: url("/images/menu_events_hilite.gif"); width: 62px;}
#nav ul li.apply{ background: url("/images/menu_apply.gif"); width: 120px; }
#nav ul li.applyHighlight{ background: url("/images/menu_apply_hilite.gif"); width: 120px;}
#nav ul li.ways{ background: url("/images/menu_ways.gif"); width: 100px; }
#nav ul li.waysHighlight{ background: url("/images/menu_ways_hilite.gif"); width: 100px;}
#nav ul li.contact { background: url("/images/menu_contact.gif"); width: 89px; }
#nav ul li.contactHighlight { background: url("/images/menu_contact_hilite.gif"); width: 89px; }
#nav ul li.map { background: url("/images/menu_map.gif"); width: 71px; }
#nav ul li.mapHighlight { background: url("/images/menu_map_hilite.gif"); width: 71px;}
#nav ul li.donate { background: url("/images/menu_donate.gif"); width: 75px; }
#nav ul li.donateHighlight { background: url("/images/menu_donate_hilite.gif"); width: 75px;}
#nav ul li a { display: block; height: 32px; margin: 0px; padding: 0px; }
#nav ul li a span{ display: none; }
#subMenu ul { font: 11px/14px verdana; width: 705px; margin: 0px 0 0 0; padding: 0px; list-style-type: none; clear: both; border-bottom: 3px solid #7F46AA; }
#subMenu ul li { margin: 0 0px 0 0px; padding: 0px; background-repeat: no-repeat; float: left; }
#subMenu ul li a { display: block; height: 17px; margin: 0 14px 0 5px; padding: 0px; float: left; color: #7F46AA; text-decoration: none;}
#subMenu ul li a:hover { text-decoration: underline; } 

#footer{}

/*helper classes*/

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