/* Default style sheet */
 
body {
	background: #FFF; 
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #000;
		background: #f4efe3;
		}
		
	.BodyStyleParents { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #000;
		background: #92bbbe url(../../Images/parents-main-bg.jpg) top left repeat-x;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}


#Container{
	width:919px;
	margin:10px auto;
	}
	
.Clear { clear: both; } /* clears all floats; apply to empty divs */


/*Home Page Styles*/

#HomeTop{ 
	width:919px;
	}
	
#HomeLeft{
	float:left;
	width:257px;
	height:433px;
	}

#HomeRight{
	float:right;
	margin:auto;
	width:662px;
	}

	
/* Home Navigation Styles */
			  
#HomeLeft .menu ul {
	margin: 0;
	padding:0;
	list-style: none;
	}
	  
#HomeLeft .menu li {
	float: left;
	width: 257px;
	}

#HomeLeft .menu ul li a {
	display: block;
	width: 257px;
	}
	
/* Content Navigation Styles */
			  

#content-menu ul {
	margin: 0;
	padding:0;
	list-style: none;
	}
	  
#content-menu li {
	float: left;
	}

#content-menu ul li a {
	display: block;
	}
	
/*Section Titles*/

#SectionTitle {
	width:217px;
	height:84px;
	position:absolute;
	margin:20px 0 0 -70px;
	}
	
/*Section Menus*/

#RecipeMenu {
	width:175px;
	background:#FFF;
	border:#f79c31 solid 2px;
	color:#f79c31;
	font-size:14px;
	padding: 5px 2px;	
	position:absolute;
	margin:140px 0 0 -65px;
	}
	#RecipeMenu ul { list-style:url(../../Images/menu-bullet.jpg); padding:0px; margin:0 0 0 25px;}
 	#RecipeMenu a:link {text-decoration:none; font-weight:bold; color:#f79c31;}
	#RecipeMenu a:visited {text-decoration:none; font-weight:bold; color:#f79c31;}
	#RecipeMenu a:active {text-decoration:none; font-weight:bold; color:#f79c31;}
	#RecipeMenu a:hover {text-decoration:underline; font-weight:bold; color:#6aa418;}
	
	#RecipeContent a:link {text-decoration:underline; font-weight:bold; color:#f79c31;}
	#RecipeContent a:visited {text-decoration:underline; font-weight:bold; color:#f79c31;}
	#RecipeContent a:active {text-decoration:underline; font-weight:bold; color:#f79c31;}
	#RecipeContent a:hover {text-decoration:underline; font-weight:bold; color:#6aa418;}
	
#ArcadeMenu {
	display: none;
	width:175px;
	background:#FFF;
	border:#ed1c24 solid 2px;
	color:#ed1c24;
	font-size:14px;
	padding:10px 2px;	
	position:absolute;
	margin:140px 0 0 -65px;
	}
	#ArcadeMenu ul { list-style:url(../../Images/menu-bullet.jpg); padding:0px; margin:0 0 0 25px;}
	#ArcadeMenu a:link {text-decoration:none; font-weight:bold; color:#ed1c24;}
	#ArcadeMenu a:visited {font-weight:bold; color:#ed1c24;}
	#ArcadeMenu a:active {text-decoration:none; font-weight:bold; color:#ed1c24;}
	#ArcadeMenu a:hover {text-decoration:underline; font-weight:bold; color:#ed1c24;}
	
#CharactersMenu {
	width:135px;
	background:#FFF;
	border:#5f8fbf solid 2px;
	color:#5f8fbf;
	font-size:14px;
	position:absolute;
	margin:140px 0 0 -40px;
	}
	#CharactersMenu ul { list-style:url(../../Images/menu-bullet.jpg); padding:0px; margin:0 0 0 25px;}
	#CharactersMenu a:link {text-decoration:none; font-weight:bold; color:#5f8fbf;}
	#CharactersMenu a:visited {text-decoration:none; font-weight:bold; color:#5f8fbf;}
	#CharactersMenu a:active {text-decoration:none; font-weight:bold; color:#5f8fbf;}
	#CharactersMenu a:hover {text-decoration:underline; font-weight:bold; color:#6aa418;}
	

#CareandHandlingMenu {
	width:175px;
	background:#FFF;
	border:#f79c31 solid 2px;
	color:#662d91;
	font-size:14px;
	text-align:center;
	padding:10px 2px;	
	position:absolute;
	margin:140px 0 0 -65px;
	}
	#CareandHandlingMenu a:link {text-decoration:none; font-weight:bold; color:#662d91;}
	#CareandHandlingMenu a:active {text-decoration:none; font-weight:bold; color:#662d91;}
	#CareandHandlingMenu a:hover {text-decoration:underline; font-weight:bold; color:#662d91;}
	#CareandHandlingMenu a:visited {font-weight:bold; color:#662d91;}


/* Recipe Section */

#RecipeContainer {
	width:850px;
	background:url(../../Images/recipe-background.jpg) top left repeat-y;
	}

#RecipeTop {
	width:850px;
	/*height:165px;*/
	height:136px;
	background:url(../../Images/recipe-background-top.jpg) top left no-repeat;
	}
	
#RecipeContent {
	width:690px;
	margin:0 0 0 138px;
	padding:0 0 10px 0;
	}

#RecipeBottom {
	width:850px;
	height:13px;
	background:url(../../Images/recipe-background-bottom.jpg) top left no-repeat;
	}
	
.RecipeLeftColumn {
	float:left;
	width:275px;
	padding:5px;
	}
	
.RecipeRightColumn {
	float:right;
	width:404px;
	}	
	
/* Care And Handling Section */

#CareContainer {
	width:850px;
	background:url(../../Images/careandhandling-background.jpg) top left repeat-y;
	color:#FFFFFF;
	font-size:14px;
	}
	#CareContainer ul { list-style:url(../../Images/mushroom-bullet.gif);}

#CareTop {
	width:850px;
	height:136px;
	background:url(../../Images/careandhandling-background-top.jpg) top left no-repeat;
	}
	
#CareContent {
	width:690px;
	margin:0 0 0 100px;
	padding:0 0 10px 0;
	}

#CareBottom {
	width:850px;
	height:13px;
	background:url(../../Images/careandhandling-background-bottom.jpg) top left no-repeat;
	}
	
/* Characters Section */

#CharactersContainer {
	width:850px;
	background:url(../../Images/characters-background.jpg) top left repeat-y;
	font-size:14px;
	}
	#CharactersContainer ul { list-style:url(../../Images/mushroom-bullet-blue.gif);}

#CharactersTop {
	width:850px;
	height:136px;
	background:url(../../Images/characters-background-top.jpg) top left no-repeat;
	}
	
#CharactersContent {
	width:690px;
	margin:0 0 0 100px;
	padding:0 0 10px 0;
	}

#CharactersBottom {
	width:850px;
	height:13px;
	background:url(../../Images/characters-background-bottom.jpg) top left no-repeat;
	}
	
/* Parent Section	*/


#ParentsContent {
	width:800px;
	border:#d1c1a6 solid 1px;
	margin:50px auto 20px auto;
	padding:0px;
	background:#FFFFFF;
	}
	
#ParentsTop {
	width:800px;
	margin:0;
	padding:0;
	background:url(../../Images/parents-top-bg.jpg) top left repeat-x;
	border-collapse: collapse;
	border-spacing: 0;
	}
	
#ParentsLeft {
	width:161px;
	float:left;
	}
		
	#ParentsLeft ul {
	list-style:none;
	display:block;
	margin:0 0 -2px;
	padding:0;	
	width:161px;
	}
	
	#ParentsLeft ul li {
	margin:-2px 0 0;
	padding:0;
	}
	
	#ParentsLeft ul li li {
	margin:-2px 0 0;
	padding:0;
	}
		
	#ParentsLeft ul li li a {
	display:block;
	width: 100%;
	}
	
#ParentsRight {
	width:617px;
	float:right;
	margin:10px;
	padding:0;
	}
	
	#ParentsRight h1 {
		font-size:16px;
		color:#598f93;
		text-indent: 0;
		}
	#ParentsRight h2 {
		font-size:14px;
		color:#b4a489;
		}
	#ParentsRight .ComingSoon {color:#FF0000;}
	#ParentsRight .pdf { list-style:url(../../Images/acrobat.gif);}
		#ParentsRight .pdf ul { list-style: disc;}
	#ParentsRight ul {color:#92bbbe; font-weight:bold;}
	#ParentsRight a:link { color:#92bbbe; text-decoration:none; font-weight:bold;}
	#ParentsRight a:active{ color:#92bbbe; text-decoration:none; font-weight:bold;}
	#ParentsRight a:visited { color:#92bbbe; text-decoration:none; font-weight:bold;}
	#ParentsRight a:hover{color:#92bbbe; text-decoration:underline; font-weight:bold;}
	
	#ParentsRight .TextHighlight {
		border: 1px solid #b4a489;
		margin: 20px 30px 20px 0;
		padding: 0 10px;
		}
	
#ParentsBottom {
	width:800px;
	height:73px;
	margin:0;
	padding:0;
	background:url(../../Images/parents-bottom-mushrooms.jpg) top right no-repeat;
	}
	
/* Footer Styles */

#Footer {
	background:url(../../Images/footer-clouds.jpg) left bottom no-repeat #6aa418;
	width:806px;
	height:57px;
	margin:10px 42px;
	padding:7px 0 0 0;
	color:#FFFFFF;
	text-align:center;
	}
	#Footer a:link {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
	#Footer a:active {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
	#Footer a:hover {text-decoration:none; font-weight:bold; color:#FFFFFF;}
	#Footer a:visited {font-weight:bold; color:#FFFFFF;}
	
#FooterParents {
	background:url(../../Images/parents-footer-bg.jpg) left bottom no-repeat #92BBBE;
	width:800px;
	height:57px;
	margin:auto;
	padding:7px 0 0 0;
	color:#FFFFFF;
	text-align:center;
	}
	#FooterParents a:link {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
	#FooterParents a:active {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
	#FooterParents a:hover {text-decoration:none; font-weight:bold; color:#FFFFFF;}
	#FooterParents a:visited {font-weight:bold; color:#FFFFFF;}
	
#FooterHome {
	background:url(../../Images/footer-clouds-brown.jpg) left bottom no-repeat #c4b9a3;
	width:550px;
	height:57px;
	margin:auto;
	padding:7px 0 0 0;
	color:#FFFFFF;
	text-align:center;
	}
	#FooterHome a:link {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
	#FooterHome a:active {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
	#FooterHome a:hover {text-decoration:none; font-weight:bold; color:#FFFFFF;}
	#FooterHome a:visited {font-weight:bold; color:#FFFFFF;}
	
/*General Styles*/

h1 { 
	color:#6aa418;
	font-size:23px;
	text-indent:10px;
	}
	
h2 { 
	color:#FFF;
	font-size:16px;
	}
	
	
h3 { 
	color:#6aa418;
	font-size:14px;
	}
	


.RecipePhoto {
	background:#FFF;
	border:#6aa418 solid 1px;
	margin:6px;
	padding:1px;
	}
	
.RecipeList li {
	list-style:url(../../Images/whatyouneed-square.gif);
	/*line-height:15px;*/
	font-size:15px;
	padding:0 0 5px 0;
	text-indent:5px;
	}
	
.RecipeMake li {
	color:#f79c31;
	font-weight:bold;
	font-size:16px;
	}
		.RecipeMake li span {
			font-size: 11px;
			font-weight:normal;
			color:#000;
			}

.BulletList {
	list-style: url(../../Images/menu-bullet.jpg);
	font-size:13px;
	color:#f79c31;
	margin-top: 0;
	}

.Note {
	font-size: 12px;
	font-style: italic;
	color:#f79c31;
	}
	
.comic1 {
	background-image:url(../../Images/Comic_03.gif);
	width:340px;
	height:134px;
	vertical-align:top;}
	.comic1 div {padding:33px 0 0 20px;}
	
.comic2 {
	background-image:url(../../Images/Comic_04.gif);
	width:335px;
	height:134px;
	vertical-align:top;}
	.comic2 div {padding:23px 0 0 8px; width:320px;}
	
.comic3 {
	background-image:url(../../Images/Comic_07.gif);
	width:335px;
	height:134px;
	vertical-align:top;}
	.comic3 div {padding:23px 0 0 16px; width:318px;}
	
.comic4 {
	background-image:url(../../Images/Comic_08.gif);
	width:335px;
	height:196px;
	vertical-align:top;}
	.comic4 div {padding:36px 0 0 15px; width:315px;}
	
.RKD {
	padding-top:50px 0 0 0;
	margin:auto;}

	.RKD a:link {text-decoration:underline; font-weight:normal; color:#BBA78C;}	
	.RKD a:visited {text-decoration:underline; font-weight:normal; color:#BBA78C;}
	.RKD a:active {text-decoration:underline; font-weight:normal; color:#BBA78C;}
	.RKD a:hover {text-decoration:underline; font-weight:normal; color:#6aa418;}

