/*
Author: tacita_morway@wgbh.org
Date: July 7, 2008
*/

/* ------------------------ RESET ------------------------ */

@import url('/parents/pbskidscontent/css/pbsparents-pbskidscontent.css');
@import url('/parents/css/pbsparents-sitenav.css');

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;
	background: #fafded url('../i/bkgd.gif') repeat;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* ---------------------- end RESET ---------------------- */

/* --------------- sIFR styles... DO NOT MODIFY ---------- */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1.pgHeader {
    font-family: Verdana;
    visibility: hidden;
  }
}

/* ---------------------- end sIFR ----------------------- */



/* ------------------ site wide header ------------------- */
#wrapper {
	width: 1030px;
	}

#siteHeader {
	background-color: #a0d65e;
	width: 100%;
	height: 135px;
	}

#shadow {
	z-index: 400;
	position: relative;
	width: 100%;
	height: 9px;
	margin-bottom: -12px;
	background: transparent url('../i/top_shadow.gif') repeat-x;
	}

/* ---------------------- martha helper --------------------- */
#marthaHelp {
	float: left;
	position: relative;
	margin: 13px 0 -98px 883px;
	z-index: 300;
	border: none !important;
	}

#marthaHelp img {
	border: none;
	}


/* ---------------- primary nav styling ------------------ */
#nav {
	z-index: 100;
	position: relative;
	float: left;
	clear: left;
	width: 215px;
	margin: 3px -285px 0 40px;
	padding: 15px 0 120px 15px;
	background: transparent url('../i/menu.gif') no-repeat left bottom;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	}

#nav ul {
	margin-left: 12px;
	margin-bottom: 1em;
	}

#nav h3 {
	width: 213px;
	padding-bottom: 3px;
	}

#nav li {
	width: 200px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	}

#nav a:visited {
	color: #904b81;
	}

#nav a:hover, #nav a.on {
	color: #ac79a2;
	}

#nav a {
	display: block;
	padding: 2px 5px;
	color: #373a2d;
	text-decoration: none;
	width: 193px;
	}

#nav .current a,
#nav .current a:visited,
#nav .current a:hover {
	color: #fff;
	font-weight: bold;
	}

#nav .current {
	background-color: #ac79a2;
	}
#nav .nav-padding { padding: 0 0 16px 0; }
.no-height { height:0; overflow:hidden; }
.hide { display:none; }
#nav .nav-list-items { width:0; overflow:hidden; margin-left:10px; }


/* ------------------- content styling ------------------- */

#content {
	float: left;
	clear: both;
	width: 662px;
	clear: none;
	margin-top: -1px;
	margin-left: 203px;
	background-color: #fafded;
	border-right: 1px solid #C2C1A9;
	border-left: 1px solid #C2C1A9;
	padding: 0 10px 50px 90px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #5f604d;
	}

/* ruffles */
#topBg {
	float: left;
	width: 764px;
	margin-left: 203px;
	}

.noHelper {
	margin-top: 35px;
	}



#bottomBg {
	float: left;
	width: 765px;
	margin-left: 204px;
	margin-bottom: 30px;
	}

#content dl, #content li, #content p, #content form {
	font-size: 12px;
	line-height: 15px;
	}

#content dl p, #content ul p {
	font-size: 12px;				/* bring it back up to base size */
	}

/* footer */
p#footer {
	clear: both;
	margin: 0 0 0 204px;
	text-align: center;
	width: 765px;
	padding-bottom: 70px;
	line-height: 1.5em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	}

/* funderbed */
#ptIndex #footer { padding-bottom: 38px; }

.funderbed {
	width: 764px;
	padding-bottom: 100px;
	margin: 0 0 0 204px;
	}

.funderbed ul {
	width: 590px;
	height: 220px;
	background: white url('../i/funderbed.gif') no-repeat;
	margin: 0 auto;
	border:1px solid #c0c3a6;
	}
.funderbed li {
	display: inline;
	float:left;
	height: 105px;
	margin: 0;
	padding: 0;
	}
.funderbed a, .funderbed span {
	text-indent: -9999px;
	float: left;
	display: block;
	width: 70px;
	margin-top: 20px;


	/*uncomment below for testing location of funder links*/
	/*
	background-color: red;
	opacity: .3;
	*/
	}

.funderbed #wgbh a{ height: 50px; margin-left: 122px;}
.funderbed #cpb a{ width: 67px; height: 105px; margin-left: 53px; margin-top: 10px; }
.funderbed #dhx a{ width: 70px; height: 84px; margin-left: 82px; margin-top: 12px; }
.funderbed #avdf a{ width: 125px; height: 84px; margin-left: 44px; margin-top: 12px; }
.funderbed #cec a{visibility:hidden;}
.funderbed #oasis a{ width: 95px; height: 77px; margin-left: 82px; margin-top: 20px; }
.funderbed #abcf a{ width: 156px; height: 77px; margin-left: 72px; margin-top: 20px; }

/*.funderbed #ka {display:none; }	*/

.cleared {
	clear: both;
	}

.flLeft {
	float: left;
	margin-right: 15px;
	margin-top: 12px;
	padding-bottom: 20px;
	}

.centered {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	}

.alignRight {
	text-align: right;
    }

.leftCol {
	width: 300px;
	float: left;
	margin-bottom: 2em;
	margin-right: -200px; /* to ensure it allows space for hilites next to it */
	}

.rightCol {
	margin-left: 330px;
	margin-bottom: 2em;
	}

#content p {
	padding-bottom: 9px; /* value determined to avoid dots between paragraphs looking squished */
	}

.shorten { /* to keep lines from getting too long */
	margin-left: 70px;
	margin-right: 70px;
	}

.italic, em, cite {
	font-style: italic;
	}

.bolded, strong {
	font-weight: bold;
	}

/* links */
#content a,
#footer a 			{ color: #b04d39; text-decoration: underline; }
#content a:visited,
#footer a:visited 	{ color: #898b62; text-decoration: underline; }
#content a:hover,
#footer a:hover	{ color: #ad7aa2; text-decoration: underline; }

/* video player */
#video div {
	width: 430px;
	height: 330px;
	}

/* for the text: Martha Speaks */
#content .ms {
	font-variant: small-caps;
	}

/* for pink dots along side - sometimes it can't be done with this class and is defined specically for a section */
.dotted {
	margin-left: -15px;  /* for the dots */
	padding-left: 15px;
	background: transparent url('../i/dot.gif') repeat-y top left;
	}


/* ----------------------- headers ----------------------- */
#pgHeader {		/* some styling done in sifr-config.js */
	position: relative;
	z-index: 2;
	width: 582px;
	font-size: 30px;
	margin: 32px 0 15px 0;
	color: #1f2013;
	height: 40px;
	text-align: center;
	}

.indexPg #pgHeader {
	font-size: 30px !important;
	font-weight: bold;
	}


#siteIndex #pgHeader {		/* some styling done in sifr-config.js */
	width: 260px;
	margin: 32px auto 15px auto;
	}

.sIFR-active h1 {
	font-weight: bold;
	}

#content h2,
#content h3 {
	line-height: 1.5em;
	color: #343628;
	}

#content #pageDescrip {
	color: #5F604D;
	font-size: 12px;
	line-height: 1.25em;
	margin-bottom: .5em;
	}

#content h2 { font-size: 13.5px; }
#content h3 { font-size: 13px; }
#content h4 { font-size: 13px; font-weight: bold; text-decoration: none; line-height: 1em; }
#content h5 { font-size: 13px; font-weight: normal; text-decoration: none; line-height: 1em; }


/* --------------------- PBS Parents Skyscrapper ---------------*/
.sky { margin:30px 0 0 0px; overflow:visible; width:185px; height:623px; position:absolute; top:217px; left:1020px; }


/* ------------------------ lists ------------------------ */
#content ul,
#content dl,
#content ol {
	margin-bottom: 1em;
	}

#content ul.bullet li {
	list-style-type: disc;
	margin-left: 1.1em;
	}

#content ol.numbered li {
	list-style-type: decimal;
	margin-left: 1.5em;
	}

#content dl dt {
	font-weight: bold;
	}

#content dd, #content dd li {
	margin-bottom: 1.25em;
	}

/* ---------------- page: products ---------------- */
.products_content div { float:left; position:relative; }
.products_content span { position:absolute; bottom:400px; left:108px; }
.products_content #link_pbs { position:absolute; bottom:400px; right:22%;}
.products_content #link_ty { position:absolute; bottom:400px; right:3%; }
.products_content #link_itunes { bottom:372px; left:282px; }

/* ---------------- page: corporate sponsors --------------*/
/* #sponsorsNav { margin: 0 auto 20px auto; overflow:auto; width:430px; } */
/* adjusted width to fit two funders, side-by-side */
#sponsorsNav { margin: 0 auto 20px auto; overflow:auto; width:460px; }
#sponsorsNav li { float:left; width:190px; margin: 0 30px 0 0; }
#sponsorsNav li.no_padding { margin:0; }
#sponsorsNav a, #sponsorsNav a:visited { color:#3991B2; text-decoration:none; }
#sponsorsNav a:hover { color:#006990; text-decoration:underline; }
#sponsorsNav h2 { font-size:13px; }
.center_player{ margin:0 auto; width:430px; }
.center_player.sponsor_kiddie { width:560px; }
.center_player #vid_player { margin:0; }

/* ---------------- page: character descriptions --------------- */
#charDescrip #content {
	}

#charDescrip #content ul {
	float: left;
	padding-left: 20px;
	background: transparent url('../i/dot.gif') repeat-y 100px 0;
	}

#charDescrip #content ul li {
	float: left;
	margin-bottom: 40px;
	}

#charDescrip #content ul p {
	margin-left: 90px;
	margin-bottom: 0;
	}

#charDescrip #content ul img {
	float: left;
	border: 1px solid #c3c798;
	}

#charDescrip p .charName {
	font-weight: bold;
	color: #303124;
	}


/* ----------------- page: program summary  ------------------ */
#progSummary #content .inContent {
	float: left;
	margin: 63px 20px 40px -120px;
	}

/* --------------- page: episode descriptions  ----------------- */
#epDescrip .epShows {
	float: left;
	margin-left: -15px;
	}

#epDescrip .epNumber {
	padding: 1px 0 4px 0;
	line-height: 1em;
	float: left;
	width: 100%;
	background-color: #e9ebd8;
	margin-left: -10px;  /* to align background color with dots */
	padding-left: 10px;
	margin-bottom: 10px;
	}


#epDescrip .epShows dl {
	background: transparent url('../i/dot.gif') repeat-y top left;
	padding-left: 15px;  /* matches #epDescrip .epShows negative margin setting */
	}

#epDescrip .epShows img {
	border: 1px solid #c3c798;
	}

#epDescrip .imageHolder {
	width: 100%;
	height: 102px;
	display: block;
	margin-bottom: 5px;
	}

#epDescrip dt,
#epDescrip h3 {
	color: #343628;
	}

#epDescrip #content h3 {
	font-size: 14px;
	text-decoration: none;
	}

#content h3 a { font-weight: normal; }


#epDescrip .vocab p {
	margin-bottom: 0;
	}

#epDescrip .leftCol {
	width: 310px;
	}

#epDescrip .rightCol {
	margin-left: 340px;
	width: 310px;
}

/* ------------------ page: tv credits  ------------------- */
#tvCredits img#nelson {
	 float: right;
	 margin-top: -250px;
 }

#tvCredits img#skits {
	float: left;
	margin-left: -887px;
	margin-top: -2700px;
	}

#tvCredits #content div {
	clear: both;
	margin-bottom: 2em;
	}

#tvCredits dl {
	background: transparent url('../i/dot.gif') repeat-y top left;
	padding-left: 15px;  /* matches #epDescrip .epShows negative margin setting */
	}

#tvCredits .leftCol,
#tvCredits .rightCol {
	width: 300px;
	}

#tvCredits .rightCol {
	padding-bottom: .25em;
	}


/* -------------- page: martha in the news  --------------- */
#news #pageDescrip { margin-bottom: 25px; }
#news #content ul { float: left; margin-top: 15px;}
#news #content ul li { padding-bottom: 1.5em; }
#news #pics { float: right; width: 484px; }
#news #quote { margin-top: 17px; }
#news #marthaRadio { margin-top: 55px; }
#news #lights { margin-left: 333px; margin-top: -265px;}


/* -------------- page: make a plan  --------------- */

#plan #content h3 { margin-left: -17px; }
#plan #content h4 { margin-top: 8px; }
#plan #content li { padding-bottom: 1.5em; }
#plan #pooch { margin-top: 25px; margin-left: -60px; margin-bottom: 0;  }
#plan #child { margin-left: 50px; margin-bottom: 8px; }
#plan p#conclusion { clear: both; float: left; width: 550px; margin-top: -12px; }

/* -------------------- page: site map -------------------- */
#sitemap #content ul {
	margin: 0 0 30px 0;
	font-weight: bold;
	}

#sitemap h2 {
	font-size: 15px;
	font-weight:bold;
	}

#sitemap .leftCol {
	float: left;
	width: 200px;
	margin-right: -210px;
	}

#sitemap #ptArea {
	margin-left: 210px;
	}

img#openMap {
	float: left;
	margin: -682px 0 0 425px;
	}

img#rolledMap {
	float: left;
	margin: -465px 0 0 85px;
	}


/* --------------- page: about the author  ---------------- */
#aboutAuthor #blurb {
	float: left;
	width: 220px;
	margin-top: 70px;
	text-align: justify;
	margin-right: -50px;
	}

#aboutAuthor #video {
	float: right;
	width: 390px;
	margin-bottom: 1em;
	margin-right: 60px;
	}

#aboutAuthor #video h2 {
	width: 100%;
	text-align: center;
	margin-left: 45px;
	}

#aboutAuthor #content ul li {
	margin-bottom: 1em;
	}

#aboutAuthor #content ul,
#aboutAuthor #content h2.cleared {
	margin-left: 80px;
	}

h2#funFactsHd {
	padding-left: 45px;
	}

#aboutAuthor img#books {
	margin-left: -50px;
	}

#aboutAuthor img.number {
	float: left;
	margin-right: 5px;
	margin-top: -4px;
	}


/* ------------------- page: video clips ------------------ */
#vid_player {
	display: block;
	margin: 10px 0 30px 20px;
	}

#videoClips #clipsList a.snap,
#videoClips #clipsList a.snap:visited{
	margin: 0 auto 10px auto;
	}

#videoClips .name a,
#videoClips .name a:visited,
#videoClips .name a:hover {
	color: #434635;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none !important;
	}

#videoClips #clipsList {
	clear: left;
	margin-left: -10px;
	margin-top: 30px;
	}

#videoClips #clipsList li {
	width: 160px;
	float: left;
	padding: 5px;
	}

#videoClips #clipsList li:hover,
#videoClips #clipsList li.here {
	background-color: #edeede;
	}

#videoClips #clipsList .last {
	margin-right: -10px;
	}

#watchingDog {
	position: relative;
	float: left;
	margin: -197px 0 0 428px;
	}


/* ------------------ page: activity pages ---------------- */
.activities .leftCol {
	width: 415px;
	margin-left: -15px;  /* for the dots - less mark-up by doing it here rather than setting all to class="g" in HTML */
	margin-right: -200px; /* to ensure it allows space for hilites next to it */
	padding-left: 15px;
	background: transparent url('../i/dot.gif') repeat-y top left;
}

.activities #block {
	width: 220px;
	position: absolute;
	top: 262px;
	left: 715px;
	background-color: #edeede;
	padding: 10px;
	}

.activities #block li {
	margin-bottom: 2px !important;
	}

.activities #content li {
	margin-bottom: .5em;
	}

#activitiesList #pgHeader {
	margin-left: 10px;
	}

#activitiesList #content ul a {
	font-weight: bold;
	}

#activitiesList #content ul {
	margin-top: 26px;
	margin-left: 40px;
	float: left;
	}

#activitiesList #content li {
	width: 277px;
	height: 3.5em;
	}

#activitiesList #content ul.floatRight {
	float: left;
	margin-left: 34px;
	}

#activitiesList #content img {
	margin-left: 58px;
	clear: both;
	}


/* ---------------------- page: FAQ  ---------------------- */
#faq img#professor {
	float: right;
	}

#faq dd ul li {
	font-size: 12px;
	margin-bottom: 0;
	}


/* -------------------- page: help (contact)  -------------------- */
#contact img#letters {
	float: right;
	margin-right: -160px;
	}


/* ------------------- page: book list  ------------------- */
#bookList img#book1 {
	float: right;
	margin-right: -10px;  /* matches content padding */
	}

#bookList img#book2 {
	float: left;
	margin: -2370px 0 0 -929px;
	}

#bookList h2 {
	font-size: 13.5px;
	margin-top: 1em;
	margin-bottom: .25em;
	font-weight:bold;
	}

#bookList #content dt {
	font-size: 11px;
	}


/* ------------------- page: schedule  -------------------- */
.schedule #content {
	height: 567px;
	}

.schedule img#martha {
	margin-left: 22px;
	margin-bottom: -222px;
	clear: both;
	}

.schedule #content p {
	width: 275px;
	float: left;
	font-weight: bold;
	line-height: 1.25em;
	position:relative;
	z-index:10;
	}


/* ------------------ page: viewing tips ------------------ */
p.nurture {
	width: 330px;
	float: left;
	}

img.nurture {
	margin-top: -55px;
	}

#viewingTips h2 {
	margin-top: 25px;
	}


/* ------------------ page: using the site tips ------------------ */
img#snapshot {
	float: left;
	margin: -260px 0 0 -15px;
	}

img#laptop {
	float: left;
	margin: -727px 0 0 335px;
	}

.firstPar {
	margin-left: 100px;
	}

p.firstPar {
	margin-bottom: 30px;
}

#using .rightCol {
	width: 300px;
	margin-left: 330px;
	clear: both;
	}

#using .leftCol {
	margin-top: 30px;
	clear: both;
	}

#using #content h2 {
	font-size: 13.5px;
	font-weight:bold;
	}


/* ------------------ page: site credits  ----------------- */
ul.people {
	width: 210px;
	margin-left: 10px;
	float: left;
	background: transparent url('../i/dot.gif') repeat-y top left;
	margin-right: -15px;
	}

ul.people li {
	text-align: center;
	margin: 0 15px 15px 15px;
	height: 9em;
	}

#previousContributers {
	margin: 30px 0 90px 210px;
	}


#specialThanks {
	margin: 30px 0 90px 400px;
	}

#siteCredits #content img {
	display: block;
	margin: 0 auto;
	}

#siteCredits #content {
	background: #fafded url('../i/site/sc_martha_helen.gif') 100px bottom no-repeat;
	}


/* ------------------- page: site tour  ------------------- */
div#kidsArea {
	float: left;
	background: transparent url('../i/dot.gif') repeat-y 123px 0;
	margin-bottom: 20px;
	}

p.intro {
	margin-left: 135px;
	}

img.icon {
	float: left;
	margin-right: 15px;
	}

img.screenShot {
	float: left;
	}

#siteTour #content ul {
	margin-top: 1em;
	float: left;
	}

#siteTour #content li {
	float: left;
	margin-bottom: 1em;
	width: 100%;
	}

#siteTour #content ul p {
	float: left;
	width: 300px;
	margin-right: 5px;
	}


#siteTour #content h3 {
	font-size: 11.5px;
	}
#siteTour #content ul h3 { font-size: 12px; }  /* to undo font-sizing from being inside a ul */

#siteTour p.printVid {
	float: left;
	margin-bottom: 28px;
	line-height: 1em;
	padding: 0;
	width: 425px !important;
	margin-right: 10px !important;
	}

p.printVid a {
	margin-right: 19px;
	margin-left: 10px;
	height: 96px;
	width: 203px;
	display: block;
	}

ul.printVid img {
	margin-top: -25px;
	}

ul.printVid li {
	margin-bottom: 30px !important;
	}

/* -------------------- page: indexes  -------------------- */
.indexPg #pageDescrip {
	margin: 0 135px 0 90px;
	font-size: 12.5px !important;
	}

#hilites li {
	text-indent: -9999px;
	width: 369px;
	}

/* javascript adds this class to all but 2 hilites */
.hide {
	display: none;
	}

/* ---------------- page: about the site  ----------------- */
img#pug {
	float: left;
	margin: -619px 0 0 436px;
	z-index: 299;  /* one less than martha helper */
	}

#siteIndex #hilites {
	margin-left: -25px;
	margin-bottom: 50px;
	float: left;
	}

#siteIndex #hilites li a {
	width: 369px;
	height: 165px;
	display: block;
	}

/* position links */
#learnHilite, #sitemapHilite {  /* sitemap hilite is in here temporarily */
	margin: 0 auto;
	}

#gamesHilite {
	float: left;
	margin-left: -25px;
	margin-right: -10px; /* just to a precation to ensure adjacent hilite fits on all browsers */
	}

#siteHilite {
	float: right;
	margin-right: -30px;
	}

/* roll-over effects */
#sitemapHilite a, #sitemapHilite a:visited { background: url('../i/site/ind_map.gif') no-repeat; }
#sitemapHilite a:hover { background: url('../i/site/ind_map_ro.gif') no-repeat; }

#learnHilite a, #learnHilite a:visited { background: url('../i/site/ind_learn.gif') no-repeat; }
#learnHilite a:hover { background: url('../i/site/ind_learn_ro.gif') no-repeat; }

#gamesHilite a, #gamesHilite a:visited { background: url('../i/site/ind_games.gif') no-repeat; }
#gamesHilite a:hover { background: url('../i/site/ind_games_ro.gif') no-repeat; }

#siteHilite a, #siteHilite a:visited { background: url('../i/site/ind_web.gif') no-repeat; }
#siteHilite a:hover { background: url('../i/site/ind_web_ro.gif') no-repeat; }


/* --------------- page: activities & more  --------------- */
#famGuide {
	clear: both;
	height: 286px; /* height of skits's pic */
	background: url('../i/activities/ind_familyactivity.jpg') no-repeat left top;
	padding-left: 145px;
	margin-left: 36px;
}

#famGuide h2 {
	margin-top: 60px;
	line-height: 4em;
}

img#skits {
	float: right;
	margin-right: -38px;
	margin-top: -283px;
	}

p.short {
	width: 290px;
	}


#activitiesIndex #hilites {
	margin-bottom: 38px;
	margin-top: 23px;
	float: left;
	width: 720px;
	margin-right: -60px !important; /* just to a precation to ensure adjacent hilite fits on all browsers */
	}
#activitiesIndex #hilites li {
	width: 335px;
	padding: 0;
}

#activitiesIndex #hilites li a {
	width: 335px;
	height: 132px;
	display: block;
	}

#parentChildHilite {
	float: left;
	}

#booksHilite {
	margin-left: 329px;
	padding-right: 0;
	}




#activitiesIndex #hilite a, #activitiesIndex #hilite a:visited { background: url('../i/activities/ind_word_cards.gif') no-repeat; }
#activitiesIndex #hilite a:hover { background: url('../i/activities/ind_word_cards_ro.gif') no-repeat; }

#parentChildHilite a, #parentChildHilite a:visited { background: url('../i/activities/ind_pcind.gif') no-repeat; }
#parentChildHilite a:hover { background: url('../i/activities/ind_pcind_ro.gif') no-repeat; }

#booksHilite a, #booksHilite a:visited { background: url('../i/activities/ind_dogbooks.gif') no-repeat; }
#booksHilite a:hover { background: url('../i/activities/ind_dogbooks_ro.gif') no-repeat; }



/* ------------- page: helping animals	-----------------*/
.helping-nav { overflow:auto; }
.helping-nav li {float:left;}
.helping-nav a { color:#898b62; }
.right-photo { float:right; margin:0 -30px 0 30px; }
.right-photo2 { float:right; margin:0 0 0 30px; }
.helpinganimals h4 { margin:25px 0 5px 0; }
.regular-font { font-weight:normal; }
.helpinganimals #content dt { color:#b04d39; }
.helpinganimals #content dt a { text-decoration:none; }
.helpinganimals dd { font-style:italic; }
#content .vid-btn, #content .vid-btn:visited { color:#3991b2; text-decoration:none; }
#content .vid-btn:hover { color:#006990; text-decoration:underline; }

#tv { padding:60px 0 0 0; }
#tv #ProducerPlayer { border:3px solid #978674; }



/* --------------- page: about the program  --------------- */
#slideShow {
	margin-right: -200px; /* to ensure it allows space for hilites next to it */
	display: inline;
	}

#programIndex #hilites {
	float: right;
	margin-top: 51px;
	margin-right: -112px;
	}

#programIndex #hilites a {
	display: block;
	height: 132px;
	width: 335px;
	}

#programIndex li#episodes a, #programIndex li#episodes a:visited { background: url('../i/program/ind_episodes.gif') no-repeat; }
#programIndex li#episodes a:hover { background: url('../i/program/ind_episodes_ro.gif') no-repeat; }

#programIndex li#summary a, #programIndex li#summary a:visited { background: url('../i/program/ind_programsummary.gif') no-repeat; }
#programIndex li#summary a:hover { background: url('../i/program/ind_programsummary_ro.gif') no-repeat; }

#programIndex li#videoclips a, #programIndex li#videoclips a:visited { background: url('../i/program/ind_video.gif') no-repeat; }
#programIndex li#videoclips a:hover { background: url('../i/program/ind_video_ro.gif') no-repeat; }

#programIndex li#viewingtips a, #programIndex li#viewingtips a:visited { background: url('../i/program/ind_viewingtips.gif') no-repeat; }
#programIndex li#viewingtips a:hover { background: url('../i/program/ind_viewingtips_ro.gif') no-repeat; }

#programIndex li#characters a, #programIndex li#characters a:visited { background: url('../i/program/ind_characters.gif') no-repeat; }
#programIndex li#characters a:hover { background: url('../i/program/ind_characters_ro.gif') no-repeat; }

#programIndex li#author a, #programIndex li#author a:visited { background: url('../i/program/ind_aboutauthor.gif') no-repeat; }
#programIndex li#author a:hover { background: url('../i/program/ind_aboutauthor_ro.gif') no-repeat; }


/* ---------------------- page: home ---------------------- */

#ptIndex h1 img {
	position: relative;
	top: -25px;
	left: 0px;
	}

#ptIndex #hilites {
	float: left;
	margin-top: 15px;
	margin-bottom: 150px;  /* needed because buttons are absolutely positioned and so don't extend content */
	}

#ptIndex #txtHilite {
	position: absolute;
	top: 675px;
	left: 360px;
	font-size: 14px;
	width: 250px;
	padding: 5px 10px;
	background-color: #a4d9e4;
	border-top: 4px solid #dede98;
	border-bottom: 4px solid #dede98 !important;
	}

#txtHilite a,
#txtHilite a:visited{
	color: #EF3B3B;
	}

#ptIndex #hilites li {
	width: 264px;
	}

#ptIndex #hilites a {
	display: block;
	width: 264px;
	height: 241px;
	}

li#newsletter a, li#newsletter a:visited { background: url('../i/home/wh/ind_newsletter.gif') no-repeat; height: 241px; }
li#newsletter a:hover { background: url('../i/home/wh/ind_newsletter_ro.gif') no-repeat; }

li#dogtags a, li#dogtags a:visited { background: url('../i/home/wh/ind_dogtags.gif') no-repeat; height: 241px; }
li#dogtags a:hover { background: url('../i/home/wh/ind_dogtags_ro.gif') no-repeat; }

li#stickerbook a, li#stickerbook a:visited { background: url('../i/home/wh/ind_stickerbook.gif') no-repeat; height: 241px; }
li#stickerbook a:hover { background: url('../i/home/wh/ind_stickerbook_ro.gif') no-repeat; }

li#wordplay a, li#wordplay a:visited { background: url('../i/home/wh/ind_wordplay.gif') no-repeat; height: 241px; }
li#wordplay a:hover { background: url('../i/home/wh/ind_wordplay_ro.gif') no-repeat; }

li#vehicleHl a, li#vehicleHl a:visited { background: url('../i/home/wh/ind_vehicle.gif') no-repeat; height: 241px; }
li#vehicleHl a:hover { background: url('../i/home/wh/ind_vehicle_ro.gif') no-repeat; }

li#bandHl a, li#bandHl a:visited { background: url('../i/home/wh/ind_band.gif') no-repeat; height: 241px; }
li#bandHl a:hover { background: url('../i/home/wh/ind_band_ro.gif') no-repeat; }

li#iceHl a, li#iceHl a:visited { background: url('../i/home/wh/ind_ice.gif') no-repeat; height: 241px; }
li#iceHl a:hover { background: url('../i/home/wh/ind_ice_ro.gif') no-repeat; }

li#socksHl a, li#socksHl a:visited { background: url('../i/home/wh/ind_socksinspace.gif') no-repeat; height: 241px; }
li#socksHl a:hover { background: url('../i/home/wh/ind_socksinspace_ro.gif') no-repeat; }

/* engage is temporory for week 10/12/08-10/18/08 */
li#engage a, li#engage a:visited { background: url('../i/home/wh/ind_questions.gif') no-repeat; height: 241px; }
li#engage a:hover { background: url('../i/home/wh/ind_questions_ro.gif') no-repeat; }

li#scrapbook a, li#scrapbook a:visited { background: url('../i/home/wh/ind_scrapbook.gif') no-repeat; height: 241px; }
li#scrapbook a:hover { background: url('../i/home/wh/ind_scrapbook_ro.gif') no-repeat; }

li#funnyphotos a, li#funnyphotos a:visited { background: url('../i/home/wh/ind_photos.gif') no-repeat; height: 241px; }
li#funnyphotos a:hover { background: url('../i/home/wh/ind_photos_ro.gif') no-repeat; }

li#catch a, li#catch a:visited { background: url('../i/home/wh/ind_catch.gif') no-repeat; height: 241px; }
li#catch a:hover { background: url('../i/home/wh/ind_catch_ro.gif') no-repeat; }

li#radio a, li#radio a:visited { background: url('../i/home/wh/ind_radio.gif') no-repeat; height: 241px; }
li#radio a:hover { background: url('../i/home/wh/ind_radio_ro.gif') no-repeat; }

li#scrubapup a, li#scrubapup a:visited { background: url('../i/home/wh/ind_scrub.gif') no-repeat; height: 241px; }
li#scrubapup a:hover { background: url('../i/home/wh/ind_scrub_ro.gif') no-repeat; }

li#skitsstricks a, li#skitsstricks a:visited { background: url('../i/home/wh/ind_tricks.gif') no-repeat; height: 241px; }
li#skitsstricks a:hover { background: url('../i/home/wh/ind_tricks_ro.gif') no-repeat; }

li#switcheroo a, li#switcheroo a:visited { background: url('../i/home/wh/ind_switch.gif') no-repeat; height: 241px; }
li#switcheroo a:hover { background: url('../i/home/wh/ind_switch_ro.gif') no-repeat; }

li#videoclipsHl a, li#videoclipsHl a:visited { background: url('../i/home/wh/ind_videos.gif') no-repeat; height: 241px; }
li#videoclipsHl a:hover { background: url('../i/home/wh/ind_videos_ro.gif') no-repeat; }

li#activitiesHl a, li#activitiesHl a:visited { background: url('../i/home/wh/ind_activities.gif') no-repeat; height: 241px; }
li#activitiesHl a:hover { background: url('../i/home/wh/ind_activities_ro.gif') no-repeat; }

li#wordsHl a, li#wordsHl a:visited { background: url('../i/home/wh/ind_words.gif') no-repeat; height: 241px; }
li#wordsHl a:hover { background: url('../i/home/wh/ind_words_ro.gif') no-repeat; }

li#learnHl a, li#learnHl a:visited { background: url('../i/home/wh/ind_learn.gif') no-repeat; height: 241px; }
li#learnHl a:hover { background: url('../i/home/wh/ind_learn_ro.gif') no-repeat; }

li#skitscooksHl a, li#skitscooksHl a:visited { background: url('../i/home/wh/ind_skitsCooks.gif') no-repeat; height: 241px; }
li#skitscooksHl a:hover { background: url('../i/home/wh/ind_skitsCooks_ro.gif') no-repeat; }

li#puppals a, li#puppals a:visited { background: url('../i/home/wh/ind_puppals.gif') no-repeat; height: 241px; }
li#puppals a:hover { background: url('../i/home/wh/ind_puppals_ro.gif') no-repeat; }

#buttons {
	margin: -11px 0 0 280px;
	}

#buttons li {
	text-indent: -9999px;
	}

#buttons li a {
	display: block;
	}

li#site {
	margin-left: 175px;
	}
li#site a, li#site a:visited {
	background: url('../i/home/ind_site.gif') no-repeat;
	height: 166px;
	width: 158px;
	}
li#site a:hover { background: url('../i/home/ind_site_ro.gif') no-repeat; }

li#program {
	margin-top: -91px;
	width: 181px;
	}
li#program a, li#program a:visited {
	background: url('../i/home/ind_prog.gif') no-repeat;
	height: 180px;
	width: 181px;
	}
li#program a:hover { background: url('../i/home/ind_prog_ro.gif') no-repeat; }

li#activities {
	margin-left: 200px;
	margin-top: -85px;
	}
li#activities a, li#activities a:visited {
	background: url('../i/home/ind_act.gif') no-repeat;
	height: 166px;
	width: 165px;
	}
li#activities a:hover { background: url('../i/home/ind_act_ro.gif') no-repeat; }

#clickMe {
	position: absolute;
	}

#pbsLinks li {
	display: inline;
	}
#pbsLinks { margin:10px 0 0; }