html, body {
  margin : 0;
  padding : 0;
  border : 0;

  font-family : verdana, arial, sans-serif;
  font-size : x-small;
}

#body {
  width : 56em;

  margin : 10px auto;
  padding : 0;
  border : 0;

  color : #003366;
  background : #F2EDDD;
  background : #EADFC8;
  background : #F3EFE1;
}

#body[id=body] {
  width : 58em;
}


/* -------------------------------------------------------------- */
/* Masthead */
 
#masthead {
  margin : 0 0 0 0;
  padding : 0 0 0 0;

/*   border-top : 1xp solid white; */
/*   border-bottom : 2em solid white; */

  background : #B18F31 url(../image/overview/overview_tile2.gif) repeat-x bottom left;
  /* background : green; */
}
 
#masthead div {
  position : relative;
  top : 0; left : 0;

  height : 19em;

  margin : 0 0 0 0;
  padding : 1em 2em 2em 2em;

  background : transparent url(../image/overview/overview_header_left.gif) no-repeat bottom left;
  /* background : red; */
}

#masthead.cameo div {
  height : 16em;
}
 
#masthead[id=masthead] div {
  height : auto;
  min-height : 19em;
}

#masthead[id=masthead].cameo div {
  height : auto;
  min-height : 16em;
}

h1 {
  float : left;
  width : 55%;

  font-size : 350%;
  font-weight : normal;

  margin : 0 0 0.25em 0em;
  padding : 0 0 0 0;
}

.cameo h1 {
  position : auto;
  width : auto;
  float : none;

  margin : 0 0 0.25em 0;
  padding-top : 0;
  font-size : 250%;
}

.cameo h1 span {
  font-size : 40%;
  font-size : 50%;
}



p.summary {
  font-size : 115%;
  height : 1%;
  line-height : 1.4em;
  
  margin : 1em 0 0 255px;
  margin : 1em 0 0 60%;
  padding : 0 0 0 0;
}

.cameo p.summary {
  margin-left : 255px;
  margin-left : 205px;
  margin-top : 0.75em;
}




/* -------------------------------------------------------------- */
/* Content */

#content {
  border-top : 2em solid white;
  padding : 2em 3em 0 3em;
}

p {
  font-size : 90%;
  line-height : 1.3em;

  margin : 0 0 0.75em 0;
  padding : 0 0 0 0;
}

h2 {
  clear : both;

  color : orange;
  color : #784E00;

  margin : 0 0 1.3em 0;
  padding : 0 0 0 0;

  font-family : arial, verdana, sans-serif;
  font-size : 140%;
  font-weight : normal;
}

h3 {
  clear : both;
  color : orange;
  color : #784E00;

  font-size : 110%;
  font-weight : normal;

  margin : 0 0 0.2em 0;
  padding : 0 1em 0 0;
}



/* -------------------------------------------------------------- */
/* Columns */

div.col3 {
  width : 30%;
  width : 33%;
  float : left;

  margin : 0 0 1em 0;
}

div.col2 {
  width : 48%;
  width : 45%;
  float : left;
}

div.col2 p, div.col3 p {
  margin : 0 1.5em 0.75em 0;
}



/* -------------------------------------------------------------- */
/* Charts and Tables */

p.table-heading {
  clear : both;
  color : orange;
  color : #784E00;

  font-size : 110%;

  margin : 1em 0 0.75em 0;
  padding : 0 0 0 0;
}


p.chart-graphic {
  clear : both;
  text-align : center;

  margin : 0 0 0 0;
  padding : 0 0 0 0;
}

p.chart-heading  {
  clear : both;
  text-align : center;
  
  font-size : 110%;
  color : orange;
  color : #784E00;
}

p.chart-heading-bottom  {
  text-align : center;
  
  font-size : 120%;
  color : orange;
  color : #784E00;

  margin : 1em 0 1em 0;
}

p.chart-and-table-note {
  font-size : 75%;
}

ol {
  margin : 0 0 1.5em 40px;
  padding : 0 0 0 0;
}

ol li.chart-and-table-note-alpha {
  font-size : 75%;
  list-style-type : lower-alpha;

  margin : 0 0 0 0;
  padding : 0.1em 0 0.1em 0;
}



/* -------------------------------------------------------------- */
/* Footer */

#page-number {
  clear : both;
  font-size : 110%;

  margin : 0 0 0 -2.75em;
  line-height : 3em;
  text-transform : uppercase;
}

#page-number span {
  font-size : 150%;
  background : white;
  padding : 0.5em 0.5em;
}

#page-number em {
  font-style : normal;
  color : orange;
  color : #784E00;
}



/* -------------------------------------------------------------- */
/* Bullets */

ul {
  font-size : 90%;
  margin : 0 0.5em 0 0;
  padding : 0
}

ul li {
  line-height : 1.3em;
  margin : 0 0 0.75em 1.3em;
  padding : 0 0 0 0;
}



/* -------------------------------------------------------------- */
/* Tables */

table {
  clear : both;
  border-collapse : collapse;
  font-size : 85%;

  margin : 1em auto 0 auto;
}

table, td, th {
  border-color : #003366;
}

th, td {
  vertical-align : top;
  padding : 0.3em 1em 0.3em 0.3em;
  text-align : left;
}



/* -------------------------------------------------------------- */
/* Misc */

#content a img, #content img {
  border-width : 0;
}



/* -------------------------------------------------------------- */
/* Inter-page navigation */

.top-nav {
  float : right;
}