html {
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: #000;
}

body, div, span, p, ol, dl, ul, li, dt, dd, pre, blockquote, code, table, tr, th, td, form, fieldset, h1, h2, h3, h4, h5, h6, a, img  {
  margin: 0;
  padding: 0;
  border: 0;
  font: normal 11px/1.5em "Lucida Grande", "Bitstream Vera Sans", "Tahoma", sans-serif;
}

/*
 *  Page layout styles.
 */

#page {
  width: 800px;
  border-right: 9px solid #ba6830; /* DS 40-1 */
  border-bottom: 2px solid #ba6830; /* DS 40-1 */
  background: #fff url("../gfx/pageBackground.gif") top left repeat-y;
}

#pageHeader {
  border-bottom: 2px solid #ba6830; /* DS 40-1 */
  background: #cec1a7; /* DS 40-8 */
  color: #000;
}

#pageNavigation {
  padding: 0 9px;
  border-bottom: 2px solid #ba6830; /* DS 40-1 */
  background: #ba8748; /* DS 40-3 */
  color: #fff;
  text-align: right;
}

p, ul, dl, ol, blockquote, table, form {
  padding: 9px;
}

ul, dl, ol {
  list-style-position: inside;
}

h1 {
  padding: 9px;
}

.content {
  float: right;
  width: 600px;
  padding-bottom: 144px;
}

h2 {
  font: normal 9px/1.5em Verdana, sans-serif;
  padding: 0 9px 18px 9px;
  background: #fff url("../gfx/h2Background.gif") top left repeat-y;
}

h3 {
  padding: 0 9px;
  border-bottom: 2px solid #ba6830; /* DS 40-1 */
  font: bold 13px/1.5em "Lucida Grande", "Bitstream Vera Sans", "Tahoma", sans-serif;
  background: #fff url("../gfx/h2Background.gif") top left repeat-y;
}

.contentBlob {
  float: right;
  width: 180px;
  margin: 9px;
  padding: 4px 4px 0 4px;
  border: 1px solid #45812a; /* DS 293-1 */
  background: #b3c3aa; /* DS 293-8 */
}

.contentBlob h4 {
  padding: 0 4px;
  border: 1px solid #45812a; /* DS 293-1 */
  background: #c6d2c2; /* DS 293-9 */
  color: #000;
  font-weight: bold;
}

.contentBlob ul {
  padding: 4px;
  border: 1px solid #b3c3aa; /* DS 293-8 */
  list-style-type: square;
  list-style-position: inside;
}

.navigation {
  width: 200px;
}

.navigation ul {
  padding: 0;
  border-right: 1px solid #ba6830; /* DS 40-1 */
}

.navigation ul li ul {
  border-right: 0;
}

.navigation ul li {
  display: block;
  border-bottom: 1px solid #ba6830; /* DS 40-1 */
}

.navigation ul li ul li {
  display: block;
  border-top: 1px solid #ba6830; /* DS 40-1 */
  border-bottom: 0;
}

.navigation a {
  display: block;
  height: 18px;
  border: 2px solid #cec1a7; /* DS 40-8 */
  background: #cec1a7 url("../gfx/navigationALink.gif") center right; /* DS 40-8 */
  color: #000;
  text-decoration: none;
}

.navigation ul li a {
  padding: 0 9px 0 9px;
  font-weight: bold;
}

.navigation ul li ul li a {
  padding: 0 9px 0 18px;
  font-weight: normal;
}

.navigation ul li a:hover,
.navigation ul li a:active {
  border: 2px solid #b3c3aa; /* DS 293-8 */
  background: #c6d2c2 url("../gfx/navigationAHover.gif") center right; /* DS 293-9 */
  color: #000;
}

#pageFooter {
  clear: both;
  border-top: 2px solid #ba6830; /* DS 40-1 */
  background: #cec1a7; /* DS 40-8 */
  color: #000;
}

/*
 *  Color definitions.
 *  PANTONE DS 220.
 */