@charset "UTF-8";
/* CSS Document */

body { background-color:#000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:90%;/*font-size:14px;*/line-height:1.25em;color:#000;   }

#wrapper{width:1000px;margin:0 auto;background-color:#ffc801; /*0d3885*/;}

	#header{ height:160px;background-image:url(../_images/header.jpg);}
		#header a {display:block;height:160px;text-indent:-9999px;width:1000px;} /*make the header image a link*/

/* ======================== MAIN NAVIGATION =============================================================== */
	#navigation { float:left; display:inline; padding:0 0 0 0;}
		#navigation ul{ list-style-type: none;width:1000px;}
			#navigation ul li{ float:left; display:inline; /*margin-right:22px;*/ }
				#navigation ul li a{ float:left; height:42px; background:url("../_images/navigation.gif") no-repeat 0 0; font-size:0; line-height:0; text-indent: -2000px; }
	
					#navigation ul li a.home-link { width:132px; background-position:0 0; }
					#navigation ul li a.home-link:hover,
					#navigation ul li.active a.home-link { background-position:0 -42px; }
					#navigation ul li a.home-link-sticky { width:132px; background-position:0 bottom; }
					
					#navigation ul li a.news-link { width:159px; background-position:-132px 0; }
					#navigation ul li a.news-link:hover,
					#navigation ul li.active a.news-link { background-position:-132px bottom; }
					#navigation ul li a.news-link-sticky { width:159px; background-position:-132px bottom; }
					
					#navigation ul li a.truancy-link { width:232px; background-position:-291px 0; }
					#navigation ul li a.truancy-link:hover,
					#navigation ul li.active a.truancy-link { background-position:-291px bottom; }
					#navigation ul li a.truancy-link-sticky { width:232px; background-position:-291px bottom; }
					
					#navigation ul li a.programs-link { width:163px; background-position:-523px 0; }
					#navigation ul li a.programs-link:hover,
					#navigation ul li.active a.programs-link { background-position:-523px bottom; }
					#navigation ul li a.programs-link-sticky { width:163px; background-position:-523px bottom; }
					
					#navigation ul li a.get-involved-link { width:157px; background-position:-686px 0; }
					#navigation ul li a.get-involved-link:hover,
					#navigation ul li.active a.get-involved-link { background-position:-686px bottom; }
					#navigation ul li a.get-involved-link-sticky { width:157px; background-position:-686px bottom; }
					
					#navigation ul li a.contact-link { width:157px; background-position:-843px 0; }
					#navigation ul li a.contact-link:hover,
					#navigation ul li.active a.contact-link { background-position:-843px bottom; }
					#navigation ul li a.contact-link-sticky { width:157px; background-position:-843px bottom; }
					
/* ======================== Content =============================================================== */
	#content{width:1000px;padding:0;margin:0;clear:both;}
		
		#subnav-home{float:left;width:280px;min-height:562px;/*background-image:url("../_images/back-home.gif");*/padding:0;margin:0;}
		#subnav-news{float:left;width:280px;min-height:562px;/*background-image:url("../_images/back2-newsletter.gif");*/padding:0;margin:0;}
		#subnav-truancy{float:left;width:280px;min-height:562px;/*background-image:url("../_images/back-truancy.jpg");*/padding:0;margin:0;}
		#subnav-programs{float:left;width:280px;min-height:562px;/*background-image:url("../_images/back-programs.jpg");*/padding:0;margin:0;}
		#subnav-get-involved{float:left;width:280px;min-height:562px;/*background-image:url("../_images/back-calendar.jpg");*/padding:0;margin:0;}
		#subnav-contact{float:left;width:280px;min-height:562px;/*background-image:url("../_images/back-contact.jpg");*/padding:0;margin:0;}
			
			/*	these 3 styles are used for the min-height w/out using min-height trick */
			.prop {float:right;width:1px;}
			.clear {clear:both;height:1px;overflow:hidden;}
			.min562px {height:562px;}
	
		#bodyContent{float:right;width:720px;background-color:#FFF;/*padding:10px 30px 30px 30px;*//*border:1px solid red;*/}
			#bodyContent p{margin:10px 300px 10px 30px;}
			#bodyContent .signUp{color:#2a5195;font-weight:bold;}
				#bodyContent .strong{font-weight:bold;}
		#bodyContentHome{float:right;width:720px;background-color:#cadb2a;/*padding:10px 30px 30px 30px;*//*border:1px solid red;*/}
			#bodyContentHome #normalColumn p{width:230px;margin:80px 0 10px 190px;font-size:71%;line-height:1.25em;}
			#bodyContentHome #normalColumn p.homepage{width:230px;margin:80px 0 10px 190px;font-size:71%;line-height:1.25em;font-weight:bold;}
			span.sponsorship{font-size:120%;font-weight:bold;}
				/*	========== Used for the 'Text Size' option	=================================================== */
				#bodyContent #txtResizer {float:right; font-size:90%; padding-right:8px;}
				#bodyContent #txtResizer a {margin-left:4px; outline:none;}
				#txtResizer span {cursor:pointer;text-decoration:none; color:#792402; margin-left:3px;}
				#txtResizer span:hover {text-decoration:underline;}
				#bodyContent #txtResizer span#txtResize1 {font:bold 90% arial;}
				#bodyContent #txtResizer span#txtResize2 {font:bold 110% arial;}
				#bodyContent #txtResizer span#txtResize3 {font:bold 120% arial;}

			/*	========== link styles	========== */
			a{text-decoration:underline;}
		
			#normalColumn{padding:30px 0 20px 20px;width:380px;}
				#normalColumn p{margin:0;padding:0 0 20px 0;font-size:.9em;}
				
			#programsColumn1, #programsColumn2, #programsColumn3{width:210px;padding:30px 0 20px 20px;float:left;/*border:1px solid red;*/}
				#programsColumn1 p, #programsColumn2 p, #programsColumn3 p{margin:0;padding:0 0 20px 0;font-size:.9em;}
				
			#truancyColumn1, #truancyColumn2{width:300px;padding:30px 0 20px 20px;float:left;/*border:1px solid red;*/}
				#truancyColumn1 p, #truancyColumn2 p{margin:0;padding:0 0 20px 0;font-size:.9em;}
				
				
			
			.home{min-height:563px;background:url("../_images/content-back-home.jpg") right bottom no-repeat;background-color:#cadb2a;}
			.news{min-height:563px;background:url("../_images/content-back-newsletter.jpg") right bottom no-repeat;}
			.truancy{min-height:563px;background:url("../_images/content-back-truancy.jpg") right bottom no-repeat;}
			.programs{min-height:563px;background:url("../_images/content-back-programs.jpg") right bottom no-repeat;}
			.get-involved{min-height:563px;background:url("../_images/content-back-get-involved.jpg") right bottom no-repeat;}
			.contact{min-height:563px;background:url("../_images/content-back-contact.jpg") right bottom no-repeat;}

/* ======================== FOOTER  =============================================================== */
	#footerStripe{width:1000px;clear:both;background-color:#0d3885;margin:0;padding:0;height:14px;}
		.stripeHome{background:url("../_images/stripe-home.jpg") right top no-repeat;}
		.stripeNews{background:url("../_images/stripe-newsletter.jpg") right top no-repeat;}
		.stripeTruancy{background:url("../_images/stripe-truancy.jpg") right top no-repeat;}
		.stripePrograms{background:url("../_images/stripe-programs.jpg") right top no-repeat;}
		.stripeGetInvolved{background:url("../_images/stripe-get-involved.jpg") right top no-repeat;}
		.stripeContact{background:url("../_images/stripe-contact.jpg") right top no-repeat;}
		
	#footer{width:1000px;height:56px;clear:both;background-color:#FFF;margin:0;padding:0;}
		#footer p.first{font-size:70%;padding:5px 0 0 0;margin:0 0 0 30px;line-height:1.50em;}
		#footer p{font-size:70%;padding:0 0 0 0;margin:0 0 0 30px;line-height:1.50em;}
			#footer strong{font-weight:bold;}
			
		.footerHome{background:url("../_images/footer-back-home.jpg") right top no-repeat;}
		.footerNews{background:url("../_images/footer-back-newsletter.jpg") right top no-repeat;}
		.footerTruancy{background:url("../_images/footer-back-truancy.jpg") right top no-repeat;}
		.footerPrograms{background:url("../_images/footer-back-programs.jpg") right top no-repeat;background-color:#00FF00;}
		.footerGetInvolved{background:url("../_images/footer-back-get-involved.jpg") right top no-repeat;background-color:#00FF00;}
		.footerContact{background:url("../_images/footer-back-contact.jpg") right top no-repeat;background-color:#00FF00;}