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

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

div.center-box-yellow {
   width: 70%;
   background-color: #c7a367;
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
   border: 1px solid #0f4791;
	
}

div.full-width-box2 {
   width: 180px;
   background-color: #a1845b;
	margin: 15px 1px 10px 1px;
	padding: 15px;
   border: 1px solid #0f4791;
	
}
	
/*** right column Half of width box left ***/
div.half-width-box-left {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #0f4791;
	padding: 10px;
	width: 50%;
	float: left;
	
}

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

div.half-width-box-right-yellow {
   background-color: #ddbb8f;
	margin: 5px 5px 5px 5px;
	border: 1px solid #0f4791;
	padding: 10px;
	width: 50%;
	float: right;
	
}



/* the border of the image inside your half width textbox can be changed.
Its set to #5F8B8C at the moment. You can also change the solid
to either dashed or dotted if you want to*/

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

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