body {
		font-family: arial, helvetica, sans-serif;
		background-color: #614051;
	}
	/* create a top and bottom bar for the wrapper since you don't know the height in advance */
	#ingredientBoxWrapperTop {
		width: 640px;
		height: 20px;
		margin-top: 100px;
		margin-left: 180px;
		background-color: #D0D0D0;
		padding: 5px;
	}
	#ingredientBoxWrapperBottom {
		width: 640px;
		height: 20px;
		background-color: #D0D0D0;
		margin-left: 180px;
		padding: 5px;
	}
	#ingredientBoxWrapper {
		width: 640px;
		margin-left: 180px;
		background-color: #D0D0D0;
		padding: 5px;
	}
	/* Margin is relative to the wrapper div */
	#ingredientBox {
		width: 600px;
		margin-top: 0px;
		margin-left: 20px;
		background-color: #f9f2ec;
		padding-top: 10px;
		padding: 1px;
	}
	#recipeBox {
		width: 600px;
		margin-top: 50px;
		margin-left: 200px;
		background-color: #f9f2ec;
		padding-top: 0px;
		padding-bottom: 20px;
		display: inline-block;
	}
	#photoBox {
		display: inline-block;
		position: absolute;
		width: 200px;
		height: 160px;
		margin-left: 20px;
		margin-top: 220px;
		padding-bottom: 40px;
		vertical-align: center;
		background-color: #f9f2ec;
	}
	#bottomBox {
		width: 600px;
		background-color: #FEE8D6;
		margin-top: 20px;
		margin-left: 200px;
		background-color: #FEE8D6;
		padding-bottom: 20px;
		padding-top:20px;
	}

	.clear {
		clear: both;
	}
	p {
		margin-left: 50px;
	}
	#title {
		padding-top: 0;
		font-family: Georgia, serif;
		margin-top: 10px;
		margin-left: 30px;
	}
	.caption {
		margin-left: 10px;
		font-weight: bold;
		padding-top: 0;
	}