div.full-width-box {
   background-color: #ffffff;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #cfd849;
	
}

div.center-box {
   width: 95%;
   background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
   border: 1px solid #fff;
	
}

div.center-box2 {
   width: 75%;
   background-color: #ffffff;
	margin-left: auto;
	margin-right:auto;
	padding: 15px;
   border: 1px solid #cfd849;
	
}

div.center-box3 {
   width: 75%;
   background-color: #ffffff;
	margin-left: auto;
	margin-right:auto;
	padding: 15px;
   border: 2px solid #cfd849;
	
}

div.center-box4 {
   width: 50%;
   background-color: #ffffff;
	margin-left: auto;
	margin-right:auto;
	padding: 15px;
   border: 2px solid #ffffff;
	
}

div.full-width-box2 {
   background-color: #fff;
	margin: 10px 0px 10px 0px;
	padding: 10px;
   border: 1px solid #cfd849;
	<!-- used with left and right columns -->
}
	
	
div.full-width-box3 {
   background-color: #e1ee69;
	margin: 10px 0px 10px 0px;
	padding: 10px;
   border: 3px solid #000;
	
}

div.full-width-box4 {
   background-color: #FFCD4F;
	margin: 10px 0px 10px 0px;
	padding: 10px;
   border: 1px solid #cfd849;
	
}

/*** right column Half of width box left ***/
div.half-width-box-left {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #cfd849;
	padding: 10px;
	width: 40%;
	float: left;
	
}

div.half-width-box-left-2 {
  background-color: #E6F788;
  font-family: Arial, Verdana, sans-serif;
  font-size: 94%;
	margin: 5px 5px 5px 5px;
	border: 1px solid #6f7260;
	padding: 10px;
	width: 37%;
	float: left;
	
}

div.half-width-box-left-3 {
   background-color: #cbe060;
	margin: 5px 5px 5px 5px;
	border: 2px solid #000;
	padding: 10px;
	width: 40%;
	float: left;
	
}

div.half-width-box-left-4 {
   background-color: #F0F7C3;
	margin: 5px 5px 5px 5px;
	border-left: 1px solid #789107;
  border-top: 1px solid  #A4B257;
  border-right: 1px solid  #A4B257;
  border-bottom: 2px solid  #789107;
	padding: 5px;
	width: 45%;
	float: left;
	<!-- new layout divs -->	
}

div.half-width-box-left-5 {
   background-color: #fff;
	margin: 5px 5px 5px 5px;
	border-left: 0px solid #6f7260;
  border-top: 0px solid  #6f7260;
  border-right: 0px solid  #6f7260;
  border-bottom: 0px solid  #6f7260;
	padding: 5px;
	width: 45%;
	float: left;
	<!-- new layout divs -->	
}

/*** right column Half of width box right ***/
div.half-width-box-right {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #cfd849;
	padding: 10px;
	width: auto;
	float: right;
	
}

div.half-width-box-right-2 {
  background-color: #CBE060;
  font-family: Arial, Verdana, sans-serif;
  font-size: 86%;
	margin: 5px 5px 5px 5px;
	border: 1px solid #0093bc;
	padding: 10px;
	width: 37%;
	float: left;
	
}

div.half-width-box-right-4 {
   background-color: #f7ffd6;
	margin: 5px 5px 5px 5px;
	border-left: 1px solid #6f7260;
  border-top: 1px solid  #6f7260;
  border-right: 2px solid  #6f7260;
  border-bottom: 2px solid  #6f7260;
	padding: 5px;
	width: 45%;
	float: right;
	<!-- new layout divs -->
}

div.half-width-box-right-5 {
   background-color: #fff;
	margin: 5px 5px 5px 5px;
	border-left: 1px solid #fff;
  border-top: 1px solid  #fff;
  border-right: 2px solid  #fff;
  border-bottom: 2px solid  #fff;
	padding: 5px;
	width: 20%;
	float: right;
	<!-- add this button -->
}

/*** aligned-left column Half of width box for recipes ***/
div.half-width-box-left-recipes {
   background-color: #fff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #cfd849;
	padding: 5px;
	width: 80%;
	float: left;
	
}


div.half-width-box-right-recipes {
   background-color: #fff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #6f7260;
	padding: 10px;
	width: auto;
	float: right;
	
}


/*** Picture inside the text ***/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 0px solid #cfd849;
	
}

.img-float-left2 {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #fff;
	background-color: #e1ee69;
	
}

.img-float-right {
	float: right;
	padding: 1px;
	margin-left: 5px;
	border: 0px solid #a7b52b;
}
/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}