BODY {
	background-image:url(/siteMedia/bear/strawberryback.gif);
	background-color:#ffffff;
	text-align:center;
}

/* Common */
A:link, A:visited {
	font-family:Arial; font-size:11pt; color:#000000;
	text-decoration: none; 
}
A:hover { text-decoration:none; color:purple }

P {
	font-family:Tabitha, Arial; font-size:11pt; font-weight:bold; color:#000000;
	font-style:normal;
}
P.recipes { 
	font-family:Arial; font-size:9pt; font-weight:normal; color:#000000;
	text-indent:25px; text-align:justify;
}

UL { font-family:Arial; font-size:9pt; font-weight:normal; color:#000000 }


/* Heading */
H1 { text-align:center; }

#herbAndMilliePic {
	display:block; margin-left:auto; margin-right:auto;
}


/* Main Links */
#mainLinks {
	display:inline-block; margin-left:auto; margin-right:auto;
}
#mainLinks A {
	border:3px outset #D64FE8;
	background-color:#F279AA;
	background-color: rgba(242,121,170,0.5);
	float:left;
	padding:2px 15px;
}
#mainLinks A:hover {
	border:3px inset #D64FE8;
	background-color:#D6769D;
	background-color:rgba(214,118,157,0.4);
}


/* Conversion table and controls */
#conversionTable {
	border: 3px outset #F268A0;
	margin-left:auto; margin-right:auto;
	width:280px;
	background-color:#F279AA;
	background-color: rgba(242,121,170,0.4);
}
#conversionTable TD {
	text-align:center;
}
#conversionTableControls {
	width:360px;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
#conversionTableControls DIV {
	display:inline-block;
	width:32%;
}



/* ********** For the the print-friendly version. ********** */
TD { font-family:Arial; font-size:11pt; }
.bodyDivNoFrames { 
	width:69%;
	min-height:500px;
	background-color:#dac0f4; /* Set to the same as the body bgcolor on the recipe page's style sheet */
	border:3px ridge #000000;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
.bodyDivInternalNoFrames {
	padding-right:15px;
}

/* For the recipe window */
	#recWindow {
		width:75%;
		border:2px solid #000000;
		margin-left:auto; margin-right:auto;
	}
	#recTitlebar {
		border-bottom:3px ridge #000000; /* Apply the outside border style only to the bottom */
		padding-top:6px; padding-bottom:10px;  /* To 'center' the title */
		background-color:#451575;
	}
	#winTitle {
		font-family:Verdana; font-size:16pt; color:#faf7fd;
		text-align:center;
	}
	#winSubtitle {
		font-family:Times New Roman; font-size:11pt; color:#faf7fd;
		text-align:center;
	}
	#recContentWindow { 
		height:400px; width:100%;
		border:0;
		background-color:#dac0f4;
	}
	#recipeMenuWindow { 
		height:130px;
		overflow-x:scroll; /* Horizontal */
		overflow-y:hidden; /* Vertical */
		padding-bottom:20px; /* Equal to the space the horizontal scroll bar will take up */
		border-top:3px ridge #000000; /* Apply the outside border style only to the top */
		margin-top:-4px;
		background-color:#e6d4f8
	}
	#recipeMenu {
		display:table-cell;
		vertical-align:middle;
		height:130px;
		padding-left:10px;
		white-space:nowrap;
		text-align:center;
	}
	#recipeMenu IMG {
		display:block; margin-left:auto; margin-right:auto;
	}


	/* recPic */
	.recPic { 
		font-family:Helvetica; font-size:8pt; font-weight:bold;
		text-align:center; vertical-align:middle;
		width:106px; height:115px;
		display:inline-block;
		white-space:normal;
		margin-left:2px; margin-right:2px;
		background-color:#c0bac6;
	}
	.recPicRestricted { 
		font-family:Helvetica; font-size:8pt; font-weight:bold;
		text-align:center; vertical-align:middle;
		width:106px; height:115px;
		display:inline-block;
		white-space:normal;
		margin-left:2px; margin-right:2px;
		background-color:#e9a0a3;
		/* 3 210 177 - for the red color */
	}
	.recPicSelected, .recPicRestrictedSelected { 
		font-family:Helvetica; font-size:8pt; font-weight:bold;
		text-align:center; vertical-align:middle;
		width:106px; height:115px;
		display:inline-block;
		white-space:normal;
		margin-left:2px; margin-right:2px;
		background-color:#dac0f4;
	}
	.recPicRestrictedSelected { background-color:#ff8a8d }
	/* recLink */
	A.recLink:link, A.recLink:visited,
	A.recLinkSelected:link, A.recLinkSelected:visited,
	A.recLinkRestricted:link, A.recLinkRestricted:visited,
	A.recLinkRestrictedSelected:link, A.recLinkRestrictedSelected:visited {
		font-family:Helvetica; font-size:8pt; font-weight:bold; /* Same as recPic */
		text-decoration:none;
		display:block; height:113px; width:100px;
		padding-left:2px; padding-right:2px;
		border:1px solid #c0bac6;
		opacity:.5;
		/*filter: alpha(opacity=50);*/ /* For IE */
	}
	/* Hover - common properties */
	A.recLink:hover, A.recLinkSelected:hover, A.recLinkRestricted:hover, A.recLinkRestrictedSelected:hover {
		display:block; height:113px; width:100px;
		padding-left:2px; padding-right:2px;
		background-color:#dac0f4; color:#0000ff;
		border:1px solid #dac0f4;
		opacity:1;
		/*filter: alpha(opacity=100);*/ /* For IE */
	}
	A.recLinkSelected:link, A.recLinkSelected:visited {
		opacity:1;
		border:1px solid red;
		/*filter: alpha(opacity=100);*/ /* For IE */
	}
	A.recLinkRestrictedSelected:link, A.recLinkRestrictedSelected:visited {
		opacity:1;
		border:1px solid red;
		/*filter: alpha(opacity=100);*/ /* For IE */
	}
	/* Hover mods */
	A.recLinkSelected:hover {
		background-color:#dac0f4; color:#0000ff; /* Set the same as .recPicSelected */
	}
	A.recLinkRestricted:hover, A.recLinkRestrictedSelected:hover {
		background-color:#ff8a8d; color:#0000ff; /* Set the same as .recPicRestricted */
	}



/* ********** Shared styles for recipe pages ********** */
#ingredientTable {
	float:left;
	margin-top:15px; margin-right:15px;
	border-spacing:1px;
	padding:0;
}
#ingredientTable TD {
	text-align:center;
	padding:0px 5px;
}
#ingredientTable TD:nth-child(2) {
	text-align:left; white-space:nowrap;
	background-color:#c8a1ef;
}
#ingredientTable TD.subheading {
	font-family:Arial; font-size:11pt; font-weight:bold;
	text-align:center;
	background-color:transparent;
}