/*
	---------------------
	HomeFront.tv
	Date: 08/04/2010
	---------------------
	
	- PROJECT -
	Stop The Schoolhouse to Jailhouse Track
	
	- COLOR SCHEME -
	#f2eddf - Beige (content Background)
	#517334 - Medium Green (main nav, html background)
	#4b662a - Dark Green (main headers)
	#666666 - Medium Grey (top header links, breadcrumbs)
	#ebeae6 - VERY Light Grey (hompage mid-section)
	#7b7b7b - Light Grey (small headers)
	#333333 - Darker Grey (main copy)
	#242424 - Black (sidebar links)
	
	- FONT SIZE CHART -
	10px	 77%
	11px	 85%
	12px	 93%
	13px     100%
	14px     108%
	15px     116%
	16px     123.1%
	17px     131%
	18px     138.5%
	19px     146.5%
	20px     153.9%
	21px     161.6%
	22px     167%
	23px     174%
	24px     182%
	25px     189%
	26px     197%
*/

/* Reset & Clearfix */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}.clearfix {zoom:1;}

/* Typography */
a { text-decoration:none; }
b,strong { font-weight:bold; }
i { font-style:italic; }
.copy h1 { color:#4b662a; font-size:153.9%; margin:4px 0; }
.copy h2 { color:#7b7b7b; font-size:116%; text-transform:uppercase; margin:10px 0 5px; }
.copy p { color:#333333; margin: 3px 0 15px; line-height:138.5%;}
.copy a { color:#517334; text-decoration:underline; }
.copy a:hover { color:#4b662a; }
.copy ul li { list-style-type: disc; list-style-position: inside; }
.copy ul { margin:0 0 0 20px; }
.headlines { padding:7px 0 0; }
	.headlines strong { color:#517334; display:block; }
	.headlines small { color:#333333; }
.breadcrumbs { padding:5px 0; font-size:90%; color:#666666; }
	.breadcrumbs a { text-decoration:underline; color:#666666; }
	.breadcrumbs a:hover { color:#242424; }

/* Utilities */
.img_left { float:left; margin:0 8px 8px 0px; }
.img_right { float:right; margin:0 0px 8px 8px; }
.default-btn { text-align:center; padding:20px; }
	.default-btn a { font-size:116%; background:url('images/btn-bg.gif') repeat-x; font-size:116%; padding:5px 20px; color:#FFF !important; text-decoration:none !important; border:2px solid #648846; }
.row { clear:both; margin:0 0 10px; }

/* Structure */
html { background:#517334; }
#upper { background:url('images/top-bg.jpg') top repeat-x #f2eddf; }
#upper-expanded {  background:url('images/content-bg.jpg') center top no-repeat; }
#wrapper { background:url('images/content-bg.jpg') center top no-repeat; width:960px; margin:auto; }
#lower { background:url('images/footer-top-bg.jpg') repeat-x top; clear:both; }
#top_footer { width:960px; height:125px; margin:auto; background:url('images/footer-top-bg.jpg') repeat-x top; }
#btm_footer { width:960px; height:118px; margin:auto; background:url('images/footer-btm-bg.jpg') repeat-x top; }

/* Image headers */
h1.the-problem { text-indent:-9999px; background:url('images/headers.png') no-repeat 0% 0%; width:150px; height:70px; }
h1.take_action { text-indent:-9999px; background:url('images/headers.png') no-repeat 0% -75px; width:154px; height:86px; }
h1.join_us { text-indent:-9999px; background:url('images/headers.png') no-repeat 0% -160px; width:80px; height:89px; }
h1.email_updates a { text-indent:-9999px; background:url('images/headers.png') no-repeat 0% -247px; width:243px; height:92px; display:block; }
h1.latest_headlines { text-indent:-9999px; background:url('images/hp-banner-titles.png') no-repeat 0% 100%; width:196px; height:41px; display:block; }
h1.publications { text-indent:-9999px; background:url('images/hp-banner-titles.png') no-repeat 0% 0%; width:155px; height:41px; display:block; }
h1.email_updates-side a { text-indent:-9999px; background:url('images/headers.png') no-repeat 100% -73px; width:250px; height:86px; display:block; }
h1.take_action-side a { text-indent:-9999px; background:url('images/headers.png') no-repeat 100% 0px; width:263px; height:57px; display:block; }
h1.join_us-side a { text-indent:-9999px; background:url('images/headers.png') no-repeat 0% -360px; width:143px; height:62px; display:block; margin:auto; }
h1.the_issue2 { text-indent:-9999px; background:url('images/drill-headers.png') no-repeat 0% -375px; width:105px; height:74px; display:block; margin:-55px 0 0; }
h1.background2 { text-indent:-9999px; background:url('images/drill-headers.png') no-repeat 0% -293px; width:192px; height:74px; display:block; margin:-55px 0 0; }
h1.take_action2 { text-indent:-9999px; background:url('images/drill-headers.png') no-repeat 0% -211px; width:192px; height:74px; display:block; margin:-55px 0 0; }
h1.arts_competition2 { text-indent:-9999px; background:url('images/drill-headers.png') no-repeat 0% -128px; width:192px; height:74px; display:block; margin:-55px 0 0; }
h1.news2 { text-indent:-9999px; background:url('images/drill-headers.png') no-repeat 0% -55px; width:192px; height:74px; display:block; margin:-55px 0 0; }
h1.about_us2 { text-indent:-9999px; background:url('images/drill-headers.png') no-repeat 0% 0px; width:192px; height:55px; display:block; margin:-55px 0 0; }

/* Social Icons */
a.soc1 { float:left; width:53px; height:53px; text-indent:-9999px; display:block; background:url('images/social-icons.png') no-repeat 0% -219px; }
a.soc2 { float:left; width:53px; height:53px; text-indent:-9999px; display:block; background:url('images/social-icons.png') no-repeat 0% -164px; }
a.soc3 { float:left; width:53px; height:53px; text-indent:-9999px; display:block; background:url('images/social-icons.png') no-repeat 0% -109px; }
a.soc4 { float:left; width:53px; height:53px; text-indent:-9999px; display:block; background:url('images/social-icons.png') no-repeat 0% -54px; }
a.soc5 { float:left; width:53px; height:53px; text-indent:-9999px; display:block; background:url('images/social-icons.png') no-repeat 0% 1px; }

/* Header */
#header { position:relative; height:151px; z-index:0; }
		/* main logo */
		#header h1 { position:absolute; z-index:0; top:10px; left:0; }
			#header h1 a { display:block; cursor:pointer; text-indent:-9999px; width:299px; height:132px; background:url('images/stop-the-schoolhouse-to-jailhouse-track.png') no-repeat; }
		/* advancement logo */
		#header .advancement_header { background:url('images/advancement-project-header.png') no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; right:0; width:210px; height:81px; cursor:pointer; z-index:1; }
		/* top nav */
		#header .top_nav { position:absolute; top:34px; right:220px; z-index:0; }
			#header .top_nav li { display:inline; color:#999999; }
			#header .top_nav a { color:#666666; }
			#header .top_nav a:hover { text-decoration:underline; }
		/* main nav */
		#header .main_nav { position:absolute; z-index:0; height:44px; top:74px; right:0; }
			#header .main_nav li { height:44px; float:left; background:url('images/nav-sep.jpg') right top no-repeat; }
			#header .main_nav li.last { background:none; }
			#header .main_nav a { color:#517334; display:block; padding:13px; font-size:131%; text-shadow: -1px -1px 1px #f1f1f1; }
				#header .main_nav li.active a { color:#FFF; text-shadow: -1px -1px 1px #999; background:url('images/nav-active.png') repeat-x; }
			
			.expanded { padding:0 !important; background:none !important; list-style:none !important; }

/* Footer */
#top_footer .com-partners { float:left; width:212px; height:124px; background:url('images/footer-community-partner.png') no-repeat; }
#top_footer .box1 { float:left; margin:15px 0 0 26px; }
#top_footer .box2 { float:left; margin:21px 0 0 75px; }
#top_footer .box3 { float:left; margin:15px 0 0 65px; }
#top_footer .box4 { float:right; margin:28px 0 0 0; }
#btm_footer { text-align:center; color:#FFF; }
	#btm_footer ul { padding:40px 0 10px; }
	#btm_footer li { display:inline; }
	#btm_footer a,
	#btm_footer p { color:#FFF; font-size:86%; white-space:nowrap; }
	#btm_footer a:hover { text-decoration:underline; }

/* Homepage */
#homepage-splash { height:382px; position:relative; }
	#homepage-splash .left-page { position:absolute; top:0; left:0; z-index:1; width:354px; height:382px; background:url('images/hp-paper-bg.png') no-repeat; }
		#homepage-splash .left-page .copy { padding:20px 40px; }
		#homepage-splash .left-page p { font-size:108%; margin:0 0 2px; }
		#homepage-splash .map-area { position:absolute; top:-14px; right:0; z-index:0; float:right; background:url('images/map-bg.png') no-repeat; width:630px; height:396px; }
			#homepage-splash .map-area .map-title { display:block; text-indent:-9999px; position:absolute; bottom:0; left:-100px; width:735px; height:47px; background:url('images/hp-map-footer.png') no-repeat; }
			
#homepage-top_mid { clear:both; height:103px; padding:6px; background:url('images/hp-mid-bg.gif') repeat-x; }
#homepage-btm_mid { clear:both; background:#ebeae6; }
	#homepage-top_mid .inner-wrap,
	#homepage-btm_mid .inner-wrap { width:960px; margin:auto; position:relative; }
	#homepage-top_mid .box { background:url('images/hp-inner-mid-bg.gif') repeat-x; float:left; padding:6px; }
	#homepage-top_mid .box1 { width:310px; margin:0 5px 0 0; }
		#homepage-top_mid .box1 h1 { float:left; margin:0 5px 0 0; }
		#homepage-top_mid .box1 p { margin:20px 0 0; }
	#homepage-top_mid .box2 { float:left; width:360px; }
		#homepage-top_mid .box2 h1 { float:left; margin:0 5px 0 0; }
		#homepage-top_mid .box2 a { float:left; margin:22px 0 0; }
	#homepage-top_mid .box3 { float:right; }
	
	#homepage-btm_mid .box { background:url('images/hp-horz-box-fades.gif') repeat-y left; float:left; width:290px; padding:15px; min-height:195px; height:auto !important; height:195px; }
	#homepage-btm_mid h1 { margin:0 0 0 -21px; }
	#homepage-btm_mid .homepage-arts { position:absolute; bottom:0; right:0; text-indent:-9999px; background:url('images/hp-art-collage.png') no-repeat; width:351px; height:248px; display:block; float:right; }

/* Drill */
#drill { padding:50px 0 0; }
#drill .left_col { width:290px; float:left; }
#drill .right_col { width:655px; float:right; background:url('images/right-col_body.png') repeat-y; position:relative; z-index:0; }
	#drill .left_col .side_box { padding:12px; background:url('images/trans-bg.png') repeat; margin:0 0 8px; }
	#drill .left_col .main li a { color:#242424; font-size:116%; display:block; background:url('images/sidebar-horz-rule.gif') repeat-x bottom; padding:5px 2px; }
	#drill .left_col .main li a:hover { color:#444; }
	#drill .left_col .main li:last-child a { background:none; }
	#drill .right_col .content { min-height:900px; height:auto !important; height:900px; padding:30px 60px; position:relative; z-index:1; }
	#drill .right_col .top { position:absolute; top:-20px; left:0; background:url('images/right-col_top.png'); width:655px; height:380px; }

/* Side Boxes */
#take-action-box p { width:230px; margin:auto; }

/* Map */
.map-area .pin-a { visibility:hidden; display:block; background:url('images/map-icons.png') no-repeat 0% 0%; width:22px; height:32px; position:absolute; }
.map-area .pin-b { visibility:hidden; display:block; background:url('images/map-icons.png') no-repeat 0% 100%; width:22px; height:32px; position:absolute; }
.map-area .pin span { display:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 3px 3px 5px #333; -webkit-box-shadow: 3px 3px 5px #333; -moz-box-shadow: 3px 3px 5px #333; background:#FFF; width:200px; padding: 10px; z-index:100; color:#242424; position:absolute; }
	.map-area .pin span b { display:block; font-size:110%; border-bottom:dashed 1px #CCC; padding:0 0 2px; margin:0 0 3px; }
	
/* Misc */
.take-action-tbl td { padding:15px; }