/* --- body default values --- */

body {
	margin:0;
	padding:0;
	background:url(../images/bg-pattern.gif) repeat;
	font:62.5% Verdana, Helvetica, Arial, sans-serif;
	color:#222222;
}

h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:120%;
	color:#e86928;
}

h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	line-height:120%;
	color:#e86928;
}

h3 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	line-height:120%;
	color:#e86928;
}

h4 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	line-height:120%;
	color:#e86928;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

a:link {
	color:#5D6D3D;
	text-decoration:none;
}

a:visited {
	color:#5D6D3D;
	text-decoration:none;
}

a:hover {
	color:#5D6D3D;
	text-decoration:underline;
}

a:active {
	color:#5D6D3D;
	text-decoration:underline;
}

ul {
	margin:0 0 5px 30px;
	padding:0;
	list-style-type:disc;
	font-size:1.2em;
	line-height:130%;
}

ul li {
	margin-bottom:5px;
}

ul li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

ul li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol {
	margin:0 0 5px 33px;
	padding:0;
	font-size:1.2em;
	line-height:130%;
}

ol li {
	margin-bottom:5px;
}

ol li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

.alignTextLeft {
	text-align:left;
}

.alignTextRight {
	text-align:right;
}

.floatLeft {
	float:left;
	margin-right:10px;
}

.floatRight {
	float:right;
	margin-left:10px;
}

.clearFloat {
	clear:both;
	height:0;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides footer info that only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari */
img {
	vertical-align:bottom;
	border:none;
}

/* this class should be used on a div to put some vertical space such as after the last paragraph */
.verticalSpacer {
	margin:0 0 5px 0;
	padding:0;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
acronym {
	border-bottom:1px dotted #666;
	cursor:help;
}

/* -------------------------------------------------- */

/* REMINDER:the total width of a <div> will include the padding and border in addition to the width specified in the CSS so adjust the width attribute if adjusting the padding and border attributes -- i.e. reduce width if increasing padding and/or border width sizes and vice versa */

/* main container that contains all other elements below */
#wrapper {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	width:980px;
}

#mastheadTop {
	width:980px;
	height:9px;
	background:url(../images/donate-today-top.gif) no-repeat;
}

#masthead {
	position:relative;
	margin-bottom:4px;
	width:978px;
	height:149px;
	border-right:1px solid #778459;
	border-bottom:1px solid #778459;
	border-left:1px solid #778459;
	background:#FFFFFF;
}

#logo {
	position:absolute;
	top:0;
	left:50px;
}

#tagline {
	position:absolute;
	bottom:15px;
	right:40px;
}

/* --- top nav buttons - rollover effect without javascript --- */

#homeButton {
	position:absolute;
	width:60px;
	height:19px;
	top:10px;
	right:749px;
	background:url(../images/home-button.gif) left top no-repeat;
}

#homeButton a:link, #homeButton a:visited {
	display:block;
	width:60px;
	height:19px;
	text-decoration:none;
	background:url(../images/home-button.gif) left top no-repeat;
}

#homeButton a:hover, #homeButton a:active {
	background-position:right;
}

#contactUsButton {
	position:absolute;
	width:105px;
	height:19px;
	top:10px;
	right:618px;
	background:url(../images/contact-us-button.gif) left top no-repeat;
}

#contactUsButton a:link, #contactUsButton a:visited {
	display:block;
	width:105px;
	height:19px;
	text-decoration:none;
	background:url(../images/contact-us-button.gif) left top no-repeat;
}

#contactUsButton a:hover, #contactUsButton a:active {
	background-position:right;
}

#annualReportButton {
	position:absolute;
	width:135px;
	height:19px;
	top:10px;
	right:458px;
	background:url(../images/annual-report-button.gif) left top no-repeat;
}

#annualReportButton a:link, #annualReportButton a:visited {
	display:block;
	width:135px;
	height:19px;
	text-decoration:none;
	background:url(../images/annual-report-button.gif) left top no-repeat;
}

#annualReportButton a:hover, #annualReportButton a:active {
	background-position:right;
}

#grantEligibilityButton {
	position:absolute;
	width:159px;
	height:19px;
	top:10px;
	right:272px;
	background:url(../images/grant-eligibility-button.gif) left top no-repeat;
}

#grantEligibilityButton a:link, #grantEligibilityButton a:visited {
	display:block;
	width:159px;
	height:19px;
	text-decoration:none;
	background:url(../images/grant-eligibility-button.gif) left top no-repeat;
}

#grantEligibilityButton a:hover, #grantEligibilityButton a:active {
	background-position:right;
}

#nowAcceptingApplicationsButton {
	position:absolute;
	width:127px;
	height:27px;
	top:32px;
	right:297px;
	background:url(../images/now-accepting-applications-button.gif) left top no-repeat;
}

#nowAcceptingApplicationsButton a {
	display:block;
	width:127px;
	height:27px;
	text-decoration:none;
	background:url(../images/now-accepting-applications-button.gif) left top no-repeat;
}

#blogButton {
	position:absolute;
	width:52px;
	height:19px;
	top:10px;
	right:193px;
	background:url(../images/blog-button.gif) left top no-repeat;
}

#blogButton a:link, #blogButton a:visited {
	display:block;
	width:52px;
	height:19px;
	text-decoration:none;
	background:url(../images/blog-button.gif) left top no-repeat;
}

#blogButton a:hover, #blogButton a:active {
	background-position:right;
}

#donateTodayButton {
	position:absolute;
	width:175px;
	height:60px;
	top:0;
	right:0;
	background:url(../images/donate-today-button.gif) left top no-repeat;
}

#donateTodayButton a:link, #donateTodayButton a:visited {
	display:block;
	width:175px;
	height:60px;
	text-decoration:none;
	background:url(../images/donate-today-button.gif) left top no-repeat;
}

#donateTodayButton a:hover, #donateTodayButton a:active {
	background-position:right;
}

/* -------------------------------------------------- */

/* container for main nav QuickMenu code */
#mainNav {
	margin-bottom:4px;
	width:980px;
	height:25px;
	background:#98002e;
}

/* container for main image, Flash and anything else right below the main nav and above the mainContainer */
#mainImageContainer {
	margin-bottom:4px;
	width:980px;
}

/* container for homepage Flash */
#flashContainer {
	float:right;
	width:367px;
	height:282px;
	background-color:#585746;
}

/* container for main content */
#mainContainer {
	margin-bottom:25px;
	width:978px;
	border:1px solid #778459;
	background-color:#FFFFFF;
}

/* --- homepage - 2 side columns, a main column, and contents specific to homepage --- */

#homepageVerticalDividersBg {
	margin:15px 0;
	width:978px;
	background:url(../images/homepageVerticalDividersBg.gif) repeat-y;
}

#homepageSideColumn1 {
	float:left;
	margin:0 20px;
	width:223px;
	text-align:left;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#homepageSideColumn1 p {
	font-size:1.2em;
	line-height:150%;
}

#homepageSideColumn1 .customLineHeight100PctTextAlignLeft {
	line-height:100%;
	text-align:left;
}

#homepageMainColumn {
	float:left;
	margin:0 23px;
	width:406px;
	text-align:left;
}

#homepageMainColumn p {
	font-size:1.2em;
	line-height:150%;
}

#homepageSideColumn2 {
	float:left;
	margin:0 20px;
	width:223px;
	text-align:left;
}

#homepageSideColumn2 p {
	font-size:1.2em;
	line-height:150%;
}

.headingFontSize {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	line-height:120%;
	color:#e86928;
}

/* -------------------------- */

/* --- blog/RSS feed sections on homepage and Newsroom page --- */

#homepageBlogSection {
	margin:-2px;
	padding:0;
}

#homepageBlogSection img, #homepageBlogSection .caption {
	float:left;
	padding-right:10px;
}

#internalpageBlogSection {
	margin:-2px;
	padding:0;
}

/* hides these items on blog entries */
.tweetmeme_button {
	display:none;
}

/* -------------------------- */

/* --- Partner Profile box in homepage --- */

#partnerProfileBox {
	width:404px;
	border:1px solid #778459;
	background-color:#FFFFFF;
}

#partnerProfileBoxHeading {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.8em;
	line-height:100%;
	color:#FFFFFF;
	padding:5px 0 0 20px;
	width:404px;
	height:29px;
	background:url(../images/box-heading-bg-orange.jpg) no-repeat;
}

#partnerProfileBox h2 {
	padding:0 20px;
}

#partnerProfileBox p {
	padding:5px 20px;
}

/* -------------------------- */

/* --- Make a Difference box --- */

#makeADifferenceBoxHomepage {
	position:relative;
	margin-top:20px;
	width:223px;
	height:118px;
	background:url(../images/make-a-difference-box-homepage.jpg) no-repeat;
}

#makeADifferenceBoxInternalPage {
	position:relative;
	width:223px;
	height:118px;
	background:url(../images/make-a-difference-box-internalpage.jpg) no-repeat;
}

#subscribeButton {
	position:absolute;
	width:82px;
	height:23px;
	top:85px;
	left:25px;
	background:url(../images/subscribe-button.jpg) left top no-repeat;
}

#subscribeButton a:link, #subscribeButton a:visited {
	display:block;
	width:82px;
	height:23px;
	text-decoration:none;
	background:url(../images/subscribe-button.jpg) left top no-repeat;
}

#subscribeButton a:hover, #subscribeButton a:active {
	background-position:right;
}

#donateButton {
	position:absolute;
	width:59px;
	height:23px;
	top:85px;
	left:135px;
	background:url(../images/donate-button.jpg) left top no-repeat;
}

#donateButton a:link, #donateButton a:visited {
	display:block;
	width:59px;
	height:23px;
	text-decoration:none;
	background:url(../images/donate-button.jpg) left top no-repeat;
}

#donateButton a:hover, #donateButton a:active {
	background-position:right;
}

/* -------------------------- */

/* --- ShareThis button container --- */

#shareThisButtonContainer {
	position:relative;
}

#shareThisButtonHomepage {
	position:absolute;
	top:0px;
	right:0;
}

#shareThisButton {
	position:absolute;
	top:-10px;
	right:0;
}

/* -------------------------- */

/* --- internal page - 1 side column (orange or white), a main column, and contents specific to internal page --- */

#internalPage1SideColumnBg {
	padding:15px 0 50px 0;
	width:978px;
	background:url(../images/internalPage1SideColumnBg.gif) repeat-y;
}

#internalPageSideColumn {
	float:left;
	margin:10px 20px 0 20px;
	width:223px;
	text-align:left;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#internalPageSideColumn h1, #internalPageSideColumn h2, #internalPageSideColumn h3 {
	color:#FFFFFF;
}

#internalPageSideColumn p {
	font-size:1.2em;
	line-height:150%;
	color:#FFFFFF;
}

#internalPageMainColumn {
	float:left;
	margin:0 20px;
	width:675px;
	text-align:left;
}

#internalPageMainColumn p {
	font-size:1.2em;
	line-height:150%;
}

#internalPageMainColumn ul {
	list-style-type:none;
}

#internalPageMainColumn ul li {
	background:url(../images/bullet-logo.gif) no-repeat 0 top;
	padding-left:14px;
}

#internalPage1SideWhiteColumnBg {
	padding:15px 0;
	width:978px;
	background:#FFFFFF;
}

#internalPageSideWhiteColumn {
	float:left;
	margin:10px 20px 0 20px;
	width:223px;
	text-align:left;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#internalPageSideWhiteColumn p {
	font-size:1.2em;
	line-height:150%;
}

/* -------------------------- */

/* --- internal page - 2 side columns (orange and green), a main column, and contents specific to internal page --- */

#internalPage2SideColumnsBg {
	padding:15px 0 50px 0;
	width:978px;
	background:url(../images/internalPage2SideColumnsBg.gif) repeat-y;
}

#internalPageSideColumn1 {
	float:left;
	margin:10px 20px 0 20px;
	width:223px;
	text-align:left;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#internalPageSideColumn1 h1, #internalPageSideColumn1 h2, #internalPageSideColumn1 h3 {
	color:#FFFFFF;
}

#internalPageSideColumn1 p {
	font-size:1.2em;
	line-height:150%;
	color:#FFFFFF;
}

#internalPageMainColumn2 {
	float:left;
	margin:0 20px;
	width:412px;
	text-align:left;
}

#internalPageMainColumn2 p {
	font-size:1.2em;
	line-height:150%;
}

#internalPageMainColumn2 ul {
	list-style-type:none;
}

#internalPageMainColumn2 ul li {
	background:url(../images/bullet-logo.gif) no-repeat 0 top;
	padding-left:14px;
}

#internalPageSideColumn2 {
	float:left;
	margin:0 20px 0 20px;
	width:223px;
	text-align:left;
}

#internalPageSideColumn2 h1, #internalPageSideColumn2 h2, #internalPageSideColumn2 h3 {
	color:#FFFFFF;
}

#internalPageSideColumn2 p {
	font-size:1.2em;
	line-height:150%;
	color:#FFFFFF;
}

#internalPageSideColumn2 a:link, #internalPageSideColumn2 a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#internalPageSideColumn2 a:hover, #internalPageSideColumn2 a:active {
	color:#FFFFFF;
	text-decoration:none;
}

#internalPageSideColumn2 ul, #internalPageSideColumn2 ol {
	color:#FFFFFF;
}

#internalPageSideColumn2 ul {
	list-style-type:none;
}

#internalPageSideColumn2 ul li {
	background:url(../images/bullet-logo-green-bg.gif) no-repeat 0 top;
	padding-left:14px;
}

/* -------------------------- */

/* --- side/subnav links in internal pages --- */

.sideNavSectionIndicator {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.8em;
	line-height:120%;
	color:#3a392e;
	margin-bottom:13px;
}

.sideNav {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:1.5em;
	line-height:120%;
	color:#ffcb04;
}

a:link.sideNav, a:visited.sideNav {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.sideNav, a:active.sideNav {
	color:#ffcb04;
	text-decoration:none;
}

.sideNavDivider {
	margin:5px 0;
	width:100%;
	height:1px;
	border-top:1px solid #FFFFFF;
}

/* -------------------------- */

/* call out boxes */
.callOutBox {
	margin:0;
	padding:0 15px;
	border:1px solid #cccccc;
	background:#efefef;
	color:#e86928;
}

/* Google map container */
#googleMap {
	border:1px solid #CCCCCC;
}

/* footnote */
#internalPageMainColumn p.footnote, #internalPageMainColumn2 p.footnote {
	font-size:1em;
}

/* --- table for publications, newsletters, etc. --- */

table.publications {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:100%;
}

table.publications tr {
	margin-bottom:20px;
}

table.publications tr.publicationHeadingRow {
	color:#FFFFFF;
	font-weight:bold;
	background:#585746;
}

table.publications tr.publicationHeadingRow td {
	padding-right:10px;
	border-bottom:none;
}

table.publications tr.publicationHeadingRow td p {
	margin:0;
	padding:0;
}

table.publications tr td {
	padding-right:10px;
	border-bottom:1px dotted #cccccc;
	vertical-align:top;
}

table.publications tr td p {
	margin:0;
	padding:5px 0 0 0;
}

table.publications tr td a:link, table.publications tr td a:visited {
	color:#005ddc;
	text-decoration:none;
}

table.publications tr td a:hover, table.publications tr td a:active {
	color:#005ddc;
	text-decoration:underline;
}

/* -------------------------- */

/* --- ZOOM search box --- */

form.searchform {
	margin:0;
	padding:0;
	border:none;
}

input#searchBox {
	margin:0;
	padding:4px;
	width:120px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#222222;
}

input#searchFindButton {
	display:inline;
	width:51px;
	height:28px;
	vertical-align:bottom;
}

.highlight {
	background: #FFFF40;
}

/* -------------------------- */

/* --- footer section --- */

#footer {
	margin:0 auto;
	padding-bottom:30px;
	width:980px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:120%;
	text-align:center;
	color:#585746;
}

#footer a:link {
	color:#585746;
	text-decoration:none;
}

#footer a:visited {
	color:#585746;
	text-decoration:none;
}

#footer a:hover {
	color:#201f14;
	text-decoration:underline;
}

#footer a:active {
	color:#201f14;
	text-decoration:underline;
}

/* -------------------------- */

.thumbnails {
	align:left;
}

.surveyAnswer {
	display: none;
}

/* -------------------------- */

/* --- Call to Action Overlay --- */

#wrapperFullPage {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}

#overlayCallToAction {
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	width:100%;
	height:2000px;
	background:url(../images/black-square-50-percent-opacity.png) repeat;
	z-index:1000;
}

#postcardContainer {
	margin:5% auto;
	padding:0;
	width:700px;
	height:465px;
}

#postcardTop {
	width:700px;
	height:357px;
	background:url(../images/patuma-postcard-top.jpg) center top no-repeat;
}

#postcardBottom {
	position:relative;
	width:700px;
	height:108px;
	background:url(../images/patuma-postcard-bottom.gif) center bottom no-repeat;
}

#postcardDonateButton {
	position:absolute;
	width:160px;
	height:60px;
	top:24px;
	left:403px;
	background:url(../images/call-to-action-donate-button.gif) left top no-repeat;
}

#postcardDonateButton a:link, #postcardDonateButton a:visited {
	display:block;
	width:160px;
	height:60px;
	background:url(../images/call-to-action-donate-button.gif) left top no-repeat;
	text-decoration:none;
}

#postcardDonateButton a:hover, #postcardDonateButton a:active {
	background:url(../images/call-to-action-donate-button.gif) right top no-repeat;
}

#closeThisOverlayWindow {
	position:absolute;
	width:80px;
	height:30px;
	top:70px;
	left:615px;
}

#closeThisOverlayWindow a {
	display:block;
	width:80px;
	height:30px;
}

/* -------------------------- */