/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; }

body,td,th { font-size: 12px; color: #000000; }
body { background-image:url(/staticfiles/img/bg2.png); margin-left: 0 0 0 0; }

.clear { clear: both; }

.Headline {  }

.homeText{
	color:#FFFFFF;
	font-size:16px;
	padding-top:20px;
	line-height:140%;
}
.recipe{ height:350px; }

.date { text-align: center; color: #FFFFFF; font-size: 10px; font-weight: bold; }

a img { border: none; }
a { font-size: 10px; color: #FFFFFF; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: underline; color: #FFFFFF; }
a:active { text-decoration: none; color: #FFFFFF; }

.emailus { color: #AA001F; font-size: 12px; }
.curs { cursor:help; }

.sosumi { text-align: center; color: #FFFFFF; font-size: 10px; font-weight: bold; }

.openMenu, .closeMenu { position:absolute; width: 800px; overflow:auto; }
.openMenu { z-index: 100; height: 500px; overflow:auto; }
.closeMenu { z-index:0; height: 30px; overflow:hidden; }

.red-menubar { background: url(/staticfiles/img/red_menubar.png); } 
.green-menubar { background: url(/staticfiles/img/green_menubar.png); } 
.grey-menubar { background: url(/staticfiles/img/grey_menubar.png); } 
.blue-menubar { background: url(/staticfiles/img/blue_menubar.png); } 
.orange-menubar { background: url(/staticfiles/img/orange_menubar.png); } 
.yellow-menubar { background: url(/staticfiles/img/yellow_menubar.png); }
.purple-menubar { background: url(/staticfiles/img/purple_menubar.png); }
.white-menubar { background: url(/staticfiles/img/white_menubar.png); }

#menu { padding: 0; margin:0; width: 800px; height: 34px;  }

.topnav-l1, .topnav-l1 span { height: 18px; width: 72px; background: url(/staticfiles/img/blank.gif) no-repeat; }
.topnav-l1 span:hover, .topnav-l1 span.sfhover { background:white; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;  }

li.current div#topnav-thefacts, li.current div#topnav-thefacts span { background-image: url(/staticfiles/img/menu-thefacts.png);}
li.current div#topnav-thefacts span:hover, li.current div#topnav-thefacts span.sfhover { background:white; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }

li.current div#topnav-recipe, li.current div#topnav-recipe span { background-image: url(/staticfiles/img/menu-recipes.png);}
li.current div#topnav-recipe span:hover, li.current div#topnav-recipe span.sfhover { background:white; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }

li.current div#topnav-gethealthy, li.current div#topnav-gethealthy span { background-image: url(/staticfiles/img/menu-gethealthy.png);}
li.current div#topnav-gethealthy span:hover, li.current div#topnav-gethealthy span.sfhover { background:white; filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }

#main-nav { margin: 9px 0 0 25px; padding: 0; }
#main-nav ul { padding: 0; margin: 0; list-style: none; }
#main-nav a { display: block; width: 70px; color: #fff; text-decoration: none; font-size: 12px; text-align: center; }
#main-nav a:hover { color: #000; }
#main-nav li { margin: 0; padding: 0; float: left; width: 75px; list-style-type:none; }
#main-nav li ul { position: absolute; background: url(/staticfiles/img/l2menu.png) no-repeat left bottom; width: 155px; left: -999em; padding-bottom: 10px; } 
#main-nav li ul li { width: 155px; } 
#main-nav li ul li.first { background: url(/staticfiles/img/l2menu-top.png) no-repeat left top; padding-top: 5px; } 
#main-nav li ul a { display: block; width: 115px; margin: 0 10px; padding: 3px 10px 2px 10px; text-align: left; }
#main-nav li ul a:hover { background: #f89f68; }
#main-nav li ul ul { margin: -1.4em 0 0 155px; background: url(/staticfiles/img/l3menu.png) no-repeat left bottom; width: 288px; }
#main-nav li ul ul li { width: 288px; }
#main-nav li ul ul li a { width: 248px; }
#main-nav li ul ul li.first { background: url(/staticfiles/img/l3menu-top.png) no-repeat left top; }
#main-nav li:hover ul ul, #main-nav li.sfhover ul ul { left: -999em; }
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul { left: auto; }

#main-nav li ul ul li span.veg { float: right; background: url('/staticfiles/img/veg.png'); height: 17px; width: 17px; }


.replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ }
.replace span { display:block; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ }
.replace a span { cursor: pointer; }

#container { position: absolute; top: 0; width: 100%; text-align: center; /*background: url(/pic.png) no-repeat;*/ }
#main { text-align: left; width: 820px; padding: 7px 10px; height: 630px; margin: 14px auto 0 auto; background: url(/staticfiles/img/bg.png) no-repeat 10px 0; }

#header { margin-top: 2px; margin-left: 10px; padding: 0 10px; height: 115px; background: url(/staticfiles/img/header.png) no-repeat; }

#body { margin-top: 32px; width: 760px; margin-left: 10px; padding: 2px 0 0 29px; height: 409px; position:relative; z-index:5; }
#footer { margin-left: 10px; padding: 30px 0 0 96px; height: 41px; color: #fff; font-weight: bold; font-family: Arial; font-size: 10px; }

#main #menu { position: absolute; margin-left: 10px; top: 136px; z-index: 100;} 
#main #raisinguy { margin-left: 20px; margin-top: 4px; float: left; }
#main #search { float: right; margin-top: 4px; margin-right: 10px; }
#main #clock { margin-left: 28px; margin-top: 17px; color: #fff; font-weight: bold; font-family: Arial; font-size: 10px; float: left; }
           
.body, .footer { background-repeat: no-repeat; }  

.footer_red { background-image: url(/staticfiles/img/red_footer.png); }
.footer_orange { background-image: url(/staticfiles/img/orange_footer.png); }
.footer_blue { background-image: url(/staticfiles/img/blue_footer.png); }
.footer_grey { background-image: url(/staticfiles/img/grey_footer.png); }
.footer_yellow { background-image: url(/staticfiles/img/yellow_footer.png); }
.footer_purple { background-image: url(/staticfiles/img/purple_footer.png); }
.footer_white { background-image: url(/staticfiles/img/white_footer.png); }
.footer_green { background-image: url(/staticfiles/img/green_footer.png); }

.body_red { background-image: url(/staticfiles/img/red_blankpage.png); }
.body_orange { background-image: url(/staticfiles/img/orange_blankpage.png); }
.body_blue { background-image: url(/staticfiles/img/blue_blankpage.png); }
.body_grey { background-image: url(/staticfiles/img/grey_blankpage.png); }
.body_yellow { background-image: url(/staticfiles/img/yellow_blankpage.png); }
.body_purple { background-image: url(/staticfiles/img/purple_blankpage.png); }
.body_white { background-image: url(/staticfiles/img/white_blankpage.png); }
.body_green { background-image: url(/staticfiles/img/green_blankpage.png); }

.strap { position: absolute; right: 40px; bottom: 2px; }
.strap, .strap span { height: 54px; width:330px; background-repeat: no-repeat; background-position: top right; }

#red_strap, #red_strap span { background-image: url(/staticfiles/img/red_strap.png);   }
#orange_strap, #orange_strap span { background-image: url(/staticfiles/img/orange_strap.png);   }
#blue_strap, #blue_strap span { background-image: url(/staticfiles/img/blue_strap.png);   }
#grey_strap, #grey_strap span { background-image: url(/staticfiles/img/grey_strap.png);   }
#yellow_strap, #yellow_strap span { background-image: url(/staticfiles/img/yellow_strap.png);   }
#purple_strap, #purple_strap span { background-image: url(/staticfiles/img/purple_strap.png);   }
#white_strap, #white_strap span { background-image: url(/staticfiles/img/white_strap.png);   }
#green_strap, #green_strap span { background-image: url(/staticfiles/img/green_strap.png);   }

.page_illus { float: right; margin-top: 15px; margin-right: 40px; }
.content_menu { position: absolute; bottom: 10px; left: 40px; z-index: 5; width: 670px; }
.content_menu img { float: left; }
.content_menu .copy-block { float: right; width: 140px; margin-top: 50px; margin-left: 10px; }

#have-fun-main-copy { margin-left: 10px; }
#have-fun-main-copy, #have-fun-main-copy span { background: url(/staticfiles/img/have_fun_copy.png) no-repeat top right; height: 154px; width:538px; }

.left-nav-wrapper { float: left; width: 150px; margin-right: 10px; }
.print-btn { float: left; }
#left-nav-seperator { float: right; padding-left: 5px; }
.left-nav { height: 340px; width: 130px; float: left; padding: 10px 0 0 10px; }
.left-nav h4 { font-size: 11px; font-weight: bold; margin: 0; }
.left-nav ul { margin:0; padding:0; list-style: none; }
.left-nav ul li { padding: 10px 0 0 0; font-weight: bold; }

.left-nav ul li a { font-size: 12px; }
.left-nav ul li a.current { color: #999; }
.left-nav-white ul li a { color: #8C1B3F; }
.left-nav-white ul li a:hover { color: #8C1B3F; }
.left-nav-white ul li a:visited { color: #8C1B3F; }
.left-nav-white ul li a.current, .left-nav-white ul li a:visited.current { color: #999; }

.copy-col-w { width: 280px; }
.copy-col-n { width: 210px; }
.copy-col { margin-top: 10px; float: left; padding: 0 20px; color: #fff; font-family: Arial; font-size: 11px; z-index: 5; }
.copy-col h4 { margin-bottom: 0.5em; font-size: 11px; }
.copy-col ul { margin: 0; padding: 0; }
.copy-col ul li { margin-left: 5px; margin-bottom: 0.5em; }

.imright { float: right; padding: 0.5em 0 1em 1em; }

#try-these { position: absolute; margin-left: 80px; }
#try-these, #try-these span { height: 381px; width: 665px; background-image: url('/staticfiles/img/try-these.png'); }

#five-a-day { margin-top: 20px; }
#five-a-day, #five-a-day span { height: 361px; width: 581px; background-image: url('/staticfiles/img/five-a-day.png'); }

.content-top-nav { position: absolute; color: #BA0020; right: 40px; font-size: 10px; font-weight: bold; margin-top: 5px; }
.content-top-nav a { color: #fff; }
.content-top-nav span.current { color: #BA0020; }
.content-top-nav a:hover { color: #BA0020; }
.content-top-nav a.prev-link { padding-left: 13px; background: url(/staticfiles/img/back-arrow-over.png) no-repeat top left; }
.content-top-nav a.prev-link:hover { padding-left: 13px; background: url(/staticfiles/img/back-arrow.png) no-repeat top left; }
.content-top-nav a.next-link { padding-right: 13px; background: url(/staticfiles/img/next-arrow-over.png) no-repeat top right; }
.content-top-nav a.next-link:hover { padding-right: 13px; background: url(/staticfiles/img/next-arrow.png) no-repeat top right; }

.content-top-nav-white { position: absolute; color: #999; right: 40px; font-size: 10px; font-weight: bold; margin-top: 5px; }
.content-top-nav-white a { color: #999; }
.content-top-nav-white span.current { color: #A2312B; }
.content-top-nav-white a:hover { color: #A2312B; }
.content-top-nav-white a:visited { color: #999 ; }
.content-top-nav-white a.prev-link { padding-left: 13px; background: url(/staticfiles/img/arrow-grey-left.png) no-repeat top left; }
.content-top-nav-white a.prev-link:hover { padding-left: 13px; background: url(/staticfiles/img/arrow-red-left.png) no-repeat top left; }
.content-top-nav-white a.next-link { padding-right: 13px; background: url(/staticfiles/img/arrow-grey-right.png) no-repeat top right; }
.content-top-nav-white a.next-link:hover { padding-right: 13px; background: url(/staticfiles/img/arrow-red-right.png) no-repeat top right; }

#game-index { background: url(/staticfiles/img/games-bg.png) no-repeat; margin: 10px 0 0 50px; width: 647px; height: 376px; }
#game-index ul { width:590px; list-style: none; padding:40px; margin: 0 0 0 -15px; }
#game-index ul li { float: left; height: 141px; margin: 0; padding:0; }
#game-index ul li.clicktoplay { width: 467px; }

#game-index #chrisgame, #game-index #chrisgame span { height: 141px; width: 118px; background: url(/staticfiles/img/games-chrisgame.png) no-repeat; }
#game-index #clicktoplay, #game-index #clicktoplay span { height: 141px; width: 467px; background: url(/staticfiles/img/games-clicktoplay.png) no-repeat; }
#game-index #wordsearch, #game-index #wordsearch span { height: 141px; width: 118px; background: url(/staticfiles/img/games-wordsearch.png) no-repeat; }
#game-index #dotdot1, #game-index #dotdot1 span { height: 141px; width: 116px; background: url(/staticfiles/img/games-dotdot1.png) no-repeat; }
#game-index #dotdot2, #game-index #dotdot2 span { height: 141px; width: 117px; background: url(/staticfiles/img/games-dotdot2.png) no-repeat; }
#game-index #spotdifference, #game-index #spotdifference span { height: 141px; width: 117px; background: url(/staticfiles/img/games-spotdifference.png) no-repeat; }
#game-index #quiz, #game-index #quiz span { height: 141px; width: 117px; background: url(/staticfiles/img/games-quiz.png) no-repeat; }

#game-index #picture-gallery { width:590px; list-style: none; padding:40px; margin: 0 0 0 -15px; }
#game-index #picture-gallery .gallery-item { float: left; height: 130px; width: 130px; margin: 0 10px 10px 0; }
#game-index #picture-gallery .gallery-item table { height: 130px; width: 130px; margin:0; padding:0; }
#game-index #picture-gallery .gallery-item table td { vertical-align: middle; text-align: center; }

#game-index #story-gallery { width:590px; list-style: none; padding:40px; margin: 0 0 0 -15px; }
#game-index #story-gallery .story-item { float: left; height: 30px; width: 130px; margin: 0 10px 10px 0; background: #DA0000;}
#game-index #story-gallery .story-item table { height: 30px; width: 130px; margin:0; padding:0; }
#game-index #story-gallery .story-item table td { vertical-align: middle; text-align: center; }

#pairsgame { margin: 10px 0 0 120px; }

#chartlink { width: 212px; height: 152px; position: absolute; top: 138px; margin-left: 400px;  }
#chartlink img { width: 212px; height: 152px; }

#news-copy {
	float: left;
	margin-left: 10px;
	padding-top:20px;
	font-size:13px;
	color:#3C697F;
	line-height:140%;
} 
#news-copy, #news-copy span { height: 350px; width: 213px; }
/* #news-copy, #news-copy span { height: 350px; width: 213px; background: url(/staticfiles/img/content/in_the_news/copy.png); } */
#news-papers { float: left; margin-left: 20px; }

h2.page-header, h2.page-header-purple, h2.page-header-orange { margin: 0.5em 0 0 0; float: left; font-size: 18px; font-weight: bold; }
h2.page-header { color: #0094C7; }
h2.page-header-purple { color: #70589B; }
h2.page-header-orange { color: #EF4615; }
h2 span.sub-head { color: #000; font-size: 12px; }

.body-content { width: 576px; float: left; }
.body-content-narrow { width: 500px; }
.body-content-full { width: 720px;padding: 0 1em; }
.body-content div.col-half { float: left; width: 280px; padding: 0 0 0 10px; margin-right: 10px; }
.body-content div.col-thirds { float: left; width: 170px; padding: 0 0 0 10px; margin-right: 10px; }
.body-content div.col-2thirds { float: left; width: 350px; padding: 0 0 0 10px; margin-right: 10px; }
.body-content div.col-2fifths { float: left; width: 209px; padding: 0 0 0 10px; margin-right: 10px; }
.body-content div.col-3fifths { float: left; width: 321px; padding: 0 0 0 10px; margin-right: 10px; }
.body-content div.col-left { padding-left: 0; }

.body-content h4 { margin-top: 1em; margin-bottom: 0; }
.body-content p, .body-content td, .body-content li { margin-top: 0; font-size: 11px; line-height: 13px;}
.body-content .first { margin-top: 1.2em; }
.body-content p.nofoot { margin-bottom: 0.6em; }
.body-content .intro { font-weight: bold; }

div.body-content a { color: #FF5A00; font-size: 11px; }
div.body-content ol { list-style: decimal; }
div.body-content ul, div.body-content ol { margin: 0; margin-top: 1.2em; padding: 0; padding-left: 1.3em; }
div.body-content ul.nohead, div.body-content ol.nohead { margin-top: 0; }
div.body-content ul li, div.body-content ol li { margin-bottom: 0.6em; }
div.body-content ul.smallgaps li, div.body-content ol.smallgaps li { margin-bottom: 0.2em; }
div.body-content ul.nobullet { list-style: none; padding-left: 0; }

.left-col-wide { float: left; width: 160px; padding-left: 10px; margin-right: 10px; }

.blue-block { background: #8386AB; padding: 1px 1em 0.5em 1em; }
.lightblue-block { background: #67BAE6; padding: 1px 1em 0.5em 1em; }
.darkblue-block { background: #0094C7; padding: 1px 1em 0.5em 1em; }
.yellow-block { background: #FCCC51; padding: 1px 1em 0.5em 1em; }

table#ninfo { width: 100%; margin-top: 1em; }
table#ninfo thead th { background-color: #840028; text-align: left; color: #fff; font-size: 11px; padding: 2px; }
table#ninfo tbody th { background-color: #FAC25A; text-align: left; width: 84%; padding: 1px 2px; font-size: 9px; }
table#ninfo tbody td { background-color: #FAC25A; text-align: left; width: 16%; padding: 1px 2px; font-size: 9px;  }

.gallery-pagination { text-align: right; width: 570px; margin-bottom: 10px; }