/*	COLORS

	Red				#bf2e1a >> #bf311a
	Light green		#d8df82
	Dark green		#c3cf21 >> #c2cd23
	Light brown		#9d7968
	Dark brown		#663300
	
	FEEDING			#e97900
	ILLINOIS		#52682b
*/

body *
{
	/*border: 1px solid #000;*/
}

body
{
	background: #eee;
	font: 62.5%/1.4 Arial, sans-serif;
	text-align: center;
}

	#airlock
	{
		background: #fff;
		border: 1px solid #666;
		color: #333;
		margin: 20px auto;
		text-align: left;
		width: 980px;
	}

hr
{
	background: transparent;
	color: #d8df82;
	border: none;
	border-top: 1px solid #fff;
	height: 1px;
	width: 100%;
}

a
{
	border-bottom: 1px solid #52682b;
	color: #000;
	text-decoration: none;
}

	a:link
	{
		background: transparent;
		border-bottom: 1px solid #52682b;
		color: #000;
	}

	a:visited
	{
		background: transparent;
		border-bottom: 1px solid #52682b;
		color: #666;
	}

	a:hover
	{
		border-bottom: 1px solid #52682b;
	}

	a:active
	{
		background: #52682b;
		border-bottom: none;
		color: #000;
	}

strong
{
	font-weight: bold;
}

em, cite
{
	font-style: italic;
}

em.info
{
	font-size: .8em;
	font-style: normal;
}

sup
{
	font-size: .5em;
	vertical-align: top;
}

label
{
	float: left;
	margin-right: 1ex;
	text-align: right;
	width: 5em;
}

table {}

    table tbody {}

        table tbody tr {}

            table tbody tr td {
                padding: 5px 0;
            }

#submit
{
/*	margin: 1em 0 0 7em; */
}

.counties_map
{
	margin-top: 1em;
}

	.description
	{
		background: #fff;
		border: 1px solid #fff;
		color: #fff;
		display: none;
		left: 50px;
		opacity: .9;
		padding: 10px;
		position: absolute;
		text-align: center;
		width: 280px;
		-moz-border-radius: 10px;
	}

	.legend li
	{
		list-style: none;
	}
	
.figure
{
	float: right;
	font-size: 0.67em;
	width: 50%;
}

	.figure img
	{
		width: 100%;
	}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#page_header
{
	background: #fff url('header_banners/a.jpg') no-repeat 510px 20px;
	min-height: 0;
	padding-top: 1px;
	position: relative;
}

	#page_header h1
	{
		background: transparent url('feeding_illinois_logo.gif') no-repeat top left;
		height: 90px;
		margin: 3px 0 3px 40px;
		overflow: hidden;
		padding: 0;
		width: 306px;
	}

		#page_header h1 a
		{
			background: transparent;
			border-bottom: none;
			display: block;
			height: 90px;
			letter-spacing: -9999px;
			overflow: hidden;
			text-indent: -1em;
			width: 306px;
		}

	#page_header .navigation
	{
		background: transparent url('nav_shadow.gif') repeat-x left bottom;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: 0.06em;
		margin-top: 2em;
		padding: 0 0 10px 30px;
		text-align: center;
	}

		#page_header .navigation li
		{
			border-right: 2px solid #999;
			display: block;
			float: left;
			padding: 0.25em 0 0.67em;
			position: relative;
		}

			#page_header .navigation li.last
			{
				border: none;
			}

			#page_header .navigation li a
			{
				background: transparent;
				border-bottom: none;
				margin: 0 1.5ex;
				padding: 5px 0;
				text-decoration: none;
				text-transform: uppercase;
				white-space: nowrap;
			}

				/* Some drop-down menu business... */

				#page_header .navigation li ul
				{
					background: #fff;
					border-bottom: 5px solid #e97900;
					border-top: 5px solid #e97900;
					display: none;
					left: -5px;
					margin-top: 5px;
					padding: 5px 0;
					position: absolute;
					top: 1em;
				}

					#page_header .navigation li ul li
					{
						border: 0;
						display: block;
					}

						#page_header .navigation li ul li a:link,
						#page_header .navigation li ul li a:visited
						{
							color: #e97900;
							padding: 5px;
						}

				#page_header .navigation li:hover ul
				{
					display: block;
				}

				/* That's all the drop-down stuff. */

				#page_header .navigation li a:link
				{
					color: #666;
				}

				#page_header .navigation li a:visited
				{
					color: #666;
				}

				#page_header .navigation li a:hover
				{
					color: #000;
				}

				#page_header .navigation li a:active
				{
					color: #000;
				}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#page_content
{
	font-size: 1.4em;
	padding: 30px 0;
}

	#page_content .header
	{
		padding: 0 70px;
		margin-bottom: 1em;
	}


	#page_content .content
	{
		float: left;
		margin: 0 -30px 30px 30px;
		padding: 0 0 0 40px;
		width: 400px;
	}

		#page_content .content #spotlight
		{
			background: #52682b;
			color: #fff;
			padding: 10px 0 5px;
			position: relative;
			top: -80px;
			-moz-border-radius: 0 0 10px 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
		}

			#page_content .content #spotlight h3
			{
				color: #a1aa1d;
				font-size: 0.8em;
				letter-spacing: 1px;
				margin: 0 0 5px 20px;
				text-transform: uppercase;
			}

			#page_content .content #spotlight h4
			{
				color: #a1aa1d;
				font-size: 0.8em;
				margin: 0 0 5px 20px;
			}

			#page_content .content #spotlight p
			{
				margin: 0 10px 15px 20px;
			}

				#page_content .content #spotlight p img
				{
					margin-right: 10px;
				}

			#page_content .content #spotlight a
			{
				border-bottom-color: #a1aa1d;
				color: #fff;
			}

		#page_content .content .need_food
		{
		}

			#page_content .content .need_food a
			{
				background: #e97900;
				border: 0;
				color: #fff;
				display: block;
				font-size: .8em;
				margin: 0;
				padding: 15px 20px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}

				#page_content .content .need_food a:link
				{
					color: #fff;
				}

				#page_content .content .need_food a:visited
				{
					color: #fff;
				}

				#page_content .content .need_food a:hover
				{
					color: #fff;
				}

				#page_content .content .need_food a:active
				{
					color: #000;
				}

				#page_content .content .need_food em
				{
					display: block;
					font-style: normal;
					font-weight: bold;
					letter-spacing: .125ex;
					text-transform: uppercase;
				}
	
				#page_content .content .need_food strong
				{
					display: block;
				}
	

	#page_content .footer
	{
		clear: both;
		font-size: .8em;
		padding: 0 70px;
	}

		#page_content .footer li
		{
			margin-bottom: 0;
		}

/* #page_content typography */

#page_content .header
{
	font-size: 1.4em;
}

#page_content h2
{
	color: #000;
	font: 1.4em Georgia, serif;
}

#page_content h3
{
	color: #e97900;
	font-size: 1.2em;
	font-weight: bold;
}

#page_content h4
{
	color: #a1aa1d;
	font-size: 1.2em;
	font-weight: bold;
}

#page_content p
{
	margin: 0 0 1em;
}

#page_content ul
{
	list-style: disc outside;
	margin-left: 10pt;
}

#page_content ol
{
	list-style: decimal outside;
	margin-left: 10pt;
}

#page_content li
{
	margin: 0 0 1em 0;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#page_footer
{
	background: #fff;
	clear: both;
	padding-bottom: 1em;
}

	#page_footer .navigation
	{
		background: #fff;
		border-top: 1px solid #ccc;
		font-size: 1.2em;
		font-weight: bold;
		padding: 10px 0;
		text-align: center;
	}

		#page_footer .navigation li
		{
			border-right: 2px solid #999;
			display: inline;
		}

			#page_footer .navigation li.last
			{
				border: none;
			}

			#page_footer .navigation li a
			{
				background: transparent;
				border-bottom: none;
				margin: 0 1ex;
				text-decoration: none;
				white-space: nowrap;
			}

				#page_footer .navigation li a:link
				{
					color: #666;
					background: transparent;
				}

				#page_footer .navigation li a:visited
				{
					color: #666;
					background: transparent;
				}

				#page_footer .navigation li a:hover
				{
					color: #333;
					background: transparent;
				}

				#page_footer .navigation li a:active
				{
					color: #000;
					background: transparent;
				}
				
	#page_footer p.copyright,
	#page_footer p.address
	{
		text-align: center;
	}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#home #page_header .home_link,
#about #page_header .about_link,
#news #page_header .news_link,
#hunger #page_header .hunger_link,
#how #page_header .how_link,
#need #page_header .need_link,
#help #page_header .help_link,
#advocacy #page_header .advocacy_link,
#contact #page_header .contact_link
{
	color: #000;
}

#home #page_footer .home_link,
#about #page_footer .about_link,
#news #page_footer .news_link,
#hunger #page_footer .hunger_link,
#how #page_footer .how_link,
#need #page_footer .need_link,
#help #page_footer .help_link,
#advocacy #page_footer .advocacy_link,
#contact #page_footer .contact_link
{
	color: #000;
}



#home #page_header
{ background-image: url('header_banners/a.jpg'); }

#about #page_header
{ background-image: url('header_banners/b.jpg'); }

#news #page_header
{ background-image: url('header_banners/c.jpg'); }

#hunger #page_header
{ background-image: url('header_banners/d.jpg'); }

#how #page_header
{ background-image: url('header_banners/e.jpg'); }

#need #page_header
{ background-image: url('header_banners/f.jpg'); }

#help #page_header
{ background-image: url('header_banners/g.jpg'); }

#advocacy #page_header
{ background-image: url('header_banners/h.jpg'); }

#contact #page_header
{ background-image: url('header_banners/a.jpg'); }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#home #airlock
{
	background: #fff url('light_brown.gif') repeat-y top right;
}

#home #page_content
{
	padding: 0;
}

	#home #page_content .content
	{
		margin: 0;
		width: 430px;
	}

		#home #page_content .content #spotlight
		{
			margin-bottom: 15px;
			position: static;
			-moz-border-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;


		}


		#home #page_content .content h2
		{
			color: #52682b;
			font: bold 4em/.875 Arial, sans-serif;
			margin: 20px 20px 20px 60px;
			text-indent: -60px;
			text-transform: uppercase;
		}

	#home #page_content .secondary
	{
		background: #9d7968 url('bag_top_white.gif') no-repeat top left;
		color: #fff;
		float: right;
		font-size: .8em;
		margin: 0;
		padding: 80px 0 40px;
		width: 470px;
	}

		#home #page_content .secondary h3
		{
			color: #fff;
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: .125ex;
			margin-left: 40px;
			text-transform: uppercase;
		}
		
		#home #page_content .secondary a.special {
			background: #3b6327;
			border: 1px solid #3b6327;
			clear: left;
			color: #d8df82;
			display: block;
			float: left;
			margin: 35px;
			padding: 15px 15px 20px;
			text-align: center;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		#home #page_content .secondary a.special:hover {
			border: 1px solid #d8df82;
		}

			#home #page_content .secondary a.special strong.heading {
				color: #fff;
				font-size: 1.5em;
			}
			
			#home #page_content .secondary a.special em {
				color: #fff;
				font-style: normal;
			}

		
		#home #page_content .secondary table.social_icons {
			margin: 33px 30%;
			table-layout: fixed;
			width: 40%;
		}

			#home #page_content .secondary table.social_icons td {
				text-align: center;
			}

				#home #page_content .secondary table.social_icons a {
					border: 0;
					color: #d8df82
				}
		
					#home #page_content .secondary table.social_icons a img {
						margin: 0 0 5px;
						-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
						-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
					}

		#home #page_content .grid
		{
			float: left;
			margin: 10px 0 0 10px;
			width: 450px;
		}

			#home #page_content .grid a
			{
				background: transparent;
				border-bottom: none;
				display: block;
				float: left;
				text-align: center;
				width: 220px;
			}

				#home #page_content .grid a:link
				{
					color: #fff;
				}

				#home #page_content .grid a:visited
				{
					color: #fff;
				}

				#home #page_content .grid a:hover
				{
					color: #fff;
				}

				#home #page_content .grid a:active
				{
					color: #fff;
				}

				#home #page_content .grid a strong
				{
					letter-spacing: .125ex;
					text-transform: uppercase;
				}

					#home #page_content .grid a:link strong
					{
						color: #d8df82;
					}

					#home #page_content .grid a:visited strong
					{
						color: #d8df82;
					}

					#home #page_content .grid a:hover strong
					{
						color: #fff;
					}

					#home #page_content .grid a:active strong
					{
						color: #000;
					}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#need #counties_map
{
	margin: 0 0 2em;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



#help #page_content .content.b h3
{
	color: #52682b;
	font-size: 3em;
	line-height: 1.0;
	text-transform: uppercase;
}

	#help #page_content .content.b h3.n1
	{
		margin-left: 20px;
	}

	#help #page_content .content.b h3.n2
	{
		margin-left: 60px;
	}

	#help #page_content .content.b h3.n3
	{
		margin-left: 40px;
	}

	#help #page_content .content.b h3.n4
	{
		margin-left: 120px;
	}