/*
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%;
	background: transparent;
	/*vertical-align:baseline;*/
}

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(/images/futp-header.jpg) no-repeat 0 0;
			height:108px;
			width:683px;
			}
#topsponsors {
	list-style:none;
}
	#topsponsors li {
		float:right;
		height:108px;
	}
	
		#topsponsors li a#fuelup {
			display:block;
			background:url(/images/fuelup.jpg) no-repeat 0 0;
			height:108px;
			width:143px;
		}
		
		#topsponsors li a#play60 {
			display:block;
			background:url(/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:833px;
	}
		#navigation #nav li {
			/*padding-left:48px;*/
			padding-left:40px;
			float:left;
		}
		#navigation #nav li a {
			display:block;
			float:left;
			height:29px;
		}
		#rollovers {
			margin:0 auto;
			width:1010px;
		}
		#rollovers a{
			position:absolute;
			top:102px;
			display:none;
		}
		#about-over {
			/*margin-left:200px;*/
			margin-left:112px;
		}
		#enroll-over {
			margin-left:273px;
		}
		/*#pledge-over {
			margin-left:511px;
		}*/
		#get-started-over{
			margin-left:427px;
		}
		#marketing-tools-over{
			margin-left:578px;
		}
		#newsletter-over {
			margin-left:767px;
		}
	
#stage {
	width:1010px;
	background:url(/images/bkgd.jpg) no-repeat 0 0 #ddecd7;
	margin:0 auto;
}
	#stage dt {
		display:none;
	}
	#stage dd {
		float:left;
	}
		#stage dd#promo {
			background:url(/images/futp60-2010-11.png) no-repeat 0 0;
			width:220px;
			height:700px;
		}
		
			#stage dd#promo a.futp60screen {
				display:block; 
				height:230px; 
				width:220px;
			}
			
			#stage dd#promo a.whatsnew2010 {
				display:block; 
				height:150px; 
				width:220px;
			}
			
			#stage dd#promo div.btff-promo {
				display: block;
				width:200px;
				margin-left: 13px;
			}
		
		#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(http://www.schoolwellnesskit.org/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 p.list {
				padding:0 0 5px 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;
			}
			
			body.mms-form #stage dd#content #content_body ul {
				list-style-type: disc;
			}
			
			#stage dd#content #content_body ul li {
				padding-bottom:8px;
			}
			
			#stage dd#content #content_body a:hover {
				text-decoration:underline;
			}
			
			#stage dd#content #content_footer {
				background:url(/images/content-bottom.png) no-repeat 0 0;
				width:486px;
				height:45px;
			}
			
			#stage dd#content #content_body iframe {
				width:425px;
				height:1070px;
			}
	
	#stage dd#funds_content {
			width:486px;
			margin:48px 0 0 0;
			font-size:12px;
		}
			#stage dd#funds_content #funds_content_body {
				width:735px;
				padding:40px 20px 0 20px;
				background:#fff;
			}
			#stage dd#funds_content #funds_content_body h1 {
				padding:0 0 20px 0;
				text-align:center;
				font-size:24px;
			}
			
			#stage dd#funds_content #funds_content_body h2 {
				font-size:18px;
				color:#002c4e;
				padding:0 0 10px 0;
				display:block;
				height:100%;
				width:100%;
				clear:both;
			}
						
			#stage dd#funds_content #funds_content_body h3 {
				font-size:12px;
				text-transform:uppercase;
				padding:10px 0 0 0;
			}
			
			#stage dd#funds_content #funds_content_body p {
				padding:0 0 20px 0;
			}
			
			#stage dd#funds_content #funds_content_body p.list {
				padding:0 0 5px 0;
			}
			
			#stage dd#funds_content #funds_content_body a {
				color:#e40f0f;
				text-decoration:none;
			}
			
			#stage dd#funds_content #funds_content_body ul {
				list-style-type: circle;
				margin:0 0 0 15px;
				padding:0 0 20px 0;
			}
			
			body.mms-form #stage dd#funds_content #funds_content_body ul {
				list-style-type: disc;
			}
			
			#stage dd#funds_content #funds_content_body ul li {
				padding-bottom:8px;
			}
			
			#stage dd#funds_content #funds_content_body a:hover {
				text-decoration:underline;
			}
			
			#stage dd#funds_content #funds_content_footer {
				background:url(/images/funds_content-bottom.png) no-repeat 0 0;
				width:486px;
				height:45px;
			}
			
			#stage dd#funds_content #funds_content_body iframe {
				width:425px;
				height:1070px;
			}
			
			
			
			
		
		#stage dd#callout_title {
			width:293px;
			font-size:11px;
		}
			#stage dd#callout_title #promo1 {
				background:url(/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(/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(/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: 0 30px 0 65px;
				}
			#stage dd#callout_title #promo4 {
				background:url(/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(/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(/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;
				}
			#stage dd#callout_title #promo7 {
				background:url(/images/promo7.png) no-repeat 0 0;
				width:293px;
				height:322px;
				margin:43px 0 0 0;
			}
				#stage dd#callout_title #promo7 p{
				margin: 13px 30px 0 50px;
				}
				
				#stage dd#callout_title #promo7 li{
				list-style-type:circle;
				margin: 10px 30px 0 65px;
				}
			#stage dd#callout_title #promo10 {
				background:url(/images/promo10.png) no-repeat 0 0;
				width:291px;
				height:236px;
				margin:18px 0 0 18px;
			}
			#stage dd#callout_title #promo10 ul{
				padding-top:75px;
				padding-left:15px;
			}
#footer {
	width:1010px;
	height:82px;
   	background:url(/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;
}

#getstarted_btn{
text-align:right;
margin:17px 25px 0 0;
}

#enroll_btn{
text-align:right;
margin: 8px 25px 0 0;
}

#kit_FAQ{
background:url(/images/promo-kit-faq.png) no-repeat scroll 0 35px;
width:167px;
height:65px;
margin-left: 40px;
}

#make_pledge{
background:url(/images/promo-pledge.png) no-repeat scroll 0 35px;
width:183px;
height:65px;
margin-left: 40px;
}

#june_news{
background:url(/images/newsletter_promo_header.png) no-repeat scroll 0 35px;
width:194px;
height:80px;
margin-left: 40px;
}

#ndc{
background:url(/images/promo-ndc.png) no-repeat scroll 0 35px;
width:231px;
height:69px;
margin-left: 40px;
}

#order_kit{
background:url(/images/promo-order.png) no-repeat scroll 0 35px;
width:226px;
height:65px;
margin-left: 40px;
}

#info_flyer{
background:url(/images/promo-info-flyer.png) no-repeat scroll 0 35px;
width:231px;
height:70px;
margin-left: 40px;
}

#ready_set{
background:url(/images/promo-ready-set.png) no-repeat scroll 0 35px;
width:231px;
height:70px;
margin-left: 45px;
}

#summer{
background:url(/images/promo-summer.png) no-repeat scroll 0 32px;
width:240px;
height:70px;
margin-left: 38px;
}

#stay_game{
background:url(/images/promo-stay-game.png) no-repeat scroll 0 35px;
width:182px;
height:70px;
margin-left: 38px;
}

#enroll_now{
background:url(/images/promo-enroll.png) no-repeat scroll 0 30px;
width:166px;
height:60px;
margin-left: 38px;
}

#who_enrolled{
background:url(/images/promo-who-enrolled.png) no-repeat scroll 0 0px;
width:231px;
height:34px;
margin-left: 38px;
}

#sneak_peak{
background:url(/images/promo-sneak-peek.png) no-repeat scroll 0 45px;
width:223px;
height:75px;
margin-left: 38px;
}

#enroll_2010{
background:url(/images/promo-enroll-2010-11.png) no-repeat scroll 0 35px;
width:218px;
height:85px;
margin-left: 38px;
}

#program_2009{
background:url(/images/promo-program-2009-10.png) no-repeat scroll 0 34px;
width:234px;
height:100px;
margin-left: 38px;
}

#program_components{
background:url(/images/promo-program-components.png) no-repeat scroll 0 34px;
width:234px;
height:100px;
margin-left: 25px;
}

#funding{
background:url(/images/promo-funding.png) no-repeat scroll 0 34px;
width:234px;
height:65px;
margin-left: 38px;
}

#reach_you{
background:url(/images/promo-reach-you.png) no-repeat scroll 0 46px;
width:234px;
height:90px;
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(/images/arrow-open.gif) no-repeat 100px 5px;
}

#school_enrollees.arrow_close {
	background:url(/images/arrow-close.gif) no-repeat 100px 0px;
}

#district_enrollees.arrow_open {
	background:url(/images/arrow-open.gif) no-repeat 175px 5px;
}

#district_enrollees.arrow_close {
	background:url(/images/arrow-close.gif) no-repeat 175px 0px;
}

#community_enrollees.arrow_open {
	background:url(/images/arrow-open.gif) no-repeat 375px 5px;
}

#community_enrollees.arrow_close {
	background:url(/images/arrow-close.gif) no-repeat 380px 0px;
}

#school-contents, #district-contents, #community-contents {
	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:492px;
width:629px;
/*
margin-left:376px;
top:147px;
margin-left:610px;*/
}

	#tool-right.login{
		margin-left:430px;
	}
	
	#tool-right.login a{
		display:inline-block;
		margin-top:23px;
		float:left;
	}
	
	
	#tool-right.login #login-block{
	 	background:url("/images/login-bkgd.png") no-repeat scroll 0 0 transparent;
		float:left;
		margin:10px 0px 0 0;
		padding-left:16px;
		width:264px;
		height:44px;
	 }
	 
	 #tool-right.login #login-block #login-block-text{
	 	font-size:13px;
	 	position:relative;
	 	top:-6px;
	 }
	 
	 #tool-right.login #login-block #index-submit-form{
	 	position:relative;
	 	top:-6px;
	 }
	 
	 #tool-right.login #login-block #index-submit-form #login-arrow{
	 	margin-left:-5px;
	 }
	 
	 #tool-right.login #login-block #user-welcome{
		display:inline-block;
		font-size:12px;
		margin-top:15px;
		float:left;
		line-height:12px;
	 }
	 
	 #tool-right.login #login-block a.logout{
		color:#003D79;
		display:inline-block;
		float:right;
		font-size:12px;
		margin:15px 29px 0 0;
		line-height:12px;
	 }


#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;
}



/* MMS Form Styles */
body.popup {
	padding:10px;
}

body.mms-form #stage dd#content #content_body table p {
	padding-bottom:10px;
}

body.popup input.inputbox {
	width:150px;
	font-size:11px;
	font-family:trebuchet, sans-serif;
}

body.popup select.dropdown {
	font-size:11px;
	font-family:trebuchet, sans-serif;
}

body.mms-form input.inputbox {
	width:150px;
	font-size:11px;
	font-family:trebuchet, sans-serif;
}

body.mms-form select.dropdown {
	font-size:11px;
	font-family:trebuchet, sans-serif;
}

body.mms-form #stage dd#content #content_body p.my-contact-info {
	border:2px solid #6dcff6;
	padding:7px;
	margin-bottom:20px;
}

body.mms-form #stage dd#content #content_body ul.school-instruct {
	padding-bottom:0;
}

body.mms-form #stage dd#content #content_body a.blue {
	/*color:#003d79;*/
}

#jointeam-box {
	padding:5px 0 10px 0;
}

div.dash {
		border-top:1px dashed #717171;
		margin:10px 0;
		height:5px;
}

#stage dd#content #content_body #jointeam-box ul {
	padding:10px 0 0 0;
}

#optin-box {
	padding:5px 0;
}

#optin-box strong {
	color:#003874;
}

strong.header {
	color:#003d79;
}

#school-table th {
	background: #6dcff6;
	color:#003d79;
}

#school-table th, #school-table td {
	padding:2px;
}
#school-table td {
	border-right:1px dashed #717171;
	border-bottom:1px solid #000;
	font-size:11px;
}

#school-table td.end {
	border-right:0;
}

#school-table {
	border:1px solid #000;
	border-right:1px solid #000;
}

.error-message{
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:14px;
	color:#e40f0f;
	text-transform:uppercase;
	font-weight:bold;
}

.footnote {
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}

#supporter-table td {
	padding:3px 30px 3px 20px;
	font-size:12px;
}

/*input#pword {
	width:238px;
}

/* Overlay Styles */

.overlay { 
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
         
    /* styling */ 
    background-color:#fff; 
    width:450px;     
    min-height:200px; 
    border:2px solid #6dcff6; 
    padding:20px;   
} 

img.close {
	float:right;
	position:relative;
	top:-10px;
	right:-10px;
}

.overlay h1, .overlay p {
	padding:0 0 20px 0;
}

p span.edit {color: #e40f0f;
font-size: 13px;
font-weight: bold;
}

p span.school {color: #003d79;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}

p span.mycontact {color: #505050;
font-size: 13px;
font-weight: bold;
}

p.buttons {margin-left: 108px;
}

.trigger {
	color:#e40f0f;
	cursor:pointer;
}

#edit-contact table {
	padding-bottom:20px;
}

.overlay table td {
	padding:0 0 10px 7px;
}

#submit-edit-contact {
	padding:15px 0 0 75px;
}

body.mms-form .overlay input.inputbox {
	width:150px;
}

/*Jquery Tab system*/
.ui-tabs { 
	position: relative; 
	padding: .2em; 
	zoom: 1; 
} 

.ui-tabs .ui-tabs-nav { 
	margin: 0; 
	font-size:13px;
	padding: 0;
	float: right;
}

.ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	position: relative; 
	top: 1px; 
	padding: 0;
	border-bottom: 0 !important; 
	padding: 0; 
	white-space: nowrap; 
	background:url(../images/dashtab_inactive.gif) no-repeat; 
	width:86px; 
	height:30px;
}

.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	padding: .5em 1em;
	text-decoration: none;  
    font-family:"Trebuchet MS", helvetica, sans-serif;
	color:#000;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	margin-bottom: 0; 
	padding-bottom: 1px; 
	background:url(../images/dashtab_active.gif) no-repeat; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: pointer;  
	color:#e40f0f;;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer;
	color:#000;
} 
	
.ui-tabs .ui-tabs-panel { 
	display: block; 
	border-width: 0;
	background: none; 
	width:450px;
	padding-top:30px;
	/padding-top:0px;
}

.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}

#tabdiv{
	margin-bottom: 1px;
	padding-bottom: 1px;
	width:425px;
	}
#school-table .subtables tr td {
	border-bottom:#ccc 1px solid;
	border-right:none;
	}