body { margin: 0; padding: 0; background: url(../_images/bg-main.gif) 0 0 repeat; }
body#requestForm { background-image: none; }

#container { width: 868px; margin: 0 auto; padding: 0 3px 10px 3px; background: #fff url(../_images/bg-content.gif) 0 0 repeat-y; position: relative; }
	#logo { padding: 10px 0; }
	#thankYou { width: 400px; border: 1px solid #8b8d09; padding: 6px 10px; background: #ffffed; position: absolute; top: 10px; right: 10px; }

	#socialNav { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #7f7f7f; position: absolute; top: 104px; right: 10px; }
		#socialNav a { margin: 0 4px 0 0; }

	#header { padding: 0 0 0 8px; }

	#twoColumn { width: 852px; padding: 0 8px; overflow: hidden; }
		#leftColumn { width: 516px; float: left; }
		#rightColumn { width: 330px; float: right; }
		
	.content { font-size: 1.2em; line-height: 1.4em; }
		.content h1 { width: 514px; height: 62px; background: url(../_images/hdr-norman-borlaug-story.gif) 0 0 no-repeat; }
		.content h2 { margin: 0 0 8px 0; width: 516px; height: 48px; background: url(../_images/hdr-dr-norman-borlaug.gif) 0 0 no-repeat; }
		.content h3 { width: 330px; height: 165px; background: url(../_images/hdr-educators.jpg) 0 0 no-repeat; }
		.content h4#hdrFieldGuide { width: 250px; height: 48px; background: url(../_images/hdr-field-guide.gif) 0 0 no-repeat; }
		.content h4#hdrFreedom { width: 250px; height: 48px; background: url(../_images/hdr-own-freedom-from-famine.gif) 0 0 no-repeat; }
			.content h1 span, .content h2 span, .content h3 span, .content h4 span { position: absolute; left: -999em; }
		.content p { padding: 0 0 16px 0; }
		.content a { font-weight: bold; color: #000; }
	
	/* Form Styles */
	.form { width: 500px; margin: 0 auto; font-size: .9em; }
	div.formRow { width: 500px; overflow: hidden; clear: both; margin: 0 0 3px 0; padding: 5px 0; background: #fcefcf; }
		div.formRow span.formLabel { width: 135px; font-weight: bold; text-align: right; float: left; }
		div.formRow span.formControl { width: 345px; text-align: left; float: right; } 
		div.formRow textarea { width: 300px; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
		div.formRow input.formButton { border: none; padding: 5px; background: #edad06; font-weight: bold; color: #fff; cursor: pointer; }
		div.formRow input.formButton2 { border: none; padding: 5px; background: #f00; font-weight: bold; color: #fff; cursor: pointer; }
		div.formRow label { display: inline !important; }
		.currentRow { background: #ffc !important; }
		div.formRow label.error { display: block !important; font-weight: bold; color: #f00;  }
		div.formRow input.error { border: 1px dotted #f00; }
		div.formRow select.error { border: 1px dotted #f00; }
		div.formRow textarea.error { border: 1px dotted #f00; }
	
	#educators { margin: 0 0 10px 0; background: #fcefcf url(../_images/bg-educators.jpg) left bottom no-repeat; }
	
	.indent { padding: 0 20px 0 10px; }
	.photo { float: left; margin: 0 10px 5px -10px; }
	.gray { color: #666; }
	
	.twoColumn { width: 516px; padding: 0 0 10px 0; overflow: hidden; }
		.twoColumnLeft { width: 250px; float: left; }
		.twoColumnRight { width: 260px; float: right; }

	#mainFlash { padding: 7px 0; }
	#altContent { width: 514px; height: 243px; padding: 150px 0 0 0; background: #000; color: #fff; text-align: center; }

#footer { width: 874px; margin: 0 auto; padding: 30px 0; background: url(../_images/bg-footer.gif) 0 0 no-repeat; }
	#footerLogo { margin: 0 0 0 12px; padding: 0 15px 20px 0; float: left; }
	
	
	
/* Order Page */
#flipPromo { display: block; float: right; margin: 0 0 10px 20px; }
#orderIntro { padding: 30px 8px 10px 8px; font-size: 1.2em; line-height: 1.4em; }
	#orderIntro h1 { font-size: 1.2em; font-weight: bold; }
	#orderIntro p { padding: 0 0 16px 0; }
	
	.orderColumns { width: 852px; padding: 0 8px 30px 8px; overflow: hidden; }
		.orderLeft { width: 492px; float: left; }
			.orderLeft h2 { font-size: 1.4em; font-weight: bold; color: #2788b4; }
		.orderRight { width: 338px; float: right; font-size: 1.2em; }
				.underline { margin-bottom: 24px; border-bottom: 2px solid #e2e2e2; padding-bottom: 24px; }
			.orderRight ul.noPadding { padding: 0; }
			.orderRight ul { padding: 0 0 30px 0; list-style-type: none; }
				.orderRight ul li { padding: 0 0 10px 8px; background: url(../_images/bullet.gif) 0 5px no-repeat; }
				.orderRight a { color: #0097e2; }
				
				.orderForm { width: 338px; background: #e2e2e2; margin: 0 0 10px 0; overflow: hidden; }
					.orderField { width: 50px; border-right: 2px solid #fff; padding: 10px; text-align: center; float: left; }
					.orderButton { width: 245px; padding: 20px 10px 0 10px; float: left; }
					.downloadButton { width: 245px; padding: 10px; }


/* Share Page */
#shareIntro { padding: 30px 8px 10px 8px; font-size: 1.2em; line-height: 1.4em; }
	#shareIntro img { float: left; }
	#shareIntro h1 { font-size: 1.2em; font-weight: bold; }
	#shareIntro p { padding: 0 0 16px 0; }
	.deadline { color: #2788b4; }
	
#shareForm { margin: 10px 0 0 0; border-top: 2px solid #fae7b7; padding: 20px 8px; }
    #shareForm p { font-size: 1.2em; padding: 0 0 16px 0; }
	#shareForm .form { width: 700px; margin: 0; font-size: 1.1em; }
	#shareForm div.formRow { width: 700px; overflow: hidden; clear: both; margin: 0 0 3px 0; padding: 5px 0; background: #fff; }
		#shareForm div.formRow span.formLabel { width: 100%; padding: 0 0 5px 0; display: block; font-weight: normal; color: #2788b4; text-align: left; float: none; }
		#shareForm div.formRow span.formControl { width: 90%; padding: 0 0 0 15px; display: block; text-align: left; float: none; } 
		#shareForm div.formRow textarea { width: 460px; height: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
		#shareForm div.formRow input.formButton { border: none; padding: 5px; background: #edad06; font-weight: bold; color: #fff; cursor: pointer; }
		#shareForm div.formRow input.formButton2 { border: none; padding: 5px; background: #f00; font-weight: bold; color: #fff; cursor: pointer; }
		#shareForm div.formRow label { display: inline !important; }
		#shareForm .currentRow { background: #ffc !important; }
		#shareForm div.formRow label.error { display: block !important; font-weight: bold; color: #f00;  }
		#shareForm div.formRow input.error { border: 1px dotted #f00; }
		#shareForm div.formRow select.error { border: 1px dotted #f00; }
		#shareForm div.formRow textarea.error { border: 1px dotted #f00; }