html, body {
  margin : 0;
  padding : 0;
  border : 0;
  font-family : verdana, arial, sans-serif;
  font-size : x-small;
}

#body {
  width : 65em;
  margin : 10px auto 10px auto;
  padding : 0;
  border : 0;
  color : #000000;
  background : #ffffff;
}

#body[id=body] {
  width : 67em;
}

/* -------------------------------------------------------------- */
/* Masthead */




h1 {
  float : left;
  font-size : 350%;
  font-weight : normal;
  margin : 0 0 0.25em 0em;
  padding : 0 0 0 0;
  color: #000000;
}


p.summary {
  font-size : 180%;
  height : 1%;
  line-height : 1.4em;
  margin : 3em 0 0 1em;
  padding : 0 0 0 0;
  clear: both;
  color: #ffffff;
}


.cameo p.summary {
  margin-left : 0;
  margin-left : 0;
  margin-top : 0.75em;
  clear: both;
}
#image-holder
{
    width: 100%;
    }

#main-content {clear: none;}

/* -------------------------------------------------------------- */
/* Content */

#content {
  border-top : 0.5em solid white;
  padding : 2em 3em 0 3em;
}



h2 {
  clear : both;
  color : #A1AC33;
  margin : 0 0 1.3em 0;
  padding : 0 0 0 0;
  font-family : arial, verdana, sans-serif;
  font-size : 160%;
  font-weight : normal;
}
h3 {
    color: #408ab0;
    font-size: 110%;
    font-weight: bold;
}

.img-head-blue
{
    background-color: #408ab0;
    color: #ffffff;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    height: 25px;
    }

.img-head-white
{
    background-color: #ffffff;
    color: #408ab0;
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    height: 25px;
    }

/* -------------------------------------------------------------- */
/* Columns */

div.col1 {
  width : 47%;
  float : left;
  margin : 0 1.5em 0.75em 0;
  clear: none;
}

div.col2 {
  width : 47%;
  float : right;
  margin : 0 1.5em 0.75em 0;
}


div.img-col1
{
   
    width: 20%;
    float:left;
    color: #408ab0;
    font-size: 110%;
    font-weight: bold;
    padding: 2em 2em 0 0;
    clear: none;
    }
div.img-col2
{
    width: auto;
    float: right;
    }
div.img-col3
{
    width: auto;
    }
div.spacer
{
    clear: both;
    height: 20px;
    background-color: #ffffff;
    }

/* -------------------------------------------------------------- */
/* Charts and Tables */





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%;
  padding: 0 2em 0 0;
  margin : 0 0 0 0;
  line-height : 3em;
  text-transform : uppercase;
  background-color: #408ab0;
  text-align: right;
  width: auto;
  color: #ffffff;
}

#page-number span
{
    font-size: 120%;
    padding: 0.5em 0.5em;
    text-transform: uppercase;
    background-color: #408ab0;
    color: #ffffff;
}

#page-number em
{
    font-style: normal;
    color: #A1AC33;
    text-transform: capitalize;
    font-size: 110%;
}



/* -------------------------------------------------------------- */
/* 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;
}




/* -------------------------------------------------------------- */
/* Misc */

#content a img, #content img {
  border-width : 0;
}



/* -------------------------------------------------------------- */
/* Inter-page navigation */

.top-nav {
  float : right;
}

.bothcleared{
	clear: both;
}

/* -------------------------------------------------------------- */
/*At a glance (aag) styles*/

div.summary-aag {
  font-size : 180%;
  height : 1%;
  margin : 1em 0 0 1em;
  padding : 0 0 0 0;
  clear: both;
  color: #ffffff;
  text-align: right;
  float: right;
}
div.summary-aag em
{
    font-style: normal;
    color: #A1AC33;
    text-transform: capitalize;
    font-size: 130%;
}

#masthead-aag {
  margin : 0 0 0 0;
  padding : 0 0 0 0;

/*   border-top : 1xp solid white; */
/*   border-bottom : 2em solid white; */

  height : 18em;
 background : #408ab0 url(../At_A_Glance/_images/overview_header_right.gif) no-repeat bottom right;
  /*  background : green; */
}
 
#masthead-aag div {
  position : relative;
  top : 0; 
  left : 0;
  margin : 0 0 0 0;
  padding : 1em 2em 1em 2em;
  
  
  
}
div.col1-aag {
  width : 47%;
  float : left;
  margin : 0 1.5em 0.75em 0;
  clear: none;
}

div.col2-aag {
  width : 47%;
  float : right;
  margin : 0 1.5em 0.75em 0;
  background-color: #EEF1D0;
}
#content-aag {
  border-top : 0.5em solid white;
  padding : 2em 3em  2em 3em;
  background-color: #EEF1D0;
}
div.spacer-aag
{
    clear: both;
    height: 20px;
    background-color: #EEF1D0;
    }
div.crest
{
    float: left;
    height: 1px;
    vertical-align: middle;
    }
