@charset "UTF-8";
/* CSS Document */

body {
margin: 0; padding: 0;
text-align: left;
background-color: #a30d00;
color: #000000; 
}

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

#container {
margin: 0 auto; 
padding: 0;
width: 802px;
background-color: #a30d00;
text-align: left; 
}

a {
text-decoration: none;
color: #a30d00;
}

#header {
position: relative;
margin-top: 50px;
height: 100px;
width: 802px;
background-image: url(../images/Header.jpg);
background-repeat:no-repeat;
}

#top_nav {
position: absolute;
top: 70px;
/*left: 437px;*/
left: 562px;
}

#header ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

/*********** home ************/

#main_content {
position: relative;
height: 550px;
width: 802px;
background-image: url(../images/home/content_background_home.jpg);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

#content {
position: absolute;
top: 220px;
width: 802px;
height: 213px;
background-image: url(../images/home/content_background.jpg);
background-repeat: no-repeat;
}

#content h1 {
background-image: url(../images/home/mtc_heading.gif);
height: 29px;
width: 293px;
margin: 25px 0 -10px 30px;
}

#content_h2 {
position:absolute;
top: 120px;
left: 30px;
}

#content_h2 h2 {
background-image: url(../images/home/heading2.gif);
height: 19px;
width: 582px;
}

#content p {
margin-left: 30px;
width: 600px;
}

#content img {
position: absolute;
top: 160px;
left: 30px;
}

.badge {
font-family: Arial, Helvetica, sans-serif;
width: 130px;
font-size: 9px;
margin-top: 32px;
margin-left: 9px;
}

.wider {
width:141px;
}

.wider_hunger {
width:145px;
}


#rediscover_badge {
position: absolute;
top: 423px;
left: 283px;
width: 237px;
height: 106px;
background-image: url(../images/home/rediscover_badge.jpg);
}

/*--------------	modifications june 25th, 2008 ----------------*/
#the_winners_are_in {
position: absolute;
top: 422px;
left: 29px;
width: 237px;
height: 106px;
background-image: url(../images/home/winners-badge.jpg);
}

#healthy_badge {
position: absolute;
top: 422px;
left: 283px;
width: 237px;
height: 106px;
background-image: url(../images/home/healthy_badge.jpg);
}

#hunger_badge {
position: absolute;
top: 422px;
left: 539px;
width: 237px;
height: 106px;
background-image: url(../images/home/hunger-badge.jpg);
}
/*--------------	modifications june 25th, 2008 ----------------*/

#product_badge {
position: absolute;
top: 422px;
/*left: 542px;  THIS HAS BEEN MOVED OVER TO WHERE THE REDISCOVER BADGE USED TO BE */
left: 283px;
width: 237px;
height: 106px;
background-image: url(../images/home/product_badge.jpg);
}

#healthy_badge img , #rediscover_badge img , #product_badge img, #hunger_badge img {
position: absolute;
top: 78px;
left: 11px;
}
/*--------------	modifications june 25th, 2008 ----------------*/
#the_winners_are_in img {
position: absolute;
top: 78px;
left: 11px;
}
/*--------------	modifications june 25th, 2008 ----------------*/


#content h1 span , h2 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

/************** end home **************/


/******************* Healthier Choices *******************/

#healthy_content {
position: relative;
width: 801px;
height: 1501px;
background:#fff url(../images/page.jpg) 0% 0% no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#healthy_content a , a img {
border: 0;
text-decoration:none;
}

#healthy_content h2 {
background-image: url(../images/taf_header.gif);
height: 25px;
width: 577px;
position:relative;
top:10px;
margin-bottom:29px;
}

#healthy_content h2.thanks {
background-image: url(../images/taf_thanks_header.gif);
height: 25px;
width: 577px;
position:relative;
top:10px;
margin-bottom:29px;
}

#healthy_content .tafForm {
	padding:250px 160px 0 40px;
	
	}

#healthy_content .tafFields {	
	 padding:20px 0 0 40px;
	 }

#healthy_content h1 span, h2 span, h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#healthy_content .error {
	margin-left:40px;
	width:600px;
	border:2px solid #CC0000;
	background:#FFF2EF;
	font-weight:bold;
	padding:10px 5px;
}

#intro { position:absolute; top:250px; width:802px; height:160px; } /*581px 104px*/
#intro h2 { background:url(../images/healthy_intro.gif) no-repeat; height:26px; width:520px; margin:09px 0 25px 50px; }
.p_class_intro { width:520px; margin:0 0 0 50px; }

#hr { position:absolute; top:590px; width:802px; height:153px; background:url(../images/hr_2.jpg) 30px -39px no-repeat; } /*top:400px;*/ /*top=410*/
#hr img { /*margin-left:30px;*/ margin-top:5px; }
.p_class_hr { width:524px; margin:2px 0 0 50px; margin-top:35px; font-size:10px; }

#sodium { position:absolute; top:400px; width:802px; height:190px; background:url(../images/hr_2_prev.jpg) 608px 127px no-repeat; } /*top:530px; h=150*/
#sodium h3 { background: url(../images/sodium.gif) no-repeat; height:24px; width:524px; margin:0 0 5px 50px; }
#sodium img { position:absolute; left:526px; top:110px; }
.p_class_sodium { width:524px; margin:2px 0 0 50px; }

#veg_goodness { position:absolute; top:720px; width:802px; height:210px; background:url(../images/veg_goodness_image.gif) 480px 0 no-repeat; }
#veg_goodness h3 { position:absolute; top:9px; background: url(../images/veg_goodness.gif) no-repeat; height:27px; width:437px; margin:0 0 5px 50px; }
.p_class_veggoodness { position:absolute; top:41px; width:437px; margin:2px 0 0 50px; }

#health_check { position:absolute; top:910px; left:-1px; width:802px; height:240px; background:url(../images/health_check_logo.gif) 0 17px no-repeat; }
#health_check h3 { background: url(../images/health_check.gif) no-repeat; height:27px; width:522px; margin:0 0 5px 50px; }
.p_class_health_whole { margin:2px 0 0 130px; width:440px; }

#whole_grain { position:absolute; top:1080px; width:802px; height:210px; background:url(../images/whole_grain_image.jpg) 607px 0 no-repeat; }
#whole_grain h3 { background-image: url(../images/whole_grain.gif); height:24px; width:524px; margin:0 0 5px 50px; }
.p_class_health_whole_grain { margin:2px 0 0 50px; width:524px; }

#healthier_choices { position:absolute; top:1365px; left:185px; width:430px; height:53px; font-size:11px; }
#healthier_choices h1 { background-image:url(../images/making_choices.jpg); height:19px; width:342px; margin:13px 0 0 35px; }

#learn_more { position:absolute; top:1450px; width:801px; height:27px; font-size:12px; }

/****************** end Healthier Choices ******************/

/****************** Recipes ******************/

#recipes_image {
position: relative;
width: 802px;
height: 243px;
background-image: url(../images/recipes/recipes_image_background.jpg);
}

#recipes_image h1 {
position: absolute;
background-image: url(../images/recipes/delicious_heading.jpg);
height: 58px;
width: 241px;
margin: 103px 0 0 44px;
}

#recipes_image h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#recipes_content {
background-image: url(../images/recipes/recipes_content_background.jpg);
background-repeat: no-repeat;
background-color:#fff;
position: relative;
width: 802px;
height: 569px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#recipe_intro {
position: absolute;
top: 27px;
left: 43px;
width: 720px;
}

#recipes_1 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 108px;
left: 90px;
width: 302px;
height: 156px;
}

#recipes_2 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 108px;
left: 402px;
width: 302px;
height: 156px;
}

#recipes_3 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 273px;
left: 90px;
width: 302px;
height: 156px;
}

#recipes_4 {
background-image: url(../images/recipes/recipes_background.jpg);
position: absolute;
top: 273px;
left: 402px;
width: 302px;
height: 156px;
}

#recipes_1 img , #recipes_2 img , #recipes_3 img , #recipes_4 img {
position: absolute;
left: 13px;
top: 34px;
}

#recipes_1 a img , #recipes_2 a img , #recipes_3 a img , #recipes_4 a img {
position: absolute;
left: 141px;
top: 115px;
}

#recipes_1 h3 {
position: absolute;
background-image: url(../images/recipes/chic_broc.jpg);
height: 21px;
width: 240px;
left: 11px;
}

#recipes_2 h3 {
position: absolute;
background-image: url(../images/recipes/pasta_prima.jpg);
height: 18px;
width: 130px;
left: 11px;
}

#recipes_3 h3 {
position: absolute;
background-image: url(../images/recipes/texmex_bake.jpg);
height: 17px;
width: 249px;
left: 11px;
}

#recipes_4 h3 {
position: absolute;
background-image: url(../images/recipes/italiano_chic.jpg);
height: 18px;
width: 240px;
left: 11px;
}

#sign_up {
position: absolute;
top: 472px;
left: 125px;
height: 27px;
width: 600px;
}

#sign_up img {
position: absolute;
left: 500px;
}

.recipe {
position: absolute;
top: 50px;
left: 142px;
width: 160px;
font-size: 9px;
color: #333333;
}

/********** end Recipes *************/

/********** Stories *************/


#stories_image {
background-image:url(../images/families/stories_image.jpg);
width: 801px;
height: 191px;
}

#stories_nav {
position: relative;
background-image:url(../images/families/stories_nav_background.jpg);
width: 801px;
height: 57px;
}

#nav_heading h1 {
position: absolute;
background-image: url(../images/families/see_more_stories.jpg);
height: 22px;
width: 154px;
margin: 19px 0 0 41px;
}

#nav_heading h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#stories_content {
background-image: url(../images/families/stories_content_background.jpg);
background-color:#fff;
position: relative;
height: 711px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#stories_content h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

.blurb {
float: left;
font-size: 10px;
margin-top: 6px;
margin-left: 10px;
}

.intro {
margin-top: 2px;
margin-left: 40px;
margin-right: 50px;
}

#intro_p {
position:absolute;
margin-top: 115px;
width: 801px;
height: 70px;
}

#rediscover h1 {
position: absolute;
background-image: url(../images/families/rediscover.jpg);
height: 20px;
width: 168px;
margin: 40px 0 0 128px;
}

#stories_content a , a img {
border: 0;
text-decoration:none;
}

#your_story {
position: absolute;
top: 65px;
left: 124px;
width: 630px;
height: 27px;
}

#your_story img {
position: absolute;
left: 500px;
}

#nav_buttons {
position: absolute;
top: 20px;
left: 640px;
}

#nav_buttons ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

#barbarossa {
position: absolute;
/*background-image: url(../images/families/barbarossa_polariod.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 180px;
left: -1px;
top: 184px;
}

#barbarossa h1 {
position: absolute;
background-image: url(../images/families/mt_barbarossa.jpg);
height: 33px;
width: 562px;
left: 178px;
top: -15px;
padding: 0;
}

#barbarossa p {
margin-left: 183px;
margin-top: 35px;
margin-right: 50px;
}

#daniel {
position: absolute;
/*background-image: url(../images/families/daniels.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 162px;
top: 363px;
}

#daniel p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#daniel h1 {
position: absolute;
background-image: url(../images/families/mt_daniel.jpg);
height: 41px;
width: 561px;
left: 178px;
top: -15px;
}

#serro {
position: absolute;
/*background-image: url(../images/families/serro_polariod.jpg);*/
background-repeat: no-repeat;
width: 801px;
height: 165px;
top: 130px;
}

#serro p {
margin-left: 183px;
margin-top: 45px;
margin-right: 50px;
}

#serro h1 {
position: absolute;
background-image: url(../images/families/mt_serro.jpg);
height: 31px;
width: 555px;
left: 183px;

}


/********** end Stories *************/

#footer {
position: relative; 
height: 50px;
width: 802px;
}

#footer img {
float: left;
}

#footer_nav {
position: absolute;
left: 415px;
}

#footer ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}