/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
background: transparent url(images/img.png) no-repeat bottom right;
} 
.cssbox{ /* intended total box width - padding-right(next) */ 
width:335px !important; 
/* IE Win = width - padding */ 
width: 320px; 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:15px; 
/* use to position the box */ 
margin:20px auto;
} 
/* set the top-right image */ 
.cssbox_head{
background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-15px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px;} 
/* 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:25px 0 15px 40px; height:auto !important; height:1%;
} 
/* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{ 
background-position:bottom left; margin-right:25px; 
/* interior-padding right */ padding:15px 0 15px 40px;
} 
/* mirror .cssbox_head right/left */



/*================ rounded corners with rollover / dropshadow =============================================*/
/*

*/








/* rounded cells */

.rounded{

display:block
}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#313340
  }
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a6a7ac;
  border-right:1px solid #a6a7ac;
  background:#64666f
  }
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eaeaeb;
  border-right:1px solid #eaeaeb;
  background:#585964
  }
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #585964;
  border-right:1px solid #585964;
  }
.rounded4{
  border-left:1px solid #a6a7ac;
  border-right:1px solid #a6a7ac
  }
.rounded5{
  border-left:1px solid #64666f;
  border-right:1px solid #64666f
  }
.roundedfg{
 background:#313340;
}






/* rounded dropshadow */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}