/*-----------------------------------------------------------------------------
Feeding NYC 
created: October 02 2009 - Clare Warburton
modifed: October 02 2009 - Clare Warburton
-----------------------------------------------------------------------------*/

	@import "reset.css";	/* CSS Reset by Eric Meyer */

/*	Main Styles
	...................................................................... */


body {
	font-size: 13px;
	line-height: 18px;
	margin-top: 0px;
	background-image: url(../images/bkgd-lt.gif);
	background-repeat: repeat;
	color: #363425
		}

body, input, textarea, button, select {
	font-family: Arial, Helvetica, sans-serif;
	}

a {
	color: #81a59b;
	font-weight:bold;
	}

a:hover {
	color: #363425;
	}

h1 {
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 18px;
}

h2 {
	font-size: 15px;
	margin-bottom: 18px;
}

h3 {
	font-size: 14px;
	margin-bottom: 18px;
}

h4 {
	font-size: 12px;
	margin-bottom: -18px;
}

p, ul {
	font-size: 13px;
	margin: 18px 0;
	color: #363425;

}

blockquote {
	font-weight: bold;
	padding: 10px;
}

blockquote p {
	margin: 0;
}

cite {
	text-align: right;
	display: block;
	padding-right: 10px;

}


/* navigation area */

#navBar { float: left; margin-top: 0px; margin-left: 60px; width: 900px}

#navBar ul {margin: 0; display:inline;}
#navBar li {float: left; padding: 14px 22px 0 21px; list-style: none; font-size: 14px; font-weight: bold }
#navBar li a { text-transform: uppercase; text-decoration: none; background: none; color: #363425; padding: 4px 6px; }	
#navBar li a:hover, #navBar li .on { text-transform: uppercase; border:0; background-color: #81a59b; padding: 4px 6px; color: #FFF}	

#navBar a:link, #navBar a:visited {border: 0px; outline:none;}

#navBar li .addthis_toolbox a {padding: 4px 2px;} 
#navBar li .addthis_toolbox a:hover {background-color: #fff; padding: 4px 2px; } 


/* wrap for content */

#wrap { 
	margin: 0 auto; 
	width: 1024px;
		background-image: url(../images/bkgd.gif);
	background-repeat: repeat;

	}


/* banner area */	
#banner {
	background-color: #f7f6f2;
	background-image: url(../images/bkgd-top.png); 
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 180px;
	width: 1024px;
}

.logo a:hover, .logo a {border-bottom: 0px solid #FFF; text-decoration: none;background:none;}
.logo {padding-top: 20px; padding-left: 40px}


/* primary content area */
#primary { width: 1024px; }
#secondary { width: 1024px;  background: url(../images/interiorBkgd.jpg) no-repeat}

div#headerTxt {margin-left: 60px; padding-top: 20px; width: 600px;}

h1.donationTxt {background-image: url(../images/txt-MakeADonation.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.takeactionTxt {background-image: url(../images/txt-TakeAction.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.faqTxt {background-image: url(../images/txt-FrequentlyAskedQuestions.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.partnershipTxt {background-image: url(../images/txt-OurPartnership.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.aboutTxt {background-image: url(../images/txt-AboutUs.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.thanksTxt {background-image: url(../images/txt-ThankYou.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.sponsorsTxt {background-image: url(../images/txt-Sponsors.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px;}
h1.recurringTxt {background-image: url(../images/txt-RecurringGift.png);background-repeat: no-repeat; text-indent: -9999px; height: 34px; line-height:34px; margin-top: 20px}



h2.whoTxt {background-image: url(../images/txt-WhoWeAre.png); background-repeat: no-repeat; text-indent: -9999px; height: 18px; line-height: 18px}
h2.howTxt {background-image: url(../images/txt-HowCanYouHelp.png);background-repeat: no-repeat; text-indent: -9999px; height: 18px; line-height: 18px}
h2.volunteerTxt {background-image: url(../images/txt-VolunteerSignupSoon.png); background-repeat: no-repeat; text-indent: -9999px; height: 24px; line-height: 24px}


.TLcorner {background: #FFFFFF url(../images/TL-White.png) no-repeat top left;}
.shadow {background: transparent url(../images/BR-White.png) no-repeat bottom right;  padding-bottom: 17px; }

/* read on buttons */
div.readon {background: url(../images/MoreBtn-White.png); height: 29px; width: 63px; float: right; margin: 4px 12px;line-height: 32px }
div.readon a { font-size: 11px; font-weight: bold; padding-left: 6px; text-decoration:none }
div.readon a:hover { font-size: 11px; font-weight: bold; padding-left: 6px; color: #81a59b }

div.donateBtn, input.donateBtn {background-color: #F90; padding: 6px 8px; width: 100px; margin: 0 0 18px 0; text-align:center; border: 0; font-weight: bold; font-size: 13px; color: #fff;}
div.donateBtn a {font-weight: bold; font-size: 13px; color: #fff; text-decoration:none}
div.donateBtn a:hover {font-weight: bold; color: #f1f1f1; font-size: 13px; }

div.donateBtn:hover {background-color: #FC0}

.boxes {width: 317px; height: 262px; float: left}
.takeactionwide {background: url(../images/TakeActionBoxWide.png) no-repeat top left; width: 300px; }
.goalswide {background: url(../images/GoalBoxWide.png) no-repeat top left; width: 300px; }



.takeaction {background: url(../images/TakeActionBox.png) no-repeat top left #81a59b;}
.goals {background: url(../images/GoalBox.png) no-repeat #CBC201; margin-left: 6px}
.partnership {background: url(../images/PartnershipBox.png) no-repeat;margin-left: 6px }
.sponsor {background: url(../images/SponsorBox.png) no-repeat #a6a285; margin-left: 6px}

.faqs div p {margin: 0; }
.faqs div h3 {border-bottom: 1px solid #f0eee6; font-size:16px; padding-bottom: 18px}
.faqWrap {width: 620px}

div.boxes p {padding: 80px 12px 0px 16px; margin: 0}

.sponsorLogos {background: url(../images/SponsorsBkgd.gif) no-repeat #ffffff; width: 954px; margin-bottom: 24px; float: left; padding-top: 40px; padding-left: 10px}

/*flickr */
div#flickr {border: 10px solid #fff !important; background-color: #fff; width: 240px; height: 200px; padding: 20px}
div#flickr img {text-align: center}


/* footer */
#footer {
	background-color: #363425; padding: 40px 0 20px 0;
	margin-top: 20px;
}

#footer p {
	margin-top: 0px;  text-align: center; color: #dedeca;}
	
#footer a {color: #f7bd21; text-decoration: underline}
#footer a:hover {text-decoration: none}

#footer p.footerLinks a {font-weight: normal;}
#footer p.footerLinks a:hover {font-weight: normal;}


/* easy clearing */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.rounded {
	padding: 15px;
	background-color: #ffffff; 
	border: 1px solid #cccccc
}

ul.standard
{
margin-left: 0;
padding-left: 0;
list-style:  circle;
}

ol.standard
{
margin-left: 20px;
padding-left: 0;
list-style: decimal;
}

.standard li
{
padding-left: 10px;
line-height: 1.4em;
margin: 0 0 18px 0;
}

.standard li ul li
{
padding-left: 10px;
line-height: 1.4em;
margin: 0 0 0 0;
}

/* for the forms */

#register form li div {
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#555555;
}

li.leftHalf,  li.rightHalf{
	width:46% !important;
}

li.leftHalf{
	clear:left;
	float:left;
}

li.rightHalf{
	clear:none;
	float:right;
}

#register label {
	display: block;
	font-weight: bold;
	border:none;
	margin-top: 8px;
}

#register label.error {
	color: red;
	font-weight: normal;
}



#register input {
	width:100%;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px 5px 5px 5px;
border-radius: 5px;
border:1px solid #CCCCCC;
padding:6px;
	font-size: 12px;
	color: #81a59b;
}


 #register textarea, #register select  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px 5px 5px 5px;
border:1px solid #CCCCCC;
border-radius: 5px;
padding:6px;
width:100%;
}


#register .submit  input {
	width: 106px;
	height: 29px;
	padding: 0;	
	border: 0px solid #999999;
	margin-top: 10px;
	float: left;
}

.form input:hover, .form input:focus, .form select:hover, .form select:focus {
border-color:#999999;
}