/* IEA global styles, last modified 7/9/09 */

  body {
  	background-color: white;
	  font-family: Georgia, serif;
	  font-size: 12pt;
	  }
	  
/* Links
   a:     uncomment to remove underlining of links
   hover: red-underlined for mouse-over
	a	{
    text-decoration: none; */
    }
  a:hover	{
    color: #ff0000;
    text-decoration: underline;
    }
      	
/* Headers (all bold):
   title: main header in title bar
           1:      red   160
           2:      green 140
           sub:    green 120
           subsub: green 110
   head:  text headers
          CENTER
            main:  red   160
            sub:   green 140
          LEFT
            super: brown 150
            reg:   brown 125
            sub:   green 110
          PARAGRAPH
            reg:   brown 100
*/
   
  .title1 {
    color: #ff0000;
    font-size: 160%;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    }
  .title2 {
    color: #008000;
    font-size: 140%;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    }
  .subtitle {
    color: #008000;
    font-size: 120%;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    }
  .head_ctr {
    color: #ff0000;
    font-size: 160%;
    font-weight: bold;
    }
  .subhead_ctr {
    color: #008000;
    font-size: 140%;
    font-weight: bold;
    }
  .subsubhead_ctr {
    color: #008000;
    font-size: 120%;
    font-weight: bold;
    }
  .superhead_left {
    color: #a00000;
    font-size: 150%;
    font-weight: bold;
    }
  .head_left {
    color: #a00000;
    font-size: 125%;
    font-weight: bold;
    }
  .subhead_left {
    color: #008000;
    font-size: 110%;
    font-weight: bold;
    }
  .par_head {
    color: #a00000;
    font-size: 100%;
    font-weight: bold;
    }


/* Notes-related
     head:  red   160  (the word "Notes" as title of endnote section)
     label: brown 120  ("NoteN" when used to id a note in endnotes)
     back:  green 100  (link back to endnote's reference point)
*/

  .note_head {
    color: #ff0000;
    font-size: 160%;
    font-weight: bold;
    }
  .note_label {
    color: #a00000;
    font-size: 120%;
    font-weight: bold;
    }
  .note_back {
    color: #008000;
    font-size: 100%;
    }


/* Formula-related
     plain:  black 120 (most text in formulas)
     words:  green 100 (explanatory words)
     caps:   red   140 (single-letter items in formulas)
     inits:  red   140  ?
     subs:   red   100 (subscripts)
     sym:    black 150 (arithmetic symbols)
     gr:     red   120 ("gr" abbrev for "growth rate")
*/
  .formula_plain {
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    }
  .formula_words {
    color: #008000;
    font-size: 100%;
    font-weight: bold;
    }
  .formula_caps {
    color: #ff0000;
    font-size: 140%;
    font-weight: bold;
    }
  .formula_inits {
    color: #ff0000;
    font-size: 140%;
    font-weight: bold;
    }
  .formula_subs {
    color: #ff0000;
    font-size: 100%;
    font-weight: bold;
    }
  .formula_sym {
    color: #000000;
    font-size: 150%;
    font-weight: bold;
    }
  .formula_gr {
    color: #000000;
    font-size: 120%;
    font-weight: bold;
    }


/* Figure-related: 
     general: for most figures
     blues:   for SS trustees' figures
*/

  .fig_title {
    color: #a00000;
    font-size: 140%;
    font-weight: bold;
    }
  .fig_blue1 {
    color: #000080;
    font-size: 120%;
    font-weight: bold;
  	font-family: arial,helvetica,sans-serif;
    }
  .fig_blue2 {
    color: #000080;
    font-size: 140%;
    font-weight: bold;
  	font-family: arial,helvetica,sans-serif;
    }
   
   
/* Text-related
     letters: red 100  (mostly emphasizing single letters)
     emphasis
       paragraph: red 100 non-bold
       text:      red 110 non-bold
*/

  .letters {
    color: #ff0000;
    font-size: 100%;
    font-weight: bold;
    }
  .par_emph {
    color: #ff0000;
    font-size: 100%;
    }
  .text_emph {
    color: #ff0000;
    font-size: 110%;
    }


/* Special purpose:
    toc_title: "Contents" in table of contents
    url:       URLs
    motto:     on home page
    x404       on 404 error page
      intro:   stmt of problem (8080ff background)
      text     list of solutions
*/

  .toc_title {
    color: #000000;
    font-size: 110%;
    font-weight: bold;
    }
  .url {
    color: #008000;
    font-size: 100%;
    }
  .motto {
    color: #008000;
    font-size: 100%;
    font-weight: bold;
    }
  .x404_intro {
    color: #ffffff;
    font-size: 140%;
    font-weight: bold;
    }
  .x404_text {
    color: #4040ff;
    font-size: 110%;
    font-weight: bold;
    }


/* Chart Specific 
    MASTHEAD
      head:    green 140 (panel number)
      subhead: red   160 (panel name)
    PANEL: header below masthead
      num:  green 140
      name: brown 160
    notes header: for title of general and chart-specific notes sections
    pres: for "Presentation" header on annual charts
*/

  .chart_head {
    color: #008000;
    font-size: 140%;
    font-weight: bold;
    }
  .chart_subhead {
    color: #a00000;
    font-size: 160%;
    font-weight: bold;
    }
  .chart_notes_header {
    color: #a00000;
    font-size: 100%;
    font-weight: bold;
    }
  .chart_title2 {
    color: #008000;
    font-size: 140%;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    }
  .chart_title1 {
    color: #ff0000;
    font-size: 160%;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    }
  .chart_pres {
    color: #ff0000;
    font-size: 100%;
    font-weight: bold;
    }
    
/* Navigation bars for site (nav) and menus (toc)
   link: handles link text
   td:   handles an item's TD characteristics
   loc:  handles the current page's (inactive) item
   i:    specs for index page (no size specified */
   
	.bartd {
  	background-color: #ffc0c0;
  	color: black;
  	text-align: center;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navlink {
  	color: white;
  	font-weight: bold;
  	font-family: arial,helvetica,sans-serif;
  	}
	.navtd {
  	background-color: black;
  	color: white;
  	text-align: center;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navtdemph {
  	background-color: red;
  	color: white;
  	text-align: center;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navloc {
  	background-color: #00c000;
  	color: black;
  	text-align: center;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navtdl {
  	background-color: black;
  	color: white;
  	text-align: left;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navtdemphl {
  	background-color: red;
  	color: white;
  	text-align: left;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navlocl {
  	background-color: #00c000;
  	color: black;
  	text-align: left;
  	font-weight: bold;
  	font-size: 90%;
  	}
	.navitd {
  	background-color: black;
  	color: white;
  	text-align: center;
  	font-weight: bold;
  	font-size: 90%;
  	}
/*	.naviloc {
  	background-color: #00c000;
  	color: black;
  	text-align: center;
  	font-weight: bold;
  	font-size: 90%;
  	} */
	.toclink {
  	color: white;
  	font-weight: bold;
  	font-size: 90%;
  	font-family: arial,helvetica,sans-serif;
  	}
	.toctd {
  	background-color: #000080;
  	color: white;
  	text-align: center;
  	}