@charset "utf-8";
/* CSS Document */
@import url("reset.css");
/*--- General Styles ---*/
        p { padding: 10px 0 10px 0; }
        
        strong { font-weight: bold; }
        
        body { font-family: Arial, Helvetica, sans-serif; margin: .3em 0 0 0;}
        
        /*Links*/
        a:link {
            text-decoration: underline;
            color: #314732; }
        
        a:visited {
            text-decoration: underline;
            color: #666600;    }
            
        hr{ margin:0 auto;}
        /*--- Headings ---*/
            h1 { }
            
            h2 {
                font-size: 1.7em;
                font-family: "Times New Roman", Times, serif;
                margin: .3em 0 .5em 0em;
                border-bottom: 1px solid #999;
                font-weight:normal; }
            
            h3 {
                font-size: 1.6em;
                font-family: "Times New Roman", Times, serif;
                font-weight:normal; }
            
            h4 {
                font-size: 1.3em;
                font-family: "Times New Roman", Times, serif;
                font-variant: normal;
                font-style: italic;
                color: #999;
                font-weight: bold;
                border-bottom: 1px dotted #999; }
            
            h5 { font-size: 1.2em; }
            
            h6 { font-size: 1em; }


        /*-- To Clear Floats --*/
            .clear { clear: both; }
            
            .clearfix:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden; }
            
            .clearfix {display:inline-block; }
            
            /* Hide from IE Mac \*/
             .clearfix { display:block; }
            /* End hide from IE Mac */

    
        /*--- For Skip To Links ---*/
            .invisible {
                font-size: 0pt;
                font-weight: lighter;
                text-decoration: none;
                color: white;
                display: none; }
            
            .skip {
                font-size: 0pt;
                font-weight: lighter;
                text-decoration: none;
                color: white;
                display: none; }
            
            #skip2 {
                position:absolute;
                left:-100em;
                width:1em; }
            
            .globalskip {
                position:absolute;
                left:-100em;
                width:1em; }
        
        
        
/*--- For View More or View All Links ---*/
        .more {
            text-align:right;
            font-style: italic;
            font-size: .9em;
            padding: 5px 0 0 0; 
            display: block;}
    
    
    
        /*--- Unordered Lists (additional styles are listed in a seperate section below) ---*/
            ul { margin: .5em 1.5em; } /*standard unordered lists will have bullets, if you don't want bullets, scroll down for more options*/
            
            ul li { padding: 3px; }


/*---------- Page Layouts ----------*/
        #top {display: none;}
        
        #headerMasthead {
            height: 90px;
            margin-top: 0;
            width: 960px;
            margin: 0 auto; } /*Old style may need to be reworked*/
        
        #navMenu {
            display: none; }
        #contentwrapper {
            background-color: #fff;
            background-image: none;
            background-repeat: no-repeat;
            width: 100%;
            margin: 0 auto 0 auto;
            padding: 0 0 0 0;
            background-image: url(/gifjpg/bk-gradient-left.png), url(/gifjpg/bk-gradient-right.png); 
            background-repeat: repeat-y, repeat-y;
            background-position: left, right; } /*This style wraps the entire area under the header*/
        #content {
            background-color: #FFFFFF;
            padding: 0px;
            font-size: .8em;
            width: 100%;
            margin: 0 auto;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff; } /*This style restricts the size of the main content area to 960px*/
        #layout {
            width: 100%;
            clear: both;
            border-top: 10px solid #7c8f7c;
            padding: 1em 0 0 0; }
        #main {
            width: 100%;
            float: none;
            margin: 0 0 0 0;
            padding: 0; 
            clear: both;} /*This style wraps the left column of content*/
        .skinny1 {width: 100%; margin: 0 auto 0 auto;}
        
        .skinny2 {width: 100%; margin: 0 auto 0 auto;}
        #relatedInfo {
            display: none;
            /*float: none;
            width: 100%;
            margin: 10px 0 30px 0;
            padding: 10px 0 10px 0; 
            border-top: 1px solid #ccc;
            clear: both;*/} /*This style is for the right column of content*/
        .column {float: left;}
        .border {border-bottom:#999999 solid 1px;}
/*--- Top Links and Search Box ---*/ /*When we get a new header, these styles will be replaced*/
        #headerTopLinks {
            display: none; }
        
        table#headerTopLinks {
            font-weight: bold;
            width: 960px;
            padding-left: 0em;
            margin-bottom: 0em;
            border:0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: .8em; }
        
        table#headerTopLinks td.headerTopLinksRight form {
            margin: 0;
            padding: 0; }
        
        td.headerTopLinksLeft {
            background-color:#FFFFFF;
            padding: .5em 0 0 .8em;
            margin: 0; }
        
        td.headerTopLinksLeft a:active { text-decoration: none; }
        
        td.headerTopLinksLeft a:link { text-decoration: none; }
        
        td.headerTopLinksLeft a:visited { text-decoration: none; }
        
        td.headerTopLinksLeft a:hover { text-decoration: underline; }
        
        td.curve1 {
            background-image: url(/gifjpg/searchCurve3.jpg);
            background-repeat: no-repeat;
            width: 8px;
            margin-top: .5em;
            height: 20px; 
            background-color:#D6C580; }
        
        td.curve2 {
            background-image: url(/gifjpg/searchCurve4.jpg);
            background-repeat: no-repeat;
            width: 8px;
            margin-top: .5em;
            height: 20px; 
            background-color:#D6C580; }
        
        td.headerTopLinksRight {
            background-color:#D6C580;
            color: #FFFFFF;
            padding: 0em 0 .2em 0;
            background-image: url(/gifjpg/searchBack2.jpg);
            background-repeat: repeat-x; 
            text-align: center; }
        
        
        td.headerTopLinksRight a:active {
            text-decoration: none;
            color: #FFFFFF; }
        
        td.headerTopLinksRight a:link {
            text-decoration: none;
            color: #FFFFFF; }
        
        td.headerTopLinksRight a:visited {
            text-decoration: none;
            color: #FFFFFF; }
        
        td.headerTopLinksRight a:hover { color: #FFFFFF; }
        
        td.headerTopLinksRight a.search { text-decoration: underline; }
        
        #headerTopLinksSearchFormSubmit { margin: 0 0 -3px 0; }
        
        #headerMasthead {
            height: 90px;
            text-align:left;
            min-width: 960px;
            margin: 0 auto; }
        
        #headerMasthead img { margin: 0; }


/*---------- Top Navigation Menu ----------*/ /*These styles may need to be reworked*/
        #navMenu td {
            border-right: 1px solid #F0EAD0;
            background-color: #5f705f;
            background-image:url(/gifjpg/navBack.jpg);
            background-repeat:repeat-x;
            padding: 5px;
            vertical-align:middle; }
        
        #navMenu a {
            color: #FFFFFF;
            text-decoration: none;
            padding: 15px 0 15px 0; }
        
        #navMenu td#selected { background: #F0EAD0; }
        
        #navMenu td#selected a { color: #333300; }
        
        #navMenu a:hover { text-decoration: underline; }
        
        #navMenu td.last { border-right: 0; }
        
        .navMenuBack {
            padding: 0px;
            margin:0px;
            background-color: #5f705f;
            background-image:url(/gifjpg/navBack.jpg);
            background-repeat:repeat-x; }
        
        .green {
            background-color: #5f705f;
            background-image:url(/gifjpg/navBack.jpg);
            background-repeat:repeat-x; }
/*---------- Breadcrumbs ----------*/
        #breadcrumbwrapper {
            display: none;}
        
        #BreadCrumbContainer {
            display: none; }
        
        #BreadCrumbContainer a { display: none; }
/*---------- Page Titles ex. Economic Research and Date Landing Page, top green text ----------*/
        #pagetitle {
            margin: 0em 0 1px 0;
            border-bottom: 2px solid #7c8f7c;
            padding: 0 0 0 .3em; }
        
        #pagetitle h2 {
            font-family: "Times New Roman", Times, serif;
            font-size: 26px;
            color: #435642;
            float: left;
            margin: 0 3em 0 0;
            padding: 10px 0 0 0;
            font-weight:normal;
            border: none; }
        
        #pagetitle h2 span {
            font-size: 20px;
            padding: 0;
            margin: 0;
            line-height: .8em;
            display:block } /*This makes the text in the H2 tag on the first line smaller than what is on the second line*/
        
        #pagetitle p {
            font-family: "Times New Roman", Times, serif;
            font-size: 1em;
            color: #333;
            margin: 0 1em 0 0; } /*This is for the descriptive text of a section, see the landing page for Economic Research and Data*/
/*---------- For Landing Page Layout ----------*/
        
        .alpha {margin: 0; float: left;}
        
        .omega {margin: 0; float: right;}
        
        #carousel {
            width: 100%;
            border: 3px solid #ccc;
            margin: 10px 0 10px 0; }
        
        #features { width: 100%; padding: 0; margin: 0;}
        
        #features .column {
            width: 325px;}
        
        #features .column h2 {
            font-size: 1.6em;
            font-family: "Times New Roman", Times, serif;
            border-bottom: 1px solid #666;
            margin: 0 0 .5em 0;
            font-weight: normal; }
        
        #features .column h3 {
            font-size: 1.5em;
            font-family: "Times New Roman", Times, serif;
            border: none;
            margin: 1em 0 .5em 0;
            font-weight: normal; }       

 /*each area in the columns is surrounded by an item class, that way we can add colors, borders, etc. in the future*/
        #features .column .item {
            margin: 0 0 1em 0;
            padding: 0 0 0 0; 
            width: 100%; }
            
        #features .column .item ul li.heading{margin-left: -20px;} /*this was added to adjust the left maring of the callout gray "principal economic indicators titles on the stats landing page*/            

/*-- Carousel Styles - as seen on Landing Pages like Economic Research and Data --*/
        #featured {
            padding: 10px;
            margin: 0 0 1.5em 0;
            background-image: url(/gifjpg/box_gradient_bk.png);
            background-repeat:repeat-x;
            border: 5px double #dde2e5;
            background-color: #f1f1f1; }
        
        #featured h2 {
            margin: 0 0 10px 0;
            padding-top: 0;
            width: 100%;
            font-size: 1.5em;
            font-family: "Times New Roman", Times, serif; }
        #featured h2 a { text-decoration: none; }
        
        #featured h2 a:hover { text-decoration: underline; }
        
        #storyContainer {
            margin: 0px;
            padding: 0; }
        
        #storyContainer .more { float: right; }
        
        #storyContainer .question {
            float: left;
            padding: 0px;
            width: 390px;
            font-weight: normal; }
        
        #storyContainer .image {
            float: right;
            padding: 0px; }
        
        #storyContainer h2 { border: none; }
        
        #storyContainer #story1 {display: block;}
        #storyContainer #story2 {display: block;}
        #storyContainer #story3 {display: block;}
        #storyContainer #story4 {display: block;}
        /*--- Styles for the number buttons on the carousel at the top of the page ---*/
        #nav {
            font-family: "Times New Roman", Times, serif;
            margin: 0px 10px 5px 10px;
            padding: 0 0 10px 0; }
                
        #nav a:link {
            color: #7792AD;
            background-color: #CDDAE2;
            padding: 5px 10px 5px 10px;
            border: 2px solid #fff;
            text-decoration: none;
            webkit-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            -moz-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            margin: 0px 5px 0px 5px; }
        
        #nav a:hover {
            color: #FFF;
            background-color: #7792AD;
            padding: 5px 10px 5px 10px;
            border: 2px solid #fff;
            text-decoration: none;
            -webkit-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            -moz-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            margin: 0px 5px 0px 5px; }
        
        #nav a:active {
            color: #FFF;
            background-color: #7792AD;
            padding: 5px 10px 5px 10px;
            border: 2px solid #fff;
            text-decoration: none;
            -webkit-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            -moz-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            margin: 0px 5px 0px 5px; }
        
        #nav a:visited {
            color: #7792AD;
            background-color: #CDDAE2;
            padding: 5px 10px 5px 10px;
            border: 2px solid #fff;
            text-decoration: none;
            -webkit-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            -moz-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            margin: 0px 5px 0px 5px; }
        
        #nav a:link.light {
            color: #7792AD;
            background-color: #CDDAE2;
            padding: 5px 10px 5px 10px;
            border: 2px solid #fff;
            text-decoration: none;
            -webkit-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            -moz-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            margin: 0px 5px 0px 5px; }
        
        #nav a:link.dark {
            color: #FFF;
            background-color: #7792AD;
            padding: 5px 10px 5px 10px;
            border: 2px solid #fff;
            text-decoration: none;
            -webkit-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            -moz-box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            box-shadow: 0px 0px 5px rgba(119, 143, 176, 0.4);
            margin: 0px 5px 0px 5px; }


/*---------- For Featured Items that aren't in a Carousel (but have the same border around them) ----------*/
        /* Feature Box */
        #feature-con {
            margin: 0 0 1em 0;
            float: left;
            background-image: url(/gifjpg/box_gradient_bk.png);
            background-repeat:repeat-x;
            border: 5px double #dde2e5;
            background-color: #f1f1f1; 
            width: 100%;}
        
        #feature-con h3{
            font-size: 20px;
            font-weight: normal; }
        
        #feature-con p{
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px; }
        
        #feature-con ul {
            list-style:none;
            display: block;
            float: left;
            padding:0;
            margin:0;
            width: 685px; }
        
        #feature-con ul li:first-child ul:first-child li:first-child{ 
            border-right: #CCC .1em solid;
            padding-right:5px; }
        
        #feature-con ul li {
            float: left;
            width: 320px;
            display: block;
            padding:0; 
            height: 230px;}
        
        #feature-con .carousel li{
            width:640px; }
        
        #feature-con ul li.action{
            text-align:right;
            padding:15px 0 15px 0; 
            height: 30px;}        

        #feature-con ul li.action input[type="button"]{
            margin-right:10px;
            width:40px; }
        
        #feature-con ul li ul {
            width: auto;
            float:left;
            padding: 0px; }
        
        #feature-con ul li span {
            width: 209px;
            height:108px;
            float: left;
            padding:0 0 10px 0;
            margin: 0px;
            display: block; }
            
        #feature-con ul li span h3{
            width:100px;
            display:block;
            padding: 10px; }
        
        #feature-con ul li p {
            width:auto;
            margin:0;
            padding:0 0 10px 0; }
        
        
        #feature-con img.workingPapers {
            float: left;
            padding:0 0 10px 0; }
        
        
        #main #feature-con ul .feature {
            padding: 10px 10px 0px;
            height: auto; }

/*---------- Unordered Lists ----------*/
        /*List styles for lists with no bullets*/
    
        ul.list {
            list-style: none;
            margin: 0 0 1em 0;
            width:100%; }
        ul.list li { padding: .3em 0 .5em  .3em; margin:0; }
        ul.list li:after{
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }
        ul.list li{ display:inline-block; }
        /* Hide from IE Mac \*/
        ul.list li { display:block; }
        ul.list h4, ul.list h5, ul.list h6{color:#999; font-weight:normal; padding: 0;}
        ul.list h4 {font-size: .95em}
        ul.list h5 {font-size: .85em}
        ul.list h6 {font-size: .85em}
        /*Used to make the working papers links different from the standard*/
        ul.list li a.title {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.1em; }
        ul.list p {padding: 0px 0 2px 0; }
        ul.list img {
            float: left;
            padding: 3px 5px 3px 3px;
            margin: 0 0 0 0; }
        
        /*--- callOut adds the gray border (see landing page for Economic Research and Data) ---*/
        ul.callOut {
            border: 1px solid #999;
            float:left; }
        ul.callOut h4 {
            font-style: normal;
            font-variant: normal;
            font-size: .85em;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            border: none;
            margin-bottom:5px; }
            
        ul.callOut li {
            padding: 0px 5px 0 5px;
            margin-bottom:10px; }
        ul.callOut img {
            float: left;
            padding: 3px 5px 3px 3px;
            display: block; }
             
        span.infoWrapper {
            display:block;
            float:left;
            width:270px; } /*used for links in list that have the ddp icon next to them*/
        ul.callOut h4 span{
            color: #FFF;
            background-color: #999; 
            padding: 5px; 
            margin: -5px 0 0px -5px; 
            display: inline-block; }
        /*List styles for lists with larger images and text - ex. All economists page, or DDP and FoF Guide features on Economic Research and Data Landing Page*/
        ul.list3 {
            list-style: none;
            margin: 1em 0 1em 0;
            width: 100%; }
        
        ul.list3 li {
            width: 48%;
            float: left;
            padding: .75em 0 0 0; }
        
        ul.list3 li h4 {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.2em;
            font-weight: normal; }
        
        ul.list3 li h5 {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.2em;
            font-weight: normal; }
        
        ul.list3 img { float: left; }
        
        ul.list3 p {
            font-size: .85em;
            margin-left: 55px; }
            
        /*--- List styles for special features like the career section of economic research and data ---*/
        ul.list4 {
            list-style: none;
            margin: 0 0 1em 0;
            width: 100%; }
        ul.list4 li {
            float:left;
            width: 140px;
            margin: 0 0 0 0; }
        
        ul.list4 li ul li {
            float: none;
            font-size: .85em;
            padding: 3px; 
            margin: 0 0 0 5px;}
            
        /*For teaser text - ex. Featured Position in the Careers Section of the Eonomic Research and Data Page*/
        .teaser {
            background-color:#f4f4f4;
            background-image:url(/gifjpg/gradient.png);
            padding: 10px;
            list-style: none; 
            margin: 0 0 0 0;
            font-size: .9em;}
        .teaser h4 {
            border: none;
            font-size: 1.1em;
            font-weight: bold;
            padding: 0 0 5px 0;    }
            
        /*Styles for Quote - example is on the Eonomic Research landing page, quote by the chairman*/
        ul.list4 li.quote {
            margin: 10px 0 0 0;
            padding: 5px 0px 10px 0px;
            width: 100%;
            text-align:center;
            font-family: "Times New Roman", Times, serif;
            font-size: 1.4em;
            background-image:url(/gifjpg/quote_open.png);
            background-repeat:no-repeat;
            background-position: 2% 5%; }
            
        span.closeQuote {
            display:block;
            background-image:url(/gifjpg/quote_close.png);
            background-repeat:no-repeat;
            background-position:90% 100%;
            padding: 0px 25px 0px 25px; }
        
            
    /*Lists that look like Tabs, example Economist Individual Bio Page*/
        ul.tabs {
            list-style: none;
            width: 100%;
            margin: 0 0 1em 0;
            font-family: "Times New Roman", Times, serif;
            font-size: 1.2em; 
            border-bottom: 1px solid #ECECEC;}
        
        ul.tabs li {
            float: left;
            padding: 10px 15px 10px 15px;
            border-top: 1px solid #ECECEC;
            border-right: 1px solid #ECECEC;
            border-left: 1px solid #ECECEC;
            margin: 0 2px;
            background-image: url(/gifjpg/tabback.png);
            background-repeat:repeat-x; }
        
        ul.tabs li.selected {
            background-color: #CCC;
            background-image: url(/gifjpg/tabbackselected.png);
            background-repeat:repeat-x; 
            border-bottom: none;}
        
        ul.tabs:after {
            content:".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }

        ul#tabs {
            display:none; }
        
        ul#tabs li {
            float: left;
            width: 155px;
            text-align:center;
            position:relative;
            margin:0 3px; }
        
        ul#tabs li a.tab-active {
            color:green;
            position:relative; }
        
        ul#tabs li a {
            padding:0px 5px 0px 0px;
            display:block;
            text-decoration:none;
            font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
            color:#000;
            position:relative; }
            
       .tabcontent {
            display: inline;
            background-color:#FFF;
            }        

       .content h3 {
            font-family:Verdana, Geneva, sans-serif;
            background-color:#fff; }

/*these will replace the tab styles above - added 11/16/11*/
        #tabcontainer{margin: 0px 20px 0 20px;}
        
        .tabcontent .column {width: 49%; float: left; padding: 0 5px 0 0;}
        
        .tabcontent ul.list {margin: 0 0 1em 0; padding: 0;}
        .tabcontent ul.list li {border-bottom: 1px dotted #999; padding: 10px 0 10px 0;}
        
        .tabcontent ul.list li h4{
            font-family: "Times New Roman", Times, serif;
            color: #000;
            font-size: 1.4em;
            padding: 0;    }
            
        .tabcontent ul.list li p{padding: 3px 0 0 0;}
        
        .tabcontent ul.list li ul li{
            border: none;
            float: left;
            margin: 0 30px 0 0;
            width: 60%;
            padding: 0;    }
            
        .tabcontent ul.list li ul li.date{width: 20%;}
        .tabcontent h3 {padding: 0 0 5px 0;}
        .tabcontent ul li h3.event-type{ text-transform: uppercase; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: .85em; padding: 0;}
        .tabcontent ul li h3.date{font-size: .9em; font-family: Arial, Helvetica, sans-serif; color: #666; font-weight: bold; padding: 0;}
        .tabcontent ul li h3.date span{font-weight: normal;}
        .tabcontent ul li h4.event-name{border: none; font-size: 1.2em; font-style: normal;}
        
        .tabcontent ul li h4.jobtitle{border: none; font-weight: normal; font-style:normal; font-size: 1.2em; padding: 0; margin: 0;}
        .tabcontent ul li h4.title{border: none; font-weight: normal; font-style:normal; font-size: 1.2em; padding: 0; margin: 0; font-style: italic;}
        
        .tabcontent ul li h4.organization {font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-style: normal; border: none;}
        
        .tabcontent ul.list li {border-bottom: 1px dotted #ccc;}
        .tabcontent ul.list li p {padding: 0; margin: 0;}
        
        .tabcontent ul.bio-activities{margin: 0 0 2em 0; font-family: "Times New Roman", Times, serif; font-size: 1.1em;}
        
        .tabcontent ul.bio-activities li h3.event-type{font-size: .75em;}
        .tabcontent ul.bio-activities li h3.date{font-size: .85em;}
        .tabcontent ul.bio-activities li h3.date span{font-weight: normal; border-left: 1px solid #ccc; margin-left: 5px; padding-left: 5px;}        
        .tabcontent ul.bio-activities li h4.event-name{font-size: 1.1em;}
        
        .tabcontent ul.bio-activities li h4.jobtitle{font-size: 1.1em;}
        .tabcontent ul.bio-activities li h4.title{font-size: 1.1em;}
        .tabcontent ul.bio-activities li h4.organization {font-size: .9em;}
            
        .tabcontent ul.bio-activities li {
            border: none;
            margin: 0 0 0 1em;
            padding: 3px 0px 3px 0px;
            -moz-break-inside: avoid-column;}

         .tabcontent h3.invisible {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.6em; 
            border-bottom: 1px solid #000; 
            color: #000;
            display: block;
            margin: 1em 0 0 0; }


/*---------- Related Information Styles ----------*/
        #relatedInfo p {padding: 10px 0 15px 0;} 
        
        #relatedInfo h2{font-size: 1.4em; margin: 0;}
        
        #relatedInfo a:link {
            color: #314732;
            text-decoration: underline     }
        
        #relatedInfo li.more {
            text-align:right;
            font-style: italic;
            float: none;}
        
        #relatedInfo ul {
            list-style:none;
            padding:0;
            margin:0 0 1em 0;
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px; }
        
        #relatedInfo ul h3 {
            font-family:"Times New Roman", Times, serif;
            font-weight:normal; }
        
        /*an example of this list is on the economic research pages, the by division, by interest on bio pages*/
            
        
        #relatedInfo ul.linkList {
            float: left;
            padding: 5px;
            margin: 0 10px 0 10px;
            list-style: none; 
            width: 200px;}
        
        #relatedInfo ul.linkList:after {
            content:".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }
        
        #relatedInfo ul.linkList li { padding:5px; }
        
        #relatedInfo ul.linkList li.heading {
            padding-left:0;
            font-size:.9em; }
        
        #relatedInfo ul.linkList h3 {
            padding:0;
            margin:0; }
        
        #relatedInfo ul.linkList h3:before {
            content:".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }
        
        #relatedInfo ul.socialBox li.heading {
            background-color:#FFF;
            border-bottom:none;
            margin:0;
            padding:0;
            float: none;
            width: 100%; }
        
        #relatedInfo ul.socialBox { 
            border-bottom:none; 
            margin: 0 0 0em 0; 
            background-color:#fff; 
            float: left; 
            width: 200px; 
            padding: 0px 5px 0 0;}
        #relatedInfo ul.socialBox h3 {
            font-family:"Times New Roman", Times, serif;
            border-bottom:#999 solid 1px;
            color:#000;
            font-size:16px;
            font-weight: bold;
            padding: 0 0 3px 0;}
        
        /*this style has been updated 11/16/11 by mel to remove the inline style that was in the html code to float the list items to the left*/
        #relatedInfo ul.socialBox li {
            font-size: 0.9em;
            padding: 5px 0 5px 0;
            float:none;
            width: 100%;}
        
        #relatedInfo ul.socialBox li.floatRight { float:right; }
        
        span.medCon {
            padding-left: 20px;
            background-repeat: no-repeat; }
        
        span.youtube {
            background-image: url(/gifjpg/youtube_small.jpg);
            padding-top: 3px; }
        
        span.email { background-image: url(/gifjpg/mail_icon.gif); }
        
        span.rss { background-image: url(/gifjpg/rss_small.jpg); }
        
        span.allvideos {
            background-image: url(/gifjpg/all_videos_small.jpg);
            padding-top: 3px; }
        
            
        /*boxes with gray headers*/
        
        #relatedInfo ul.linkBox h3, ul.linkBox, ul.linkBox li, #relatedInfo ul.linkBox li ul {
            padding:5px;
            margin:0;
            list-style:none;
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px; }
        
        #relatedInfo ul.linkBox {border-left:none; margin: 0; padding: 5px; width: 200px; float: left;}
        
        #relatedInfo ul.linkBox h3 {
            font-family:"Times New Roman", Times, serif;
            border-bottom:#999 solid 1px;
            color:#000;
            font-size:16px;
            font-weight: bold; }
        
        #relatedInfo ul.linkBox li { padding:3px 5px 3px 5px; margin: 0;}    
        
        #relatedInfo ul.linkBox li.heading {
            background-color:#fff;
            display:block;
            padding:0;}
                
        #relatedInfo ul.linkBox li.teaser {padding: 5px; margin: 0 0 5px 0;}
        
        #relatedInfo ul.linkBox li ul {
            padding: 0px 0 5px 0;
            margin:0; }
        
        #relatedInfo ul.linkBox li ul li { padding: 5px 0 5px 0; margin: 0 0 0 5px;}
        
        #relatedInfo ul.linkBox li h4 {
            font-style: none;
            font-family: Arial, Helvetica, sans-serif;
            text-transform:uppercase;
            font-size: .9em;
            color: #999;
            padding-top: 5px; }
        
        #relatedInfo ul li.quote {
            text-align:center;
            font-family:"Times New Roman", Times, serif;
            font-size:1.5em;
            padding:10px 0px 0 0px;
            margin:1em 0 0 0;
            background-image:url(/gifjpg/quote_open.png);
            background-repeat:no-repeat;
            background-position: 10% 5%; }
        #relatedInfo ul.classic { 
            border-bottom:#A7542C solid 1px; 
            margin: 0 0 2em 0; 
            background-color:#FEF9F3;}
            
        #relatedInfo ul.classic li.heading {
            background-color:#FFF;
            border-bottom:#A7542C solid 1px;
            margin:0;
            padding:0;
            float: none;
            width: 100%; 
            list-style: none;
            list-style-position: outside;}
        #relatedInfo ul.classic h3 {
                font-weight: normal;
                font-size: 1.5em;
                padding: 0; 
                color: #000;}
        
        #relatedInfo ul.classic li {
                list-style: square;
                list-style-position: inside;
                color:#A7542C;
                padding:5px 8px 5px 8px;
                margin:0;
                font-size: .9em;
                background-color:#FEF9F3; }
        
    
            
        /*For right boxes with larger images and text - see Data Releases Page*/
        #relatedInfo ul.list3 {background-color: #fff; padding: 0 10px 0 10px; width: 200px; float: left;}
        
        #relatedInfo ul.list3 li { 
            height: auto; 
            width: 100%;}
            
        #relatedInfo ul.list3 li img{padding: 0 5px 0 0;}
        
        #relatedInfo ul.list3 li h4 {
            font-size: 1.2em; 
            font-weight: bold; 
            color:#727272; 
            height: auto;
            font-style: italic;
            border-bottom: none;
            padding: 0;
            margin: 0;}
        
        #relatedInfo ul.list3 li h3{font-size: 1.4em;}
        
        #relatedInfo ul.list3 a:link {text-decoration: none;}
        
        
                
        /*used on both the economic research landing page and in the right boxes in that section under the quote from the chairman*/
        .signature {
            color:#939393;
            font-weight:bold;
            font-size:.7em;
            text-align:center;
            padding:0;
            margin:0;
            font-family: Arial, Helvetica, sans-serif; }
        
        #relatedInfo li h4 {
            font-variant: normal;
            border: none;
            font-style: normal;
            color: #000;
            font-size: 1em; }
            
        /*-- Data Releases Landing Page right box with DDP Icon, FoF Icon and Calendar --*/
        #relatedInfo li.feature a{
            background-color:none;
            display:block;
            background-repeat:no-repeat;
            text-decoration: none; }
            
        #relatedInfo li.feature h3{
            padding:5px; }
        
        #relatedInfo li.feature{
             height: 44px; }
             
        #relatedInfo li.feature a img{
            float:left;
            padding-right:5px;
            border:none;} 
            
        #relatedInfo li.feature h2{
            font-size:9px;
            font-style:italic;
            padding:0;
            margin:0; }
            
        #relatedInfo ul.list li.noIndent {
            padding-left: 0.5em; }
        
        
        
        
        
/*---------- Silver Navigation Bar for Content Navigation, See /monetarypolicy/fomc.htm for an example ----------*/
        .contentNav {
            float: left;
            border-top: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            border-left: none;
            border-right: none;
            background-image: none;
            background-repeat: repeat-x;
            background-color: #fff;
            margin: .5em 0 1.5em 0;
            background-position: bottom;
            width: 100%; 
            font-size: .9em;
            clear: both;}
        
        .contentNav ul {
            list-style: none;
            padding: 0;
            margin: 0; }
        
        .contentNav ul li {
            float:left;
            padding: 7px 8px 7px 8px; }
        
        .contentNav ul li img { vertical-align: middle; }
        
        .contentNav ul li.selected {
            font-weight: bold;
            text-decoration: none; }
        
        .contentNav ul li.selected a:link { text-decoration: none; }
        
        .contentNav ul li.selected a:visited { text-decoration: none; }
        
        .contentNav ul.column {
            list-style: none;
            margin: 0;
            padding: 5px 5px 8px 5px;
            float: left;
            width: 30%; }
        
        .contentNav ul.column li {
            padding: 2px 3px 2px 3px;
            float: none; }
        
        .contentNav h3 {
            font-size: 14px;
            color: #333;
            padding: 5px 5px 0 5px;
            font-weight:normal; }
            
        .contentNav h3 span {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            padding: 0 0 0 15px;
            font-size: .9em; }
            

/*---------- Styles specific to the Eonomic Research and Data Section ----------*/
    
    /*Economic Research and Data Landing Page*/    
    .feds {
        color: #fff;
        background-color: #3F5A6B;
        padding: 2px 3px 2px 3px;
        margin: 0 0 3px 0;
        font-size: .95em; 
        line-height: 2em;} /*Makes the Blue FEDS*/
    .ifdp {
        color: #fff;
        background-color: #7C8F73;
        padding: 2px 3px 2px 3px;
        font-size: .95em; 
        line-height: 2em;}    
    
    
    /*--- Styles for Economists Bios (can be used for future bio pages) ---*/
        #bio {margin: 0 0 1em 0;}
        
        #bio img {
            float: left;
            padding: 5px;
            margin: 0 20px 0 0;
            max-width: 220px; }
        
        #bio h4 {
            margin: 0 0 .5em 0;
            border: none;
            font-size: 1em;
            color: #000;
            font-family: Arial, Helvetica, sans-serif; 
            font-weight: normal;}
        
        #bio h5 {
            font-family: "Times New Roman", Times, serif;
            font-size: 1.3em;
            margin: 0em 0 0 0;
            font-weight:normal; }
        
        #bio .about { min-height: 100px; }
        
        #bio .contact {
            border-left: 1px solid #999;
            padding: 0 0 0 10px; }
        
        #bio .column {
            width: 30%;
            margin: .5em 20px 1em 0;
            float: left; }
        
        #bio .columna {
            width: 300px;
            margin: .5em 20px 10px 0;
            float: left; }
        
        #bio .columnb {
            width: 150px;
            margin: .5em 10px 10px 0;
            float: left; }
            
        #bio p.division {
            color: #000;
            font-size: .8em; 
            padding: 0;
            text-transform: uppercase;}
        
        #bio p.section {
            margin: 0;
            font-size: .85em;
            color: #666; 
            padding: 0;}
        #bio ul.list.callOut li { padding:0 0 0 5px; }
        #bio ul.callOut { width:100%; }
        #bio ul.callOut h4{font-size: .85em;} 
        
        ul.list3 li p.section {
            color:#000;
            margin: 0 0 0 60px;
            padding: 0;
            font-size: .8em; }
        
        ul.list3 li p.division {
            text-transform: uppercase;
            color: #333;
            margin: 0;
            padding: 0;
            font-size: .7em; }
    /*--- Large 3 column lists of images and text ex. Economists Bios - All economists page, surround the .list3 by the .group class to get 3 columns ---*/
        .group {
            border-bottom: 2px dotted #ccc;
            padding: 1em 0 0 0; }
        
        .group ul.list3 {
            list-style: none;
            margin: 0;
            padding: 0; 
            width: 100%;
            display: block;}
        
        .group ul.list3:after {
            content:".";
            display: block;
            height:0;
            clear: both;
            visibility: hidden; }
        
        .group ul.list3 li {
            float: left;
            width: 30%;
            margin: 10px 5px 10px 5px;
            height: 100px; 
            display: block;}
        
        .group ul.list3 img {
            max-width: 60px;
            padding: 0 5px 0 5px;
            float: left; }
        
        .group ul.list3 h4 {
            border-bottom: none;
            font-style:normal;
            font-size: 1.2em; }
        
        .group ul.list3 h5 {
            font-family: Arial, Helvetica, sans-serif;
            font-style:italic;
            margin-bottom: 5px;
            font-size: .9em; }
        
        .group ul.list3 p {
            font-size: .95em;
            margin-left: 70px; }
        
        .group .letter {
            font-size: 4em;
            float: right;
            color: #ddd;
            margin: -50px 0 0 0; } /*added to create the letter at the bottom of each grouping on the Econ. Res. All Economists page*/
            
        /*--- For the Working Papers Section ---*/
        .workingPapers,
        .workingPapers ul,
        .workingPapers ul li{
            list-style:none;
            padding:0;
            margin:0; }
        .workingPapers{
            display:block; }
            
        .workingPapers h3{
            font-size:12px;
            font-weight:bold;
            color:#999;
            padding:5px 0 5px 0; }
        
        /*.workingPapers a:link{
            font-family:"Times New Roman", Times, serif;
            display:block;
            margin-bottom:5px; } */
        
        .workingPapers ul{
            display:block;
            width:150px; }
        .wp_icon{
            width:100px;
            padding-top:50px;
            border-right:3px #DDE2E5 solid;
            border-bottom:#DDE2E5 solid 12px;
            float:left;
            margin-right:10px;
            font-size:17px; }
        div.wp{
            float:left;
            width:300px;
            margin:5px 10px 10px 0; }
            
        .wp p{
            padding-top:0; }
            
        .wp_dropdown{ float:left; }
        
        .wp_dropdown li.extraPadding{
            padding-top:100px; }
        
        .collection {border-bottom: 1px solid #ccc; padding: 15px 5px 15px 5px;}
        
        .top {border-top: 1px solid #ccc;}
/*---------- Publications Styles ----------*/
        /*--- Styles for Publications Ordering ---*/
        .four_ways {
            position:relative;
            float:none;
            background-color:#e5edfb;
            background-image:url(/gifjpg/4_easy.jpg);
            background-repeat: no-repeat;
            width:100%;
            height:240px;
            color:#2c4261;
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px; 
            margin: 2em 0 0 0;}
        
        .four_ways h1 {
            font-size:14px;
            font-weight:bold;
            margin-bottom: 0px;
            padding-bottom: 0px;
            font-family: Arial, Helvetica, sans-serif; }
        
        .four_ways a { color:#2c4261; }
        
        .four_ways_inside {
            position:relative;
            float:left;
            margin-top: 70px;
            width: 100%; }
        
        .four_ways_content {
            position:relative;
            float:left;
            margin-left: 0px; }
        
        .four_ways_content_two {
            position:relative;
            float:left;
            margin-left: 50px; }
        
        .four_ways_content_three {
            position:relative;
            float:left;
            margin-left: 45px; }
        
        .four_ways_content_four {
            position:relative;
            float:left;
            margin-left: 45px; }
        
        .single {
            position: relative;
            margin-left: 0;
            margin-top: 40px;
            font-size: 12px;
            left: 0;
            top: 0;
            width: 340px; }
        
        .payment {
            position:relative;
            float:left;
            margin-left: 500px;
            margin-top: 30px;
            font-size: 12px; }


/*---------- Footer Styles ----------*/
        #FooterLinks {
            margin: 0px 0px 0px 0;
            font-weight: bold; }
        
        #FooterLinks a { text-decoration: none; }
        
        #secondaryFooterLinks {
            font-size: 1em;
            padding: 4px 0px 5px 0px;
            margin-right: .5em;
            margin-left: 0em;
            width: 60em; }
        
        #secondaryFooterLinks a {
            font-weight: bold;
            margin: 0 6px 0 2px;
            text-decoration: none;
            font-size: .9em; }
        
        #lastUpdate {
            margin: 3em 1em .5em 0em;
            border-bottom: #999999 1px solid;
            font-size: 1em;
            font-weight: bold; }
        
        #updatenoDate {
            margin: 3em 1em .5em .7em;
            border-bottom: #999999 1px solid;
            font-size: .9em;
            font-weight: bold;     }
        
        .secondaryFooterLinksLeft {
            float:left;
            margin-top: .2em; }
        
        .secondaryFooterLinksRight { float:right; }
        
        #Footer2 {
            background-color: #5D6F5D;
            width: 100%;
            height: 20px;
            color:#FFFFFF;
            padding: 0 0 0 0;
            margin-bottom: 0px;
            text-indent: 5px;
            font-size: .9em;
            border-top: 6px solid #D0C16E;
            margin-top: 0px; }
 
.backSection, .backtotop {
    background-image: url("/gifjpg/small_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #F0EAD0;
    padding-bottom: 10px;
    padding-left: 22px;
}

/* Added 2/11/2016 */
ol {
    margin: .5em 30px;
}