/* ----------------------------- CSS BOXES ----------------------------- */

/* set the image to use and establish the lower-right position */ 
.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h2 { 
	 background: transparent url(./images/demobox2.png) no-repeat bottom right; 

}

.cssbox2 { 
	width: 190px !important; /* intended total box width - padding-right(next) */ 
	width: 175px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
}

/* set the top-right image */ 
.cssbox_head2 { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 

} 

/* set the top-left image */ 
.cssbox_head2 h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 5px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body2 { 
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 10px 10px; /* mirror .cssbox_head right/left */ 
} 

/* -- -- */

/* set the image to use and establish the lower-right position */ 
.cssbox3, .cssbox_body3, .cssbox_head3, .cssbox_head3 h2 { 
	 background: transparent url(./images/demobox3.png) no-repeat bottom right; 

}

.cssbox3 { 
	width: 190px !important; /* intended total box width - padding-right(next) */ 
	width: 175px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
}

/* set the top-right image */ 
.cssbox_head3 { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 

} 

/* set the top-left image */ 
.cssbox_head3 h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 5px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body3 { 
	FONT-SIZE: 10px;
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 10px 10px; /* mirror .cssbox_head right/left */ 
} 
/* -- -- */

/* set the image to use and establish the lower-right position */ 
.cssbox4, .cssbox_body4, .cssbox_head4, .cssbox_head4 h2 { 
	 background: transparent url(./images/demobox4.png) no-repeat bottom right; 

}

.cssbox4 { 
	width: 190px !important; /* intended total box width - padding-right(next) */ 
	width: 175px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
}

/* set the top-right image */ 
.cssbox_head4 { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 

} 

/* set the top-left image */ 
.cssbox_head4 h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 5px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body4 { 
	FONT-SIZE: 10px;
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 10px 10px; /* mirror .cssbox_head right/left */ 
} 

/* -- -- */

/* set the image to use and establish the lower-right position */ 
.cssbox5, .cssbox_body5, .cssbox_head5, .cssbox_head5 h2 { 
	 background: transparent url(./images/elearnbox.png) no-repeat bottom right; 

}

.cssbox5 { 
	width: 475px !important; /* intended total box width - padding-right(next) */ 
	width: 460px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 

}

/* set the top-right image */ 
.cssbox_head5 { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 

} 

/* set the top-left image */ 
.cssbox_head5 h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 5px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body5 { 
	FONT-SIZE: 10px;
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 10px 10px; /* mirror .cssbox_head right/left */ 
} 
/* -- -- */