/* set the image to use and establish the lower-right position */
.cssbox {
	width: 345px; /* IE Win = width - paddi	ng */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	/* margin: 5px auto;  use to position the box */
	display: inline;
}

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head p
{
	/* background: transparent url(YourImageHere.png) no-repeat bottom right; */
	background-image: url(../images/cssbox.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: transparent;
}

/* set the top-right image */
.cssbox_head {
	text-align: center;
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 25px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head p {
	background-position: top left;
	font-weight: bold;
	font-size: 110%;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 20px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
	background-position: bottom left;
	margin-right: 20px; /* interior-padding right */
	padding: 15px 0 15px 25px; /* mirror .cssbox_head right/left */
}

.cssbox_body i {
	font-size: 0.80em;
}

.right { float: right; margin-left: 5px;  }

.left { float: left; }