div.content-box {
  
   background-color: #fff;
	margin: 15px 15px 15px 15px;
	padding: 5px;
	border: 1px solid #ccc;
	
}

div.content-box2 {
  
   background-color: #fff;
	margin: 15px 5px 15px 5px;
	padding: 5px;
	border: 1px solid #ccc;
	width:80%;
	
}
div.content-box-nav{
  
   background-color: #fff;
	margin: 0px 0px 20px 0px;
	padding: auto;
	border-top: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:155px;
	
}


div.full-width-box {

   background-color: #fff;
	margin: 0px 20px 0px 20px;
	padding: 5px;
   border: 1px solid #666;
}

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

div#textbox {
   color:#666;
   background-color: #ffc;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #000066;
	
}


	
/*** right column Half of width box left ***/
div.half-width-box-left {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #000066;
	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 #000066;
	padding: 10px;
	width: 50%;
	float: right;
	
}




/*** Picture inside the text you can also use this class for any image, if you
want it to have a border, and the text to wrap around it***/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #000;
}
.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #000;
}
/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}