@charset "utf-8"; /* CSS Document */ @import url("/resources/reset.css"); @import url("/resources/pubtables.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;} i,em {font-style: italic;} .bold{font-weight: bold;} /*--- 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; } h2.noborder { border-bottom: none; font-family: "Times New Roman",Times,serif; font-size: 1.7em; font-weight: normal; margin: 0.3em 0 0.5em 0;} h3 { font-size: 1.6em; font-family: "Times New Roman", Times, serif; font-weight:normal; } h3.option1 { margin-top: 20px;} 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; } h4.option1 { font-size: 1.3em; font-family: "Times New Roman", Times, serif; font-variant: normal; font-style: italic; color: #000; font-weight: normal; border-bottom: none; margin: 20px 0 0 0;} h5 { font-size: 1.2em; font-family: "Times New Roman", Times, serif; font-variant: normal; color: #000; font-weight: normal; border-bottom: none; margin: 0.5em 0 0 0;} h6 { font-size: 1.2em; font-family: "Times New Roman", Times, serif; font-variant: normal; font-style: italic; color: #000; font-weight: normal; border-bottom: none; } /*-- 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; } .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; } ol { margin: .5em 30px; } ol li {padding: 3px;} /*---------- Page Layouts ----------*/ #top { padding: 0em; margin: 0; background-image: url("/gifjpg/masthead_BG.jpg"); /*This background image is the green bar that continues across the top of every page*/ background-position: top; background-repeat: repeat-x; border-bottom: 6px solid #F0EAD0; } #headerMasthead { height: 90px; margin-top: 0; width: 960px; margin: 0 auto; } /*Old style may need to be reworked*/ #navMenu { background-color: #5F705F; background-image: url("/gifjpg/navBack.jpg"); /*background green gradient for the main menu*/ background-repeat: repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; width: 960px; margin: 0 auto 0 auto; font-size: .7em; } #contentwrapper { /*This style is for the entire area under the header*/ background-color: #FAFAFA; 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); /*adds the very light gradient to the left and right of the browser window*/ background-repeat: repeat-y, repeat-y; background-position: left, right; } #content { background-color: #FFFFFF; padding: 0 20px 0 20px; font-size: .8em; width: 960px; margin: 0 auto; border-left: 1px solid #E7E7DD; border-right: 1px solid #E7E7DD; } /*This style restricts the size of the main content area to 960px*/ #layout { width: 960px; clear: both; border-top: 10px solid #7c8f7c; padding: 1em 0 0 0; } #main { width: 700px; float: left; margin: 0 0 0 0; padding: 0 15px 0 0; } /*This style wraps the left column of content*/ #main.fullwidth {width: 100%;} #main.fullwidth .contentNav {width: 700px; float: none;} #main.fullwidth .contentNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .skinny {width: 600px; margin: 0 auto 0 auto;} #relatedInfo { float: right; width: 225px; margin: 0 0 0 0; padding: 0; } /*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 { border: 0 none; font-weight: bold; margin: 0 auto; padding-left: 0; width: 960px; } table#headerTopLinks { font-weight: bold; width: 960px; margin: 0 auto; 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: 5px 0 3px 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 { width: 100%; background-color: #E7E7DD; margin: 0; padding: 0; } #BreadCrumbContainer { font-size: .75em; padding: 5px 0px 8px 0; margin:0 auto; font-family: Arial, Helvetica, sans-serif; width: 960px; font-size: .7em; } #BreadCrumbContainer a { color: #333333; } /*---------- 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*/ #printIcon{float:right; margin: 2em 1em 0 0px; font-size: 0.85em;} /*added 12/16 for printing*/ /*---------- 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 h2 a:link{text-decoration: none;} #features .column h2 a:hover{text-decoration: underline;} #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; height: 175px; } #storyContainer .image { float: right; padding: 0px; } #storyContainer h2 { border: none; } #storyContainer p { padding: 0 0 10px 0; } /*--- 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; } /* Featured items that are on the working papers page and include the Fed/Ifdps Notes */ #feature-con.fed-ifdp-notes ul li .header-feds{ float:none; width:100%; height:auto; } #feature-con.fed-ifdp-notes ul li .header-feds h3{ width:100%; } #feature-con.fed-ifdp-notes img.workingPapers { float: left; padding-bottom: 10px; padding-left: 0; padding-right: 10px; padding-top: 0; } #feature-con.fed-ifdp-notes ul li { height:auto; } #feature-con.fed-ifdp-notes h3 { font-size: 18px; } #feature-con.fed-ifdp-notes ul li:first-child ul:first-child li:first-child { border-right:none; } #feature-con.fed-ifdp-notes{ background-image: url(/gifjpg/bkg-feds-ifdp-notes.png); background-position: 97px 24px; background-repeat: no-repeat; } #feature-con.fed-ifdp-notes ul li.action{ height:15px; width:293px; } #feature-con.fed-ifdp-notes ul .action.no-top-padding{ padding-top:0; } #feature-con.fed-ifdp-notes .ifdp-notes-margin-left{ margin-left:118px; } /*---------- 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 li 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 li h4 span{ color: #FFF; background-color: #999; padding: 5px; margin: -10px 0 -10px -10px; 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 #ccc;} ul.tabs li { float: left; margin: 0; padding:0 3px 0 0; background-repeat:repeat-x; } ul#tabs { list-style-type:none; position:relative; } ul#tabs li { float: left; text-align:center; margin:0; width:10em; } ul#tabs li a.tab-active { color:#666600; position:relative; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff; top:1px; } ul#tabs li a.tab-active:hover{ opacity:1; } a:focus { -moz-outline-style: none; } a { outline: none; } ul#tabs li a:hover{ opacity:.5; } ul#tabs li a { padding:14px 15px 8px 15px; background-image: url(/gifjpg/tabback.png); background-repeat:repeat-x; display:block; text-decoration:none; color:#000; position:relative; border-top: #CCC solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px; height: 25px; } ul#tabs li a.nopadding { padding-bottom: 19px; padding-left: 15px; padding-right: 15px; padding-top: 3px; } .tabcontent {display:none; background-color:#FFF;} .content h3 { font-family:Verdana, Geneva, sans-serif; background-color:#fff; } #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 {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;} /*---------- 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 { padding: 0 0 1em 0; margin: 0 0 1em 0; list-style: none; } #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:#A7542C solid 1px; margin:0; padding:0; float: none; width: 100%; } #relatedInfo ul.socialBox { border-bottom:#A7542C solid 1px; margin: 0 0 1em 0; background-color:#FEF9F3;} #relatedInfo ul.socialBox h3 { font-weight: normal; font-size: 1.5em; padding: 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: 10px; float:left; width: 35%; } #relatedInfo ul.socialBox li.floatRight { float:right; } span.medCon { padding-left: 20px; background-repeat: no-repeat; padding-bottom:3px; } 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.twitter{ background-image: url("/gifjpg/twitter-icon-small.png"); background-repeat: no-repeat; padding-left: 20px;} span.flickr{ background-image: url("/gifjpg/Flickr-sm.png"); background-repeat: no-repeat; padding-top:3px; padding-bottom:2px;} 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:0; margin:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #relatedInfo ul.linkBox {border-left:#999999 solid 1px; margin: 0 0 1.5em 0; padding: 0 0 1em 0;} #relatedInfo ul.linkBox h3 { font-family:"Times New Roman", Times, serif; border-bottom:#FFF solid 1px; color:#FFF; font-size:16px; font-weight: bold; } #relatedInfo ul.linkBox li { padding:3px 5px 3px 5px; margin: 0;} #relatedInfo ul.linkBox li.heading { background-color:#999999; display:block; padding:5px 3px 5px 2px;} #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; } .fraser-icon h3{ width:139px; } #relatedInfo .fraser-icon img.exitIcon{ float:right; padding: 2px; } /*For right boxes with larger images and text - see Data Releases Page*/ #relatedInfo ul.list3 {background-color: #fff; padding: 0 10px 0 10px; width: 90%;} #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: 1px solid #DDD; background-image: url(/gifjpg/nav_background.gif); background-repeat: repeat-x; background-color: #fff; margin: .5em 0 1.5em 0; background-position: bottom; width: 100%; font-size: .9em;} .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: 220px; } .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: .85em; } .contentNav h3 span a.selected{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;} .contentNav2 { float: left; border: 1px solid #DDD; background-image: url(/gifjpg/nav_background.gif); background-repeat: repeat-x; background-color: #fff; margin: .5em 0 1.5em 0; background-position: bottom; width: 100%; font-size: .9em;} .contentNav2 ul.column { list-style: none; margin: 0; padding: 5px 5px 8px 5px; float: left; width: 48%; } .contentNav2 ul.column li { padding: 2px 3px 2px 3px; float: none; } .contentNav4 { float: left; border: 1px solid #DDD; background-image: url(/gifjpg/nav_background.gif); background-repeat: repeat-x; background-color: #fff; margin: .5em 0 1.5em 0; background-position: bottom; width: 100%; font-size: .9em;} .contentNav4 ul.column { list-style: none; margin: 0; padding: 5px 5px 8px 5px; float: left; width: 22%; } .contentNav4 ul.column li { padding: 2px 3px 2px 3px; float: none; } /*---------- 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 70px; padding: 0; font-size: .8em; } ul.list3 li p.division { text-transform: uppercase; color: #333; margin: 0 0 0 70px; 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; } .group ul.list3:after { content:"."; display: block; height:0; clear: both; visibility: hidden; } .group ul.list3 li { float: left; width: 220px; margin: 10px 5px 10px 5px; min-height: 109px; } .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 0 0; } .workingPapers h4{font-size: 1em; font-weight: normal; font-style:normal; border: none; padding: 0; margin: 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; } .us_icon { float: left; font-size: 17px; margin-right: 10px; padding-top: 65px; width: 100px; background-image: url(/gifjpg/US-Models-icon-lg.jpg); background-repeat:no-repeat; border-right: 1px solid #DDE2E5; } div.wp{ float:left; width:350px; 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:left; background-color:#e5edfb; background-image:url(/gifjpg/4_easy.jpg); background-repeat: no-repeat; width:732px; 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: 730px; } .four_ways_content { position:relative; float:left; margin-left: 90px; } .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: absolute; margin-left: 10px; margin-top: 40px; font-size: 12px; left: 43px; top: 158px; width: 340px; } .payment { position:relative; float:left; margin-left: 395px; 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; } /*----------------------------Styles For Review----------------------------------*/ #layoutnotop { border-top: none; clear: both; padding: 1em 0 0; width: 960px; } #header_generic div.title, #header_generic_2 div.title { float: left; margin: 0.75em 0.5em; } #header_generic div.title h1, #header_generic_2 div.title h1 { color: #000000; font-size: 1.769em; line-height: 1; margin: -63px 0 0 72px; min-height: 75px; padding: 0; font-weight: 500; text-shadow: 0.1em 0.1em 0.1em #999999; font-family: "Times New Roman", Times, serif; } .content_title { border-bottom: 1px solid #999999; font-family: "Times New Roman",Times,serif; font-size: 14px; font-weight: bold; padding-bottom: 15px; padding-top: 5px; } .content_child { font-family: "Times New Roman",Times,serif; font-size: 14px; font-weight: normal; margin-top: 5px; padding-bottom: 3px; } #header_generic, #header_generic_2 { border-bottom: 1px solid #CCCCCC; display: block; margin: 0; min-height: 75px; padding: 0; position: relative; width: 700px; } #subNav { background-image: url("/gifjpg/navigation_bg.jpg"); background-repeat: repeat-x; border: 1px solid #E0E0E0; float: left; height: 53px; margin-bottom: 20px; margin-left: 15px; margin-top: 15px; position: relative; width: 685px; z-index: 0; } .alpha { margin-left: 0; } .sequential { width: 733px; } .sequential span.text span.smallText { color: #666666; font-size: 10px; font-style: italic; } .sequential span#previous.text { margin-left: 40px; } .sequential span#next.text { float: right; margin-right: 40px; } .sequential span.text span.headlineText { color: #000000; font-size: 10px; font-weight: bold; } .sequential .sequentialContent { text-align: center; width: 300px; } .sequential .sequentialLeft {width:170px; margin:5px 0 0 -15px;} .sequential .sequentialRight { margin: 10px 85px 0 0; width: 170px; } .sequentialLeft a#previousButton { background: url("/gifjpg/previousButton.png") no-repeat scroll 0 -39px transparent; cursor: pointer; display: block; height: 38px; text-decoration: none; width: 220px; } .sequentialLeft a#previousButton:hover { background: url("/gifjpg/previousButton.png") no-repeat scroll 0 0 transparent; } .sequentialRight a#nextButton:hover { background: url("/gifjpg/nextButton.png") no-repeat scroll 190px 0 transparent; } .sequentialLeft, .sequentialContent, .sequentialRight { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .sequential span#pageTitleText.text { font-size: 14px; margin: 5px auto auto; } .sequential span.text { display: block; font-family: Arial,Helvetica,sans-serif; } .sequentialRight a#nextButton { background: url("/gifjpg/nextButton.png") no-repeat scroll 190px -39px transparent; cursor: pointer; display: block; height: 38px; text-decoration: none; width: 220px; } .contents_mid_left { float: left; padding-left: 10px; position: relative; width: 340px; } .contents_mid_right { float: left; margin-top: 15px; padding-right: 15px; position: relative; width: 335px; } .contents_mid { background-color: #fff; border-top: 1px dashed #CCCCCC; float: left; position: relative; width: 700px; } .letterBox { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 2em; padding: 2em; position: relative; } .floatRight { float: right; margin-left: 1em; padding: 0 0 0.5em 0.5em; width: 700px; } .table_contents { float: left; margin-bottom: 30px; margin-left: 12px; width: 733px; } .contents_section { float: left; margin-top: 15px; position: relative; width: 330px; } .sequentialContent a#tableOfContents { background: url("/gifjpg/tocButton.png") no-repeat scroll 50px -29px transparent; color: #333333; cursor: pointer; display: block; height: 29px; margin: -10px auto auto; text-align: center; text-decoration: none; width: 250px; } .sequentialContent a#tableOfContents:hover { background: url("/gifjpg/tocButton.png") no-repeat scroll 50px 0 transparent; color: #FFFFFF; cursor: pointer; display: block; height: 29px; margin: -10px auto auto; text-align: center; text-decoration: none; width: 250px; } .sequential span#tableOfContentsText.text { font-size: 11px; padding-top: 8px; } .jumpBox { background-color: #FDFCF7; border-bottom: 1px solid #CABB9C; border-top: 1px solid #CABB9C; float: left; margin: 0 0 15px; position: relative; width: 100%; } .jumpArea.jumpPage .jumpBox ul { width: 330px; } .jumpArea.jumpPage .jumpBox ul.wider { width: 500px; } .jumpBox ul { list-style: none outside none; margin: 0; padding: 0.75em; } .jumpBox ul li { margin: 0.75em; } .jumpBox ul li ul li { font-size: 11px; margin: 0.75em; padding: 1px; } .jumpBox ul li ul { list-style: none outside none; margin: 0; padding: 0.5em; } .floatLeft { float: left; } h4.jumpHeader { background-color: white; font-size: 14px; margin: 0; border: none; font-style:normal; color: #000; font-family:"Times New Roman", Times, serif; font-weight:500; } .jumpArea.jumpSection { float: right; margin-top: .85em; padding: 0 0 0 15px; width: 215px; } h4.jumpHeader { background-color: white; font-size: 14px; margin: 0;} .imgArea img { padding: 15px;} .imgArea.imgSmall { /*width: 350px;*/} .imgArea.floatLeft { padding: 15px 15px 15px 0; width: 700px;} .imgArea .imgHeader { background-color: #EBEBEB; color: #000; padding: 15px; width: 625px;} .imgArea .imgHeader h3{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;} .footnotes p { font-family: Arial,Helvetica,sans-serif; font-size: 11px; } .imagemapleft a { display: block; font-size: 0.65em; } .imagemapleft { float: left; } .fntext { color: #333333; font-size: 0.85em; margin: 1em 0; padding: 0; } .shadedbox { background-color: #EBEBEB; border-bottom: 1px solid #253750; border-top: 1px solid #253750; font-size: 0.85em; margin: 1em; padding: 1em; } ul.report { list-style:disc; } ul.report li{ list-style:disc; } /***Back to top button */ .backPage, #back-top { position: fixed; bottom: 45px; margin-left: 20px; right:0; margin-right:20px; margin-bottom:22px; display: block; } .backPage a, #back-top a { width: 54px; height: 40px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .backPage span, #back-top span { width: 54px; height: 40px; display: block; background:url(/gifjpg/back_top2.png) no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .backPage a:hover span, #back-top a:hover span { background: background:url(/gifjpg/back_top2.png) no-repeat center center; } .backPage a:hover, #back-top a:hover { color:#000; } .backSection, #backtotop { background-image: url(/gifjpg/small_arrow.png); background-position:left; background-repeat:no-repeat; padding-left:22px; padding-bottom:10px; border-bottom:#f0ead0 solid 1px; } /*-- Budget Review Styles added 7/10/2012 --*/ .borderdash {border-bottom: 1px dashed #333333; font-family: "Times New Roman", Times, serif; font-size: 1.4em;} .organization { width: 760px; } .organization .organizationGrid1, .organizationWithSidebar .organizationGrid1 { width: 230px; } .organizationGrid1, .organizationGrid2 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .floatSeal { width: 100px; float: right; } .content_title { border-bottom: 1px solid #999999; font-family: "Times New Roman",Times,serif; font-size: 14px; font-weight: bold; list-style: none; /*They need to add this to this class*/ padding-bottom: 15px; padding-top: 5px; } .content_child { font-family: "Times New Roman",Times,serif; font-size: 14px; font-weight: normal; margin-top: 5px; padding-bottom: 3px; list-style: none; } .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; } dl.tableDisplay { float: left; margin: 1em 0; padding: 15px; width: 320px; } .tableDisplay dt { background-color: #FCF8E4; border-top: 1px solid #CCCCCC; clear: left; float: left; margin: 0; min-height: 35px; padding: 10px; width: 53px; } .tableDisplay dd { background-color: #FCF8E4; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; float: left; margin: 0; min-height: 35px; padding: 10px; width: 199px; } .imgArea.imgSmallFigure { width: 330px; } .imgArea .imgHeaderAR { background-color: #EBEBEB; color: #000000; padding: 15px; } .floatLeft { width: 100%; } .jumpArea.jumpPage .jumpBox ul { width: 100%; } .organization { width: 760px; } .organization .organizationGrid2, .organizationWithSidebar .organizationGrid2 { width: 350px; } .organizationGrid1, .organizationGrid2 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } #subNavNoNavigation { background-image: url("/gifjpg/navigation_bg.jpg"); background-repeat: repeat-x; border: 1px solid #E0E0E0; display: block; float: left; height: 53px; margin-bottom: 20px; margin-left: 15px; margin-top: 15px; padding: 0; z-index: 0; width: 685px; } h5.borderdash { border-bottom: 1px dashed #333333; font-family: "Times New Roman", Times, serif; font-size: 1.4em; } h6.annual { font-family: "Times New Roman",Times,serif; font-size: 1.1em; font-weight: normal; margin-bottom: 0; } #subNavTall { background-image: url("/gifjpg/navigation_bg.jpg"); background-repeat: repeat-x; background-color: #ececec; border: 1px solid #E0E0E0; float: left; height: 74px; margin-bottom: 20px; margin-left: 15px; margin-top: 15px; position: relative; width: 685px; z-index: 0; } /*-- Around the Board styles added 10/1/2012, revised 10/16/12, revised 11/15/12 --*/ .exhibitionImages { float: right; padding: 12px 0 8px 13px; } .contactUs { width:100% !important; } .picture { float: left; } .description { float: right; margin-top: 15px; margin-left: 26px; width: 344px; } .descripSelect { width: 687px; margin-top: 23px; } .smallerImage { width:400px !important; } .galleryImages { width:229px; float:left; font-size:14px; } #gallery { padding: 30px; background: #e1eef5; } #descriptions { position: relative; height: 100px; background: #e1eef5; margin-top: 0px; width: 580px; padding: 10px; overflow: hidden; margin-bottom: 20px; } #descriptions .ad-image-description { position: relative; } #descriptions .ad-image-description .ad-description-title { display: block; } .picQuote { margin-left: 0px; width:600px; } .picQuote h2 { margin-left: 0px; border: 0px; } .picQuote p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .smallDescrip { height:20px !important; } #relatedItems { background-color: #EFEFEF; margin-top: -15px; padding-bottom: 15px; padding-top: 15px; } p.type { color: #999999; font-family: Arial,Helvetica,sans-serif; font-size: 11px; margin: 0 0 0 10px; padding: 0; text-transform: uppercase; } p.link { font-family: Arial,Helvetica,sans-serif; font-size: 13px; margin: 0 0 10px 10px; padding: 0; } .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; } .quote { margin:0 2em 0 4em; } .inline { display: inline; } .center { text-align:center; } .centerleft { margin:0 0 0 8em; } .right { text-align:right; } span.mathExpression { font-family: Times New Roman, serif; font-size: 14px; font-style: italic; } /* Added ?8/?27/?2015 at 9:37 AM */ blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; } /* Added 10/6/2015 */ .headShot { float: left; padding: 1em 1em 1em 0; } /*added for purposes and functions - 6/1/2016*/ .imgArea.floatRight { float:right; } .imgArea.floatRight .imgHeader h2 { font-size: 1.35em; font-family: "Times New Roman", Times, serif; margin:0; border-bottom:none; font-weight:normal; } .centered { text-align:center; } .imgArea .imgHeaderCentered { background-color: #EBEBEB; color: #000; padding: 15px; width: 625px; margin: 0 auto; } .pf-description { float: left; margin-left: 26px; min-width: 650px; } .pf-chapters { width: 400px; float: left; margin: 20px 20px 0px 0px; } .pf-icon { float: left; margin: 10px 10px 0px 0px; } .pf-footer { margin-top: 60px; } /*end of additions 6/1-9/26 */ /*end of PF additions 6-1-2016*/