html, body {
  background: #60B1DF url(nav/frame.gif) 50% 0 repeat-y;
  font-family: Calibri, Minion, Futura, Trebuchet, Arial, Helvetica, sans-serif;
  margin: 0; padding: 0;
}
div#outer {
  width: 100%; text-align: center;  /* IE needs t-a for centering */
}
div#content {
  position: relative;  /* containing block for later positioned material */
  margin: 0 auto; background: url(nav/bkgrd.jpg);
  width: 775px; height: 500px;
  text-align: left;    /* stop cascading the t-a */
}

/* Box A: Tall format Images */
div.boxA {
  position: absolute; left: 380px; top: 6px; width: 385px; height: 488px;
}
div.boxAbody {
  width: 385px; height: 480px;
  background: #8fcfeb url(nav/t_imgbdy.jpg) 0 0 no-repeat;
  text-align: center;
}

/* Box B: Wide format Captions */
div.boxB {
  position: absolute; left: 380px; top: 6px; width: 385px; height: 143px;
}
div.boxBbody {
  width: 385px; height: 135px;
  background: #8fcfeb url(nav/w_capbdy.jpg) 0 0 no-repeat;
  text-align: left;
}
div.boxBbody p, div.boxBbody h2 { margin: 0 10px; }

/* Box C: Tall format Captions */
div.boxC {
  position: absolute; left: 10px; top: 165px; width: 354px; height: 329px;
}
div.boxCbody {
  width: 354px; height: 321px;
  background: #8fcfeb url(nav/t_capbdy.jpg) 0 0 no-repeat;
  text-align: left;
}
div.boxCbody p, div.boxCbody h2 { margin: 0 10px; }

/* Box D: Wide format Image and Misc Pages */
div.boxD {
  position: absolute; left: 10px; top: 165px; width: 755px; height: 333px;
}
div.boxDbody {
  width: 755px;
  background: #8fcfeb url(nav/w_imgbdy.jpg) 0 0 no-repeat;
  text-align: center;
}
div.boxDbody img { border: 0; }
div.boxDbody p, div.boxDbody h2 { margin: 0 10px 10px; }

div#ag {
  position: absolute; left: 36px; top: 3px; width: 281px; height: 7px; 
}
a#logo {
  position: absolute; left: 184px; top: 17px; width: 164px; height: 138px; 
}
a#gallbtn {
  display: block; position: absolute; left: 17px; top: 36px; width: 146px; height: 22px; 
}
a#gallprevbtn {
  display: block; position: absolute; left: 17px; top: 69px; width: 22px; height: 22px; 
}
a#gallnextbtn {
  display: block; position: absolute; left: 141px; top: 69px; width: 22px; height: 22px; 
}
a#resubtn {
  display: block; position: absolute; left: 17px; top: 102px; width: 146px; height: 22px; 
}
a#logo img, a#resubtn img, a#gallbtn img, a#gallprevbtn img, a#gallnextbtn img { border: 0; }
table.resume { margin: 0 4px; position: relative; border-collapse: collapse; }
table.resume td { vertical-align: top; }
table.resume td.header {
    font-weight: bold; font-style: italic; font-size: larger;
    padding-top: 8px; background: url(nav/resu_rule.gif) 0 0 repeat-x;
}
table.resume td.subheader { padding-left: 1em; font-weight: bold; width: 12em; }
table.resume ul { margin: 0 auto; }
table.resume li { margin: 0 auto; }