/**
 * Hacks used throughout:
 * { *property: value; } Read by IE 6 and 7.
 * { _property: value; } Read by IE 6.
 */



/* === Reset-reset === */

b, strong {font-weight: bold;}
i, em {font-style: italic;}
sub {font-size: x-small; vertical-align: text-bottom;}
sup {font-size: x-small; vertical-align: text-top;}



/**
 * Whatever:hover for IE6
 * Note that the path is relative to the _HTML file_, not the CSS file.
 * I have no idea why.
 */
 
body {
	_behavior: url("/style/csshover3.htc");
}



/* === Some typographic business === */

#content h1, #sidebar h1,
#content h2, #sidebar h2,
#content h3, #sidebar h3,
#content h4, #sidebar h4,
#content h5, #sidebar h5,
#content h6, #sidebar h6 {
	margin: 0 24px;
}

#content h2 {
	color: rgb(0, 66, 122);
	font-size: 22px;
	font-weight: bold;
	line-height: 32px;
	text-transform: uppercase;
}

	#content h2 span.escape {
		font-size: 14px;
		font-weight: normal;
		text-transform: none;
	}
	
		#content h2 span.escape em.campaign {
			display: block;
			font-family: 'Times New Roman', serif;
			font-weight: bold;
			margin: -10px 0 10px;
		}

#content h3 {
	color: rgb(0, 66, 122);
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
}

#content h4 {
	color: rgb(0, 66, 122);
	font-size: 16px;
	line-height: 22px;
}

#content h5 {
	color: rgb(0, 66, 122);
	text-transform: uppercase;
}

#content blockquote {
	background: #EDF8FE;
	border: 1px solid #D3EEFB;
	margin: 0 24px 12px 24px;
	padding: 12px 0 6px;
}

#content p {
	margin: 0 24px 12px;
}

	#content p em.campaign {
		color: rgb(0, 66, 122);
		font-family: 'Times New Roman', serif;
		font-size: 118.1818%;
		font-weight: bold;
	}
	
	#content p span.title {
		font-size: 9px;
		text-transform: uppercase;
	}

#content p.intro {
	color: rgb(0, 66, 122);
	font-size: 14px;
	line-height: 21px;
}

	#content p.intro strong.celebrate {
		color: rgb(194, 219, 117);
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-style: normal;
		text-transform: uppercase;
	}
	
#content p.subhead {
	color: rgb(0, 66, 122);
	margin-top: 2px;
}

#sidebar p {
	margin: 15px 9px 15px 24px;
}

	#sidebar p em.campaign {
		font-family: 'Times New Roman', serif;
		font-size: 118.1818%;
	}

#content ul, #sidebar ul {
	margin: 12px 12px 24px 36px;
}

	#content ul li, #sidebar ul li {
		list-style-image: url(../images/carat-bullet.png);
		margin-bottom: 4px;
	}
	
		#content ul li ul, #sidebar ul li ul {
			margin-top: 0;
		}
		
			#content ul li ul li, #sidebar ul li ul li {
				margin-bottom: 0;
			}
	
#content table, #sidebar table {
	border-collapse: separate;
	border-spacing: 2px;
	margin: 0 12px 12px;
	width: 90%;
}

	#content table td, #sidebar table td {
		line-height: 1.125em;
		padding: 0 10px;
	}

	#content table td.dollar-sign {
		width: 1em;
		padding-right: 0;
	}
	
	#content table td.amount {
		padding-left: 0;
		text-align: right;
		width: 2.5em;
	}

#content hr {
	background: #EDF8FE;
	border: 1px solid #D3EEFB;
	height: 1em;
	margin: 24px;
}
	
#content a, #sidebar a {
	color: rgb(0, 66, 122);
}



/* Gallery frame */

#_gallery-frame {
	background: #fff;
	display: none;
	height: 64px;
	left: 50%;
	margin: -32px 0 0 -32px;
	position: absolute;
	top: 50%;
	width: 64px;
	-moz-box-shadow: 0 5px 50px -5px #000;
}

	#_gallery-frame div.close {
		background: transparent url(/images/gallery-controls.png) no-repeat scroll center center;
		cursor: pointer;
		display: block;
		height: 40px;
		opacity: 0.75;
		position: absolute;
		right: -20px;
		top: -20px;
		width: 40px;
	}
	
	#_gallery-frame div.close:hover {
		opacity: 1;
	}
	
	#_gallery-frame img.progress {
		left: 50%;
		margin: -16px 0 0 -16px;
		position: absolute;
		top: 50%;
	}
	
	#_gallery-frame a.prev {
		background: transparent url(/images/gallery-controls.png) no-repeat scroll left center;
		cursor: pointer;
		height: 40px;
		left: -20px;
		letter-spacing: -2em;
		opacity: 0.75;
		overflow: hidden;
		position: absolute;
		text-indent: -2em;
		top: 50%;
		width: 40px;
	}

	#_gallery-frame a.prev:hover {
		opacity: 1;
	}
	
	#_gallery-frame a.next {
		background: transparent url(/images/gallery-controls.png) no-repeat scroll right center;
		cursor: pointer;
		height: 40px;
		letter-spacing: -2em;
		opacity: 0.75;
		overflow: hidden;
		position: absolute;
		right: -20px;
		text-indent: -2em;
		top: 50%;
		width: 40px;
	}
	
	#_gallery-frame a.next:hover {
		opacity: 1;
	}

/* Gallery list */

#content ul.gallery-list {
	list-style: none;
	overflow: auto;
	padding: 5px 0;
}

	#content ul.gallery-list li {
		float: left;
		list-style: none;
		margin: 3px 5px;
	}
	
		#content ul.gallery-list li a {
			display: block;
		}
		
			#content ul.gallery-list li a img {
			border: 1px solid #999;
				width: 170px;
				-moz-box-shadow: 0 3px 5px -3px #000;
			}

			#content ul.gallery-list li a:hover img {
				border: 1px solid #000;
			}



/* === Layout === */

html {
	overflow-x: hidden;
	width: 100%;
}

	body {
		height: 100%;
		overflow-x: hidden;
		width: 100%;
	}

#airlock {
	background: transparent url(../images/bg-gradient.gif) repeat-x fixed left top;
	font: 11px/18px Arial, sans-serif;
	min-height: 100%;
	padding: 33px 0;
	text-align: center;
	width: 100%;
}

	#frame {
		background: rgb(194, 219, 117) url(../images/bullet-bg.png) repeat-y scroll 265px bottom;
		border: 40px solid #fff;
		border-width: 0 30px;
		height: auto;
		margin: 0 auto;
		text-align: left;
		width: 880px;
		-moz-box-shadow: 0px 5px 33px -10px #000;
		-webkit-box-shadow: 0px 3px 20px #000;
	}

		#navigation {
			background: rgb(0, 66, 122) url(../images/church-bw.jpg) no-repeat scroll left 30px;
			border-bottom: 20px solid #fff;
			height: 30px;
			width: 100%;
			margin: 0 auto;
			padding-bottom: 333px;
			_padding-bottom: 332px;
			text-align: center;
		}
		
			/* Menu bar */
			#navigation ul {
				float: left;
				left: 50%;
				position: relative;
			}
			
				/* Menu bar item */
				#navigation ul li {
					float: left;
					left: -50%;
					position: relative;
					text-align: left;
				}
					/* Menu bar link */
					#navigation ul li a {
						border-left: 1px solid #fff;
						color: #fff;
						display: inline-block;
						font-weight: bold;
						height: 20px;
						line-height: 1;
						padding: 10px 10px 0;
						text-decoration: none;
						white-space: nowrap;
					}
					
					/* Links-to-come go nowhere and are dim */
					#navigation ul li a[href=''] {
						opacity: 0.5;
					}
					
					#navigation ul li:first-child a {
						border-left: 0;
					}
					
					#navigation ul li a:hover {
						text-shadow: 0 0 1px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
					}
				
					/* Drop down menu (hidden) */
					#navigation ul li ul {
						background: rgb(199, 234, 251) url(../images/navigation-arrow.png) no-repeat scroll 5px -20px;
						background: rgba(199, 234, 251, 0.85) url(../images/navigation-arrow.png) no-repeat scroll 5px -20px;
						border: 1px solid #fff;
						border-width: 0 1px 1px 1px;
						display: none;
						left: 0;
						padding: 15px 0;
						position: absolute;
						top: 30px;
						-moz-box-shadow: 0 3px 20px -5px #000;
						-moz-border-radius: 0 0 5px 5px;
						-webkit-box-shadow: 0 2px 5px #000;
						-webkit-border-top-left-radius: 0;
						-webkit-border-top-right-radius: 0;
						-webkit-border-bottom-left-radius: 5px;
						-webkit-border-bottom-right-radius: 5px;
					}
					
					/* Drop down menu (visible) */
					#navigation ul li:hover ul {
						display: block;
					}
						/* Drop down menu item */
						#navigation ul li ul li {
							_clear: left;
							display: block;
							float: none;
							_float: left;
							left: 0;
							position: relative;
							top: 0;
						}
						
							/* Drop down menu link */
							#navigation ul li ul li a {
								border-top: 3px dotted rgb(0, 66, 122);
								border-top: 3px dotted rgba(0, 66, 122, 0.75);
								border-left: 0;
								color: rgb(0, 66, 122);
								display: block;
								_display: inline-block;
								height: auto;
								margin: 0 15px;
								padding: 10px 0;
							}
							
							#navigation ul li ul li:first-child a {
								border-top: 0;
							}
							
							/* Sub-menu (hidden) */
							#navigation ul li:hover ul li ul {
								background: rgb(199, 234, 251) url(../images/navigation-arrow.png) no-repeat scroll -22px 5px;
								background: rgba(199, 234, 251, 0.75) url(../images/navigation-arrow.png) no-repeat scroll -22px 5px;
								border: 1px solid #fff;
								display: none;
								margin-left: -5px;
								left: 100%;
								padding: 5px 0;
								top: 0;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
							}
							
							/* Sub-menu (visible) */
							#navigation ul li:hover ul li:hover ul {
								display: block;
							}
							
								/* Sub-menu item */
								#navigation ul li ul li ul li {}
					
									/* Sub-menu link */
									#navigation ul li ul li ul li {}
									
		#content {
			float: right;
			_margin-left: 264px;
			margin-top: -290px;
			width: 70%;
		}
		
			#content-header {
				background: #fff;
				padding: 1px 0;
			}
						
			#content-body {
				background: #fff;
				min-height: 180px;
				padding: 1px 0;
			}
				
			#content-footer {
				padding: 2em 0;
			}
									
		#sidebar {
			_clear: both;
			color: rgb(0, 66, 122);
			float: left;
			padding: 1px 0;
			width: 30%;
		}
		
		#footer {
			background: #fff;
			clear: both;
			overflow: auto;
			padding: 20px 0;
			_zoom: 1;
		}
		
			#footer-sidebar {
				float: left;
				text-align: center;
				width: 30%;
			}

			#footer-content {
				float: right;
				font-size: 9px;
				text-align: center;
				width: 70%;
			}
			
				#footer-content a {
					color: rgb(0, 66, 122);
					margin: 0 0.33em;
					text-decoration: none;
					text-transform: uppercase;
				}