div.articlePopOut { 
  width: 90%;
  margin: 1em auto 0em auto;
  background:  url("../images/custom_corners_topleft.gif") top left no-repeat;
 }
div.articlePopOut { 
  background:  url("../images/custom_corners_topleft_s.png") top left no-repeat;
 }
div.articlePopOut h2 {
  background:  url("../images/custom_corners_topright.gif") top right no-repeat;
  font-size:1em;
  padding:15px;
  padding-left:0;
  margin:0;
  position:relative; /* this allows the boxes that contain the corner images to be nudged around */
  right:-14px; /* 14px is the width of the top right corner image */
  }
div.articlePopOut h2 {
  background:  url("../images/custom_corners_topright_s.png") top right no-repeat;
  right:-15px; /* 15px is the width of the top right corner image */
  text-align: left;
}
div.articlebodyPopOut {
  background:  url("../images/custom_corners_right.gif") top right repeat-y;
  margin:0;
  margin-top:-2em; /* Corrects for gap caused by carriage return inserted by our paragraph (block) element */
  padding:15px;
  padding-left:0;
  position:relative;
  right:-14px;
  }
div.articlebodyPopOut {
  background:  url("../images/custom_corners_right_s.png") top right repeat-y;
  right:-15px; /* 15px is the width of the top right corner image */
  margin-top: 0; 
  padding:14px 20px 14px 8px;
  }
div.articlefooterPopOut {
  background:  url("../images/custom_corners_bottomleft.gif") bottom left no-repeat;
  position:relative;
  top:11px;
}
div.articlefooterPopOut {
  background:  url("../images/custom_corners_bottomleft_s.png") bottom left no-repeat;
  top:35px; /* brings top of bottom left background image to line up along bottom edge of whole image */
  padding-top: 2.8em;
}
div.articlefooterPopOut p {
  background:  url("../images/custom_corners_bottomright.gif") bottom right no-repeat;
  padding:15px;
  padding-left:0;
  display:block;
  margin:-2em 0 0 0;
  position:relative;
  right:-14px;
  font-size: 0.8em;
  text-align: right;
  }
div.articlefooterPopOut p {
  background:  url("../images/custom_corners_bottomright_s.png") bottom right no-repeat;
  margin:-80px 0 0 0;
  right:-15px;
}
img.arrow { 
  width: 0.6em;
  height: 0.9em;
}
