/*  Nutrition Explorations Redevelopment  */
/*  Cascading Style Sheet: Kids  */


/*  Universal Elements  */
body      { background-color: #FFF; margin: 0px; padding: 0px; }
p, li, b     { font-family: verdana, arial; font-size: 11px; color: #000; line-height: 17px; }

a:link    { color: #5700FF; text-decoration: underline; font-weight: normal; }
a:active  { color: #5700FF; text-decoration: underline; font-weight: normal; }
a:visited { color: #5700FF; text-decoration: underline; font-weight: normal; }
a:hover   { color: #5700FF; text-decoration: underline; font-weight: normal; }

a.act:link    { color: #F00; text-decoration: underline; font-weight: bold; }
a.act:active  { color: #F00; text-decoration: underline; font-weight: bold; }
a.act:visited { color: #F00; text-decoration: underline; font-weight: bold; }
a.act:hover   { color: #F00; text-decoration: underline; font-weight: bold; }

a.kit:link    { color: #FD4E0F; text-decoration: underline; font-weight: bold; }
a.kit:active  { color: #FD4E0F; text-decoration: underline; font-weight: bold; }
a.kit:visited { color: #FD4E0F; text-decoration: underline; font-weight: bold; }
a.kit:hover   { color: #FD4E0F; text-decoration: underline; font-weight: bold; }

a.panel:link    { color: #004EFF; text-decoration: underline; font-weight: bold; }
a.panel:active  { color: #004EFF; text-decoration: underline; font-weight: bold; }
a.panel:visited { color: #004EFF; text-decoration: underline; font-weight: bold; }
a.panel:hover   { color: #004EFF; text-decoration: underline; font-weight: bold; }

a.foot:link    { color: #3A4850; text-decoration: underline; font-weight: normal; }
a.foot:active  { color: #3A4850; text-decoration: underline; font-weight: normal; }
a.foot:visited { color: #3A4850; text-decoration: underline; font-weight: normal; }
a.foot:hover   { color: #3A4850; text-decoration: underline; font-weight: normal; }

a.home:link    { color: #000; text-decoration: underline; font-weight: normal; }
a.home:active  { color: #000; text-decoration: underline; font-weight: normal; }
a.home:visited { color: #000; text-decoration: underline; font-weight: normal; }
a.home:hover   { color: #000; text-decoration: underline; font-weight: normal; }


/*  Header Elements  */
.headerbg-main    { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-main.gif) #FFF repeat-x; width: 100%; }
.headerbg-links   { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-links.gif) #FFF repeat-x; width: 100%; }
.headerbg-contest { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-contest.gif) #FFF repeat-x; width: 100%; }
.headerbg-activities { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-activities.gif) #FFF repeat-x; width: 100%; }
.headerbg-nutrition { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-nutrition.gif) #FFF repeat-x; width: 100%; }
.headerbg-panel { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-panel.gif) #FFF repeat-x; width: 100%; }
.headerbg-kitchen { background: url(http://www.nutritionexplorations.org/images/kids/header-bg-kitchen.gif) #FFF repeat-x; width: 100%; }
.headertitle      { width: 775px; }


/*  Body Elements  */
div.Article {
  width:138px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 15px;
  top: 124px;
  }

div.LeftCol {
	width:138px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 15px;
  top: 124px;	
	}
  
div.RightCol {
  width:159px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 596px;
  top: 124px;
  }
  
div.pagefooter {
	position:relative;
	left:-175px;
	}

div.gamelauncher {
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 164px;
  top: 124px;
  width:685px;
	}

div.Nutrition1 {
  background: 
        url(/images/kids/nutrition-top.gif) no-repeat;
  width:419px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 164px;
  top: 124px;
  }
  
div.NutritionBody1 {
  background: 
        url(/images/kids/nutrition-middle.gif) repeat-y;
  margin-top:24px;
  padding: 0px 25px 30px 25px;
  }

div.NutritionFooter1 {
  background: 
        url(/images/kids/nutrition-bottom.gif) 
  bottom left no-repeat;
  padding: 30px 30px 30px 0px;
  margin:-51px 0 0 0;
  width: 419px;
  clear:both;
  }

div.Contest1 {
  background: 
        url(/images/kids/contest-top.gif) no-repeat;
  width:419px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 164px;
  top: 124px;
  }
  
div.ContestBody1 {
  background: 
        url(/images/kids/contest-middle.gif) repeat-y;
  margin-top:24px;
  padding: 0px 25px 30px 25px;
  }

div.ContestFooter1 {
  background: 
        url(/images/kids/contest-bottom.gif) 
  bottom left no-repeat;
  padding: 30px 30px 30px 0px;
  margin:-51px 0 0 0;
  width: 419px;
  clear:both;
  }
  
div.Panel1 {
  background: 
        url(/images/kids/panel-top.gif) no-repeat;
  width:419px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 164px;
  top: 124px;
  }
  
div.PanelBody1 {
  background: 
        url(/images/kids/panel-middle.gif) repeat-y;
  margin-top:24px;
  padding: 0px 25px 30px 25px;
  }

div.PanelFooter1 {
  background: 
        url(/images/kids/panel-bottom.gif) 
  bottom left no-repeat;
  padding: 30px 30px 30px 0px;
  margin:-51px 0 0 0;
  width: 419px;
  clear:both;
  }
  
div.Activities1 {
  background: 
        url(/images/kids/activities-top.gif) no-repeat;
  width:419px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 164px;
  top: 124px;
  }
  
div.ActivitiesBody1 {
  background: 
        url(/images/kids/activities-middle.gif) repeat-y;
  margin-top:24px;
  padding: 0px 25px 30px 25px;
  }

div.ActivitiesFooter1 {
  background: 
        url(/images/kids/activities-bottom.gif) 
  bottom left no-repeat;
  padding: 30px 30px 30px 0px;
  margin:-51px 0 0 0;
  width: 419px;
  clear:both;
  }
   
div.Riddles1 {
  background: 
        url(/images/kids/activities-riddle-top.gif) no-repeat;
  width:603px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  left: 164px;
  top: 124px;
  }
  
div.RiddlesBody1 {
  background: 
        url(/images/kids/activities-riddle-middle.gif) repeat-y;
  margin-top:24px;
  padding: 0px 25px 30px 25px;
  }

div.RiddlesFooter1 {
  background: 
        url(/images/kids/activities-riddle-bottom.gif) 
  bottom left no-repeat;
  padding: 30px 30px 30px 0px;
  margin:-51px 0 0 0;
  width: 603px;
  clear:both;
  }
  
.bottomborder {
	border-bottom:1px solid #000;
	padding-bottom:15px;
	}

div.gap {
	position:relative;
	top:11px;
	}

.left {
	float:left;
	padding-right:15px;
	}


.side1main   { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #C4FF10; width: 157px; height: 204px; }
.side1left   { background: url(http://www.nutritionexplorations.org/images/kids/home-side1-left.gif) repeat-y #C4FF10; width: 21px; }
.side1right  { background: url(http://www.nutritionexplorations.org/images/kids/home-side1-right.gif) repeat-y #C4FF10; width: 21px; }

.side2main   { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFD629; width: 157px; height: 105px; }
.side2left   { background: url(http://www.nutritionexplorations.org/images/kids/home-side2-left.gif) repeat-y #FFD629; width: 21px; }
.side2right  { background: url(http://www.nutritionexplorations.org/images/kids/home-side2-right.gif) repeat-y #FFD629; width: 21px; }

.side3main   { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFD629; width: 154px; height: 162px; }
.side3left   { background: #FFD629; width: 10px; }
.side3right  { background: #FFD629; width: 10px; }

.cont1main   { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 309px; height: 232px; line-height: 15px; }
.cont1left   { width: 23px; }
.cont1right  { width: 23px; }

.cont2main   { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 540px; height: 139px; }
.cont2left   { background: url(http://www.nutritionexplorations.org/images/kids/contest-side2-left.gif) repeat-y #FFF; width: 28px; }
.cont2right  { background: url(http://www.nutritionexplorations.org/images/kids/contest-side2-right.gif) repeat-y #FFF; width: 28px; }

.conttitle   { font-family: verdana, arial; font-size: 11px; color: #860087; font-weight: bold; text-align: right; }
.conttitle2  { font-family: verdana, arial; font-size: 11px; color: #860087; font-weight: bold; }

.act1main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 333px; height: 403px; line-height: 15px; }
.act1left    { background: url(http://www.nutritionexplorations.org/images/kids/activity-side1-left.gif) repeat-y #FFF; width: 24px; }
.act1right   { background: url(http://www.nutritionexplorations.org/images/kids/activity-side1-right.gif) repeat-y #FFF; width: 24px; }

.act2main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 430px; height: 271px; line-height: 15px; }
.act2left    { background: url(http://www.nutritionexplorations.org/images/kids/activity-side1-left.gif) repeat-y #FFF; width: 24px; }
.act2right   { background: url(http://www.nutritionexplorations.org/images/kids/activity-side1-right.gif) repeat-y #FFF; width: 24px; }

.act3main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 506px; height: 341px; line-height: 18px; }
.act3left    { background: url(http://www.nutritionexplorations.org/images/kids/activity-side1-left.gif) repeat-y #FFF; width: 24px; }
.act3right   { background: url(http://www.nutritionexplorations.org/images/kids/activity-side1-right.gif) repeat-y #FFF; width: 24px; }

.kitchenmain { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 206px; height: 453px; }

.kit1main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 336px; height: 363px; line-height: 14px; }
.kit1left    { background: url(http://www.nutritionexplorations.org/images/kids/kitchen-side1-left.gif) repeat-y #FFF; width: 22px; }
.kit1right   { background: url(http://www.nutritionexplorations.org/images/kids/kitchen-side1-right.gif) repeat-y #FFF; width: 22px; }

.kit2main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 194px; height: 255px; line-height: 13px; }

.nut1main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 359px; height: 161px; line-height: 14px; }
.nut1left    { background: url(http://www.nutritionexplorations.org/images/kids/nutrition-side1-left.gif) repeat-y #FFF; width: 22px; }
.nut1right   { background: url(http://www.nutritionexplorations.org/images/kids/nutrition-side1-right.gif) repeat-y #FFF; width: 22px; }

.nut2main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 359px; height: 65px; line-height: 15px; }
.nut2left    { background: url(http://www.nutritionexplorations.org/images/kids/nutrition-side2-left.gif) repeat-y #FFF; width: 22px; }
.nut2right   { background: url(http://www.nutritionexplorations.org/images/kids/nutrition-side2-right.gif) repeat-y #FFF; width: 22px; }

.nut3main    { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 271px; height: 123px; line-height: 15px; }
.nut3left    { background: url(http://www.nutritionexplorations.org/images/kids/nutrition-side3-left.gif) repeat-y #FFF; width: 24px; }
.nut3right   { background: url(http://www.nutritionexplorations.org/images/kids/nutrition-side3-right.gif) repeat-y #FFF; width: 24px; }

.panel1main  { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 150px; height: 142px; line-height: 13px; }
.panel1left  { background: url(http://www.nutritionexplorations.org/images/kids/panel-side1-left.gif) repeat-y #FFF; width: 24px; }
.panel1right { background: url(http://www.nutritionexplorations.org/images/kids/panel-side1-right.gif) repeat-y #FFF; width: 24px; }

.panel2main  { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 150px; height: 112px; line-height: 12px; }
.panel2left  { background: url(http://www.nutritionexplorations.org/images/kids/panel-side2-left.gif) repeat-y #FFF; width: 19px; }
.panel2right { background: url(http://www.nutritionexplorations.org/images/kids/panel-side2-right.gif) repeat-y #FFF; width: 19px; }

.mugmain     { font-family: verdana, arial; font-size: 11px; color: #000; background-color: #FFF; width: 196px; height: 256px; line-height: 15px; }
.mugright    { background: url(http://www.nutritionexplorations.org/images/kids/panel-side-right.gif) repeat-y #FFF; width: 39px; }

.favmain     { display: block; }
.favfoods, .favact, .favweb { display: none; }

.fgpmain     { font-family: verdana, arial; font-size: 11px; color: #000; line-height: 15px; width: 400px; }
.combo       { font-family: verdana, arial; font-size: 11px; color: #000; line-height: 15px; width: 347px; }
.l15         { font-family: verdana, arial; font-size: 11px; color: #000; line-height: 15px; }

.textbox     { font-family: verdana, arial; font-size: 10px; color: #000; padding: 0px; margin-left: 10px; width: 180px; }
.textbox2    { font-family: verdana, arial; font-size: 10px; color: #000; padding: 0px; width: 270px; height: 80px; }

.riddlebox1  { font-family: verdana, arial; font-size: 11px; color: #333; font-weight: bold; background-color: #C4FF10; padding: 5px; margin: 0px; width: 380px; height: 35px; }

.riddlebox2  { font-family: verdana, arial; font-size: 11px; color: #333; font-weight: bold; background-color: #C4FF10; padding: 9px; margin: 0px; width: 380px; height: 15px; border: 2px solid #333; }

.riddlebox  { font-family: verdana, arial; font-size: 11px; color: #333; font-weight: bold; background-color: #C4FF10; width: 380px; padding-left: 5px; height: 25px; }

.spreadcol   { background-color: #FFF; font-family: verdana, arial; font-size: 11px; color: #000; width: 568px; }

.maincolumn { background-color: #FFF; font-family: verdana, arial; font-size: 11px; color: #000; width: 394px; }

.sidebar1    { background-color: #FFF; width: 199px; }
.sidebar2    { background-color: #FFF; width: 199px; }

.mainmovie   { background-color: #FFF; width: 522px; }
.sidemovie   { background-color: #FFF; width: 131px; }
.guttercol   { background-color: #FFF; width: 15px; }
.centercol   { text-align: center; width: 750px; }

.polltext    { font-family: verdana, arial; font-size: 10px; color: #000; }

.foottext    { font-family: verdana, arial; font-size: 9px; color: #878787; text-align: center; }
.foottext2   { font-family: verdana, arial; font-size: 9px; color: #878787; text-align: right; }

.head1       { font-family: verdana, arial; font-size: 11px; color: #5700FF; font-weight: bold; }
.head2       { font-family: verdana, arial; font-size: 11px; color: #5700FF; font-weight: bold; }
.head3       { font-family: verdana, arial; font-size: 11px; color: #03F; font-weight: bold; }
.head4       { font-family: verdana, arial; font-size: 11px; color: #862307; font-weight: bold; }
.head5       { font-family: verdana, arial; font-size: 11px; color: #FD4E0F; font-weight: bold; }
.head6       { font-family: verdana, arial; font-size: 11px; color: #D7810E; font-weight: bold; }
.head7       { font-family: verdana, arial; font-size: 11px; color: #11B007; font-weight: bold; }
.head8       { font-family: verdana, arial; font-size: 11px; color: #878787; font-weight: bold; }
.head9       { font-family: verdana, arial; font-size: 11px; color: #CB00BE; font-weight: bold; }
.head10      { font-family: verdana, arial; font-size: 11px; color: #FF0000; font-weight: bold; }
.headgames   { font-family: verdana, arial; font-size: 11px; color: #F76500; font-weight: bold; }
h2 {
	font-family:verdana, arial, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 1.5;
	color:#f60;
	font-weight:bold;
	width:300px;
	margin-top:0;
	padding-top:0;
	}

h3 {
	font-family:verdana, arial, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 1.2;
	color:#f60;
	font-weight:bold;
	width:300px;
	margin-top:0;
	padding-top:0;
	}
	
#kitchenfacts {
	background:url(/images/kids/kitchen-fact-bkgd.gif) repeat-y 0 0;
}

#kitchenfacts ol {
	margin:0; 
	padding:0 8px 0 35px;
}

#kitchenfacts .factbottom {
	position: relative;
	top:2px;
}