/* @group reset */
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;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: 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;}
/* @end */
/* @group clearfix */
/*inline clearing div*/
.clear {overflow: hidden;clear:both;height:0;margin:0;font-size: 1px;line-height: 0;}
/*clearing class*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
/* @group other */
/*  non-sematic float stuff */
.right {float: right;}
.left {float: left;}
.wrapper {margin-left:auto;margin-right:auto;}
/* default menu and list stuff */
ul.menu, ul.menu ul, ul.clean {list-style-type: none;}
button { /* ie fix stuff */
  width: auto;
  overflow: visible;
  border:0; margin:0; padding:0;
}
.none {
	display: none;
}
#fishfulVideo {
    margin: 0 0 35px 0;
}
sup {
    line-height: 0;
    vertical-align: top;
    font-size: 0.6em; 
}
    
/* @end */
div.parentingSurvey
{
	background-color: #fff;
	clear:both;
	width:517px;
	margin:0 auto;
	margin-top:20px;
	padding-bottom: 10px;
	clear:both;
	
}
div.parentingSurvey div.title div.text
{
	float:left;width:390px;margin:auto;
}
div.parentingSurvey div.title div.icons
{
	float:right;margin:auto;
}

h2.new 
{
	background-image: url(/images/new.png);
	 background-repeat:no-repeat;
	 background-position:left;
	 text-indent:30px;
}
div.activity div#content div#parentingSurveyResults h3
{
	font-size:1.3em;
}
div.activity div#content div#parentingSurveyResults ul li
{
	list-style-type:disc;
	list-style-image:none;
	color:#ffb69c;
	font-size:1.5em;
}
div.activity div#content div#parentingSurveyResults ul li span ul li
{
	list-style-type:none;
	list-style-image:none;
	font-size:0.8em;
	color:#000000;
	line-height:0.9em;
}
div#parentingSurveyResults li span
{
	color:#000000;
	font-size:0.7em;
	font-family:"Gill Sans","Segoe UI","Trebuchet MS",verdana,sans-serif;
}

div.parentingSurvey div.title
{
	font-size:1.3em;
	padding:10px;
	color:#FD6001;
}

div.parentingSurvey div.header
{
	background: #fff url(/images/stripe_bg_top.png) repeat-y 0 0;
	width:494px;
	height:10px;
	margin:0 auto;
	clear:both;
	padding-top:10px;
	margin-top:40px;
}
div.parentingSurvey div.body
{
	background: #fff url(/images/stripe_bg_middle.png) repeat-y 0 0;
	width:494px;
	text-align:center;
	margin:0 auto;
}
div.parentingSurvey div.footer
{
	background: #fff url(/images/stripe_bg_bottom.png) repeat-y 0 0;
	width:494px;
	height:10px;
	margin:0 auto;
}


body {
	background: #fff url(../images/body-bg.png) repeat-x 0 0;
	font:62.5% "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	color: #333;
	text-align: center;
}

body div.wrapper {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}

div#header {
	height: 139px;
	overflow: hidden;
	position: relative;
	background: url(../images/header-bg.png) no-repeat 0 0;
}

div#title {
	margin: 24px 0 0 14px;
}
div#title a{
	display: block;
	width: 242px;
	height: 70px;
	text-indent: -9999px;
}

div#header #watermark {
	height: 69px;
	width: 97px;
	overflow: hidden;
	position: absolute;
	right: 32px;
	top: 16px;
	background: url(../images/header-pfarm-bg.png) no-repeat 0 0;
	text-indent: -9999px;
}
div#header #watermark a {
    height: 69px;
    display: block;
}

div#header ul.globalnav {
	width: 366px;
	position: absolute;
	top: 0;
	left: 55px;
}
div#header ul.globalnav li {
	float: left;
}
div#header ul.globalnav li a {
	display: inline-block; 
	float: left;
	padding: 0 8px 0 8px;
	margin-right: 0;
	height: 16px;
	overflow: hidden;
	font-size: 10px;
	line-height: 48px;
}

div#navigation {
	position: absolute;
	top: 97px;
}

div#navigation ul.menu {
	width: 800px;
	height: 42px;
	position: relative;
	margin-left: 59px;
}

/* @group top nav menu */

div#navigation ul li {
	position: absolute;
	top: 0;
	height: 42px;
}
div#navigation ul li a {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	text-indent: -9999px;
	background:url(../images/navigation-bg.png) no-repeat 0 -11px;
	height: 31px;
	margin-top: 11px;
}
div#navigation ul li a:hover {
	height: 42px;
	margin-top: 0;
	z-index: 100;
}

div#navigation ul li.what_is {
	left: 0;
	width: 185px;
}
div#navigation ul li.what_is a {
	left: 0;
	width: 185px;
	background-position: left -11px;
}
body.what_is div#navigation ul li.what_is a {
	width: 189px;
	background-position: left -53px;
    z-index: 100;
    margin-top: 11px;
}
body.what_is div#navigation ul li.what_is a:hover,
div#navigation ul li.what_is a:hover {
	width: 189px;
	background-position: left -42px;
    z-index: 100;
    margin-top: 0;
    height: 42px;
}


div#navigation ul li.optimism {
	left: 184px;
	width: 67px;
}
div#navigation ul li.optimism a {
	left: 0;
	width: 67px;
	background-position: -184px -11px;
}
body.optimism div#navigation ul li.optimism a {
    width: 75px;
    background-position: -184px -95px;
    z-index: 100;
    margin-top: 11px;
}
body.optimism div#navigation ul li.optimism a:hover,
div#navigation ul li.optimism a:hover {
    width: 75px;
    background-position: -184px -84px;
    z-index: 100;
    margin-top: 0;
    height: 42px;
}

div#navigation ul li.resilience {
	left: 251px;
	width: 72px;
}
div#navigation ul li.resilience a {
	left: auto;
	width: 72px;
	background-position: -251px -11px;
}
body.resilience div#navigation ul li.resilience a {
	width: 77px;
	background-position: -251px -53px;
	z-index: 100;
	margin-top: 11px;
}
body.resilience div#navigation ul li.resilience a:hover,
div#navigation ul li.resilience a:hover {
	width: 77px;
	background-position: -251px -42px;
	z-index: 100;
	margin-top: 0;
    height: 42px;
}

div#navigation ul li.goal_setting {
	left: 323px;
	width: 87px;
}
div#navigation ul li.goal_setting a {
	left: 0;
	width: 87px;
	background-position: -323px -11px;
}
body.goal_setting div#navigation ul li.goal_setting a {
	width: 92px;
	background-position: -323px -95px;
    z-index: 100;
	margin-top: 11px;
}
body.goal_setting div#navigation ul li.goal_setting a:hover,
div#navigation ul li.goal_setting a:hover {
	width: 92px;
	background-position: -323px -84px;
    z-index: 100;
	margin-top: 0;
    height: 42px;
}

div#navigation ul li.empowerment {
	left: 410px;
	width: 95px;
}
div#navigation ul li.empowerment a {
	left: 0;
	width: 95px;
	background-position: -410px -11px;
}
body.empowerment div#navigation ul li.empowerment a {
	width: 99px;
	background-position: -410px -53px;
    z-index: 100;
	margin-top: 11px;
}
body.empowerment div#navigation ul li.empowerment a:hover,
div#navigation ul li.empowerment a:hover {
	width: 99px;
	background-position: -410px -42px;
    z-index: 100;
	margin-top: 0;
    height: 42px;	
}

div#navigation ul li.emotional {
	left: 505px;
	width: 139px;
}
div#navigation ul li.emotional a {
	left: 0;
	width: 139px;
	background-position: -505px -11px;
}
body.emotional_awareness div#navigation ul li.emotional a {
	width: 143px;
	background-position: -505px -95px;
    z-index: 100;
	margin-top: 11px;
}
body.emotional_awareness div#navigation ul li.emotional a:hover,
div#navigation ul li.emotional a:hover {
	width: 143px;
	background-position: -505px -84px;
    z-index: 100;
	margin-top: 0;
    height: 42px;	
}

div#navigation ul li.resources {
	left: 644px;
	width: 71px;
}
div#navigation ul li.resources a {
	left: 0;
	width: 71px;
	background-position: -644px -11px;
}
body.resources div#navigation ul li.resources a {
	width: 70px;
	background-position: -644px -53px;
    z-index: 100;
	margin-top: 11px;
}
body.resources div#navigation ul li.resources a:hover,
div#navigation ul li.resources a:hover {
	width: 70px;
	background-position: -644px -42px;
    z-index: 100;
	margin-top: 0;
    height: 42px;	
}

div#navigation ul li.products {
	left: 714px;
	width: 86px;
}
div#navigation ul li.products a {
	left: 0;
	width: 86px;
	background-position: -714px -11px;
}
body.products div#navigation ul li.products a {
	width: 86px;
	background-position: -714px -95px;
    z-index: 100;
	margin-top: 11px;
}
body.products div#navigation ul li.products a:hover,
div#navigation ul li.products a:hover {
	width: 86px;
	background-position: -714px -84px;
    z-index: 100;
	margin-top: 0;
    height: 42px;	
}

div#navigation ul li.what_is li a,div#navigation ul li.what_is li a:hover, 
div#navigation ul li.optimism li a, div#navigation ul li.optimism li a:hover, 
div#navigation ul li.resilience li a, div#navigation ul li.resilience li a:hover, 
div#navigation ul li.goal_setting li a, div#navigation ul li.goal_setting li a:hover, 
div#navigation ul li.empowerment li a, div#navigation ul li.empowerment li a:hover, 
div#navigation ul li.emotional li a, div#navigation ul li.emotional li a:hover, 
div#navigation ul li.resources li a, div#navigation ul li.resources li a:hover, 
div#navigation ul li.products li a, div#navigation ul li.products li a:hover {
	width: 154px;
}

/* @end */

/* @group top nav part 2 */

div#navigation ul li ul {
	position: absolute;
	width: 164px;
	display: none;
	top: 42px;
	background: transparent url(../images/navigation-bg.png) no-repeat -800px 0;
	padding: 16px 0 0 0;
	margin: 0;
}

div#navigation ul li ul li {
	background:transparent url(../images/navigation-bg.png) repeat-y -800px -16px;
	display: block;
	position:relative;
	margin: 0;
	padding: 0;
	height: auto;
}
  div#navigation ul li ul li a,
body.home div#navigation ul li ul li a,
body.what_is div#navigation ul li ul li a,
body.ask_a_question div#navigation ul li ul li a,
body.optimism div#navigation ul li ul li a,
body.resilience div#navigation ul li ul li a,
body.goal_setting div#navigation ul li ul li a,
body.empowerment div#navigation ul li ul li a,
body.emotional_awareness div#navigation ul li ul li a,
body.resources div#navigation ul li ul li a,
body.products div#navigation ul li ul li a,
body.connected div#navigation ul li ul li a,
body.quicksearch div#navigation ul li ul li a,
body.press_corner div#navigation ul li ul li a,
body.site_map div#navigation ul li ul li a,
body.videos div#navigation ul li ul li a,
  div#navigation ul li ul li a:link,
body.home div#navigation ul li ul li a:link,
body.what_is div#navigation ul li ul li a:link,
body.ask_a_question div#navigation ul li ul li a:link,
body.optimism div#navigation ul li ul li a:link,
body.resilience div#navigation ul li ul li a:link,
body.goal_setting div#navigation ul li ul li a:link,
body.empowerment div#navigation ul li ul li a:link,
body.emotional_awareness div#navigation ul li ul li a:link,
body.resources div#navigation ul li ul li a:link,
body.products div#navigation ul li ul li a:link,
body.connected div#navigation ul li ul li a:link,
body.quicksearch div#navigation ul li ul li a:link,
body.press_corner div#navigation ul li ul li a:link,
body.site_map div#navigation ul li ul li a:link,
body.videos div#navigation ul li ul li a:link,
  div#navigation ul li ul li a:visited,
body.home div#navigation ul li ul li a:visited,
body.what_is div#navigation ul li ul li a:visited,
body.ask_a_question div#navigation ul li ul li a:visited,
body.optimism div#navigation ul li ul li a:visited,
body.resilience div#navigation ul li ul li a:visited,
body.goal_setting div#navigation ul li ul li a:visited,
body.empowerment div#navigation ul li ul li a:visited,
body.emotional_awareness div#navigation ul li ul li a:visited,
body.resources div#navigation ul li ul li a:visited,
body.products div#navigation ul li ul li a:visited,
body.connected div#navigation ul li ul li a:visited,
body.quicksearch div#navigation ul li ul li a:visited,
body.press_corner div#navigation ul li ul li a:visited,
body.site_map div#navigation ul li ul li a:visited,
body.videos div#navigation ul li ul li a:visited,
  div#navigation ul li ul li a:hover,
body.home div#navigation ul li ul li a:hover,
body.what_is div#navigation ul li ul li a:hover,
body.what_is div#navigation ul li.what_is ul li a:hover,
body.ask_a_question div#navigation ul li ul li a:hover,
body.ask_a_question div#navigation ul li.ask_a_question ul li a:hover,
body.optimism div#navigation ul li ul li a:hover,
body.optimism div#navigation ul li.optimism ul li a:hover,
body.resilience div#navigation ul li ul li a:hover,
body.resilience div#navigation ul li.resilience ul li a:hover,
body.goal_setting div#navigation ul li ul li a:hover,
body.goal_setting div#navigation ul li.goal_setting ul li a:hover,
body.empowerment div#navigation ul li ul li a:hover,
body.empowerment div#navigation ul li.empowerment ul li a:hover,
body.emotional_awareness div#navigation ul li ul li a:hover,
body.emotional_awareness div#navigation ul li.emotional ul li a:hover,
body.resources div#navigation ul li ul li a:hover,
body.resources div#navigation ul li.resources ul li a:hover,
body.products div#navigation ul li ul li a:hover,
body.products div#navigation ul li.products ul li a:hover,
body.connected div#navigation ul li ul li a:hover,
body.quicksearch div#navigation ul li ul li a:hover,
body.press_corner div#navigation ul li ul li a:hover,
body.site_map div#navigation ul li ul li a:hover,
body.videos div#navigation ul li ul li a:hover {
	background-image: none;
	position:relative;
	width: 154px;
	text-indent: 0;
	text-align: center;
	margin: 0;
	padding: 4px 5px 4px 5px;
	display: block;
	color: #cc3300;
	height: auto;
	font-size: 1.1em;
	line-height: 1em;
	text-decoration: none;
}
div#navigation ul li ul li a:hover,
body.home div#navigation ul li ul li a:hover,
body.what_is div#navigation ul li ul li a:hover,
body.what_is div#navigation ul li.what_is ul li a:hover,
body.ask_a_question div#navigation ul li ul li a:hover,
body.ask_a_question div#navigation ul li.ask_a_question ul li a:hover,
body.optimism div#navigation ul li ul li a:hover,
body.optimism div#navigation ul li.optimism ul li a:hover,
body.resilience div#navigation ul li ul li a:hover,
body.resilience div#navigation ul li.resilience ul li a:hover,
body.goal_setting div#navigation ul li ul li a:hover,
body.goal_setting div#navigation ul li.goal_setting ul li a:hover,
body.empowerment div#navigation ul li ul li a:hover,
body.empowerment div#navigation ul li.empowerment ul li a:hover,
body.emotional_awareness div#navigation ul li ul li a:hover,
body.emotional_awareness div#navigation ul li.emotional ul li a:hover,
body.resources div#navigation ul li ul li a:hover,
body.resources div#navigation ul li.resources ul li a:hover,
body.products div#navigation ul li ul li a:hover,
body.products div#navigation ul li.products ul li a:hover,
body.connected div#navigation ul li ul li a:hover,
body.quicksearch div#navigation ul li ul li a:hover, 
body.press_corner div#navigation ul li ul li a:hover, 
body.site_map div#navigation ul li ul li a:hover, 
body.videos div#navigation ul li ul li a:hover {
	color: #ff6600;
}

div#navigation ul li ul li.last {
	background: transparent url(../images/navigation-bg.png) repeat-y -800px -36px;
	padding: 0 0 8px 0;
	margin: 0;
}


#navigation ul li:hover ul, 
#navigation ul li.sfhover ul {
	display: block;
}
#navigation ul li.what_is ul{ left: 30px; }
#navigation ul li.optimism ul{ left: -45px; }
#navigation ul li.resilience ul{ left: -45px; }
#navigation ul li.goal_setting ul{ left: -38px; }
#navigation ul li.empowerment ul{ left: -35px; }
#navigation ul li.emotional ul{ left: -10px; }
#navigation ul li.resources ul{ left: -43px; }
#navigation ul li.products ul{ left: -50px; }
/* @end */


/* @group search menu */
div#search {
	height: 18px;
	width: 200px;
	position: absolute;
	top: 54px;
	right: 10px;
	z-index: 1000;
}
div#search ul li a {
	height: 18px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
div#search ul li ul {
	position: absolute;
	display: none;
	top: 18px;
	left: 0;
	padding: 2px 0 0 2px;
	background: #fff url(../images/quickfinder-drop-bg.png) no-repeat 0 0;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#search ul li ul li {
	background-color: #fff;
}
div#search ul li ul li a {
	height: 11px;
	width: 190px;
	display: block;
	text-indent: 5px;
	margin: 0 5px 0 5px;
	padding: 2px 2px 3px 5px;
	font:11px/11px "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	text-decoration: none;
	color: #333;
	background-color: #fff;
	border-top: 1px solid #ffe9d7;
}
div#search ul li ul li a:hover {
	color: #fd6001;
}




#search ul li:hover ul, 
#search ul li.sfhover ul {
	display: block;
}


/* @end */




div.wrapper div.wrapper{
	width: 800px;
	position: relative;
	margin-left: 59px;
	background:#fff url(../images/wrapper-wrapper-bg.png) repeat-y 0 0;
}
div#banner {
	width: 798px;
	height: 114px;
	position: relative;
	margin: 0 0 0 1px;
	padding: 0 0 8px 0;
	background:#fff url(../images/banner-bg.png) no-repeat center bottom;
}
body.connected div#banner {
	background:#fff url(../images/home-banner-bg.png) no-repeat center bottom;
}
div#banner h1 {
	width: 798px;
	height: 114px;
	text-indent: -9999px;
}

body.what_is div#banner h1 {
	background: url(../images/banner-2.0_whats_fishful.jpg) no-repeat 0 0;
}
body.what_is div#ask_a_question div#banner h1 {
	background: url(../images/what_is-askreivich-banner-bg.jpg) no-repeat 0 0;
}
body.optimism div#banner h1 {
	background: url(../images/optimism-banner-bg.jpg) no-repeat 0 0;
}
body.resilience div#banner h1 {
	background: url(../images/resilience-banner-bg.jpg) no-repeat 0 0;
}
body.goal_setting div#banner h1 {
	background: url(../images/goal_setting-banner-bg.jpg) no-repeat 0 0;
}
body.empowerment div#banner h1 {
	background: url(../images/empowerment-banner-bg.jpg) no-repeat 0 0;
}
body.emotional_awareness div#banner h1 {
	background: url(../images/emotional-banner-bg.jpg) no-repeat 0 0;
}
body.resources div#banner h1 {
	background: url(../images/resources-banner-bg.jpg) no-repeat 0 0;
}
body.videos div#banner h1 {
	background: url(../images/resources-banner-bg.jpg) no-repeat 0 0;
}
/*body.products div#banner h1 {
	background: url(../images/products-banner-bg.jpg) no-repeat 0 0;
}*/
    /* Used on Products pages for World Treasures promo. Can remove when we revert back to regular header*/
    body.products div#banner h1 {
	    background: url(../images/products-banner-worldtreasures.jpg) no-repeat 0 0;
    }
    body.products div#banner h1.nolink {
	    background: url(../images/products-banner-worldtreasures-nolink.jpg) no-repeat 0 0;
    }
    body.products div#banner h1 a {
        display: block;
        width: 798px;
        height: 114px;     
    }
body.connected div#banner h1 {
	background: url(../images/connected-banner-bg.jpg) no-repeat 0 0;
}
/*need to check*/
body.quicksearch div#banner h1 {
	background: url(../images/quick_finder-banner-bg.jpg) no-repeat 0 0;
}
body.press_corner div#banner h1 {
	background: url(../images/press-corner-banner-bg.jpg) no-repeat 0 0;
}

div#content {
	width: 547px;
	float: right;
	margin: 0;
	padding: 16px 27px 30px 0;
}
body.products div#content  {
	width: 593px;
	padding: 16px 5px 8px 0;
}
/* @group content */

div#content p,
div#content ul,
div#content ol,
div#content fieldset {
	margin: 0 14px 0 14px; 
	padding: 8px 0 8px 0;
	font-size: 1.2em;
	line-height: 1.65em;
}

div#content a {
    color: #FD6001;
}

div#content ol {
	list-style-type: decimal;
	padding-left:20px;
}
div#content ul.bullet li {
	background: url(../images/content-reg-li-bullet.png) no-repeat 5px 5px;
	padding: 0 0 10px 20px;
	
}

div#content img {
	margin: 0 14px 0 14px; 
	padding: 8px 0 8px 0;
}
body.products div#content  p,
body.products div#content  h2,
body.products div#content  h3{
	padding-left: 27px;
}

div#content h1, 
div#content h2, 
div#content h3,
div#content h4 {
	margin: 0 14px 0 14px; 
	padding:  5px 0 3px;
	color: #fd6001;
	font: 1.7em/1em Georgia, "Times New Roman", Times, serif;
}

div#content h2 em {
	display: block;
	padding: 4px 0 0 0;
}
body.press_corner div#content h2 em {
    display: inline;
}

div#content div.section {
	margin: 8px 0 8px 0;
	padding: 0;
	background: #fff url(../images/content-section-bg.png) no-repeat 0 0;
}
div#content div.section div.group{
	margin: 8px 0 8px 0;
	background: url(../images/content-section-group-bg.png) no-repeat 16px bottom;
}

div#content div.section div.group.close{
	background: url(../images/content-section-bg-bottom.png) no-repeat right bottom;
}

div#content div.section ul li {
	background: url(../images/content-li-bullet.png) no-repeat 0 5px;
	padding: 0 0 0 16px;
	line-height: 1.45em;
}

div#content div.section ul#ingredients li {
	background-image: none;
	padding: 0 0 4px 0;
	line-height: 2.4em;
	height: 33px;
	font-size: 1.1em;
}

div#content div.section ul#ingredients li strong {
	display: block;
	background: url(../images/what_is-ul-ingredients-strong-bg.png) no-repeat 0 0;
	width: 172px;
	height: 33px;
	float: left;
	text-indent: -9999px;
}
div#content div.section ul#ingredients li.emotional_awareness strong {
	background-position: 0 -132px;
}
div#content div.section ul#ingredients li.goal_setting strong {
	background-position: 0 -66px;
}
div#content div.section ul#ingredients li.resilience strong {
	background-position: 0 -33px;
}
div#content div.section ul#ingredients li.empowerment strong {
	background-position: 0 -99px;
}

div#content div.section ul#ingredients li em {
	display: block;
	background: url(../images/content-ul-arrow-grey-bg.png) no-repeat center center;
	width: 20px;
	height: 33px;
	float: left;
	text-indent: -9999px;
}




/* @group callouts */

div#content div.callout {
	width: 266px;
	height: 170px;
	float: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 8px 15px 16px 0;
}
div#content div.callout.calloutlast {
	margin-right: 0;
}


div#content div.callout p{
	width: 266px;
	height: 120px;
	text-indent: -9999px;
	margin: 0; 
	padding: 0;
}
div#content div.callout a{
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	margin: 0; padding: 0;
	text-indent: -9999px;
	width: 266px;
	height: 135px;
}
    div#content div#blog_talk_radio a {
        display:inline;
        position:static;
        top:auto;
        left:auto;
        text-indent:0;
        width:auto;
        height:auto;
    }
    div#content div.callout h2 a {
    
    }
div#content div#take_quiz a{
	width: 81px;
	height: 25px;
	top: 138px;
	left: 107px;
}
    
div#content div#take_quiz p a{
	width: 150px;
	height: 24px;
	top: 103px;
	left: 107px;
} 

div#content div.callout h2{
	margin: 0; padding: 0;
	width: 266px;
	height: 50px;
	text-indent: -9999px;
}
div#content div.callout h2 a {
    position:static !important;
    top:auto !important;
    left:auto !important;
    display:block;
    width: 266px !important;
	height: 50px !important;
	text-indent: -9999px;
}

div#content div#articles.callout h2 a{
	background: url(../images/section-callouts-h2-bg.png) no-repeat 0 0;
}

div#content div#activities.callout h2 a{
	background: url(../images/section-callouts-h2-bg.png) no-repeat 0 -50px;
}

div#content div#videos.callout h2 a{
	background: url(../images/section-callouts-h2-bg.png) no-repeat 0 -100px;
}

div#content div#facts.callout h2 a{
	background: url(../images/section-callouts-h2-bg.png) no-repeat 0 -150px;
}


/* @group what is answers */

body.what_is div#content div#answers.callout {
}
body.what_is div#content div#answers.callout h2{
	background: url(../images/what_is-callouts-h2-bg.png) no-repeat 0 0px;
}
body.what_is div#content div#answers.callout p{
	background: url(../images/what_is-callout-answers-bg.jpg) no-repeat 0 0;
}

/* @end */

/* @group what is ask_question */

body.what_is div#content div#ask_question.callout {
}
body.what_is div#content div#ask_question.callout h2{
	background: url(../images/what_is-callouts-h2-bg.png) no-repeat 0 -50px;
}
body.what_is div#content div#ask_question.callout p{
	background: url(../images/what_is-callout-ask_question-bg.jpg) no-repeat 0 0;
}

/* @end */

/* @group optimism callouts */
body.optimism div#content div#articles.callout h2 a{
	background: url(../images/optimism_section-callouts-h2-bg.png) no-repeat 0 0;
}

body.optimism div#content div#activities.callout h2 a{
	background: url(../images/optimism_section-callouts-h2-bg.png) no-repeat 0 -50px;
}

body.optimism div#content div#videos.callout h2 a{
	background: url(../images/optimism_section-callouts-h2-bg.png) no-repeat 0 -100px;
}

body.optimism div#content div#facts.callout h2 a{
	background: url(../images/optimism_section-callouts-h2-bg.png) no-repeat 0 -150px;
}

body.optimism div#content div#articles.callout p{
	background: url(../images/optimism-callout-articles-bg.jpg) no-repeat 0 0;
}

body.optimism div#content div#activities.callout p{
	background: url(../images/optimism-callout-activities-bg.jpg) no-repeat 0 0;
}

body.optimism div#content div#videos.callout {
	height: 178px;
}
body.optimism div#content div#videos.callout p{
	background: url(../images/optimism-callout-videos-bg.jpg) no-repeat 0 0;
	height: 128px;
}

body.optimism div#content div#facts.callout {
	height: 178px;
}
body.optimism div#content div#facts.callout p{
	background: url(../images/optimism-callout-facts-bg.jpg) no-repeat 0 0;
	height: 128px;
}

/* @end */

/* @group resilience callouts */
body.resilience div#content div#articles.callout h2 a{
	background: url(../images/resilience_section-callouts-h2-bg.png) no-repeat 0 0;
}

body.resilience div#content div#activities.callout h2 a{
	background: url(../images/resilience_section-callouts-h2-bg.png) no-repeat 0 -50px;
}

body.resilience div#content div#videos.callout h2 a{
	background: url(../images/resilience_section-callouts-h2-bg.png) no-repeat 0 -100px;
}

body.resilience div#content div#facts.callout h2 a{
	background: url(../images/resilience_section-callouts-h2-bg.png) no-repeat 0 -150px;
}

body.resilience div#content div.callout {
	height: 178px;
}
body.resilience div#content div.callout p {
	height: 128px;
}
body.resilience div#content div#articles.callout p{
	background: url(../images/resilience-callout-articles-bg.jpg) no-repeat 0 0;
}

body.resilience div#content div#activities.callout p{
	background: url(../images/resilience-callout-activities-bg.jpg) no-repeat 0 0;
}

body.resilience div#content div#videos.callout p{
	background: url(../images/resilience-callout-videos-bg.jpg) no-repeat 0 0;
}

body.resilience div#content div#facts.callout p{
	background: url(../images/resilience-callout-facts-bg.jpg) no-repeat 0 0;
}

/* @end */

/* @group goal_setting callouts */
body.goal_setting div#content div#articles.callout h2 a{
	background: url(../images/goal_setting_section-callouts-h2-bg.png) no-repeat 0 0;
}

body.goal_setting div#content div#activities.callout h2 a{
	background: url(../images/goal_setting_section-callouts-h2-bg.png) no-repeat 0 -50px;
}

body.goal_setting div#content div#videos.callout h2 a{
	background: url(../images/goal_setting_section-callouts-h2-bg.png) no-repeat 0 -100px;
}

body.goal_setting div#content div#facts.callout h2 a{
	background: url(../images/goal_setting_section-callouts-h2-bg.png) no-repeat 0 -150px;
}

body.goal_setting div#content div#articles.callout p{
	background: url(../images/goal_setting-callout-articles-bg.jpg) no-repeat 0 0;
}

body.goal_setting div#content div#activities.callout p{
	background: url(../images/goal_setting-callout-activities-bg.jpg) no-repeat 0 0;
}

body.goal_setting div#content div#videos.callout p{
	background: url(../images/goal_setting-callout-videos-bg.jpg) no-repeat 0 0;
}

body.goal_setting div#content div#facts.callout p{
	background: url(../images/goal_setting-callout-facts-bg.jpg) no-repeat 0 0;
}

/* @end */

/* @group empowerment callouts */
body.empowerment div#content div#articles.callout h2 a{
	background: url(../images/empowerment_section-callouts-h2-bg.png) no-repeat 0 0;
}

body.empowerment div#content div#activities.callout h2 a{
	background: url(../images/empowerment_section-callouts-h2-bg.png) no-repeat 0 -50px;
}

body.empowerment div#content div#videos.callout h2 a{
	background: url(../images/empowerment_section-callouts-h2-bg.png) no-repeat 0 -100px;
}

body.empowerment div#content div#facts.callout h2 a{
	background: url(../images/empowerment_section-callouts-h2-bg.png) no-repeat 0 -150px;
}

body.empowerment div#content div#articles.callout p{
	background: url(../images/empowerment-callout-articles-bg.jpg) no-repeat 0 0;
}

body.empowerment div#content div#activities.callout p{
	background: url(../images/empowerment-callout-activities-bg.jpg) no-repeat 0 0;
}

body.empowerment div#content div#videos.callout p{
	background: url(../images/empowerment-callout-videos-bg.jpg) no-repeat 0 0;
}

body.empowerment div#content div#facts.callout p{
	background: url(../images/empowerment-callout-facts-bg.jpg) no-repeat 0 0;
}

/* @end */

/* @group emotional_awareness callouts */
body.emotional_awareness div#content div#articles.callout h2 a{
	background: url(../images/emotional_awareness_section-callouts-h2-bg.png) no-repeat 0 0;
}

body.emotional_awareness div#content div#activities.callout h2 a{
	background: url(../images/emotional_awareness_section-callouts-h2-bg.png) no-repeat 0 -50px;
}

body.emotional_awareness div#content div#videos.callout h2 a{
	background: url(../images/emotional_awareness_section-callouts-h2-bg.png) no-repeat 0 -100px;
}

body.emotional_awareness div#content div#facts.callout h2 a{
	background: url(../images/emotional_awareness_section-callouts-h2-bg.png) no-repeat 0 -150px;
}

body.emotional_awareness div#content div.callout{
	height: 178px;
}
body.emotional_awareness div#content div.callout p{
	height: 128px;
}
body.emotional_awareness div#content div#articles.callout p{
	background: url(../images/emotional-callout-articles-bg.jpg) no-repeat 0 0;
}

body.emotional_awareness div#content div#activities.callout p{
	background: url(../images/emotional-callout-activities-bg.jpg) no-repeat 0 0;
}

body.emotional_awareness div#content div#videos.callout p{
	background: url(../images/emotional-callout-videos-bg.jpg) no-repeat 0 0;
}

body.emotional_awareness div#content div#facts.callout p{
	background: url(../images/emotional-callout-facts-bg.jpg) no-repeat 0 0;
}

/* @end */


/* @group resources callouts */
body.resources div#content div.callout,
body.resources div#content div.callout a{
	height: 150px;
}
body.resources div#content div.callout p{
	height: 100px;
}

body.resources div#content div#book.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 0px;
}
body.resources div#content div#book.callout p{
	background: url(../images/resources-callout-book-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#parentingSurvey.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -350px;
}
body.resources div#content div#parentingSurvey.callout p{
	background: url(../images/resources-callout-parentingSurvey-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#skillsQuiz.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -400px;
}
body.resources div#content div#skillsQuiz.callout p{
	background: url(../images/resources-callout-skillsquiz-bg.jpg) no-repeat 0 0;
}


body.resources div#content div#quiz.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -50px;
}
body.resources div#content div#quiz.callout p{
	background: url(../images/resources-callout-quiz-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#video.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -150px;
}
body.resources div#content div#video.callout p{
	background: url(../images/resources-callout-video-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#kids.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -100px;
}
body.resources div#content div#kids.callout p{
	background: url(../images/resources-callout-kids-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#story.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -200px;
}
body.resources div#content div#story.callout p{
	background: url(../images/resources-callout-story-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#download.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -250px;
}
body.resources div#content div#download.callout p{
	background: url(../images/resources-callout-download-bg.jpg) no-repeat 0 0;
}

body.resources div#content div#keepingkidsactive.callout h2 a{
	background: url(../images/resources_section-callouts-h2-bg.png) no-repeat 0 -300px;
}
body.resources div#content div#keepingkidsactive.callout p {
	background: url(../images/resources-callout-healthy-bg.jpg) no-repeat 0 0;
}

div#content div#wallpapers h2{
	background: url(../images/resources-downloads-h2-bg.png) no-repeat 0 0;
}
div#content div#webgraphics h2{
	background: url(../images/resources-downloads-h2-bg.png) no-repeat 0 -50px;
}

body.resources div.downloads div#content div.callout p,
body.resources div.downloads div#content div.callout a{
	text-indent: 0;
	position: static;
	text-align: center;
	clear: both;
	height: auto;
	width: auto;
}
body.resources div.downloads div#content div.callout{
	background: #fff url(../images/callout-blank-bg.png) no-repeat 0 50px;
	height: auto;
}

/* @end */




/* @group products callouts */


body.products div#content div.callout{
	width: 194px;
	height: 270px;
	margin-right: 5px;
}
body.products div#content div.calloutlast{
	margin-right: 0;
}
body.products div#content div.callout h2{
	width: 194px;
}
body.products div#content div.callout p{
	height: 220px;
	width: 194px;
}
body.products div#content div.callout a{
	width: 194px;
	height: 270px;
}

body.products div#content div#bags.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 0;
}
body.products div#content div#bags.callout p{
	background: url(../images/products-callout-bags-bg.jpg) no-repeat 0 0;
}

body.products div#content div#boxes.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -200px;
}
body.products div#content div#boxes.callout p{
	background: url(../images/products-callout-boxes-bg.jpg) no-repeat 0 0;
}

body.products div#content div#cartons.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -100px;
}
body.products div#content div#cartons.callout p{
	background: url(../images/products-callout-cartons-bg.jpg) no-repeat 0 0;
}

body.products div#content div#multi.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -150px;
}
body.products div#content div#multi.callout p{
	background: url(../images/products-callout-multi-bg.jpg) no-repeat 0 0;
}

body.products div#content div#blasted.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -50px;
}
body.products div#content div#blasted.callout p{
	background: url(../images/products-callout-blasted-bg.jpg) no-repeat 0 0;
}

body.products div#content div#pouches.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -250px;
}
body.products div#content div#pouches.callout p{
	background: url(../images/products-callout-pouches-bg.jpg) no-repeat 0 0;
}

body.products div#content div#starfish.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -300px;
}
body.products div#content div#starfish.callout p{
	background: url(../images/products-callout-starfish-bg.jpg) no-repeat 0 0;
}

body.products div#content div#grain.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -350px;
}
body.products div#content div#grain.callout p{
	background: url(../images/products-callout-grain-bg.jpg) no-repeat 0 0;
}

body.products div#content div#graham.callout h2 a{
	background: url(../images/products-callouts-h2-bg.png) no-repeat 0 -400px;
}
body.products div#content div#graham.callout p{
	background: url(../images/products-callout-graham-bg.jpg) no-repeat 0 0;
}

/* @end */


/* @group Products Grahams promo */

body.products div#promo div#content p {
    padding-left: 1px;   
}
body.products div#promo div#content p.back a {
    background: url(../images/button-back_to_products.png) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    float: right;
    width: 123px;
    height: 36px;
    margin-right: 10px;
}

/* @end */


/* @group abstracts/articles/activities/questions */

div.abstract h2 em,
div.article h2 em {
	font: 0.72em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	padding-left: 10px;
}
div.abstract div#content h3,
div.article div#content h3,
div.questions div#content h3 {
	font:bold 1.2em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
}
div#content h4{
	font: 1.2em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
}
div.article_center div#content div.article_meta h2,
div.activity_center div#content div.activity_meta h2 {
	font: 1.8em/1em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	padding-top: 4px;
}
div.article_center div#content h3, 
div#content_finder div#content div.article_center div.article_info h3, 
div#content div.activity_center h3.ingredient  {
	font: 1.2em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
}
div#content div.activity_center h3.ingredient {
    color: #333;
	line-height: 1.2em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;

}

div.abstract div#content ol strong,
div.abstract div#content ul strong {
	display: block;
}
div#content div.section ol {
	list-style-type: decimal;
	list-style-position:inside;
	padding-left:0;
}
div.abstract div#content li {
	margin-bottom: 1.33em;
}

div.activity_center div#content div.activity h2,
div.activity_center div#content div.activity h3,  
div.activity_center div#content div.activity p,
div#content div.activity_center div.activity h2,
div#content div.activity_center div.activity h3,  
div#content div.activity_center div.activity p {
	margin-left: 192px;
}
div.activity_center div#content div.activity h3{
	font-size: 1.2em;
	padding-top: 12px;
	color: #333;
	font-style: italic;
}

div#content h3.continue a,
div#content h3.download a {
	color: #cc3300;
	font: bold 11px "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	text-decoration: none;
	display: block;
	height: 14px;
	float: left;
	margin: 0 0 10px 12px;
	padding: 2px 20px 0 0;
	background: url(../images/cta-more_arrow.png) no-repeat right center;
}
div#content div.question h3.continue a,
div#content div.activity h3.continue a {
	margin-left: 0;
}
body.optimism div#content h3.download {
	width: 100px;
	height: 15px;
	padding: 10px 0 15px 0;
	float: right;
	background: url(../images/cta-down_arrow.png) no-repeat right center;
}
body.optimism div#content h3.download,
body.resilience div#content h3.download,
body.emotional_awareness div#content h3.download,
body.goal_setting div#content h3.download {
	width: 100px;
	height: 15px;
	padding: 10px 0 15px 0;
}
body.optimism div#content h3.download,
body.resilience div#content h3.download,
body.emotional_awareness div#content h3.download,
body.goal_setting div#content h3.download {
	float: right;
	clear: right;
	width:auto;
}
body.optimism div#content h3.download a,
body.resilience div#content h3.download a,
body.emotional_awareness div#content h3.download a,
body.goal_setting div#content h3.download a {
	background: url(../images/cta-down_arrow.png) no-repeat right center;
}

div.abstract div#content h3.continue {
	padding-left: 0;
	height: 26px;
}
div.article_center div#content h3.continue {
	padding: 0 8px 8px 0;
	height: 23px;
}
div.abstract div#content h3.continue a,
div.article_center div#content h3.continue a {
	background: url(../images/cta-b-read_full_article.png) no-repeat 0 0;
	width: 106px;
	height: 26px;
	display: block;
	float: right;
	text-indent: -9999px;
}
div#content h3.readReportSummary a {
	background: url(../images/cta-b-read_report_summary.png) no-repeat 0 0;
	width: 159px;
	height: 31px;
	display: block;
	float: right;
	text-indent: -9999px;
}
div#content h3.downloadFullResults a {
	background: url(../images/cta-b-download_full_results.png) no-repeat 0 0;
	width: 187px;
	height: 43px;
	display: block;
	float: right;
	text-indent: -9999px;
	padding-left: 3px;
}
div#content h3.takeOurQuestionnaire a {
	background: url(../images/cta-b-take_our_questionnaire.png) no-repeat 0 0;
	width: 168px;
	height: 31px;
	display: block;
	float: right;
	text-indent: -9999px;
}
div.article_center div#content h3.continue a,
div#content div.activity h3.continue a, 
div#content div.article_info h3.continue a,
div#content div.other_center h3.continue a {
	width: 80px;
	height: 23px;
	background: url(../images/button-read_on-fff-bg.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#content div.activity h3.continue a {
	position: absolute;
	bottom: -11px;
}

div.activity_center div#content div.activity,
div#content div.activity_center div.activity {
	width: 547px;
	height: 146px;
	overflow: hidden;
	background: #fff url(../images/article_info-bottom-bg.png) no-repeat 0 bottom;
	margin-bottom: 18px;
	position: relative;
	display: inline-block;
}
div.activity_center div#content div.activity img,
div#content div.activity_center div.activity img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border-right: 5px solid #ffefd9;
}

div.activity div#content img {
    padding: 8px 8px 8px 0;   
}

div.activity div#content ul {
    margin: 0 20px 0 30px;
    padding: 0;
}
div.activity div#content ol {
    margin: 0;
    list-style-position: inside;    
}
div.activity div#content ol li, div.activity div#content ul li {
    margin: .5em 0;
}

div.activity div#content ul li {
    margin: .8em 0;
	list-style-image:url(../images/content-reg-li-bullet.png);
	list-style-position:outside;
}
div.activity div#content li ul li {
    font-size: .8em;
}
div.activity div#content p {
    line-height: 1.6em;   
}

div.article_meta,
div.article div.article_meta,
div.abstract div.article_meta,
div.questions div.question_meta,
div.answers div.question_meta,
div.video div.video_meta,
div.other div.other_meta {
	margin: 0.67em 1.33em 0 1.33em; 
	padding: 0.67em 0 0.67em 0; 
	padding: 0;
	width: 517px;
	height: 27px;
	overflow: hidden;
	background:url(../images/meta-bg.png) no-repeat 0 center;
}
div.article_center div.article_meta,
div.activity_center div.activity_meta,
div.questions_center div.question_meta,
div.video_center div.video_meta,
div.other_center div.other_meta,
div.article_center div.press_meta {
	margin: 0; 
	padding: 0; 
	width: 547px;
	overflow: hidden;
	background:url(../images/meta-547-bg.png) no-repeat 0 top;
}

div#content div.article_meta ul,
div#content div.article_meta ul li,
div#content div.activity_meta ul,
div#content div.activity_meta ul li,
div#content div.question_meta ul,
div#content div.question_meta ul li,
div#content div.video_meta ul,
div#content div.video_meta ul li,
div#content div.other_meta ul,
div#content div.other_meta ul li {
	margin: 0;
	padding: 0;
}

div#content div.article_meta ul {
    float: right; display: inline;   
}

div#content div.article_meta #download_pdf {
    float: left; display: inline;
    width: 101px;
    margin: 7px 0 0 17px; padding: 0;    
}
div#content div.article_meta #download_pdf img {
    margin: 0; padding: 0;   
}


div#content div.article_meta #addPrintShareThis {
    height: 27px;  
}

div#content div.article_meta ul.age_range,
div#content div.question_meta ul.age_range {
    float: left;
    margin-left: 2px;    
}
#content_finder div#content div.article_meta ul.age_range {
    margin-right: 0;    
}

ul.age_range li {
	width: 27px;
	height: 27px;
	background: url(../images/meta-age_range-bg.png) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}
div.article_center div.article_meta,
div.activity_center div.activity_meta,
div.activity_center div.article_meta,
div.questions_center div.question_meta,
div.video_center div.video_meta,
div.other_center div.other_meta {
	position: relative;
}
div.article_center div.article_meta ul.age_range,
div.activity_center div.activity_meta ul.age_range,
div.questions_center div.question_meta ul.age_range,
div.video_center div.video_meta ul.age_range,
div.other_center div.other_meta ul.age_range {
	position: absolute;
	right: 0;
	top: 0;
}

div#content div.other_center div.activity h3.continue a {
    display: block;
    float: none; 
    position: static;
    background: none;
    text-indent: 0;  
}


ul.age_range li.prek {background-position: 0 0;}
ul.age_range li.k2 {background-position: 0 -27px;}
ul.age_range li.grade35 {background-position: 0 -54px;}
ul.age_range li.grade5 {background-position: 0 -81px;}
ul.age_range li.gradeAll {background-position: 0 bottom;}

div.article_center div.article_info,
div.result,
div.question,div.questions,
div.video,
div.other {
	margin: 0 0 20px 0; 
	padding: 0 0 15px 0; 
	width: 547px;
	background:#fff url(../images/article_info-bottom-bg.png) no-repeat 0 bottom;
	display: inline-block;
}

div.answers ul.age_range{
    float: right;   
}



div.article_meta ul.options,
div.question_meta ul.options {
	float: right;
	width: 80px;
}

/* @end */



div.connect div#content h2 {
	margin-left: 40px;
}

div#sign_up {
	width: 268px;
	float: left; display: inline;
	background-color: #ffc47a;
	margin: 40px 0 40px 40px;
}
div#content div#sign_up h2 {
	height:31px;
	background: url(../images/connected-signin-h2.png) no-repeat 0 0;
	margin: 0; padding: 0;
	text-indent: -9999px;
}
div#sign_up .close {
	background: url(../images/connected-signin-close.png) no-repeat bottom left;
	text-align: right;
	margin: 0;
	padding: 5px 20px 10px 15px;
 	color: #FF6600;
}
div#sign_up .close a {
	float: left;
 	color: #FF6600;
}
div#askform .close a {
 	color: #FF6600;
}

div#register,
div#askform,
div#profile {
	width: 388px;
	float: left; display: inline;
	background-color: #ffdeb1;
	margin: 40px 0 40px 40px;
}
div#content div#register h2,
div#content div#profile h2 {
	height:31px;
	background: url(../images/connected-regis-h2.png) no-repeat 0 0;
	margin: 0; padding: 0;
	text-indent: -9999px;
}
div#content div#askform h2 {
	height:31px;
	background: url(../images/connected-ask-h2.png) no-repeat 0 0;
	margin: 0; padding: 0;
	text-indent: -9999px;
}
div#register .close,
div#askform .close,
div#profile .close {
	background: url(../images/connected-regis-close.png) no-repeat 0 bottom;
	padding: 12px 20px 8px 0;
	clear: both;           
	text-align: right;
}
div#askform .close {
	text-align: left;
	padding-top: 0;
}
div#askform .sub {
	padding-top: 12px;
	padding-bottom:0;
	text-align: right;
}

div#sign_up label,
div#register label,
div#askform label,
div#profile label {
	color: #f60;
	font-size: 1em;
	display: block;
	font-weight: bold;
	margin-top:8px;
	line-height: 1.2em;
	vertical-align:middle;
}
div#askform label {
	display: block;
	text-align: right;
	width: 140px;
	float: left;
}
div#askform li.row label {
	display: block;
	text-align: left;
}
div#sign_up li {
	padding: 0 10px 10px 10px;
}
div#register li,
div#profile li {
	text-align: right;
	padding: 0 10px 10px 10px;
}
div#askform li {
	text-align: left;
	padding: 0 10px 10px 10px;
}
div#register label,
div#askform label,
div#profile label {
	display: inline;
	padding-right: 5px;
}
div#register .row a,
div#profile .row a,
div#askform .row a {
    color: #ff6600;  
    text-align: left; 
}
div#sign_up input.text,
div#register input.text,
div#profile input.text,
div#askform input.text {
	background: #fff url(../images/quickfinder-drop-bg.png) no-repeat 0 0;
	color: #333;
	font: normal 11px "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	height: 15px;
	width: 188px;
	border: none;
	padding: 2px;
	margin: 3px 0 0 0;
}
div#register select,
div#profile select,
div#askform select {
	background: #fff url(../images/quickfinder-drop-bg.png) no-repeat 0 0;
	font: normal 11px "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
    text-align: left;
	height: 15px;
	border: none;
	padding: 2px;
	margin: 3px 0 0 0;
	color: #333;
	height: 20px;
	margin-left: 3px;
}
div#register select.month, div#profile select.month  { width: 70px; }
div#register select.day, div#profile select.day { width: 60px; }
div#register select.year, div#profile select.year { width: 50px; }


div#register li.row,
div#profile li.row,
div#askform li.row{
	text-align: left;
}
div#register span.radio,
div#register span.radio input,
div#register span.radio label,
div#profile span.radio,
div#profile span.radio input,
div#profile span.radio label,
div#sign_up li label,
div#sign_up li input {
	display: inline;
}

div#register .leftRow,
div#profile .leftRow,
div#askform .leftRow {
    color: #FF6600;
    line-height: 1em;
    text-align: left;
    margin: 5px 10px 0 83px;    
}

div#sign_up input.text {
	margin: 2px 0 0 0;
}
div#sign_up li.checkbox {
    color: #FF6600;
    margin: 2px 0 -4px;
}
div#sign_up li.checkbox input {
    margin-top: 4px;   
}

div#unsubscribe {
    margin-left: 100px;
    min-height: 225px;    
}
div#unsubscribe input, div#unsubscribe label {
    display: block;
    float: left;
    font-size: 1.2em;
}
div#unsubscribe label {
    font-weight: bold;
    margin: 0 5px 0 14px;   
}

div#forgot_password {
    margin-left: 100px;
    min-height: 225px;    
}
div#forgot_password input, div#forgot_password label {
    display: block;
    float: left;
    font-size: 1.2em;
}
div#forgot_password label {
    font-weight: bold;
    margin: 0 5px 0 14px;   
}
/* @end */

#content_finder #content div.result_title {
	margin: 0;
	padding: 0;
	height: 35px;
	overflow: hidden;
	margin-bottom: 20px;
	background: url(../images/search_results-h2-bg.png) no-repeat 0 0;
	cursor: pointer;
}
#content_finder #content div.result_title h2 {
	text-indent: -9999px;
	float: left;
}
#content_finder #content div.articletab {
	background-position:0 0;
}
#content_finder #content div.activitytab {
	background-position:0 -35px;
}
#content_finder #content div.questionstab {
	background-position:0 -70px;
}
#content_finder #content div.videotab {
	background-position:0 -105px;
}
#content_finder #content div.othertab {
	background-position:0 -140px;
}
#content_finder #content div.result_title div.results {
	float: right;
	color: #fff;
	font: italic 1.6em/1em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	padding: 8px 20px 0 0;
	margin-right: 10px;
	padding: 8px 16px 0 0;
	margin-right: 20px;
	background:url(../images/search_results-h2-arrow.png) no-repeat right 13px;
}

#content_finder div#content h3.results_summary {
    font-size: 1.7em;
    margin: 0;
    padding: 0;
} 
#content_finder div#content p.results_summary {
    font-size: 1.2em;
    margin: -5px 0 10px 0;
}
#content_finder div#content div.article_meta h2,
#content_finder div#content div.activity_meta h2,
#content_finder div#content div.question_meta h2,
#content_finder div#content div.video_meta h2,
#content_finder div#content div.other_meta h2 {
	font: normal 1.8em/1em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	padding-top: 2px;
	padding-bottom: 5px;
}


div#sectionNav {
	width: 159px;
	padding-left: 14px;
}
div#sectionNav li {
	padding-bottom: 4px;
}

div#sectionNav li a,
div#sectionNav li a:visited {
	width: 159px;
	height: 19px;
	display: block;
	background:#fff url(../images/sectionNav-a-bg.png) no-repeat 0 -19px;
	padding-left: 14px;
	font:1.3em/1.3em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	text-decoration: none;
	color: #fd6001;
}
div#sectionNav li a:hover,
div#sectionNav ul.menu li.active a {
	background:#fff url(../images/sectionNav-a-bg.png) no-repeat 0 0;
	color: #0099cc;
}

div#sectionNav li a.tall,
div#sectionNav li a.tall:visited {
	background:#fff url(../images/sectionNav-b-bg.png) no-repeat 0 -36px;
	height: 32px;
	padding-top: 4px;
	line-height: 1.1em;
}

div#sectionNav li a.tall:hover,
div#sectionNav ul.menu li.active a.tall {
	background:#fff url(../images/sectionNav-b-bg.png) no-repeat 0 0;
	color: #0099cc;
	height: 32px;
	padding-top: 4px;
	line-height: 1.1em;
}

/* BEGIN submenu styles */
div#sectionNav ul.submenu {
	margin: 7px 0 0 15px;
}
div#sectionNav ul.menu ul.submenu li a,
div#sectionNav ul.menu ul.submenu li a:visited {
	height: auto;
	display: block;
	background: transparent url(../images/nav-bullet.png) 0 0.4em no-repeat;
	margin:0 0 7px 0;
	padding-left: 11px;
	font:1.0em/1.0em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	text-decoration: none;
	color: #663333;
	line-height:1.3em;
}
div#sectionNav ul.menu ul.submenu li a:hover,
div#sectionNav ul.menu ul.submenu li.active a {
	color: #0099cc;
}
/* END submenu styles */

div#sectionNav div#age_legend {
	margin-top: 2em;
	width: 173px;
	height: 213px;
	background: url(../images/sectionnav-age_range-bg.png) no-repeat 0 0;
}
div#sectionNav div#age_legend h2,
div#sectionNav div#age_legend ul {
	text-indent: -9999px;
}

div#age_range_legend { /* needs to be removed when things are corrected */
	margin: 10px 0 10px 15px;
}



/* @group navcolumn CTAs */

div#sectionNav div.ctaalt {
    margin-top:30px;
}

div#sectionNav div#WorldTreasuresPromo {
    position:relative;
    margin-left:-8px;
}

div#sectionNav div.cta a {
	margin: 30px 0 0 0;
	width: 185px;
	display: block;
	text-indent: -9999px;
}

div#sectionNav div#smores {
	margin-top:20px;
}
div#sectionNav div#timtamcoupon a {
	height: 158px;
	background: url(../images/navcolumn-cta-timtamcoupon.jpg) no-repeat 0 0;
	margin:10px 0 5px 0;
}
div#sectionNav div#bakednaturalscoupon a {
	height: 165px;
	background: url(../images/navcolumn-cta-bakednaturalscoupon.jpg) no-repeat 0 0;
	margin:5px 0;
}
div#sectionNav div#packcoupon a {
	height: 180px;
	background: url(../images/navcolumn-cta-packcoupon.jpg) no-repeat 0 0;
	margin:5px 0;
}
div#sectionNav div#bordentown {
	margin:10px 0;
}
div#sectionNav div#bordentown a {
	height: 130px;
	background: url(../images/navcolumn-cta-bordentown.jpg) no-repeat 0 0;
}
div#sectionNav div#fiftycentcoupon {
	margin:10px 0;
}
div#sectionNav div#fiftycentcoupon a {
	height: 157px;
	background: url(../images/navcolumn-cta-fiftycentcoupon.jpg) no-repeat 0 0;
}
div#sectionNav div#cityyear a {
	height: 130px;
	background: url(../images/navcolumn-cta-cityyear.jpg) no-repeat 0 0;
}
div#sectionNav div#starfish_promo a {
	height: 165px;
	background: url(../images/navcolumn-cta-starfish.jpg) no-repeat right 0;
}
div#sectionNav div#newsletter a {
	height: 218px;
	background: url(../images/navcolumn-cta-newsletter.jpg) no-repeat 0 0;
}
div#sectionNav div#goldfish_guide a {
	height: 182px;
	background: url(../images/navcolumn-cta-goldfish_guide.jpg) no-repeat right 0;
}


/* @end */




div#pager ul li { display:inline; padding-left:2px; outline: black solid 1px; }
div#pager li a,
div#pager li a:link,
div#pager li a:visited {
	width: 20px;
	height: 19px;
	display: inline;
	background:#fff url(../images/sectionNav-a-bg.png) no-repeat 0 -19px;
	text-indent: 14px;
	font:1.3em/1.48em "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	text-decoration: none;
	color: #fd6001;
}
div#pager li.active a,
div#pager li a:hover {
	background:#fff url(../images/sectionNav-a-bg.png) no-repeat 0 0;
	color: #000666;
}


div#footer {
	clear: both;
	width: 800px;
	height: 61px;
	background: url(../images/footer-bg.png) no-repeat 0 0;
	font-size: 0.95em;
	line-height: 1em;
	color: #00aeef;
}
div#footer a{
	color: #00aeef;
	text-decoration: none;
}
div#footer li {
	border-right: 1px solid #00aeef;
	padding: 0 .2em 0 .4em;
}
div#footer li.first,
div#footer li.last {
	border-right: none;
	padding-right: 0;
}

div#footer ul {
	text-align: right;
	padding-top: 48px;
}
div#footer ul li{
	display: inline;
}

/* @group home page stuff */

body.home div#banner {
	width: 800px;
	height: 279px;
	padding: 0 0 8px 0;
	margin: 0;
	background: url(../images/home-banner-bg.png) no-repeat center bottom;
}

body.home div#banner div#homepageHeader {
	width: 800px;
	height: 279px;
	background: url(../images/home_flash.jpg) no-repeat 0 0;
}

body.home div.wrapper div.wrapper,
body.connected div.wrapper div.wrapper{
	width: 800px;
	position: relative;
	margin-left: 59px;
	background: url(../images/home-wrapper-wrapper-bg.png) repeat-y 0 0;
}

body.home div#content,
body.connected div#content {
	width: 798px;
	float:none;
	margin: 8px 0 16px 1px;
}

/* @group blog talk radio */

body.home div#content div#blog_talk_radio.callout {
	height: 303px;
	width: 246px;
	float: right;
	background: url(../images/home-callout-blogtalkradio-bg.gif) no-repeat 0 0;
}
body.home div#content div#blog_talk_radio #btrholder {
    padding-top:7px;
    margin-left:18px
}
body.home div#content div#blog_talk_radio.callout h2{
	background: url(../images/home-callouts-h2-bg.png) no-repeat 0 -100px;
}

/* @group goldfish crackers */

body.home div#content div#goldfish_crackers.callout {
	height: 298px;
	width: 246px;
	float: right;
}
body.home div#content div#goldfish_crackers.callout h2{
	background: url(../images/home-callouts-h2-bg.png) no-repeat 0 -100px;
}
body.home div#content div#goldfish_crackers.callout p{
	background: url(../images/home-callout-goldfish_cracker-bg.jpg) no-repeat 0 0;
	height: 248px;
}
body.home div#content div#goldfish_crackers.callout a{
	height: 298px;
	width: 246px;
}

/* @end */

/* @group tell story */

body.home div#content div#tell_story.callout {
	height: 178px;
	margin-right: 9px;
}
body.home div#content div#tell_story.callout h2{
	background: url(../images/home-callouts-h2-bg.png) no-repeat 0 -50px;
}
body.home div#content div#tell_story.callout p{
	background: url(../images/home-callout-tell_story-bg.jpg) no-repeat 0 0;
	height: 128px;
}

/* @end */

/* @group take quiz */

body.home div#content div#take_quiz.callout {
	height: 178px;
	margin-right: 9px;
}
body.home div#content div#take_quiz.callout h2 a {
	background: url(../images/home-callouts-h2-bg.png) no-repeat 0 0px;
}
body.home div#content div#take_quiz.callout p{
	background: url(../images/home-callout-take_quiz-bg.jpg) no-repeat 0 0;
	height: 128px;
}

/* @end */

/* @group get_newsletters */

body.home div#content div#get_newsletters.callout {
	height: 132px;
	width: 518px;
	margin-left: 16px;
}
body.home div#content div#get_newsletters.callout h2{
	height: 2px; /* can use this for padding-top */
}
body.home div#content div#get_newsletters.callout p{
	background: url(../images/home-callout-get_newsletters-bg.png) no-repeat 0 0;
	height: 115px;
	width: 518px;
}
body.home div#content div#get_newsletters.callout a{
	width: 80px;
	left: 128px;
}

/* @end */



/* @end */


/* @group facts */
div#content p.didyouknow {
    padding:15px 0 0 0;
    color:#0F9ECF;
    font-style:italic;
    font-weight:bold;
    font-size:1.5em;
}
div#content div.facts{
    margin-top:0;
    padding:10px 0;
}
div#content div.facts ul {
    margin-top:0;
    padding-top:0;   
}
div#content div.facts ul li {
    margin-top:1.0em;
}
div#content div.facts ul li span.section-name {
    color:#F56400;
    font-size:1.1em;
    font-weight:bold;
}
div#content div.facts ul li ul {
    margin:0 0 0 20px;
    padding:0;
}
div#content div.facts ul li ul li {
	margin:0 0 0 15px;
	padding:0;
    background:none;
    list-style-type:disc;
    color:#FFD08E;
    font-size:0.8em;
}
div#content div.facts ul li ul li span {
    color:#333333;
}
div#content div.facts p.sources {
    font-size:.9em;
}

/* @end facts */


/* @group forms email */
div.email fieldset {
	width: 100%;
}
div.email div#content fieldset div.grouping {
	position: relative;
	padding: 0 0 0 100px;
	display: inline-block;
}
div.email div#content fieldset div.grouping h2 {
	font-size: 1.2em;
	color: #F56400;
	font-weight: bold;
	width: 90px;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
div.email div#content fieldset div.grouping label {
	display: block;
}
div.email div#content fieldset div.grouping label.none {
	display: none;
}
div.email div#content fieldset div.grouping .box {
	border: 1px solid #fff;
	font-size: 0.8em;
}

/* @end */


/* @group press corner */

body.press_corner div#content .contact {
    width: 200px;
    float: left; display: inline;
}

/* @end */

/* @group book club */

div#content div.chapterlist h3 {
    font-size: 1.4em;
    font-family: "Gill Sans","Segoe UI","Trebuchet MS",verdana,sans-serif;
    color: #333333;
    margin: 0 0 0 15px;     
}
div#content div.chapterlist ul {
    list-style: disc;
    margin: 0 0 0 30px;   
}
div#previouslist {
    background: #fff url(../images/bookclub-series-t.png) no-repeat center top;
    margin: 15px 0 30px 10px;
    font-size: 11px;
    padding: 0;
    width: 475px;    
}
div#previouslist div{
    background: url(../images/bookclub-series-b.png) no-repeat center bottom;
    padding: 10px 15px 20px;
    width: 445px;    
}
div#previouslist h3 {
    font-size: 1.4em;
    margin: 0 0 5px 0;   
}
div#previouslist span.author {
    display: block;   
}
div#previouslist a {
    color: #000;
}

div#previouslist a cite {
	color:#0099cc;
}

div#previouslist a:hover cite {
	color: #fd6001;
}

/* @end */

/* @group sharethis/email/print */
 
div#content ul.options li.email {
    display: block;
    float: left;
    margin: 3px 5px 0 0;
}
div#content ul.options li.email img, 
div#content ul.options li.print img,
div#content ul.options li.sharethis img {
    margin: 0; 
    padding: 0;   
}
div#content ul.options li.sharethis {
    float: left;
    margin: 3px 5px 0 0;
    list-style: none;   
}
div#content ul.options li.sharethis a {
    display:block;
    border:0;
    margin:0;
    padding:0;
}
div#content ul.options li.print {
    display: block;
    float: left;
    margin: 3px 5px 0 0;
}
div.activity div#content ul.options li,
div.activity div#content ul.age_range li {
    list-style: none;
}

div#GoBackButton
{
	display:none; float:right; margin-top:-25px; margin-left:-25px;
}


/* @end */


/* @group About Dr. Reivich */

div#contAboutDrReivich ul, div#contAboutDrReivich li {
    float: right;
  
}

/* @end */


h3.pages {
	text-align: right;
}
h3.pages a{
	display: inline-block;
	width: 15px;
	height:14px;
	padding-top: 4px;
	margin-left: 5px;
	text-align: center;
	background: transparent url(../images/pages-page-a-bg.png) no-repeat 0 0;
	font: bold 12px/12px "Gill Sans","Segoe UI","Trebuchet MS", verdana, sans-serif;
	color:#f9a77c;
	text-decoration: none;
}
#content h3.pages a:hover,
#content h3.pages a.active {
	color: #bababa;
	background: transparent url(../images/pages-page-a-bg.png) no-repeat 0 -18px;
}

/* @group Sitemap */
body.site_map #home_link {
    padding-top: 30px;   
}
body.site_map #site_map_nav ul {
    margin: 0 0 10px 250px;    
    padding: 10px 0 0;
}
body.site_map #site_map_nav ul li {
    font-size: 13px;
    margin: 0 0 3px 0;   
}
body.site_map #site_map_nav ul ul {
    margin: 0 0 7px 15px;
    padding: 5px 0;   
}
body.site_map #site_map_nav ul li a {
    color: #fd6001;    
    
}
body.site_map #misc_links {
    margin-bottom: 50px;   
}

/* @end */


/* @group Newsletter Thank you */

#thankyou {
    margin: 3em 0 6em 50px;
    padding: 0 0 0 225px;    
    min-height: 125px;
}
#thankyou p {
    font-size: 13px;
    margin: 1em 0;    
}
#thankyou p strong {
    display: block;   
}
#thankyou p a {
    color: #CC3300;
}

/* @end */
/* action tag image fix */
img#action_tag {
    position:absolute;
    left:10000em;
    top:0;
}