/* set the image to use and establish the lower-right position */
 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
 background: transparent url(../images/white_box.jpg) no-repeat bottom right;
 } 
.cssbox {
 width: 480px !important; 
/* intended total box width - padding-right(next) */ 
width: 480px; 
/* IE Win = width - padding */ 
padding-right: 10px; 
/* the gap on the right edge of the image (not content padding) */ 
margin: 5px 0px 0px 0px; 	
/* use to position the box */ 

}
 /* set the top-right image */
 .cssbox_head {
 background-position: top right; 
margin-right: -5px; 
/* pull the right image over on top of border */ 
padding-right: 30px; 

/* right-image-gap + right-inside padding */
 } 
/* set the top-left image */ 
.cssbox_head h2 { 
background-position: left; 
margin: 0; 
text-align:left;
/* reset main site styles*/ 
border: 0;
 /* ditto */ 
padding: 5px 0px 0px 10px; 
/* padding-left = image gap + interior padding ... no padding-right */ 
/*height: auto !important; height: 35px; */
height: 35px; 

/* IE Holly Hack */ } /* set the lower-left corner image */ 


.cssbox_body { 
background-position: bottom left;
 margin-right: 25px; 
 height:auto;
/* interior-padding right */ 
padding: 3px 0px 8px 10px; /* mirror .cssbox_head right/left */ } 

 /* Exercise Full  */ 
.box_full {
 width: 500px !important; 
/* intended total box width - padding-right(next) */ 
width: 500px; 
/* IE Win = width - padding */ 
padding-right: 10px; 
/* the gap on the right edge of the image (not content padding) */ 
margin: 15px 0px 0px 0px; 	
/* use to position the box */ 

}
 
.box_body { 
margin:0px;
padding:0px;
width:500px;
background:url(../../Images/repeat_bg.jpg) repeat;
} 

.boxheader {
width: 500px !important; 
 height:20px;
 background:url(../../Images/header_bg.jpg) repeat;
}

.boxfooter {
 width: 500px !important; 
 height:20px;
 background:url(../../Images/footer_bg.jpg) repeat;
}



