/* set the image to use and establish the lower-right position */
.cssbox,.cssbox_body,.cssbox_head,.cssbox_head h2 {
	background: transparent url("../../theme/green/images/bg.gif") no-repeat
		bottom right
}

.cssbox { /* intended total box width - padding-right(next) */
	width: 16em !important; /* IE Win = width - padding */
	width: 13.5em;
	/* the gap on the right edge of the image (not content padding) */
	padding: 0px; /* use to position the box */
	margin: 0px 0px 0px 0px
}

/* set the top-right image */
.cssbox_head {
	background-position: top right;
	/* pull the right image over on top of border */
	margin-right: 0px;
	/* right-image-gap + right-inside padding */
	padding-right: 10px
}

/* set the top-left image */
.cssbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	/* padding-left = image gap + interior padding ... no padding-right */
	padding: 2px;
	height: auto !important;
	height: 1%
}  /* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body {
	background-position: bottom left;
	margin-right: 15px; /* interior-padding right */
	padding: 2px 2px 2px 4px
} /* mirror .cssbox_head right/left */