BODY { background-image:url(../bear/strawberryback.gif); background-color:antiquewhite; }
.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;
}

.subheading { font-family:Verdana; font-size:9pt; font-weight:bold }

H1 { font-family: "Comic Sans MS"; font-size: 28pt; color: #000000 }
H3 { font-family: "Comic Sans MS"; font-size: 16pt; color: #000000 }
P { font-family: Tabitha, Arial; font-style: normal; font-size: 11pt; font-weight: 700; color:#000000 }
P.recipes { font-family:Arial; font-size:9pt; font-weight:normal; text-indent:25; text-align:justify; color:#000000 }
UL { font-family:Arial; font-size:9pt; font-weight:normal; color:#000000 }
A:link, A:visited { text-decoration: underline; font-family: Arial; font style: normal; font-size: 11pt; color: #000000 }		
A:hover { text-decoration:none; color: purple }



/* For the recipe window */
	html>body #recWindow { /* More specific rule for Firefox */
		width:72%;
		border:3px ridge #000000;
	}
	#recWindow { /* For IE */
		width:75%;
		border:2px solid #000000;
	}
	#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;
	}
	#recContentWindow { 
		height:400px; width:100%;
		border:0;
		background-color:#dac0f4;
	}
	#recChoices { 
		height:130px !important; /* Override for next-gen browsers (Firefox) */
		height:155px; /* For IE */
		width:100%; /* Needed for IE to use horizontal scrollbars */
		overflow-x:scroll; /* Horizontal */
		overflow-y:hidden; /* Vertical */
		padding-top,padding-right,padding-left:5px;
		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 */
		background-color:#e6d4f8
	}
	#winTitle { font-family:Verdana; font-size:16pt; color:#faf7fd }
	#winSubTitle { font-family:Verdana; font-size:10pt; color:#faf7fd }
	/* recPic */
	.recPic { 
		text-align:center; vertical-align:top;
		font-face:Helvetica; font-size:8pt; font-weight:bold;
		padding:0px 1px 0px 0px !important;
		padding:0px; /* For IE */
		background-color:#c0bac6;
	}
	.recPicRestricted { 
		text-align:center; vertical-align:top;
		font-face:Helvetica; font-size:8pt; font-weight:bold;
		padding:0px 1px 0px 0px !important;
		padding:0px; /* For IE */
		background-color:#e9a0a3;
		/* 3 210 177 - for the red color */
	}
	.recPicSelected, .recPicRestrictedSelected { 
		text-align:center; vertical-align:top;
		font-face:Helvetica; font-size:8pt; font-weight:bold;
		padding:0px 1px 0px 0px !important;
		padding:0px; /* For IE */
		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-face:Helvetica; font-size:8pt; font-weight:bold; /* Same as recPic */
		text-decoration:none;
		display:block; height:100%; width:100% !important; 
		width:111px; /* For IE - set manually to 1 pixel greater than the cell */
		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:100%; width:100% !important;
		width:111px; /* For IE - set manually to 1 pixel greater than the cell */
		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 */
	}