/* The following papers use this stylesheet: Overview (excluding Overview2)*/

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 :  #002A46;
  background : #F5F1E2;
}

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

/* -------------------------------------------------------------- */
/* Masthead */
 
#masthead {
  margin : 0 0 0 0;
  padding : 0 0 0 0;
  background : #C0B38C url(../image/overview/overview_tile.gif) repeat-x bottom left;
}
 
#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;
}

#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;
  font-size : 350%;
  font-weight : normal;
  margin : 0 0 0.25em 0em;
  padding : 0 0 0 0;
  color:  #002A46;
}

h1 span
{
    font-size:30%;   
    font-weight:bold;
}

.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 1em;
  margin : 1em 0 0 1em;
  padding : 0 0 0 0;
  clear: both;
  color: #820024;
}

.cameo p.summary {
  margin-left : 0;
  margin-left : 0;
  margin-top : 0.75em;
  clear: both;
}

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

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

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 : #820024;
  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 : #820024;
  font-size : 105%;
  font-weight : bold;
  margin : 0 0 0.4em 0;
  padding : 0 1em 0 0;
}

h3.table-top-text
{
    font-size:80%;   
}

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

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

  margin : 0 0 1em 0;
}

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

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

p.table-heading {
  clear : both;
  color : orange;
  color : #820024;
  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-graphic-right {
  float : right;
  text-align : right;

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

div.chart-left
{
    float: left;
    text-align: center;
}
div.chart-left-text
{
    float: left;
    text-align: left;
    font-size : 110%;
    color : orange;
    color : #820024;
    margin : 1em 0 1em 0;
    width: 15%;
}

div.chart-right
{
    float: right;
    text-align: center;
 }

div.chart-outer
{
    /*text-align:center;*/
    margin-left:60px;
}

p.chart-heading-bottom  {
  text-align : center;
  font-size : 110%;
  color : orange;
  color : #820024;
  margin : 1em 0 1em 0;
}
p.chart-heading-top  {
  text-align : left;
  font-size : 110%;
  color : orange;
  color : #820024;
  margin : 1em 0 1em 0;
}

p.chart-heading-appendix {
  text-align : left;
  font-size : 110%;
  color : orange;
  color : #820024;
  margin : 0 4.5em 0.4em 4.5em;
  padding : 0 1em 0 0;
}


p.chart-heading-left  {
  text-align : left;
  color : orange;
  color : #820024;
  margin : 1em 0 1em 0;
}

p.chart-and-table-note {
  font-size : 75%;
  color:  #002a46;
}

p.chart-and-table-note-tight
{
  font-size : 75%;
  color:  #002a46;
  margin-bottom:-1px;
}

.fit_appendix_graphic
{
 width:620px;
 margin-left:68px;   
}


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

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

  margin : 0 0 0 -2em;
  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 : #820024;
}

/* -------------------------------------------------------------- */
/* 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;
}

/* ---- ol ---- */
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 -1.75em;
}

/* -------------------------------------------------------------- */
/* 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 {
	clear: both;
	text-align: center;
	padding-bottom: 2em;
	padding-top: 1em;
}

.top-nav a:link img, .top-nav a:visited img
{
    border:none;
}

.navlower{
 clear: both;
 text-align: center;
 padding-bottom: 1em;
 padding-top: 2em;
}

.navlower a:link img, .navlower a:visited img
{
    border: none;
}

.bothcleared{
	clear: both;
}


/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
                /* FOLLOWING STYLES ARE NOT USED */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */

/* ---- col2 ---- */

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

div.col2 p {
  margin : 0 1.5em 0.75em 0;
}
*/

/* ---- chart-heading ---- */

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