body {
  text-align: center;
  background: #fff;
  }
p,ul { 
  font: .85em/1.2 verdana,helvetica,arial,sans-serif; 
  }
p {
  margin: 0 0 1em 0;  /* t r b l */
  }
.dcap { 
  font: 3em/.8 verdana,helvetica,arial,sans-serif; 
  font-weight:700; 
  float:left;
  margin: 0 8px -8px 0;    /* t r b l */
  }
#frame {
  position: relative;  /* for IE */
  width: 690px;
  margin: 2em auto;    /* t/b l/r */
  }
#imgs {
  position: relative;
  float: left;
  padding: 1em 2em;
  height: 10em;
  }
#nav {
  position: relative;
  float: right;
  padding-right: 2em;
  height: 10em;
  font: .85em/1.0 verdana,helvetica,arial,sans-serif; 
  font-weight:700; 
  }
#gripL {
  float: left;
  clear: left;
  background-image: url("../images/grip-ends/gripLbknd.gif");
  background-repeat: repeat-y;
  width: 28px;
  }
#gripR {
  float: left;
  background-image: url("../images/grip-ends/gripRbknd.gif");
  background-repeat: repeat-y;
  width: 28px;
  }
#midL {
  position: relative;
  top: -1em;
  background-image: url("../images/grip-ends/gripLmid.gif");
  background-repeat: no-repeat;
  background-position: center;
  }
#botL {
  position: relative;
  background-image: url("../images/grip-ends/gripLbot.gif");
  background-repeat: no-repeat;
  background-position: bottom;
  }
#midR {
  position: relative;
  top: -1em;
  background-image: url("../images/grip-ends/gripRmid.gif");
  background-repeat: no-repeat;
  background-position: center;
  }
#botR {
  position: relative;
  background-image: url("../images/grip-ends/gripRbot.gif");
  background-repeat: no-repeat;
  background-position: bottom;
  }
#bod {
  float: left;
  text-align: left;
  width: 600px;
  background: #fea;
  padding: 1em;
  }
#gripL, #gripR, #botL, #botR, #midL, #midR, #bod {
  height: 20em;
  }