div.article,
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.article h2,
div.articlePopOut h2,
div.article h3 {
  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.article h2 { 
  font-size:0.9em;
  text-align: center;
 }
div.article p.partInfo,
div.article h3 { 
  text-align: left;
  font-size: 1.1em;
  padding-bottom: 1em;
  padding-top: 1em;
}
body.full-pg div.article h3 { 
  margin-bottom: 0.5em;
  font-style: normal;
 }
div.article .previousButton { 
  text-align: left;
  font-size: 1em;
  margin-left: 0;
}
div.articlebody p.partInfo span,
div.article h3 span { 
  font-size: 0.9em;
 }
div.articlebody,
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.articlebody p {
  text-indent: 1em;
}
div.articlebodyPopOut p { 
  font-size: 0.8em;
}
div.articlebody p.howmanyparts {
  text-indent: 0;
  text-align: center;
  font-size: 0.9em;
  padding: 0;
}
div.articlebody p.reference { 
  text-align: right;
}
div.articlefooter,
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.articlefooter p,
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;
}
div.articlefooter .nextButton { 
  text-align: right;
  font-size: 1em;
}
div.articlebody p.spacer,
div.articlefooter p.spacer { 
  line-height: 10%;
}
div.articlebody p.theme { 
  text-align: center;
  font-family: 'times new roman', sans-serif;
  font-size: 1.2em;  
  font-weight: 700;
  margin-top: 3%;
}
div.articlefooter p em { 
  color: #000;
}
img.arrow { 
  width: 0.6em;
  height: 0.9em;
}
