@charset "UTF-8";
/* ###################################################################### Basic elements */
p {
	margin: 0 0 12px;
	padding: 0;
	}
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding: 2px 0 10px 0;
	margin: 5px 0 0 0;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding: 2px 0 8px 0;
	margin: 4px 0 0 0;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 2px 0 6px 0;
	margin: 3px 0 0 0;
	}
a {
	color: #1B65A7;
	}
/* ###################################################################### Wrapper */
body {
	background: #e9e8d6 url('../../../demo/img/bg_body.png') repeat-x 0 0;
	text-align: center;
	color: #000; /* #726f61;*/
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px
	}
	#container {
		margin: 0 auto;
		width: 864px;
		text-align: left;
		background: url('../../../demo/img/bg_container.png') repeat-y 50% 0;
		}
		#header {
			height: 109px;
			background: url('../../../demo/img/bg_header.png') no-repeat 50% 0;
			}
			#header h1 a {
	position: absolute;
	top: 108px;
	margin-left: 63px;
	width: 130px;
	height: 121px;
	/* background: url('../../../img/h1_goodwill.png') no-repeat 0 0; */
	left: 54px;
	overflow: auto
				}
			#nav {
	position: absolute;
	top: 87px;
	margin: 0 0 0 450px;
	width: 627px;
	left: -227px;
				}
				#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #333333;
					}
					#nav li {
						margin: 0;
						padding: 0;
						display: inline;
						}
						#nav a {
	background: url('../../../demo/img/bg_nav.png') no-repeat 0 50%;
	text-decoration: none;
	color: #333333; padding-left:10px; padding-right:0px; padding-top:0; padding-bottom:0
							}
							#nav a:hover {
	color: #FFFFFF;
}
						#nav li.first a { background-image: url('none'); }
						#nav li.current a {
	color: #FFFFFF;
}
			#subnav {
	position: absolute;
	top: 115px;
	margin-left: 268px;
	left: -4px;
				}
				#subnav ul {
					margin: 0;
					padding: 0;
					list-style: none;
					}
					#subnav li {
						display: block;
						float: left;
						}
						#subnav a {
							margin-right: 25px;
							display: block;
							height: 25px;
							background-image: url('../../../demo/img/bg_subnav.png');
							background-repeat: no-repeat
							}
							#subnav a:hover {}
							#subnav span { display: none; }
						#subnav_support a {
							width: 100px;
							background-position: 0 0;
							}
						#subnav_home a {
							width: 124px;
							background-position: -126px 0;
							}
						#subnav_homeless a {
							width: 118px;
							background-position: -276px 0;
							}
						#subnav_programs a {
							width: 116px;
							background-position: -419px 0;
							}
		#banner {
			height: 107px;
			
			background: url('../../../demo/img/bg_banner.jpg') no-repeat 50% 0;
			}
		#content {
			width: 730px;
			padding: 10px 67px 10px;
			min-height: 200px;
			}
			#breadcrumb {
				margin: 0 0 12px;
				color: #93969a;
				}
				#breadcrumb a {
					text-decoration: none;
					color: #b5b8bc;
					}
				#breadcrumb span {
					padding: 0 8px;
					color: #b5b8bc;
					}
		#footer {
			background: #e9e8d6 url('../../../demo/img/bg_footer.png') no-repeat 50% 100%;
			text-align: center;
			color: #93969a; padding-left:45px; padding-right:67px; padding-top:0; padding-bottom:24px
			}
			#footer .col {
				float: left;
				width: 238px;
				margin: 0 8px 25px 0;
				}
			#footer #col3.col {
				margin-right: 0;
				}
				#footer .col .box {
					background: #dcdfe1;
					margin: 0 0 10px;
					text-align: left;
					color: #777;
					font-size: 11px;
					}
					#footer .col .box a {
						color: #0067b1;
						font-weight: bold;
						text-decoration: none;
						} #footer .col .box a:hover { color: #2289d3; }
					#footer .col .box .content {
						padding: 5px 10px;
						}
					#footer .col .box .footer {
						height: 5px;
						background: url('../../../demo/img/bg_box_footer_footer.png') no-repeat 50% 100%;
						}
				#footer #box_news {}
					#footer #box_news .header {
						height: 30px;
						background: url('../../../demo/img/bg_box_header_newsevents.png') no-repeat 0 0;
						}
						#footer #box_news .header h3 { display: none; }
					#footer #box_news .content {}
						#footer #box_news p {
							}
							#footer #box_news p a {
								font-weight: normal;
								color: #777;
								}
								#footer #box_news p a:hover { color: #999; }
								#footer #box_news p a strong {
									font-weight: bold;
									color: #25313e;
									}
									#footer #box_news p a:hover strong { color: #47535f; }
				#footer #box_paperworks {}
					#footer #box_paperworks .header {
						height: 14px;
						background: url('../../../demo/img/bg_box_header_paperworks.png') no-repeat 0 0;
						}
						#footer #box_paperworks .header h3 { display: none; }
					#footer #box_paperworks .content {
						padding-right: 90px;
						min-height: 60px;
						background: url('../../../demo/img/bg_box_content_paperworks.png') no-repeat 100% 0;
						}
				#footer #box_mailinglist {}
					#footer #box_mailinglist .header {
						height: 30px;
						background: url('../../../demo/img/bg_box_header_mailinglist.png') no-repeat 0 0;
						}
						#footer #box_mailinglist .header h3 { display: none; }
					#footer #box_mailinglist .content {}
						#box_mailinglist input {
							border: 1px solid #8fabc4;
							background: #fff;
							font-size: 11px;
							}
						#box_mailinglist button {
							font-size: 11px;
							background: #4578ad;
							color: #fff;
							border: 1px solid;
							border-top-color: #608cb9;
							border-right-color: #608cb9;
							border-bottom-color: #3b6693;
							border-left-color: #3b6693;
							}
				#footer #box_resources {}
					#footer #box_resources .header {
						height: 30px;
						background: url('../../../demo/img/bg_box_header_resources.png') no-repeat 0 0;
						}
						#footer #box_resources .header h3 { display: none; }
				#footer #box_donate {}
					#footer #box_donate .header {
						height: 30px;
						background: url('../../../demo/img/bg_box_header_donate.png') no-repeat 0 0;
						}
						#footer #box_donate .header h3 { display: none; }
					#footer #box_donate .content {
						padding-right: 75px;
						min-height: 60px;
						background: url('../../../demo/img/bg_box_content_donate.png') no-repeat 100% 0;
						}
			/*
			#footer .box {
				float: left;
				margin: 0 0 40px 20px;
				width: 220px;
				background: #cfd5db;
				}
				#footer .box .header {
					height: 10px;
					background: url(../img/bg_box_header_grey.png) no-repeat 0 0;
					}
				#footer .box .content {
					padding: 0 10px;
					}
				#footer .box .footer {
					height: 10px;
					background: url(../img/bg_box_footer_grey.png) no-repeat 0 0;
					}
			
			#footer #box_news.box { margin-left: 0; }
			*/
			#address {
				clear: both;
				}
/* ###################################################################### Layout */
.twocol {}
	.twocol #content {}
		.twocol #primary {
			background: url('../../../demo/img/bg_content_twocol_border.png') no-repeat 100% 100%;
			float: left;
			width: 475px;
			padding-left:0; padding-right:20px; padding-top:0; padding-bottom:0
			}
				#primary ul {
					margin: 0 0 16px 16px;
					padding: 0 0 0 0;
				}
				#primary li {
						margin: 0 0 4px 0;
						padding: 0 0 0 0;
				}
				#primary li a {
					margin: 0;
					padding: 0;
					line-height: 1.3em;
					list-style-image: url('/layout/2009/img/black_arrow_right.gif');
				}
			.twocol #primary img {
				border: 1px solid #DCDFE1;
				margin: 0;
			}
				#primary_divider {
					height: 1px;
					background: #DCDFE1 url('../../../demo/img/bg_content_horz_border.png') no-repeat 100% 100%;
					margin: 10px 0;
				}
				
				.gwinn { 
					background-color: #DCDFE1;
					padding: 6px 0 6px 6px;
					margin: 2px 0 0 0;
				}
				
		.twocol #secondary {
			float: right;
			width: 225px;
			font-size: 11px;
			}
			.twocol #secondary img {
				border: 1px solid #DCDFE1;
				margin: 0;
			}
				.twocol #secondary ul {
					margin: 0 0 8px 16px;
					padding: 0 4px 0 4px;
				}
				.twocol #secondary li {
						margin: 0 0 4px 0;
						padding: 0 0 0 0;
				}
				.twocol #secondary li a {
					margin: 0;
					padding: 0;
					line-height: 1.3em;
					list-style-image: url('/layout/2009/img/black_arrow_right.gif');
					font-size: 12px
				}
				
				.twocol #secondary h2 {
					font-size: 11px;
					background-color: #DCDFE1;
					padding: 6px 0 6px 6px;
					margin: 0 0 4px 0;
				}				
				.twocol #secondary h3 {
					padding: 0px 4px 0px 4px;
				}
				.twocol #secondary .box {
					border: 1px solid #DCDFE1;
					margin: 0 0 6px 0;
				}
/* ###################################################################### Page-specific */
#home {}
	#home #boxes {
		width: 730px;
		background: url('../../../demo/img/bg_boxes_contents_home.png') repeat-y 50% 0;
		color: #fff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:12px
		}
		
		#home #boxes li a {
			margin: 0;
			padding: 0;
			line-height: 1.3em;
			list-style-image: url('/layout/2009/img/whitedot.gif');
		}
			
	#home #boxes .header {
		height: 40px;
		background: url('../../../demo/img/bg_boxes_headers_home.png') no-repeat 50% 0;
		}
	#home #boxes .content {
		clear: both;
		}
		#home #boxes .box {
			float: left;
			width: 167px;
			padding: 6px 6px 5px;
			margin-left: 5px;
			font-size: 14px;
			}			
		#home #boxes #box4.box {
			margin-right: 0;
			width: 149px;
			}
			#home #boxes .box a {
				color: #fff;
				}
			#home #boxes .box ul {
				margin: 0;
				}
	#home #boxes .footer {
		clear: both;
		height: 10px;
		background: url('../../../demo/img/bg_boxes_footers_home.png') no-repeat 50% 0;
		}
	/*
	#home #primary .box {
		float: left;
		width: 165px;
		margin: 0 0 12px 13px;
		color: #fff;
		}
		#home #primary .box .header {
			margin: 0;
			padding: 0;
			height: 11px;
			}
		#home #primary .box .content {
			padding: 34px 10px 0;
			background-position: 100% 0;
			background-repeat: no-repeat;
			}
		#home #primary .box .footer {
			height: 11px;
			}
	#home #primary #box1 {
		margin-left: 0;
		background-color: #85af64;
		}
		#home #primary #box1 .header { background-image: url(../img/bg_box_header_green.png); }
		#home #primary #box1 .content { background-image: url(../img/bg_box_content_support.png); }
		#home #primary #box1 .footer { background-image: url(../img/bg_box_footer_green.png); }
	#home #primary #box2 { background-color: #6669b3; }
		#home #primary #box2 .header { background-image: url(../img/bg_box_header_purple.png); }
		#home #primary #box2 .content { background-image: url(../img/bg_box_content_shopping.png); }
		#home #primary #box2 .footer { background-image: url(../img/bg_box_footer_purple.png); }
	#home #primary #box3 { background-color: #7fa8cf; }
		#home #primary #box3 .header { background-image: url(../img/bg_box_header_blue.png); }
		#home #primary #box3 .content { background-image: url(../img/bg_box_content_homeless.png); }
		#home #primary #box3 .footer { background-image: url(../img/bg_box_footer_blue.png); }
	#home #primary #box4 { background-color: #d9946a; }
		#home #primary #box4 .header { background-image: url(../img/bg_box_header_red.png); }
		#home #primary #box4 .content { background-image: url(../img/bg_box_content_programs.png); }
		#home #primary #box4 .footer { background-image: url(../img/bg_box_footer_red.png); }
	*/
	
/* App */ 

table.AppTable	{
	width: 100%;
	margin: 10px 0 10px 0;
	border: 1px solid #154E80;
	background-color: #F7F7F5;
}		
td.AppHeader {
	width: 100%;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 4px;
	background-color: #2C2E79;
	border-bottom: 1px solid #154E80;
	color: #FFFFFF;
}
td.AppSubHeader {
	width: 100%;
	vertical-align: top;
	padding-left: 4px;
}
td.AppContent {
	width: 100%;
	vertical-align: top;
	padding: 8px 0 8px 0;
	background-color: #F7F7F5;
}
td.AppContentLeft {
	width: 50%;
	vertical-align: top;
	padding: 8px 4px 8px 0;
	text-align:left;
}
td.AppContentRight {
	width: 50%;
	vertical-align: top;
	padding: 8px 0 8px 4px;
	text-align:left;
}

table.AppSection {
	width: 100%;
	margin-bottom: 10px;
}
td.AppSectionHeader {
	width: 100%;
	vertical-align: top;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	background-color: #154E80;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td.AppSectionSubHeader {
	width: 100%;
	vertical-align: top;
	color: #000000;
	padding-left: 4px;
}
td.AppSectionContent {
	width: 100%;
	vertical-align: top;
	background-color: #F7F7F5;
}

table.AppFields {
	width: 100%;
}
td.AppFieldsHeader {
	background-color: #F7F7F5;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
}
td.AppFieldsSubHeader {
	width: 100%;
	padding-left: 4px;
}
tr.AppFieldsRowOdd {
	background-color: #fff;
}
.AppFieldsRowOdd {
	background-color: #fff;
}
tr.AppFieldsRowEven {
	background-color: #F7F7F5;
}
.AppFieldsRowEven {
	background-color: #F7F7F5;
}
td.AppFieldsRequired {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
	text-align: left;
	padding: 0 4px 0 4px;
}
td.AppFieldsOptional {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 30%;
	text-align: left;
	padding: 0 4px 0 4px;
}
td.AppFields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	padding-left: 2px;
	width: 35%;
}
td.AppFieldsGeneric {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	padding-left: 2px;
}
td.AppFieldsMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	padding-left: 2px;
	width: 35%;
	font-size: 9px;
}
td.AppFieldsError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CF2027;
	vertical-align: top;
	padding-left: 2px;
}

.AppButton {
	background-color: #B4B4A4;
	color: #333;
	border: 1px emboss #333;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
}	

td.AppSectionFooter {
	width: 100%;
	vertical-align: top;
	background-color: #F7F7F5;
}

td.AppFooter	{
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	}

input {
border: 1px solid #999;
background-color: #fff;
}

select {
border: 1px solid #999;
background-color: #fff;
}

.DonateButton {
	background-color: #FCED05;
	color: #000000;
	border: 1px solid #000000;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
}