/* TABLE OF CONTENTS
-----------------------------------------------------------------------------
	1. HEADER
	2. CONTENT
		2b. Home-Content
		2b. Main-Content
			2b-a. Staff
		2c. Sidebar
	3. Gallery
		4a. Gallery Index
		4b. Gallery Album View
		4c. Gallery Image View
	4. FOOTER
		4a. Info
		4b. Connect
		4c. Events
	5. SUB-FOOTER
	6. FORM STYLES	
*/

/* 1. HEADER
----------------------------------------------------------------------------- */
#wrapper{
	width: 100%;
	border-top: 4px solid #FFFFFF;
	background: #FFFFFF url(../images/site/header100percent_bg.png) repeat-x scroll center top;
}
#header{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
	#header h1{
		background: url(../images/site/header_logo.png) no-repeat left center;
		float: left;
		height: 125px;
		width: 140px;
		margin: 0px;
		padding: 0px;
	}
		#header h1 a{
			background: url(../images/site/header_logo.png) no-repeat left center;
			height: 125px;
			width: 140px;
			display: block;
			text-indent: -9999em;
			overflow: hidden;
		}
		#header h1 a:hover{
			background: url(../images/site/header_logo.png) no-repeat right center;
		}
	ul#site-nav{
		float: right;
		width: 760px;
		list-style: none;
	}
	ul#site-nav li{
		float: left;
		background: #242424 url(../images/site/header_li_bg.png) no-repeat right 20px;
	}
			ul#site-nav li a{
			font-size: 14px;
			line-height: 14px;
			font-weight: bold;
			text-transform: uppercase;
			color: #FFFFFF;
			text-decoration: none;
			display: block;
			padding: 26px 9px 23px;
			float: left;
		}
		ul#site-nav li a:hover{
			color: #FFA400;
		}
		ul#site-nav li a.act,
		ul#site-nav li a.act:hover{
			background: url(../images/site/header_li_cur.png) no-repeat center top;
			color: #FFA400;
			margin-right: 2px;
		}
		ul#site-nav li.last{
			background-color: #242424;
			padding: 0;
			}
			
			
	ul#util-nav{
		background: url(../images/site/util_nav_bg.png) no-repeat left top;
		float: right;
		height: 64px;
		margin: 20px 0 10px;
		width: 501px;
	}
		ul#util-nav li{
			float: left;
		}
			ul#util-nav li a,
			ul#util-nav li span
			{
				display: block;
				float: left;
				height: 64px;
				overflow: hidden;
				text-indent: -9999em;
			}
			
			ul#util-nav a:hover{ background: url(../images/site/util_nav_bg.png) no-repeat left top; }
			
				li#util-hours a{ width: 101px; }
				li#util-hours a:hover{ background-position: 0 -64px; }
				li#util-rates a{ width: 69px; }
				li#util-rates a:hover{ background-position: -101px -64px; }
				li#util-directions a{ width: 115px; }
				li#util-directions a:hover{ background-position: -170px -64px; }
				li#util-waiver a{ width: 88px; }
				ul#util-nav li#util-waiver a:hover{ background-position:  -285px -64px; }
				li#util-phone span{ width: 128px; }

/* 2. CONTENT
----------------------------------------------------------------------------- */
#content-wrap-full{
	background: url(../images/site/cityscape_bg.png) repeat-x scroll center bottom;
	width: 100%;
}
#content-wrap{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 165px;
}

/* 2a. HOME CONTENT
----------------------------------------------------------------------------- */
#announcements{
	background: #232323 url(../images/site/sidebar_bg_left.png) no-repeat scroll left 0px;
	width: 280px;
	padding-top: 20px;
	margin-bottom: 10px;
}
	.announcement{
		background: url(../images/site/sidebar_li_border.png) no-repeat right bottom;
		padding-bottom: 2px;
		width: 280px;
		margin-bottom: 15px;
	}
		.announcement.last{
			background: url(../images/site/sidebar_bg_bottom.png) no-repeat scroll right bottom;
			padding-bottom: 28px;
			margin-bottom: 0;
		}
	.count{
		background: #FFFFFF url(../images/site/announcement_count_bg.png) no-repeat right -3px;
		float: right;
		width: 50px;
		padding-bottom: 5px;
		margin-right: 10px;
	}
		.count span{
			font: normal normal 30px "Georgia", Serif;
			line-height: 30px;
			color: #961B1C;
			font-weight: bold;
			text-align: center;
			display: block;
			padding-right: 10px;
		}
	.message{
		float: right;
		color: #FFF;
		padding-bottom: 15px;
		width: 190px;
	}
		.message a{ color: #FFF;}
		.message a:hover{ text-decoration: none;}
		.message h2{
			font: normal normal 18px "Georgia", Serif;
			line-height: 18px;
			margin-bottom: 5px;
		}
		.message p{
			line-height: 16px;
			padding-right: 10px;
		}
	
#home-content{
	width: 600px;
	float: right;
}

#home-slideshow-wrap{
	background: transparent url(../images/site/home_slideshow_bg.png) no-repeat center center;
	width: 600px;
	margin-bottom: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
}

	#home-slideshow{
		width: 580px;
		height: 330px;
		margin-left: auto;
		margin-right: auto;
		background: #761516;
		border: solid 1px #FFF;
	}

#recent-pics{
	width: 600px;
	margin-bottom: 20px;
}
#recent-controls{
	background: url(../images/site/recent_pics_controls_bg.png) no-repeat left top;
	width: 210px;
	float: left;
	padding-top: 55px;
	padding-bottom: 20px;
}
#recent-controls ul{
	width: 210px;
	list-style: none;
}

#recent-controls li a{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../images/site/recent_pics_nav.png);
	background-repeat: no-repeat;
	height: 23px;
}

#recent-controls li{
	padding-right: 10px;
}

#recent-controls li#view-gallery{
	padding-left: 10px;
}

#recent-controls li#view-gallery,
#recent-controls li#view-gallery a{
	background-position: 0px 0px;
	float: left;
	width: 100px;
}
#recent-controls li#view-gallery a:hover{
	background-position: 0px -23px;
}

#recent-controls li#view-prev,
#recent-controls li#view-prev a{
	background-position: -178px 0px;
	float: right;
	width: 16px;
}
#recent-controls li#view-prev a:hover{
	background-position: -178px -23px;
}

#recent-controls li#view-next,
#recent-controls li#view-next a{
	background-position: -150px 0px;
	float: right;
	width: 16px;
}
#recent-controls li#view-next a:hover{
	background-position: -150px -23px;
}

#carousel{
	width: 370px;
	float: right;
}
#carousel ul{
	width: 370px;
	list-style: none;
}
#carousel li{
	float: left;
}
#carousel li a img{
	float: right;
	display: block;
	border: 5px solid #151515;
}
#carousel li a:hover img{}

/* 2b. MAIN CONTENT
----------------------------------------------------------------------------- */
#main-content{
	width: 600px;
	float: right;
}
	#main-content a{
		color: #8D1C1D;
	}
	#main-content a:hover{
		color: #181818;
	}
	#main-content h2{
		color: #FFFFFF;
		background: url(../images/site/content_h2_bg.png) no-repeat left center;
		font: normal normal 22px "Georgia", Serif;
		font-weight: bold;
		padding: 8px 10px 12px 14px;
		margin-bottom: 20px;
	}
	#main-content h3{
		border-bottom: dashed 1px #272727;
		color: #272727;
		font: normal normal 14px "Georgia", Serif;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 0;
		text-transform: uppercase;
		padding-bottom: 3px;

	}
		#main-content h3 a{
			text-decoration: none;
			color: #272727;
		}
		#main-content h3 a:hover{
			color: #333;
		}
	#main-content h4{
		background: #272727 url('../images/site/h4_bg.png') no-repeat scroll bottom left;
		color: #FCA200;
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 10px;
		padding: 5px 5px 15px 5px;
	}
	#main-content p{
		margin-bottom: 15px;
		line-height: 18px;
	}
		#main-content p.full-story{	text-align: right; }
		#main-content p.pagination{
			text-align: center; 
			clear: both;
		}
	#main-content span.larger{
		font-size: 16px;
		line-height: 22px;
	}	
	#main-content ol{
		padding-bottom: 13px;
		margin-left: 30px;
	}
		#main-content ol li{
			padding-bottom: 7px;
		}
	#main-content ul{
		margin-left: 20px;
		padding-bottom: 13px;
	}
		#main-content ul li{
			background: transparent url('../images/site/li_bullet.png') no-repeat scroll top left;
			padding-bottom: 7px;
			padding-left: 17px;
		}
	#main-content img.left{
		background-color: #fff;
		border: 5px solid #232323;
		float: left;
		margin: 5px 10px 5px 0;
		padding: 1px;
	}
	#main-content img.right{
		background-color: #fff;
		border: 5px solid #232323;
		float: right;
		margin: 5px 0 5px 10px;
		padding: 1px;
	}
	#main-content img.full{
		background-color: #fff;
		border: 5px solid #232323;
		margin: 0 auto 15px auto;
		padding: 1px;
		width: 588px;
	}
	#main-content dl{
		margin-bottom: 20px;
		line-height: 18px;
	}
	#main-content dt,
	#main-content dd{
		display: block;
	}
	#main-content dt{
		padding-top: 5px;
		padding-bottom: 5px;
	}

div.highlight{
	border: solid 1px #BBBBBB;
	background-color: #DBDBDB;
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
}
		
p.paginate{
	border: solid 1px #BBBBBB;
	background-color: #DBDBDB;
	clear: both;
	padding: 10px;
	text-align: center;
}
	p.paginate a{
		color: #8D1C1D;
	}

ul.link-list li a{
	background: #CBCBCB url('../images/site/link_list_bg.png') no-repeat scroll 8px 6px;
	color: #8D1C1D;
	display: block;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
}
ul.link-list li.alt a{
	background-color: #FFF;
}

ul.link-list li a:hover{
	background-color: #DFDFDF;
	color: #181818;
}

/* 2b-a. STAFF LANDING
----------------------------------------------------------------------------- */
.staff-thumb{
	background: #272727 url('../images/site/staff_tn_bg.jpg') no-repeat bottom left;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:186px;
}
	.staff-thumb.right{
		float:right;
		margin-right:0;
		margin-left:20px;
	}
	.staff-thumb.last{
		margin-right:0;
	}
	.staff-thumb a{
		display:block;
		text-decoration:none;
	}
	.staff-thumb a img{
		border:solid 1px #FFF;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
		width:163px;
	}
	.staff-thumb a:hover img{ border-color:#FFA400; }
	.staff-thumb a span{ 
		display:block;
		}
	.staff-thumb a span.name{
		background:transparent url('../images/site/staff_name_bttm_line.png') no-repeat bottom center;
		color: #FFF;
		font: normal normal normal 14px Georgia, serif;
		font-weight:bold;
		padding-bottom:5px;
	}
	
	.staff-thumb a:hover span.name{ color:#FFA400; }
	
	.staff-thumb a span.title{
		color:#FFA400;
		padding-top:5px;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.staff-thumb a:hover span.title,
	.staff-thumb a:hover span.email{
		color:#FFF;
	}
	
	.staff-thumb a span.email{
		color:#CCC;
		padding-top:5px;
		font-size:10px;
		font-weight:bold;
	}

/* 2c. SIDEBAR
----------------------------------------------------------------------------- */

#sidebar{
	width: 280px;
	float: left;
}
#subnav h2{
	height: 41px;
	width: 280px;
}
	#subnav h2 a{
		display:block;
		height: 41px;
		overflow: hidden;
		text-indent: -9999em;
		width: 280px;
	}
	h2#getting-started{
		background: transparent url(../images/site/subnav_h2_getting_started.png) no-repeat 9px center;
	}
	
	h2#about-us{
		background: transparent url(../images/site/subnav_h2_about.png) no-repeat 20px center;
	}
	
	h2#instruction{
		background: transparent url(../images/site/subnav_h2_instruction.png) no-repeat 20px center;
	}
	
	h2#youth-programs{
		background: transparent url(../images/site/subnav_h2_youth.png) no-repeat left center;
	}
	
	h2#adult-programs{
		background: transparent url(../images/site/subnav_h2_adult.png) no-repeat 10px center;
	}
	
	h2#groups{
		background: transparent url(../images/site/subnav_h2_groups.png) no-repeat 20px center;
	}
#subnav{
	background: #232323 url(../images/site/sidebar_bg_left.png) no-repeat scroll left 0px;
	width: 280px;
	margin-bottom: 10px;
	padding-top: 10px;
}
	#subnav ul{
		background: #232323 url(../images/site/sidebar_bg_bottom.png) no-repeat scroll right bottom;
		list-style: none;
		margin-bottom: 0px;
		margin-left: 32px;
		padding-bottom: 28px;
	}
	#subnav li{
		background: url(../images/site/sidebar_li_border.png) no-repeat right bottom;
		padding-bottom: 2px;
	}
	#subnav li a{
		display: block;
		padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 10px;
		font-size: 16px;
		line-height: 16px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}
	#subnav ul li a:hover{
		color: #FFA400;
		background: url(../images/site/sidebar_li_hover.png) no-repeat right center;
	}
	#subnav li a.act,
	#subnav li a.act:hover{
		background: url(../images/site/sidebar_li_cur.png) no-repeat scroll right center;
		color: #FFA400;
	}
	h3#first-time{
		width: 280px;
		background: url(../images/site/first_time_h3_bg.png) no-repeat left top;
		text-indent: -9999em;
		overflow: hidden;
		height: 49px;
		margin-bottom: 3px;
	}

#sidebar ol{
	margin-left: 64px;
	list-style: none;
}
	#sidebar ol li{
		padding-bottom: 10px;
		padding-left: 28px;
	}
	li.one{
		background: url(../images/site/first_time_one.png) no-repeat left top;
	}
	li.two{
		background: url(../images/site/first_time_two.png) no-repeat left top;
	}
	#sidebar ol li a{
		font-weight: bold;
		color: #242424;
		text-decoration: none;
	}
	#sidebar ol li a:hover{
		background: #FFA400;
	}
	
#trc-partner{
	background:transparent url('../images/site/partner_img_bg.png') no-repeat left top;
	height:148px;
	margin-top:15px;
	padding-top:2px;
	width:280px;
}
	#trc-partner a img{
		display:block;
		height:114px;
		margin-left:2px;
		width:276px;
	}
	
/* 3. Gallery
----------------------------------------------------------------------------- */
h2#gallery-heading{
		color: #242424;
		font: normal normal 22px "Georgia", Serif;
		font-weight: bold;
		padding: 0 0 15px 0;
	}

/* 3a. Gallery Index
----------------------------------------------------------------------------- */
.cat-thumb{
	background: #272727 url('../images/site/gallery_cat_bg.jpg') no-repeat bottom left;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:215px;
}
	.cat-thumb.last{
		margin-right:0;
	}
	.cat-thumb a{
		display:block;
		text-decoration:none;
	}
	.cat-thumb a img{
		border:solid 1px #FFF;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
	}
	.cat-thumb a:hover img{ border-color:#FFA400; }
	.cat-thumb a span{ 
		display:block;
		}
	.cat-thumb a span.title{
		background:transparent url('../images/site/staff_name_bttm_line.png') no-repeat bottom center;
		color: #FFF;
		font: normal normal normal 14px Georgia, serif;
		font-weight:bold;
		padding-bottom:5px;
	}
	
	.cat-thumb a:hover span.title{ color:#FFA400; }
	
	.cat-thumb a span.date{
		color:#FFA400;
		padding-top:5px;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.cat-thumb a:hover span.date{
		color:#FFF;
	}
	
/* 3b. Gallery Album View
----------------------------------------------------------------------------- */
.g-thumbs{
	clear: both;
}
	
.g-thumb{
	background: #272727 url('../images/site/gallery_cat_bg.jpg') no-repeat bottom left;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:168px;
}
	.g-thumb.last{
		margin-right:0;
	}
	.g-thumb a{
		display:block;
		text-decoration:none;
	}
	.g-thumb a img{
		border:solid 1px #FFF;
		display:block;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
	}
	.g-thumb a:hover img{ border-color:#FFA400; }
	.g-thumb a span{ 
		display:block;
		}
	.g-thumb a span.title{
		color: #FFF;
		font: normal normal normal 14px Georgia, serif;
		font-weight:bold;
	}
	
	.g-thumb a:hover span.title{ color:#FFA400; }

/* 3c. Gallery Image View
----------------------------------------------------------------------------- */
#g-image-wrap{
	width: 600px;
	float: right;
}
#g-large-image{
	min-height:500px;
  	height:auto !important;
  	height:500px;
}
	#g-large-image img.g-image{
		background-color: #fff;
		border: solid 10px #232323;
		padding: 1px;
	}
	#g-large-image h2{
		padding-left: 35px;
		padding-bottom: 5px;
	}
	#g-large-image p{}

h2#gallery{
	height: 41px;
	margin-bottom: 10px;
	width: 280px;
}
	h2#gallery a{
		display:block;
		height: 41px;
		overflow: hidden;
		text-indent: -9999em;
		width: 280px;
	}
	h2#gallery{
		background: transparent url(../images/site/subnav_h2_gallery.png) no-repeat left center;
	}

#g-navigate{
	background: #232323 url(../images/site/sidebar_bg_left.png) no-repeat scroll left 0px;
	width: 280px;
	padding-top: 10px;
}

#g-thumb-nav-wrap{
	float: right;
	margin-bottom:10px;
	margin-right: 10px;
	overflow: hidden;
}
	#g-thumb-nav li{
		float: left;
		padding-right: 10px;
	}
	#g-thumb-nav img{
		display: block;
		height: 100px;
		width: 100px;
	}
	#g-thumb-nav li a{
		border: solid 1px #FFF;
		display: block;
		float: left;
		height: 100px;
		width: 100px;
	}
	#g-thumb-nav li a:hover{
		border: solid 1px #FFA400;
	}
	
#g-next-prev{
	background: transparent url(../images/site/g_more_bg.png) no-repeat scroll center center;
	height: 36px;
	width: 248px;
	float: right;
}
	#g-next-prev li {
		float: left;
	}
	#g-next-prev li a{
		display: block;
		float: left;
		height: 36px;
		overflow: hidden;
		text-indent: -9999em;
		width: 122px;
	}
	li#g-prev{
		background: transparent url(../images/site/g_more_left.png) no-repeat scroll left top;
		padding-right: 2px;
	}
	li#g-prev a{
		background: transparent url(../images/site/g_more_left.png) no-repeat scroll left top;
	}
	li#g-prev a:hover{
		background: transparent url(../images/site/g_more_left.png) no-repeat scroll left bottom;
	}
	
	li#g-next,
	li#g-next a{
		background: transparent url(../images/site/g_more_right.png) no-repeat scroll left top;
	}
	li#g-next a:hover{
		background: transparent url(../images/site/g_more_right.png) no-repeat scroll left bottom;
	}

#g-utils{
	float: right;
	background: #232323 url(../images/site/sidebar_bg_bottom.png) no-repeat scroll right bottom;
	padding-top: 10px;
	padding-bottom: 28px;
	width: 248px;
}
	#g-info{
		float: right;
		width: 211px;
	}
		#g-info p{
			color: #FFF;
			line-height: 16px;
		}
			#g-info p span{
				font-style: italic;
			}
		#g-nav{
			float: left;
			width: 37px;
		}
			#g-nav li{
				background: none;
				margin-bottom: 2px;
			}
			#g-nav li a{
				display: block;
				height: 20px;
				overflow: hidden;
				text-indent: -9999em;
				width: 27px;
			}
			
			li#g-home,
			li#g-home a{
				background: transparent url(../images/site/g_gallery_home.png) no-repeat scroll left top;
			}
			li#g-home a:hover{
				background: transparent url(../images/site/g_gallery_home.png) no-repeat scroll left bottom;
			}
			
			li#g-album-view,
			li#g-album-view a{
				background: transparent url(../images/site/g_album_view.png) no-repeat scroll left top;
			}
			li#g-album-view a:hover{
				background: transparent url(../images/site/g_album_view.png) no-repeat scroll left bottom;
			}
			
	#g-ajax-info{
		display: none;
	}
/* 4. FOOTER
----------------------------------------------------------------------------- */

#footer-wrap-full{
	background: url(../images/site/footer_bg_texture.png) repeat-x scroll center top;
	width: 100%;
	border-bottom: 1px solid #1F1F1F;
}
#footer{
	background: url(../images/site/footer_faux_col_bg.png) repeat-y scroll center top;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	color: #FFFFFF;
}
#footer h2{
	margin: 0px 0px 20px 20px;
	text-indent: -9999em;
	overflow: hidden;
}
#footer h2 a{
	text-indent: -9999em;
	display: block;
	overflow: hidden;
}
#footer h3{
	margin: 0px 0px 10px 20px;
	padding: 0px;
}
#footer h3 a{
	background: url(../images/site/footer_h3_arrow_bg.png) no-repeat scroll right center;
	text-transform: uppercase;
	color: #FFA400;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 15px 4px 7px;
}
#footer h3 a:hover{
	color: #FFFFFF;
}
#footer p.pad-less{
	margin-bottom: 10px;
}
#footer p,
#footer address{
	line-height: 18px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
#footer p a,
#footer address a{
	color: #FFFFFF;
}
#footer p a:hover,
#footer address a:hover{
	color: #FFA400;
	text-decoration: none;
}

#info,
#connect,
#events{
	float: left;
	width: 320px;
	padding-top: 20px;
}

.bottom-border{
	border-bottom: 1px solid #1F1F1F;
	margin-bottom: 20px;
}

/* 4a. Info
----------------------------------------------------------------------------- */
h2#stuff-to-know{
	background: url(../images/site/footer_h2_stufftoknow.png) no-repeat scroll left center;
	height: 34px;
}
h2#about-foot{
	background: url(../images/site/footer_h2_about.png) no-repeat scroll left center;
	width: 235px;
}
h2#about-foot a{
	width: 235px;
	height: 35px;
	background: url(../images/site/footer_h2_about.png) no-repeat scroll left center;
}
h2#about-foot a:hover{
	background: url(../images/site/footer_h2_about.png) no-repeat scroll right center;
}

/* 4b. Connect
----------------------------------------------------------------------------- */
ul#community-list{
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	list-style: none;
}
ul#community-list li{
	float: left;
	padding-bottom: 20px;
}
ul#community-list li.alt{
	padding-right: 20px;
}
ul#community-list li a img{
	display: block;
	float: left;
	border: 5px solid #C82428;
}
ul#community-list li a:hover img{
	border: 5px solid #FFF;
}
h2#community{
	background: url(../images/site/footer_h2_community.png) no-repeat scroll left center;
	width: 229px;
	height: 33px;
}
h2#sign-up{
	background: url(../images/site/footer_h2_signup.png) no-repeat scroll left center;
	height: 38px;
}
#connect form{
	margin-left: 20px;
}
#connect form label{
	font-weight: bold;
	line-height: 20px;
	display: block;
}
#connect form input{
	background: #171717;
	border: 1px solid #FFFFFF;
	width: 265px;
	color: #FFF;
	margin-bottom: 10px;
}
#connect form select{
	width: 265px;
	margin-bottom: 10px;
}
#connect form input.submit{
	margin-left: 30px;
	border: none;
	width: 212px;
	background: none;
}

/* 4c. Events
----------------------------------------------------------------------------- */
h2#featured{
	background: url(../images/site/footer_h2_featured.png) no-repeat scroll left center;
	width: 249px;
}
h2#featured a{
	width: 248px;
	height: 34px;
	background: url(../images/site/footer_h2_featured.png) no-repeat scroll left center;
}
h2#featured a:hover{
	background: url(../images/site/footer_h2_featured.png) no-repeat scroll right center;
}

h2#upcoming{
	background: url(../images/site/footer_h2_upcoming.png) no-repeat scroll left center;
	width: 271px;
	height: 38px;
}
h2#upcoming a{
	width: 271px;
	height: 38px;
	background: url(../images/site/footer_h2_upcoming.png) no-repeat scroll left center;
}
h2#upcoming a:hover{
	background: url(../images/site/footer_h2_upcoming.png) no-repeat scroll right center;
}
#events a img.featured{
	width: 270px;
	display: block;
	margin: 0px auto 10px;
	border: 5px solid #C82428;
}
#events a:hover img.featured{
	border: 5px solid #FFFFFF;
}
#events{}
.event{
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.event-date{
	background: #FFFFFF url(../images/site/footer_date_bg.png) no-repeat right top;
	float: left;
	width: 60px;
	padding-top: 7px;
}
span.month{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #171717;
	display: block;
	padding-left: 8px;
	padding-right: 10px;
}
span.day{
	font-size: 28px;
	line-height: 28px;
	color: #961B1C;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 8px;
	display: block;
	padding-bottom: 6px;
}
.event-details{
	float: right;
	width: 200px;
}
.event-details h4{}
#footer .event-details p{
	margin: 0px;
}

/* 5. SUB-FOOTER
----------------------------------------------------------------------------- */
ul#sub-footer{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	list-style: none;
	padding-top: 10px;
	font-weight: bold;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
ul#sub-footer li{
	float: left;
	padding: 1px 10px;
	margin-top: 15px;
}
ul#sub-footer li.border{
	border-right: 1px solid #181818;
}
ul#sub-footer li a{
	color: #FFFFFF;
	text-decoration: underline;
}
ul#sub-footer li a:hover{
	text-decoration: none;
	color: #FFA400;
}
ul#sub-footer li#top{
	background: url(../images/site/subfooter_top.png) no-repeat scroll 0px top;
	height: 39px;
	width: 23px;
	padding: 0;
	margin: 0;
}
ul#sub-footer li#top a{
	background: url(../images/site/subfooter_top.png) no-repeat scroll 0px top;
	height: 39px;
	width: 23px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
ul#sub-footer li#top a:hover{
	background: url(../images/site/subfooter_top.png) no-repeat scroll -23px top;
}

/* 6. FORM STYLES
----------------------------------------------------------------------------- */
.generic fieldset{
	border: solid 1px #232323;
	margin-bottom: 20px;
	padding: 10px;
}
	.generic fieldset.submit{
		border: none;
		padding-left: 0;
	}
.generic legend{
	color: #232323;
	font-size: 14px;
	font-weight: bold;
}
.generic label{
	display: block;
	padding-bottom: 5px;
}

	.generic td label{
		display: inline;
		padding-bottom: 0;
		padding-left: 4px;
		padding-right: 3px;
	}

.generic input{
	margin-bottom: 10px;
}
.generic select{
	margin-bottom: 10px;
}

.generic input.submit{
	background-color: transparent;
	border: none;
}

input.error{
	background-color: #E2C0C1;
}

#errors{
	background-color: #E2C0C1;
	border: solid 1px #8E1C1C;
	padding: 10px;
	margin-bottom: 20px;
}

#errors ul{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0;
}
	#errors li{
		background: url(../images/site/error_li.png) no-repeat scroll left top;
		padding-left: 20px;
		padding-bottom: 10px;
		padding-top: 2px;
	}
span.req{ color:#941B1C; }