/* CSS Document */


/* Next eight are for the main contect screen and create the border. Needs four corner images in a table to complete */
.mainBottom { 
	background-image: url(../images/themes/mustard/main_stretch_bottom.gif);
	background-repeat: repeat-x;
	height: 24px;
}
.mainTop {
	background-image: url(../images/themes/mustard/main_stretch_top.gif);
	background-repeat: repeat-x;
	width: 100%;
}
.mainRight {
	background-image: url(../images/themes/mustard/main_stretch_right.gif);
	background-repeat: repeat-y;
}
.mainLeft {
	background-image: url(../images/themes/mustard/main_stretch_left.gif);
	background-repeat: repeat-y;
}
.mainTopRight {
	background-image: url(../images/themes/mustard/main_right_top.gif);
	background-repeat: no-repeat;
}

.mainTopLeft {
	background-image: url(../images/themes/mustard/main_left_top.gif);
	background-repeat: no-repeat;
}
.mainBottomRight {
	background-image: url(../images/themes/mustard/main_right_bottom.gif);
	background-repeat: no-repeat;
}

.mainBottomLeft {
	background-image: url(../images/themes/mustard/main_left_bottom.gif);
	background-repeat: no-repeat;
}

/* to change colour of page use the following
#bannerLeftTD will change the colour beside the main picture
#infoBackground will change the colour of the right boxes
*/
#bannerLeftTD {
	background-color: #FFC943;
}
/*puts a rounded corner at the left bottom of the More Info box */
#bannerRightTD {
	background-image: url(../images/themes/mustard/rounded_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.infoBackground {
	color: #ffffff;
	background-color: #FFD564;
}

.resultsHeader {
	background-color: #F2AF00;
}
.resultsMiddle {
	background-color: #FFD564;
}
.resultsFooter{
	background-color: #FFC943;
}

.RecipeText {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}
.RecipeText p {
	font-size: 80%;
	color: #555555;
	padding: 3px;
	margin: 1px;
}
.RecipeText h3 {
	font-size: 105%;
	padding: 2px;
	margin: 2px;
}
.RecipeText a {
	color: #555555;
	text-decoration: none
}

.RecipeText a:hover {
	color: #ffffff;
	text-decoration: underline;
	background-color: #FFD564;
}

.quickLinks {
	background-color: #FFD564;
}
.quickLinks a {
	padding: 2px;
	color: #555555;
	text-decoration: underline
}

.quickLinks a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #FFC943;
}
.quickLinks p {
	color: #555555;
}
.tableBorder {
	padding:4px;
	border: 1px solid #F2AF00;
}