/*-----------------------------------------------------------------------------
Chicago Sport and Social About Section Style Sheet

version:   1.0
author:    Blake Bauman
email:     blake@bytestudios.com
created:   4/17/07
-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/
body { background: #890000 url('/assets/images/bg_about.gif') repeat-y center; }

/* Wrapper length for this section */
#wrapper { width: 932px; }


/* Header
-----------------------------------------------------------------------------*/
#header { background: transparent url('/assets/images/bg_header.png') no-repeat bottom left; padding-bottom: 20px; height: 100px; }

/* Branding */
#branding { background: url('/assets/images/logo_w_tag.png') no-repeat top left; }

/* Sponsors */
#sponsors li a { background: transparent url('/assets/images/bg_sponsors_about.gif') no-repeat; }


/* Navigation
-----------------------------------------------------------------------------*/	
#navigation { height: 36px; background: #fff url('/assets/images/bg_top_nav.gif') no-repeat top left; }
#navigation li a:hover, #navigation li a.active { background: #ae2217 url('/assets/images/bg_top_nav_about_on.gif') repeat-x left bottom; }


/* Primary Content
-----------------------------------------------------------------------------*/
#primary { clear: both; background-color: #fff; color: #777; }

#primary_content { float: left; width: 789px; }

#primary_content_l {
	float: left;
	width: 256px;
	padding: 0 0 0 10px;
    }
	#primary_content_l h1 {
		margin: 10px 0 0 20px;
		font: normal 32px Arial, Helvetica, sans-serif;
		color: #990001;
		}
    	#primary_content_l ul {
			margin-top: 67px;
			list-style: none;
			}
			#primary_content_l li {
				width: 240px;
				}
				#primary_content_l li a {
					display: block;
					width: 220px;
					padding: 4px 10px 4px 20px;
					color: #9e0b0e;
					font: bold 16px Arial, Helvetica, sans-serif;
					text-decoration: none;
					}
					#primary_content_l li a:hover, #primary_content_l li a.active {
						color: #fff;
						background: url('/assets/images/btn_bg_about_left_menu.gif') no-repeat top left;
						}

#primary_content_r {
	float: left;
	width: 500px;
	min-height: 500px;
	margin-bottom: 10px;
	padding: 0 0 0 12px;
	background: #fff url('/assets/images/dot_red_about_vert.gif') repeat-y top left;
	}
	#primary_content_r h2 {
		margin: 10px;
		font: normal 26px Arial, Helvetica, sans-serif;
		color: #990001;
	}
	#primary_content_r p {
		font-size: 12px;
		margin: 10px;
		color: #4b4b4b;
		line-height: 16px;
		}
		#primary_content_r a { color: #990001; } 
		#primary_content_r a:hover { text-decoration: underline; }
		
/* Bios */
#primary_content_r div.bio {
	padding: 15px 10px 15px 15px;
	margin-bottom: 10px;
	background: #fff url('/assets/images/bg_bio_item.gif') no-repeat top left;
	}
	#primary_content_r div.bio h2 {
		display: block;
		margin-bottom: 7px;
		color: #9e0b0e;
		font: normal 20px Arial, Helvetica, sans-serif;
		}
		#primary_content_r div.bio img {
			float: left;
			margin-right: 10px;
			}
			#primary_content_r div.bio p {
				float: left;
				width: 225px;
				margin: 0;
				color: #818181;
				}
				#primary_content_r div.bio a {
					color: #9e0b0e;
					}

/* Testimonials */					
#primary_content_r div.testimonials {
	padding: 20px;
	margin-bottom: 10px;
	background: #fff url('/assets/images/bg_bio_item.gif') no-repeat top left;
	}
	#primary_content_r div.testimonials h3 {
		color: #9e0b0e;
		font: normal 22px Arial, Helvetica, sans-serif;
		}
		#primary_content_r div.testimonials p {
			margin: 10px 0;
			color: #818181;
			line-height: 18px;
			}
			#primary_content_r div.testimonials p span { color: #9e0b0e; background: none; }
				#primary_content_r div.testimonials h4 {
					color: #9e0b0e;
					font: normal 18px Arial, Helvetica, sans-serif;
					}
					
/* Contact Us */	
#primary_content_r form#contact_us label { float: left; width: 65px; text-align: right; padding-right: 5px; }
#primary_content_r form#contact_us input, 
#primary_content_r form#contact_us select,
#primary_content_r form#contact_us textarea { color: #333; padding: 4px 5px 3px 5px; background: #fff url('/assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #f5f5f5; }
#primary_content_r form#contact_us input.txt_width { width: 390px; }
#primary_content_r form#contact_us textarea.txt_area { width: 390px; }
#primary_content_r address { margin: 0 0 100px 78px; font-style: normal; font-size: 12px; color: #626262; line-height: 18px; }

/* Send Testimonial */	
form#send_testimonial label { display: block; }
form#send_testimonial input.txt_width { width: 410px; color: #333; padding: 4px 5px 3px 5px; background: #fff url('/assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #f5f5f5; }
form#send_testimonial textarea.txt_area { width: 410px; color: #333; padding: 4px 5px 3px 5px; background: #fff url('/assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #f5f5f5; }

/* Job Application */
form#job_application { margin-left: 65px; }
form#job_application label { font-size: 11px; display: block; font-weight: bold; }
form#job_application input.field { width: 350px; }
form#job_application textarea.field { width: 350px; height: 70px; }
form#job_application input.field, 
form#job_application select.field,
form#job_application textarea.field { color: #333; padding: 5px 5px 4px 5px; background: #fff url('/assets/images/form_input_bg.gif') no-repeat top left; font: normal 12px Arial, Helvetica, sans-serif; border:1px solid #f5f5f5; }
form#job_application input.btn_medium { color: #9e0b0e }
					
/* FAQS */					
div.faqs { padding: 20px 20px 20px 10px; margin-bottom: 10px; background: #fff url('/assets/images/bg_bio_item.gif') no-repeat top left; }
div.faqs p em { display: block; color: #9e0b0e; font-weight: bold; font-style: normal}
div.faqs p a { color: #9e0b0e; text-decoration: underline }
div.faqs ul { margin: 0 0 15px 10px; padding-bottom: 15px; border-bottom: 2px dotted #9e0b0e }
div.faqs ul li { list-style: none; }
div.faqs ul li a { color: #9e0b0e; font-size: 12px; }
div.faqs ul li a:hover { text-decoration:  underline; }
	
	

/* Advertising Column */
#advertisement { float: left; text-align: center; width: 135px; margin: 5px 0; padding-bottom: 10px; background: #fff url('/assets/images/home_ad_bg_bot.gif') no-repeat bottom left; }
#advertisement h3 { padding: 0; width: 135px; background: #fff url('/assets/images/home_ad_bg_top.gif') no-repeat top left; text-indent: -9999px; }
#advertisement img { margin-bottom: 5px; }

/* Banners */
#banner { display: block; text-align: center; margin: 5px 0; background: none; height: auto; }

#primary_content_l span.big_red_link { color: #9e0b0e; font-weight: bold; }
#primary_content_l span.big_red_bold_link { font-size: 14px; color: #9e0b0e; font-weight: bold; }

#primary_content_r span { background: none; color: #777; }
#primary_content_r em { color: #777; }

/* Footer
-----------------------------------------------------------------------------*/
#footer { }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer ul {
	margin-top: 0;
	padding: 8px;
	background: #ed6f02 url('/assets/images/bg_footer_about.gif') no-repeat bottom left;
}