/* Do not remove specific changes for this series: Easy Cookbooks for Kids - GREEN & YELLOW STYLE

----REMOVED "page-break: always" in <div.sidebar> for this series so that reader knows there is more to recipe---

	DYNAMIC COLOR ELEMENTS					GREEN & YELLOW STYLE
	p.subhead + span.subcolor= 		 		#307e07 (deep green)
	p.subsubhead + span.subsubcolor= 		#458B20 (deep moss green)
	div.imagebox= 							#FFE87E (beige)	
	div.factbox= 						 	#FFE87E (beige)	
	div.sidebar + div.sidebarimage color=	#e3eccf (light green tint)
	p.sidebarheader + p.sidebarfooter= 		#8db640 (olive green)	
	span.black (for Kindle Fire night)		#307e07 (deep green)
*/

/*  Last updated 03-15-13. 
Bgnd COLORS: 	#FFE6B2 (peach); #FFE87E (beige);
				#FF9900 (light orange); #FFD79C (lighter orange tint) 
				#8db640 (olive green); #e3eccf (light green tint); 
Text COLORS:	#F32E24 (red); #800000 (deep red); 
				#307e07 (deep green); #458B20 (deep moss green)

					BEGIN: Styles with dynamic color settings
				BEGIN: Styles with dynamic color settings
			BEGIN: Styles with dynamic color settings
		BEGIN: Styles with dynamic color settings
	BEGIN: Styles with dynamic color settings
BEGIN: Styles with dynamic color settings
*/


div.cover {
margin-top: 0.1em;
margin-left: 0em;
}

div.titlepage {
margin-top: 1.2em;
margin-left: 0em;
}

p.toc {
text-align: left;
text-indent: 0.5%;
margin-top: 5%;
}

p.tocsubentry /* Do not use negative values */{
text-align: left;
text-indent: 5%;
margin-top: 2%;
}

p.tocsub-subentry /* Do not use negative values */{
text-align: left;
font-size: 90%;
font-style: italic;
text-indent: 10%;
margin-top: 0%;
}


a.hlink {
text-decoration: none;
}

span.black /* Additional Class for Hyperlink Text to use ONLY on TOC, chapter titles, and superscript chapter note numbers.*/
{
color: #307e07;
}

span.red /* Additional Class for warnings in science experiment text.*/
{
font-weight: bold;
color: red;
}

span.chapcolor /* Additional Class for use on non-black chapter titles that are hyperlinked.*/
{
color: #307e07; /* This color must match the color of h1.chaptertitle. */
}

span.subcolor /* Additional Class for use on non-black subheads that are hyperlinked. */
{
color: #307e07 ;  /* This color must match the color of p.subhead. */
}

span.subsubcolor /* Additional Class for use on non-black sub-subheads that are hyperlinked. */
{
color: #458B20 ;  /* This color must match the color of p.subsubhead. */
}

p.pagebreak {
page-break-before: always; /* Add this between all image-only spreads, such as all Pre-K titles and many elementary titles */
}

h1.chapternumber {
font-size: x-large;
margin-bottom: 1em;
margin-top: 1em;
text-align: center;
color: #000000; /* Okay to change per title. DO NOT USE WHITE OR BLUE. */
}

h1.chaptertitle {
font-size: xx-large;
margin-bottom: 0.5em;
margin-top: 1em;
font-weight: bold;
text-align: center;
color: #000000; /* Okay to change per title. DO NOT USE WHITE OR BLUE. */
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.bodytext  /* Use for ALL Body Text, including first paragraphs */{
text-align: left;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.bodytextbold  {
text-align: center;
font-weight: bold;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.bodytextitalic  {
text-align: center;
font-style: italic;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.underline  {
text-align: left;
text-decoration:underline;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.center /* Additional Class for Center Text */  {
margin-left: 0.1%;
text-align: center;
}

p.centerbold /* Additional Class for Left Text for use in Joke Book QUESTIONS */  {
margin-left: 0.1%;
text-align: center;
font-weight: bold;
}

p.centeritalic /* Additional Class for Left Text for use in Joke Book TONGUE TWISTERS */ {
margin-left: 0.1%;
text-align: center;
font-style: italic;
}

p.left /* Additional Class for Left Text to thwart certain e-reader forced indents */  {
margin-left: 0.1em;
text-align: left;
}

p.right /* Additional Class for right Text for use in Joke Books */  {
margin-left: 0.1em;
text-align: right;
}


p.subhead {
margin-left: 0.1px;
margin-bottom: 0;
margin-top: 5%;
text-align: left;
font-weight: bold;
font-size: 125%;
color: #307e07 ; /* Okay to change per title. DO NOT USE WHITE OR BLUE. 
				Be sure to match up with span.subcolor for hyperlinks*/
page-break-after:avoid;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.subsubhead {
margin-left: 0.01in;
margin-bottom: 0;
margin-top: 2%;
text-align: left;
font-style: italic;
font-weight: bold;
font-size: 100%;
color: #458B20 ; /* Okay to change per title. DO NOT USE WHITE OR BLUE. 
				Be sure to match up with span.subsubcolor for hyperlinks*/
page-break-after:avoid;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

div.imagebox {
background-color: #FFE87E ; /* Okay to change per title. Use tints. DO NOT USE WHITE OR GRAY*/
text-indent: 0;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 2%;
margin-right: 2%;
padding-left: 2%;
padding-top: 2%;
padding-right: 2%;
padding-bottom: 2%;
page-break-inside: avoid !important;
} 

p.image {
margin-top: .5em;
text-align: center;
margin-bottom: 0em;
page-break-inside: avoid !important;
}

img {
	max-width:98%;
	max-height:98%;
}

img.inline  /* Additional Class for inline tag */ {
vertical-align: middle;
}

div.byline {
text-align: right;
color: gray;
font-size: 50%;
margin-top: 0em;
margin-bottom: 0em;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.review  {
text-align: left;
margin-left: 5%;
margin-bottom: 0;
margin-right: 5%;
margin-top: 5%;
widows:2;
orphans:2;
page-break-inside: avoid !important;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

div.reviewsource {
text-align: right;
color: gray;
font-size: 75%;
margin-top: 0em;
margin-right: 2em;
margin-bottom: 2em;
margin-left: 5em;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.caption {
font-weight: bold;
text-align: left;
font-size: 80%;
margin-top: 1em;
margin-right: 2%;
margin-bottom: 1em;
margin-left: 5%; 
page-break-before: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
     }

p.captioncenter { 
font-weight: bold;
text-align: center;
font-size: 80%;
margin-top: 1em;
margin-bottom: 1em;
page-break-before: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
     }

div.factbox {
background-color: #FFE87E ; /* Okay to change per title. Use tints. DO NOT USE WHITE OR GRAY*/
text-indent: 0em;
font-style: italic;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 2%;
margin-right: 2%;
border: thin;
border-bottom: 1px double;
border-left: 1px double;
border-top: 1px double;
border-right: 1px double;
padding-left: 2%;
padding-right: 2%;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}
	
p.factbox {
font-style: italic;
text-align: left;
margin-top: 2%;
margin-right: 2%;
margin-bottom: 2%;
margin-left: 5%;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}


p.pullquote {
font-style: italic;
text-align: center;
font-size: 120%;
margin-top: 2%;
margin-bottom: 2%;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.quotesource {
text-align: right;
color: gray;
font-size: 100%;
margin-top: 0em;
margin-right: 2%;
margin-bottom: 2%;
margin-left: 50%;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}


div.extract /* Do not use negative values */ {
margin-top: 5%;
margin-bottom: 5%;
margin-left: 10%;
margin-right: 0;
font-size: 80%;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
     }

div.extract2 /* The '2' stands for 2em space above and below. */ {
margin-top: 2em;
margin-bottom: 2em;
margin-left: 10%;
margin-right: 0;
font-size: 80%;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
     }

div.sidebar /* Do not use negative values */ {
background-color: #e3eccf ; /* Okay to change per title. Use tints. DO NOT USE WHITE OR GRAY*/
text-indent: 0;
margin-top: 2%;
margin-left: 0;
margin-bottom: 2%;
margin-right: 0;
border: thin;
border-bottom: 1px double;
border-left: 1px double;
border-top: 1px double;
border-right: 1px double;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.sidebarheader {
text-align: center;
font-weight: bold;
font-size: 120%;
background-color: #8db640 ; /* Okay to change per title. Use slightly darker tints than div.sidebar. DO NOT USE WHITE OR GRAY*/
color: #000000;
margin-top: 0;
margin-bottom: 2%;
margin-left: 0;
margin-right: 0;
padding-bottom: 1%;
page-break-after:avoid;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.sidebarfooter{
text-align: center;
font-weight: bold;
font-size: 120%;
background-color: #8db640; /* Okay to change per title. Use slightly darker tints than div.sidebar. DO NOT USE WHITE OR GRAY*/
color: #000000;
margin-top: 2%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 1%;
page-break-after:avoid;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.sidebartitle {
font-weight: bold;
font-size: 110%;
text-align: left;
margin-left: 5%;
margin-right: 2%;
page-break-inside: avoid !important;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.sidebarbodytext  /* Use for ALL body text inside sidebar, including first paragraphs */{
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 5%;
margin-right: 2%;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

div.sidebarimage {
background-color: #e3eccf ; /* Must match sidebar color. DO NOT USE WHITE OR GRAY*/
text-align: center;
text-indent: 0;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 2%;
margin-right: 2%;
padding-left: 0;
padding-right: 0;
page-break-inside: avoid !important;
}

p.poemleft {
font-style: italic;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 8%;
margin-right: 2%;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.poemcenter {
font-style: italic;
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 8%;
margin-right: 2%;
widows:2;
orphans:2;
     -webkit-hyphenate-before:3;
     hyphenate-before:3;
     -webkit-hyphenate-after:3;
     hyphenate-after:3;
     -webkit-hyphenate-lines:2;
     hyphenate-lines:2;
}

p.chapternote /* Do not use negative values */ {
text-indent: 0.5%;
text-align: left;
margin-left: 2%;
margin-top: 2%;
}

p.furtherreading /* Do not use negative values */ {
text-indent: 0.5%;
margin-top: 5%;
text-align: left;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.weblink /* Do not use negative values */ {
text-indent: 5%;
margin-bottom: 5%;
text-align: left;
}

p.glossary /* Do not use negative values */ {
text-indent: 0.5%;
margin-top: 2%;
text-align: left;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.timeline /* Do not use negative values */ {
text-indent: 0.5%;
margin-top: 5%;
text-align: left;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.timelinesubentry /* Do not use negative values */ {
text-indent: 0.5%;
margin-left: 2%;
margin-top: 2%;
text-align: left;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.index /* Do not use negative values */ {
text-indent: 0.5%;
text-align: left;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.indexsubentry /* Do not use negative values */ {
text-indent: 0.5%;
margin-left: 5%;
text-align: left;
     -webkit-hyphens: none !important; 
     adobe-hyphenate: none !important; 
     -moz-hyphens: none !important; 
     hyphens: none !important;
}

p.CIP  /* ALL CIP text. No hanging necessary. Use <br/> to keep lines together in paragraphs */ {
text-align: left;
margin-top: 2%;
}

span.small{
font-size: x-small;
}

span.cour {
font-family: "Courier";
font-style: normal;
}

ul {
list-style: disc;
}

ul.ul2 {
list-style: circle;
}

ul.ul3 {
list-style: square;
}

ol {
list-style: decimal
}

ol.ol-alpha {
list-style: lower-alpha;
}

li {
margin-top: 1%;
text-indent: 0%;
}

li.li-indent {
margin-top: 1%;
text-indent: 5%;
}

a{
text-decoration: none;
}

sup{
	font-size:75%
}

sub{
	font-size:75%
}

/* Additional Class for letters of correspondance.*/

div.letterbox /* Do not use negative values */ {
background-color: #FFFFCC; /* Always use this color for standard letters. DO NOT USE WHITE OR GRAY*/
text-indent: 0;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 2%;
margin-right: 2%;
border: thin;
border-bottom: 1px double;
border-left: 1px double;
border-top: 1px double;
border-right: 1px double;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
page-break-inside: avoid !important;
}