@charset "UTF-8";
/* ############################################################################################ Basic */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 12px;
	padding: 0;
	}
p {
	margin: 0 0 12px;
	padding: 0;
	}
a { color: #2b9cd6; }
a.pdf {
	display: block;
	padding: 3px 0 2px 20px;
	background: url(../../../layout/global/img/fugue/3.0/document-pdf.png) no-repeat 0 50%;
	}
form {}
	fieldset{}
		button {
			color: #435164;
			font-family: arial, sans-serif;
			width: auto;
			overflow: visible;
			}
		input, select, option, button { font-size: 11px; }
		textarea { font-size: 11px; font-family: arial, sans-serif; padding: 2px; }
		#primary > form button { margin: 0 0 12px; }
		button.image {
			background-color: transparent;
			border: 0;
			margin: 0;
			padding: 0;
			cursor: pointer;
			}
.info {
	margin: 0 0 12px;
	color: #aaa;
	}
/* ############################################################################################ Layout */
.onecol {}
	.onecol #primary,
	.onecol #secondary,
	.onecol #tertiary {
		float: none;
		width: 100%;
		clear: both;
		}
.onecol_menu {}
	.onecol_menu #menu {
		float: right;
		width: 245px;
		}
	.onecol_menu #primary {
		float: left;
		width: 530px;
		}
.twocol {}
	.twocol #primary {
		float: left;
		width: 388px;
		}
	.twocol #secondary {
		float: right;
		width: 388px;
		}
.coming_soon {}
	.coming_soon #primary {
		height: 225px;
		background: url(../img/bg_coming_soon.png) no-repeat 50% 50%;
		}
.prompt {}
	.prompt #content { text-align: center; }
		.prompt #content #breadcrumb, 
		.prompt #content #message, 
		.prompt #content #primary { text-align: left; }
		.prompt #content #primary {
			float: none;
			margin: 0 auto;
			width: 400px;
			}
/* ############################################################################################ Wrapper */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	font-family: arial, sans-serif;
	color: #444;
	background: #006cb7 url(../img/bg_body.jpg) repeat-x 50% 0;
	}
#container {
	margin: 0 auto;
	width: 850px;
	text-align: left;
	}
	#header {
		height: 234px;
		background: url(../img/bg_header.jpg) no-repeat 158px 75px;
		}
		#logo {}
			#logo h1 {
				margin: 0;
				padding: 0;
				}
				#logo a {
					display: block;
					position: absolute;
					z-index: 20;
					top: 38px;
					margin-left: 308px; /* 283 */
					width: 234px;
					height: 125px;
					background: url(../img/bg_logo.png) no-repeat 0 0;
					}
					#logo span {
						display: none;
						width: 234px;
						height: 125px;
						background: url(../img/bg_logo.png) no-repeat 0 -125px;
						text-indent: -9999px;
						}
		#nav {
			position: absolute;
			z-index: 15;
			top: 0;
			margin-left: 64px;
			width: 721px;
			height: 31px;
			background: url(../img/bg_nav.jpg) no-repeat 0 0;
			}
			#nav ul {
				margin: 0;
				padding: 0;
				}
				#nav li {
					margin: 0;
					padding: 0;
					display: inline;
					}
					#nav li a {
						display: block;
						position: absolute;
						z-index: 15;
						top: 0;
						height: 31px;
						overflow: hidden;
						background: url(../img/bg_nav.jpg) no-repeat 0 0;
						}
						#nav a span {
							display: none;
							height: 31px;
							background: url(../img/bg_nav.jpg) no-repeat 0 0;
							text-indent: -9999px;
							}
					#nav li.about_us a { background-position: 0 0; }
					#about_us #nav li.about_us a { background-position: 0 -31px; }
						#nav li.about_us a span {
							width: 83px;
							background-position: 0 -31px;
							}
					#nav li.get_involved a {
						left: 112px;
						background-position: -112px 0;
						}
					#get_involved #nav li.get_involved a {
						background-position: -112px -31px;
						}
						#nav li.get_involved a span {
							width: 110px;
							background-position: -112px -31px;
							}
					#nav li.events a {
						left: 251px;
						background-position: -251px 0;
						}
					#events #nav li.events a { background-position: -251px -31px; }
						#nav li.events a span {
							width: 67px;
							background-position: -251px -31px;
							}
					#nav li.media a {
						left: 346px;
						background-position: -346px 0;
						}
					#media #nav li.media a { background-position: -346px -31px; }
						#nav li.media a span {
							width: 61px;
							background-position: -346px -31px;
							}
					#nav li.store a {
						left: 435px;
						background-position: -435px 0;
						}
					#store #nav li.store a { background-position: -435px -31px; }
						#nav li.store a span {
							width: 60px;
							background-position: -435px -31px;
							}
					#nav li.donate a {
						left: 524px;
						background-position: -524px 0;
						}
					#donate #nav li.donate a { background-position: -524px -31px; }
						#nav li.donate a span {
							width: 71px;
							background-position: -524px -31px;
							}
					#nav li.contact_us a {
						left: 623px;
						background-position: -623px 0;
						}
					#contact_us #nav li.contact_us a { background-position: -623px -31px; }
						#nav li.contact_us a span {
							width: 98px;
							background-position: -623px -31px;
							}
		#username {
			position: absolute;
			z-index: 10;
			top: 37px;
			margin: 0;
			padding: 8px 25px 0;
			width: 800px;
			height: 24px;
			color: #444;
			background: url(../img/bg_username.jpg) no-repeat 50% 0;
			}
			#username .username {
				float: left;
				}
			#username .account_options {
				float: right;
				}
				#username .account_options span { padding: 0 3px; }
			#username a {
				text-decoration: none;
				color: #006cb7;
				}
				#username a:hover { text-decoration: underline; }
	#content {
		padding: 30px 25px 10px;
		min-height: 250px;
		background: #fff url(../img/bg_content.png) no-repeat 50% 0;
		}
		#breadcrumb {
			margin: 0 0 24px;
			padding: 0 0 6px;
			color: #888;
			border-bottom: 1px solid #ccc;
			}
			#breadcrumb a {
				text-decoration: none;
				color: #aaa;
				}
				#breadcrumb a:hover { text-decoration: underline; }
			#breadcrumb span {
				padding: 0 8px;
				color: #aaa;
				}
		#message { margin: 0 0 12px; }
			#message.error {
				color: #d00;
				font-weight: bold;
				}
			#message.success {
				color: #090;
				font-weight: bold;
				}
		#content h2 {
			font-size: 22px;
			color: #2168aa;
			letter-spacing: -1px;
			font-weight: normal;
			}
			#content h2 a {
				color: #2168aa;
				text-decoration: none;
				}
		#primary {}
			.article { margin: 0 0 24px; }
				.article .photo {
					float: right;
					margin: 0 0 10px 10px;
					}
					.article .photo a {}
						.article .photo img {
							display: block;
							border: 6px solid #fff;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							border-radius: 3px;
							-moz-box-shadow: 1px 1px 3px #888;
							-webkit-box-shadow: 1px 1px 3px #888;
							box-shadow: 1px 1px 3px #888;
							}
						#ie8 .article .photo img {
							padding: 6px;
							border: 1px solid #ddd;
							background: #fff;
							}
		#secondary {}
	#footer {
		padding: 20px 0 30px;
		color: #bdf2fa;
		background: #006cb7 url(../img/bg_footer.png) no-repeat 50% 0;
		}
		#footer a {
			color: #bdf2fa;
			text-decoration: none;
			}
			#footer a:hover { text-decoration: underline; }
		#footer .info {
			float: left;
			text-align: left;
			color: #bdf2fa;
			}
		#copyright {
			float: right;
			text-align: right;
			}
/* ############################################################################################ Pages */
#home {}
	#home #primary {}
		#home #player {
			float: right;
			margin: 0 0 12px 12px;
			}
			#home #player video {
				width: 320px;
				height: 214px;
				}
		#home #latest_news {}
			#home #latest_news h2 {}
				#home #latest_news h2 a {
					color: #2168aa;
					text-decoration: none;
					}
			#home #latest_news .article {}
				#home #latest_news .article h3 { margin: 0; }
#news {}
	#news #primary { width: 600px; }
	#news #secondary { width: 180px; }
#promo {}
	#promo #content { padding: 0 25px 10px; }
		#promo #primary {}
			#promo #primary p {
				display: block;
				height: 30px;
				margin: 0;
				padding: 15px 0 0;
				text-align: center;
				}
				#promo #primary p a {
					text-decoration: none;
					color: #aaa;
					}
					#promo #primary p a:hover { color: #2870B2; }
			#promo #promotion {}
				#promo #promotion a {
					display: block;
					width: 800px;
					height: 520px;
					}
					#promo #promotion a * { display: none; }
#about_us {}
	#about_us .person {
		float: left;
		width: 390px;
		margin: 0 0 12px;
		}
	#about_us .person.e { margin-left: 20px; }
		#about_us .person .photo {
			float: right;
			margin: 0 0 10px 10px;
			}
			#about_us .person .photo a {}
				#about_us .person .photo img {
					display: block;
					border: 6px solid #fff;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					-moz-box-shadow: 1px 1px 3px #888;
					-webkit-box-shadow: 1px 1px 3px #888;
					box-shadow: 1px 1px 3px #888;
					}
				#about_us #ie8 .person .photo img {
					padding: 6px;
					border: 1px solid #ddd;
					}
		#about_us .person .info {}
			#about_us .person .info h3 {
				margin: 0 0 0px;
				}
			#about_us .person .info h4 {
				margin: 0 0 12px;
				}
#events {}
	#events #primary {}
		#events .event {
			clear: both;
			margin: 15px 0 0;
			padding: 20px 0 0;
			border-top: 1px solid #ddd;
			}
			#events .event .photo {
				float: left;
				width: 175px;
				}
				#events .event .photo a {
					}
					#events .event .photo img {
						display: block;
						border: 5px solid #c8e2f1;
						}
			#events .event .header {
				float: right;
				width: 625px;
				}
				#events .event .header h3 {
					margin: 0 0 3px;
					padding: 0;
					font-size: 20px;
					font-weight: normal;
					}
					#events .event .header h3 a {
						color: #0068bc;
						text-decoration: none;
						}
				#events .event .header .date {
					margin: 0 0 12px;
					padding: 0;
					color: #888;
					}
			#events .event .content {
				float: right;
				width: 625px;
				}
				#events .event .summary {}
				#events .event .nav {}
					#events .event .nav ul {
						margin: 0;
						padding: 0;
						list-style: none;
						}
						#events .event .nav li {
							display: block;
							float: left;
							}
							#events .event .nav li a {
								display: block;
								float: left;
								height: 27px;
								text-indent: -9999px;
								text-decoration: none;
								background-image: url(../img/bg_nav_event.png);
								background-repeat: no-repeat;
								}
							#events .event .nav li#nav_more_details a {
								margin: 0 6px 0 0;
								width: 109px;
								background-position: 0 0;
								}
							#events .event .nav li#nav_rsvp a {
								width: 57px;
								background-position: -109px 0;
								}
#event {}
	#event #primary {}
		#event .event {}
			#event .event .header {}
			#event .event .content {}
				#event #map {
					float: right;
					}
					#event #map_canvas {
						margin: 0 0 6px;
						width: 350px;
						height: 300px;
						border: 4px solid #c3e0f0;
						}
					#event #map address {
						display: none;
						font-style: normal;
						}
				#event .event .content .photo {
					float: right;
					width: 175px;
					padding: 0 0 12px 12px;
					}
					#event .event .content .photo a {
						}
						#event .event .content .photo img {
							display: block;
							border: 5px solid #c8e2f1;
							}
		#event .event .footer ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#event .event .footer li {
				display: block;
				float: left;
				}
				#event .event .footer li a {
					display: block;
					float: left;
					height: 27px;
					text-indent: -9999px;
					text-decoration: none;
					background-image: url(../img/bg_nav_event.png);
					background-repeat: no-repeat;
					}
				#event .event .footer li#nav_rsvp a {
					width: 57px;
					background-position: -109px 0;
					}
#media {}
	#media #primary { width: 460px; }
	#media #secondary { width: 315px; }
		#media table.galleries {}
			#media .galleries td {
				padding: 0 0 20px 20px;
				text-align: center;
				vertical-align: middle;
				}
			#media .galleries td.first { padding-left: 0; }
				#media .galleries td a {}
					#media .galleries td a img {
						display: block;
						border: 6px solid #fff;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						-moz-box-shadow: 1px 1px 3px #888;
						-webkit-box-shadow: 1px 1px 3px #888;
						box-shadow: 1px 1px 3px #888;
						}
						#media #ie8 .galleries td a img {
							padding: 6px;
							border: 1px solid #ddd;
							background: #fff;
							}
				#media .galleries td .name { margin: 3px 0 0; }
					#media .galleries td .name a { text-decoration: none; }
#gallery {}
	#gallery #content h2 { margin-bottom: 2px; }
	#gallery #primary { text-align: center; }
		#gallery table.gallery { margin: 0 auto; }
			#gallery .gallery td {
				padding: 0 0 20px 30px;
				text-align: center;
				vertical-align: middle;
				}
			#gallery .gallery td.first { padding-left: 0; }
				#gallery .gallery td a {}
					#gallery .gallery td a img {
						display: block;
						border: 6px solid #fff;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						-moz-box-shadow: 1px 1px 3px #888;
						-webkit-box-shadow: 1px 1px 3px #888;
						box-shadow: 1px 1px 3px #888;
						}
						#gallery #ie8 .gallery td a img {
							padding: 6px;
							border: 1px solid #ddd;
							background: #fff;
							}
#image {}
	#image #content h2 { margin-bottom: 2px; }
	#image #primary { text-align: center; }
		#image .image {
			margin: 0 0 12px;
			text-align: center;
			}
			#image .image a {
				display: block;
				margin: 0 auto;
				}
				#image .image a img {
					border: 6px solid #fff;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					-moz-box-shadow: 1px 1px 3px #888;
					-webkit-box-shadow: 1px 1px 3px #888;
					box-shadow: 1px 1px 3px #888;
					}
					#image #ie8 .image a img {
						padding: 6px;
						border: 1px solid #ddd;
						background: #fff;
						}
#account {}
	#account #primary { float: right; }
	#account #secondary { float: left; }
#admin {}
	#admin #content {}
		#admin #primary {}
			#contentlist {}
				#contentlist a.add {
					display: block;
					float: left;
					padding: 0 0 0 15px;
					background: url(../../global/img/app/icon_plus.png) no-repeat 0 3px;
					text-decoration: none;
					}
					#contentlist a.add:hover { text-decoration: underline; }