
/*
light green: 		e8f1c3
red: 				e40f0f
dark blue:			002c4e
light blue:			6dcff6
footer dark blue:	002c4e
bright green:		bed730
*/

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body 
{
	line-height: 1;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
   html, body {
        height: 100%;
        margin: 0 auto;
        padding: 0;
        color:#363636;
        font-family:"Trebuchet MS", helvetica, sans-serif;
        font-size:11px;
        line-height:17px;
        background:#dcf3fc;

    }



a {
	color:#e40f0f;
	text-decoration: none;
}
a:hover {
	color:#e40f0f;
	text-decoration: underline;
}
	#mail{
		color:#002c4e;
		text-decoration:none;
	}
	
	#mail:hover{
		color:002c4e;
		text-decoration: underline;
	}


/* Header Styles */
#header {
	width:100%;
	height:108px;
}

	#header h1 {
		float:right;
		}
		#header h1 a {
			display:block;
			background:url(/futp/images/futp-header.jpg) no-repeat 0 0;
			height:108px;
			width:683px;
			}
#sponsors {
	list-style:none;
}
	#sponsors li {
		float:right;
		height:108px;
	}
	
		#sponsors li a#fuelup {
			display:block;
			background:url(/futp/images/fuelup.jpg) no-repeat 0 0;
			height:108px;
			width:143px;
		}
		
		#sponsors li a#play60 {
			display:block;
			background:url(/futp/images/play60.jpg) no-repeat 0 0;
			height:108px;
			width:183px;
		}

#navigation {
	width:1010px;
	height:30px;
	background:#002c4e;
	margin:0 auto;
}
	#navigation #nav {
		/*margin-left:177px;*/
		width:845px;
	}
		#navigation #nav li {
			padding-left:42px;
			float:left;
		}
		#navigation #nav li a {
			display:block;
			float:left;
			height:29px;
		}
		#rollovers {
			margin:0 auto;
			width:1048px;
		}
		#rollovers a{
			position:absolute;
			top:102px;
			display:none;
		}
		
		#home-over {
			/*margin-left:200px;*/
			margin-left:125px;
		}
		
		#about-over {
			/*margin-left:200px;*/
			margin-left:112px;
		}
		#enroll-over {
			margin-left:238px;
		}
		/*#pledge-over {
			margin-left:511px;
		}*/
		#get-started-over{
			margin-left:437px;
		}
		#marketing-tools-over{
			margin-left:605px;
		}
		#newsletter-over {
			margin-left:780px;
		}
	
#stage {
	width:1010px;
	background:url(/futp/images/bkgd.jpg) no-repeat 0 0 #ddecd7;
	margin:0 auto;
}
	#stage dt {
		display:none;
	}
	#stage dd {
		float:left;
	}
		#stage dd#promo {
			background:url(/futp/images/futp-chart.png) no-repeat 0 0;
			width:220px;
			height:323px;
		}
		#stage dd#content {
			width:486px;
			margin:48px 0 0 0;
			font-size:12px;
		}
			#stage dd#content #content_body {
				width:426px;
				padding:40px 30px 0 30px;
				background:url(/futp/images/content-top.png) no-repeat 0 0;
			}
			#stage dd#content #content_body h1 {
				padding:0 0 20px 0;
				text-align:center;
			}
			
			#stage dd#content #content_body h2 {
				font-size:12px;
				text-transform:uppercase;
				color:#002c4e;
				padding:0 0 10px 0;
				display:block;
				height:100%;
				width:100%;
				clear:both;
			}
			
			
			#stage dd#content #content_body h3 {
				font-size:12px;
				text-transform:uppercase;
				padding:10px 0 0 0;
			}
			
			#stage dd#content #content_body p {
				padding:0 0 20px 0;
			}
			
			#stage dd#content #content_body a {
				color:#e40f0f;
				text-decoration:none;
			}
			
			#stage dd#content #content_body ul {
				list-style-type: circle;
				margin:0 0 0 15px;
				padding:0 0 20px 0;
			}
			
			#stage dd#content #content_body a:hover {
				text-decoration:underline;
			}
			
			#stage dd#content #content_footer {
				background:url(/futp/images/content-bottom.png) no-repeat 0 0;
				width:486px;
				height:45px;
			}
			
			#stage dd#content #content_body iframe {
				width:425px;
				height:1070px;
			}
		
		#stage dd#callout_title {
			width:293px;
			font-size:11px;
		}
			#stage dd#callout_title #promo1 {
				background:url(/futp/images/promo1.png) no-repeat 0 0;
				width:293px;
				height:209px;
				margin:48px 0 0 0;
			}
				#stage dd#callout_title #promo1 p{
				margin: 5px 30px 0 50px;
				}
			#stage dd#callout_title #promo2 {
				background:url(/futp/images/promo2.png) no-repeat 0 0;
				width:293px;
				height:180px;
				margin:18px 0 0 0;
			}
				#stage dd#callout_title #promo2 p{
				margin: 5px 30px 0 50px;
				}
			#stage dd#callout_title #promo3 {
				background:url(/futp/images/promo3.png) no-repeat 0 0;
				width:293px;
				height:408px;
				margin:48px 0 0 0;
			}
				#stage dd#callout_title #promo3 p{
				margin: 5px 30px 0 50px;
				}
				
				#stage dd#callout_title #promo3 li{
				list-style-type:circle;
				margin: 5px 30px 0 65px;
				}
			#stage dd#callout_title #promo4 {
				background:url(/futp/images/promo3.png) no-repeat 0 0;
				width:293px;
				height:408px;
				margin:48px 0 0 0;
			}
				#stage dd#callout_title #promo4 p{
				margin: 13px 30px 0 50px;
				}
				
				#stage dd#callout_title #promo4 li{
				list-style-type:circle;
				margin: 10px 30px 0 65px;
				}
			#stage dd#callout_title #promo5 {
				background:url(/futp/images/promo3.png) no-repeat 0 0;
				width:293px;
				height:408px;
				margin:20px 0 0 0;
			}
				#stage dd#callout_title #promo5 p{
				margin: 5px 30px 0 50px;
				}
				
				#stage dd#callout_title #promo5 li{
				list-style-type:circle;
				margin: 5px 30px 0 65px;
				}
			#stage dd#callout_title #promo6 {
				background:url(/futp/images/promo3.png) no-repeat 0 0;
				width:293px;
				height:408px;
				margin:20px 0 0 0;
			}
				#stage dd#callout_title #promo6 p{
				margin: 13px 30px 0 50px;
				}
				
				#stage dd#callout_title #promo6 li{
				list-style-type:circle;
				margin: 10px 30px 0 65px;
				}

#footer {
	width:1010px;
	height:82px;
   	background:url(/futp/images/edge.png) repeat-x top center;
   	padding:40px 0 0;
   	margin:0 auto;
   	clear:both;
}
	
	#footer ul {
		width:1009px;
		text-align:center;
		margin:0 auto 26px;
		color:#002c4e;
	}
		#footer ul.main li {
			border-right:2px solid #6dcff6;
		}
		#footer ul.main li:last-child  {
			border-right:0px solid #6dcff6;
		}
		#footer ul li a {
			color:#002c4e;
			font-weight:800;
			margin:0 13px;
		}
	
	#footer p {
		width:1009px;
		text-align:center;
		margin:0 auto;
		font-family:helvetica, arial, sans-serif;
	}
.main {
	width:1009px;
	margin:0 auto;
}

#footer li {
		display:inline;
	}

.inputfield {
	width:155px;
	margin:0 0 8px 0;
}

.contact-form {
	float:left; 
	margin:0 15px 0 0;
}

#comments {
	width:230px; 
	height:160px; 
	margin:8px 0;
}

#contact_us {
	text-align:right;
}

#go_btn{
text-align:right;
margin: -10px 25px 0 0;
}

#stay_go_btn{
text-align:right;
margin: 12px 25px 0 0;
}

#download_btn{
text-align:right;
margin-right: 25px;
}

#info_download_btn{
text-align:right;
margin:17px 25px 0 0;
}

#enroll_btn{
text-align:right;
margin: 8px 25px 0 0;
}

#kit_FAQ{
background:url(/futp/images/promo-kit-faq.png) no-repeat scroll 0 35px;
width:167px;
height:65px;
margin-left: 40px;
}

#make_pledge{
background:url(/futp/images/promo-pledge.png) no-repeat scroll 0 35px;
width:183px;
height:65px;
margin-left: 40px
}

#june_news{
background:url(/futp/images/newsletter_promo_header.png) no-repeat scroll 0 35px;
width:194px;
height:80px;
margin-left: 40px
}

#ndc{
background:url(/futp/images/promo-ndc.png) no-repeat scroll 0 35px;
width:231px;
height:69px;
margin-left: 40px
}

#order_kit{
background:url(/futp/images/promo-order.png) no-repeat scroll 0 35px;
width:226px;
height:65px;
margin-left: 40px
}

#info_flyer{
background:url(/futp/images/promo-info-flyer.png) no-repeat scroll 0 35px;
width:231px;
height:70px;
margin-left: 40px
}

#summer{
background:url(/futp/images/promo-summer.png) no-repeat scroll 0 32px;
width:240px;
height:70px;
margin-left: 38px
}

#stay_game{
background:url(/futp/images/promo-stay-game.png) no-repeat scroll 0 35px;
width:182px;
height:70px;
margin-left: 38px
}

#enroll_now{
background:url(/futp/images/promo-enroll.png) no-repeat scroll 0 30px;
width:166px;
height:60px;
margin-left: 38px
}

#who_enrolled{
background:url(/futp/images/promo-who-enrolled.png) no-repeat scroll 0 0px;
width:231px;
height:34px;
margin-left: 38px
}

#sneak_peak{
background:url(/futp/images/promo-sneak-peek.png) no-repeat scroll 0 45px;
width:223px;
height:75px;
margin-left: 38px
}

#enroll_2010{
background:url(/futp/images/promo-enroll-2010-11.png) no-repeat scroll 0 45px;
width:218px;
height:85px;
margin-left: 38px;
}

.enroll_form{
margin: 15px 0 0 55px;
float: left;
width: 135px;
}

.enroll_field{
margin: 15px 0 0 0;
float: left;
width: 135px;
}

.enroll_go{
margin:11px 0 12px 10px;
}

#find_milk{
text-align:right;
margin-top: -30px;
}

#go_input{
position:relative;
top:9px;
margin-left:5px;
}

#school_enrollees.arrow_open {
	background:url(/futp/images/arrow-open.gif) no-repeat 156px 5px;
}

#school_enrollees.arrow_close {
	background:url(/futp/images/arrow-close.gif) no-repeat 156px 0px;
}

#nonschool_enrollees.arrow_open {
	background:url(/futp/images/arrow-open.gif) no-repeat 192px 5px;
}

#nonschool_enrollees.arrow_close {
	background:url(/futp/images/arrow-close.gif) no-repeat 192px 0px;
}
#school_list, #nonschool_list {
	display:none;
}


#tools{
margin:0 auto;
width:1010px;
}

#tools a{
color:#363636;
}

#breadcrumbs{
float:left;
color:#005a32;
}

#tool-right {
position:absolute;
top:129px;
margin-left:376px;
width:629px;
/*top:147px;
margin-left:610px;*/
}

#print{
margin-right:18px;
}

#share{
margin-right:18px;
}

#bookmark{
margin-right:26px;
}

#invite{
margin-right:18px;
}

#enrolled{
margin-right: 5px;
}

#login-arrow{
position:relative;
top:13px;
}

#index-submit-form{
display: inline;
}

#index-submit-input{
width:128px;
}

.starburst {
	position:absolute; 
	top:176px; 
	margin-left:301px; 
	z-index:500;
}