/* ************************************************* PCUSA(OGA) General Screen Styles Created by the friendly folks at Happy Cog http://www.happycog.com/ ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.5; word-wrap: break-word; } body { font: normal 62.5% Georgia, 'Times New Roman', serif; background-color: #0b395a; color:#fff; } p { margin: 0 0 1.5em 0;} /* block level */ h1, h2 { color: #1a1917; font-size: 2.6em; margin: 0; font-weight: normal;} h3 { font-size: 1.6em; font-weight: normal; color: #1a1917; } h4, h3.delta { font-size: 1.05em; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 14px 0; color: #1a1917; } h5 { font-size: 1em; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; margin: 0 0 14px 0; color: #1a1917; } h6 { font-size: 1em; font-weight: normal; ; margin: 0 0 14px 0; color: #1a1917; } blockquote { background: url(../m/screen/quote.png) no-repeat 10px 0px; margin: 0 0 32px 25px; padding: 0; } .article blockquote p { margin: 0; padding: 12px 0 20px 53px; font-style: italic; background: url(../m/screen/border-tan-v.png) repeat-y 0 0; } blockquote .credit { display: block; } .highlight blockquote { background: none; } .article blockquote p { margin: 0; padding: 12px 0 20px 53px; font-style: italic; background: url(../m/screen/border-tan-v.png) repeat-y 0 0; } blockquote .credit { display: block; } table { border-collapse: collapse; border-bottom: 3px solid #656c71; font-size: .867em; margin-bottom: 32px;} th { background: #656c71; color: #fff; font: .84em 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align: left;} th, td { padding: 7px 15px;} td { vertical-align: top; border-top: 1px solid #d8d8ce;} tr.alt { background: #fcfcfa; } td.cell-a { border-right: 1px solid #d8d8ce; } .date { text-transform: uppercase; font-size: .9em; } .date span { font-size: .9em; } .listings .date, #blog .article .date, .author span, .highlight .date, #statements-news div ul li .date { font-size:1.6em; font-variant: small-caps; text-transform: lowercase; text-align: center;line-height: 1; letter-spacing: .1em;color: #4a4a4a; font-style: normal;} #blog .article .date, .highlight .date { font-size: 1.25em; background:url(../m/screen/title-flourish.png) no-repeat bottom center; padding-bottom: 30px; margin-bottom: 20px;} ul, ol { margin: 0 0 32px 27px; padding: 0; } ul li, ol li { margin: 0; padding: 0; } ol { margin-left: 50px; } ul { list-style-type: none; } ul li { background: url(../m/screen/bullet-fancy-green.png) no-repeat 0 .3em; padding: 0 0 0 23px; } dl { margin-bottom: 32px; } dt { font-style: italic; } dd { margin: 0 0 0 27px; } .article { font-size: 1.4em; } /* inline */ em { font-style: italic; } strong { font-weight: bold; } a { color: #943542; } a:hover, a:focus { color: #b22437; } img { display: block; } img.endmark {display:inline;} a img { border: none; } input, textarea { font: 1em Georgia, 'Times New Roman', serif; } code { font: 1.1em/1 'Courier New', Courier, monospace; } sub, sup { line-height: 0; } p.meta, p.more, .info p, p.quote, p.date, p.read-more, p.continue-reading, p.info, .dr-list p { margin-bottom: 0;} /*------------------------------------------- Global combinations -------------------------------------------*/ h1 a, #nav li a, #search button, #breadcrumbs li.home a, #comment-form button, #oga-foot h2, #mast, #month-archive ol li a.toggle, .comment-author .permalink, .feature-call .continue-reading a, h3.news-and-statements, .news-and-statements h3, #upcoming-events h2, #statements-news h2, #documents-resources h2, #browse-topics h2, #constitution h2, #browse-topics .toggle, #find-a-congregation h2, #mgb h2, #mgb a, #find-a-congregation button, #upcoming-events h3, #find-a-congregation h2, #ga #hero h3 a, #hero p.hero-button a, #the-constitution #hero h3 a, .related-resources h3, #blogs-columns h3, h3.the-constitution-of-pcusa-full, h3.general-assembly, #event-highlight p.register a, .events-list h3 { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .clearfix-rule:after, .topics:after, #comments ol li:after, .pagination:after, #container:after, #sub .download p:after, #footer:after, #breadcrumbs:after, #mid:after, .listings li:after, #sub .topics ul:after, .listings .info:after, p.more:after, .news-and-statements .simple ul:after, #statements-news:after, #dr-nav:after, #browse-topics:after, .dr-list .lists:after, #hero div:after, .related-resources:after, .related-resources ul li:after, ul.location:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .move, .skip, #search label { position: absolute; left: -9999px; } .hide { display: none; } /*------------------------------------------- Structure -------------------------------------------*/ #header { width:960px; margin:0 auto; position:relative; min-height:38px; padding: 23px 0 54px 0;} #header-wrap { min-width: 960px; background:#0c2a48 url(../m/screen/header-bg.png) repeat-x 0 bottom; min-height:114px;} h1 a { position: absolute; left: 50px; bottom: 28px; width:395px; height:71px; background-image:url(../m/titles/office-of-the-general-assembly-logo.png);} h1 a:hover, h1 a:focus { background-position:0 -72px;} ul#nav { position: absolute; bottom: 3px; left: 114px; width: 606px; height:60px; margin: 0; padding: 0 0 0 6px; list-style-type: none; background: #0c233a url(../m/screen/nav-bg-overlay.png) repeat-x 0 0;} #nav li { height: 49px; float: left; margin: 6px 0 0 0;padding: 0;background:none; } #nav li a { display: block; width: 197px; height: 49px; background-image: url(../m/screen/nav-sprite-new.png); } #nav #docs-nav a { width: 109px; background-position: -376px 0; } #nav #about-nav a { width: 125px; background-position: -246px 0; } #nav #events-nav a { width: 120px; background-position: -486px 0; } #nav #ga-nav a { width: 165px; background-position: -84px 0; } #nav #vision-nav a { width: 84px; } #nav #ga-nav a:hover, #nav #ga-nav a:focus { background-position: -84px -49px; } #nav #docs-nav a:hover, #nav #docs-nav a:focus{ background-position: -376px -49px; } #nav #about-nav a:hover, #nav #about-nav a:focus { background-position: -246px -49px; } #nav #events-nav a:hover, #nav #events-nav a:focus { background-position: -486px -49px; } #nav #vision-nav a:hover, #nav #vision-nav a:focus { background-position: 0 -49px; } #nav #ga-nav a:active, #nav #ga-nav.on a { background-position: -84px -98px; } #nav #docs-nav a:active, #nav #docs-nav.on a { background-position: -376px -98px; } #nav #about-nav a:active, #nav #about-nav.on a { background-position: -246px -98px; } #nav #events-nav a:active, #nav #events-nav.on a { background-position: -486px -98px; } #nav #vision-nav a:active, #nav #vision-nav.on a { background-position: 0 -98px; } #utility { margin: 0 0 0 738px; list-style-type: none; } #utility li { margin: 0 0 4px 0; padding: 0;background:none } #utility li a { color: #bbc3c7; font: 10px/12px 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; text-decoration: none; padding: 0 0 0 15px; background: url(../m/screen/bullet-blue-on-blue.png) no-repeat 0 .25em; letter-spacing: .15em; } #utility li a:hover, #utility li a:focus { text-decoration: underline; } #search { position: absolute; bottom: 21px; left: 738px; width: 214px; background: url(../m/screen/search-bg.png) no-repeat 0 0; height: 22px; padding: 4px;} #search label { display: none; } #search button, #find-a-congregation button { border: none; width: 67px; height: 23px; background-image: url(../m/widgets/search.png); float: right; cursor: pointer;} #search button:hover, #search button:focus, #find-a-congregation button:hover, #find-a-congregation button:focus { background-position: 0 -23px; } #search input { background: transparent; border: none; display: block; float: left; height: 21px; width: 140px; padding: 0 0 0 4px; font: 12px 'Trebuchet MS', Verdana, Arial, sans-serif;} #mid-wrap { background: url(../m/screen/title-bg.png) repeat-x left bottom;} #home #mid-wrap { background: url(../m/screen/home-title-bg.png) repeat-x left bottom;} #mid { width:960px; margin:0 auto; padding-bottom: 13px; position: relative;} #mid h2 { padding: 10px 140px 3px 0; background: url(../m/screen/border-tan.png) repeat-x left bottom; letter-spacing:0.02em;} #breadcrumbs { margin: 18px 0 0 191px; height: 2.2em;} #breadcrumbs li { list-style-type: none; float: left; line-height:1.9em ; margin: 0 4px 0 0; padding: 0;background:none } #breadcrumbs li a, .subscribe a { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-weight: bold; color: #943542; background: url(../m/screen/caret-tan.png) no-repeat right 60%; padding: 0 11px 0 0; text-transform: uppercase; letter-spacing: .1em; text-decoration: none;} #breadcrumbs li a:hover, #breadcrumbs li a:focus, .subscribe a:hover, .subscribe a:focus { text-decoration: underline; color: #b22437; } #breadcrumbs li.home a { background-image: url(../m/screen/nav/breadcrumb-ribbon.png); width: 102px; height: 21px; } #breadcrumbs li.home a:hover, #breadcrumbs li.home a:focus { background-position: 0 -21px; } .subscribe { float: right; margin-top: -2.25em; width: 140px; text-align: right; } .subscribe a { background: url(../m/widgets/feed-icon.png) no-repeat right 50%; line-height: 1em; display: block; padding: .35em 23px .35em 0; font-weight: bold;} #content { min-width: 960px; background: #f2f2f2 url(../m/screen/main-bg-alt.png) repeat 0 0; color: #1a1917; } #container { width: 960px; margin: 0 auto; padding-bottom: 32px; } #main { width: 469px; float: left; margin: 32px 18px 0 0; position: relative;left: 195px; padding-right: 15px;} #sub { width: 254px; float: left; margin: 32px 0 0 0; position: relative;left: 195px;} #home #sub { width: 230px; left: 0; top:-60px;} #blog #main, #blog #sub, .alt #main, .alt #sub { margin-top: 24px;} #secondary { width: 167px; float: left; position: relative;left: -765px; top: -42px;} .container-expanded #main { width: 740px; } .container-expanded #sub { width: initial; } .full-top .topper { width: 769px; float: right; height: 94px; margin-top: 12px;} .full-top #secondary { top: -145px;} .full-top #main {margin-top: -29px;} .full-top #sub {margin-top: -37px;} #hero-wrap { width: 767px; float: left; position: relative;left: 195px; margin: 16px 0 0 0;} #hero-wrap #main, #hero-wrap #sub { left: 0; } #hero { width: 767px; float: left; display:block ; background: url(../m/screen/hero-bg-ribbon.png) no-repeat 0 0; font-size: 1.6em;color: #4a4a4a; font-style: italic; } #hero div { background: url(../m/screen/hero-bg-foot.png) no-repeat 0 bottom; padding: 18px 52px 18px 300px;} #ga #hero h3, #the-constitution #hero h3 { background: url(../m/screen/dropshadow239.png) no-repeat right bottom; float: left; padding: 0 6px 6px 0;margin: 0 0 0 -283px;} #ga #hero h3 a { background-image: url(../m/fpo/219th-ga.png); background-position: 8px 8px;width: 239px;height: 163px; padding: 8px; background-color: #fff; border: 1px solid #edebe3; } #the-constitution #hero h3 a { background-image: url(../m/titles/the-constitution-hero.jpg); background-position: 8px 8px;width: 239px;height: 163px; padding: 8px; background-color: #fff; border: 1px solid #edebe3; } #hero .hero-img-wrap { background: url(../m/screen/dropshadow239.png) no-repeat right bottom; float: left; padding: 0 6px 6px 0;margin: 0 0 0 -283px;} #hero .hero-img { width: 239px;height: 163px; padding: 8px; background-color: #fff; border: 1px solid #edebe3; } #hero p { margin: 26px 0 0 0; } #hero p.hero-button, #hero p.more { margin: 12px 0 0 0; font-size: .75em;} #ga #hero p.hero-button a { background-image: url(../m/widgets/visit-gamc.png); width: 331px; height: 23px; } #hero .hero-button a:hover, #hero .hero-button a:focus { background-position: 0 -23px; } #the-constitution #hero p.hero-button a { background-image: url(../m/widgets/order-the-constitution.png); width: 331px; height: 23px; } #hero .hero-button a:hover, #hero .hero-button a:focus { background-position: 0 -23px; } #hero p.more a, #event-highlight p.more a { background-color: transparent;border: none;line-height: 1; } #hero p.more a:hover, #event-highlight p.more a:hover, #hero p.more a:focus, #event-highlight p.more a:focus { text-decoration: underline;} #hero p.teaser a { text-decoration: none; color: #355787;} #hero p.teaser a:hover, #hero p.teaser a:focus{ text-decoration: underline; } .subpage #main { background: url(../m/screen/sub-border-v.gif) repeat-y scroll right 0; } .alt #main { background: url(../m/screen/sub-border-tall.png) no-repeat scroll right -24px; } .article { width: 405px; padding: 32px 32px 0; background: #fff url(../m/screen/border-content-tan.png) repeat-x 0 0; color: #4a4a4a; margin: 0 0 32px 0; border-bottom: 1px solid #e9e8e2;} #blog .article { background: none; margin-top: 185px;padding: 32px 12px; width: 465px;} #alt-resource .full { background: #fff url(../m/screen/article-ribbon.gif) repeat-x 0 0; padding: 26px 32px 0; } #alt-resource .full h3 { padding: 0 38px; } .article h3 { text-align: center; margin-bottom: 12px;} .article h3.delta { text-align: left; } #blog .article h3 { margin-bottom: 0; } .article .tagline { margin-bottom: 20px; padding: 0 32px 38px; font: .8em 'Trebuchet MS', Verdana, Arial, sans-serif; color: #8a8059; text-transform: uppercase; letter-spacing: .1em; text-align: center; background: url(../m/screen/title-flourish.png) no-repeat center bottom;} .article .intro { font-size: 1.06em;font-style: italic; } .article .intro:first-line, .listings p.excerpt:first-line, .feature-teaser p:first-line, #hero p.teaser:first-line, .related-resources p:first-line, div.listings p:first-line { font-variant: small-caps; letter-spacing: .1em;} div.lead p:first-line, .listings p.excerpt:first-line { font-size: 1.2em;} .article p.intro:first-letter, .feature-teaser p:first-letter, #hero p.teaser:first-letter { color: #8a8059; margin:0.2em 0.2em 0 0; float:left; line-height:0.65; letter-spacing:0; text-transform: uppercase; font-size: 3.2em; } .article p { margin-bottom: 32px; } .article p.caption { margin-bottom: 0; } .article a { color: #355787; font-style: italic; } .article a:focus, .article a:hover { color: #245eb0; } .note { font-size: .8em; position: relative; top:-.7em; } .insert { float: left; margin: 5px 15px 15px 0; background-color: #FFFFFF; border: 1px solid #EDEBE3; padding: 8px; } .insert.alt { float: right; margin: 5px 0 15px 15px; background-color: #FFFFFF; border: 1px solid #EDEBE3; padding: 8px; } .insert200 { width: 218px } .insert106 { width: 124px; } .insert400 { width: 418px; margin-right: 0;} .insert img { padding: 8px; border:1px solid #cecdc8; margin-bottom: 10px; } .caption { font-size: .875em; font-style: italic; margin: 0;} .caption a, blockquote .credit { font-size: .79em;font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: .1em; color: #8a8059; background: url(../m/screen/dash.png) no-repeat 0 .75em; text-indent: 12px; display: inline-block;} .caption a:hover, .caption a:focus { text-decoration: underline; } .divider { background:url(../m/screen/border-tan-dotted.png) repeat-x scroll 0 0 transparent; padding-top: 16px;} .topics { background: url(../m/screen/border-tan-dotted.png) repeat-x 0 0; padding: 16px 0 0 0; margin-bottom: 32px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-weight: bold; color: #8a8059; font-size:.8em; text-transform: uppercase; letter-spacing: .1em; } #sub .topics { font-size: 1em;background: none; } #sub .topics ul { font-size: .9em; margin: 12px 12px 26px; } .topics p { margin: 0 0 8px 0; } .topics ul { margin: 0;padding: 0; } .topics ul li { float: left; background: none !important; border: none; margin: 0;padding: 0;} .topics ul li a { float: left; font-style: italic; letter-spacing: 0;} .topics ul li a, .end-notes ul li a.note-ref, p.more a, #sub .topics li a, .order li a { display: block; color: #8a8059; text-decoration: none; text-transform: none; font-weight: normal; background: #e9e7df; margin: 0 7px 7px 0; padding: 0 10px; line-height: 22px; border: 1px solid #cfcec7; border-bottom: 1px solid #edebe1; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;} .topics ul li a:hover, .topics ul li a:focus, #sub .topics ul li a:hover, #sub .topics ul li a:focus, .end-notes ul li a.note-ref:hover, .end-notes ul li a.note-ref:focus { background-color: #edebe1; color: #a3a094; text-decoration: none;} .topics ul li a, .end-notes ul li a.note-ref {-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.1);} .end-notes { margin-bottom: 25px; } .end-notes p { text-transform: uppercase; letter-spacing: .1em; margin: -12px 0 14px 32px; color: #1a1917; font-size: 1.5em; } .end-notes ul { list-style-type: none; margin: 0 0 0 0; padding: 0; } .end-notes ul li { clear: both; margin: 0 0 7px 58px; padding: 0; font-size: 1.2em; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; color: #817c72; background: none;} .end-notes ul li a.note-ref { float: left; padding: 0 4px; margin: 0 11px 0 -26px; line-height: 16px;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; font-family: Georgia, 'Times New Roman', serif; font-size: .9em; } .end-notes ul li a { text-decoration: none;} .end-notes ul li a:hover, .end-notes ul li a:focus { text-decoration: underline;} #comments { border-top: 3px solid #1a1917; position: relative; } #comments h4 { background: #fff; line-height: 33px; font-size: 1.6em; padding: 0 225px 0 12px; margin: 0; border-bottom: 1px solid #e9e8e2;} #comments .join {float: right; margin:-33px 12px 0 0; line-height: 33px;display: block; text-transform: uppercase; letter-spacing: .1em;font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;text-decoration: none;color: #355787; font-weight: bold; font-size: 1.15em;background: url(../m/widgets/arrow.png) no-repeat 0 1em; padding: 0 0 0 22px; } #comments .join:hover, #comments .join:focus { text-decoration: underline;color:#245eb0; } #comments ol { list-style-type: none; margin: 0; } #comments ol li { border-bottom: 1px solid #e9e8e2; padding: 20px 24px 20px 0; margin: 0; font-size: 1.3em; color: #4a4a4a; background: none;} #comments ol li.alt { background: #fff; } #comments ol li p { margin-bottom: 1.2em;} #comments ol li .comment-author p { margin-bottom: 0;} #comments ol li div { float: right; width: 282px; } #comments ol li div.comment-author { width: 117px; padding: 1px 15px 0 25px; float: right; position: relative;} .comment-author .permalink { background: url(../m/widgets/balloon-sprite.png); position: absolute;top: 4px;left: 0; width: 20px;height: 18px;} .comment-author .permalink:hover, .comment-author .permalink:focus { background-position: -331px 0; } .comment-author p { font-style: italic; margin-bottom: 0;} .comment-author .author, .comment-author .date { font-style: normal; } .comment-author .author { text-transform: uppercase; text-decoration: none; font-size: .9em;; } .comment-author a.author { color: #355787; text-decoration: none; } .comment-author a.author:hover, .comment-author a.author:focus { text-decoration: underline;color:#245eb0; } .pagination { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;text-decoration: none;color: #8a8059; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; font-size: 1.2em; margin: 8px 0 0 0;} .pagination strong { display: block; float: left; margin: 0 4px 0 0;} .pagination a { text-decoration: none; color: #8a8059; margin: 0 5px; line-height: 1.5em; padding: 0 4px; display: block; float: left;} .pagination a:hover, .pagination a:focus { background: #e9e7df; } .pagination a.on { background: #943542; border:1px solid #92223c; color: #fff;} #comment-form { margin: 32px 0 0 0; font-size: 1.4em;} #comment-form h4 { background: #656c71; color: #fff; font: .8em 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; padding: 7px 15px; margin: 0 0 3px 0;} #comment-form ul { list-style-type: none; background: #fff; border: 1px solid #e9e8e2; padding: 16px 17px; margin: 0;} #comment-form ul li { margin: 0;padding: 0;background: none; } #comment-form ul li label { display: block; text-transform: uppercase; margin: 0 0 6px 0;} #comment-form ul li input { height: 20px;width: 311px; padding: 3px; color: #4a4a4a; margin: 0 0 21px 0;} #comment-form ul li textarea { width: 311px; padding: 3px; color: #4a4a4a; margin-bottom: 10px; } #comment-form ul li .optional { font: italic .85em 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: none; } #comment-form button { border: none; width: 67px; height: 23px; background-image: url(../m/widgets/submit.png); cursor: pointer;} #comment-form button:hover, #comment-form button:focus { background-position: 0 -22px; } #sub { font-size: 1.3em; } #sub h4 { background: #656c71; color: #fff; font: .85em/2em 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; padding: 0 5px; margin: 0; text-align: center; } #sub ul { list-style-type: none; margin:0;padding:0;} #sub li { margin: 0; padding:0; } #sub li.last { background: none; } #sub li a { text-decoration: none; display: block; padding: 0; margin: 0; height:1%;} #sub ul li a:focus, #sub ul li a:hover { text-decoration: underline; color: #b22437; } #sub .download h4 { margin: 0 0 8px; } #sub .download p { margin: 0 0 22px 0 } #sub .sub-list { margin-bottom: 32px;} #sub .sub-list li { padding: 7px 10px; background: url(../m/screen/border-tan-dotted.png) repeat-x left bottom;} #sub .sub-list li:focus, #sub .sub-list li:hover { background-color: #fff /*rgba(255,255,255,.7)*/;} #sub .sub-list li.last { background-image: none;} #sub .sub-list .date { color:#54514A; } #sub .sub-list p.meta { font-style: italic; color:#4a4a4a;} #sub .sub-list p.meta .date { font-style: normal;} #sub .sub-list p.location, #sub p.location { margin-bottom: 0; font-style: normal; font-size:0.8em; color:#92908b; font-weight: bold; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; } #sub .sub-list p.location span { border-right: 1px solid #92908b; padding-right: 4px;} #sub .controls { background:url(../m/screen/border-content-tan.png) repeat-x scroll 0 0; padding-top: 11px; font-size: .8em; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; } #sub .controls a:hover , #sub .controls a:focus { text-decoration: underline;} #sub .controls .previous { float: left; color: #355787; text-decoration: none; background:url(../m/widgets/controls-left.png) no-repeat 0 .3em; padding-left: 26px;} #sub .controls span.previous { background-position: 0 -298px;} #sub .controls .next { float: right; color: #355787; text-decoration: none; background:url(../m/widgets/controls-right.png) no-repeat right .3em; padding-right: 26px;} #sub .controls span.next { background-position: right -298px;} #sub .controls span.previous, #sub .controls span.next { color: #8a8059;} #main > p.more, #main .news-and-statements p.more { font-size: 1.3em;} .article .more { margin-top: -21px;} .article > p.more a { font-size: .8em;} p.more a, .order li a { float: left; font: bold .85em/2.2 'Trebuchet MS', Verdana, Arial, sans-serif; color: #355787; text-transform: uppercase;background-repeat: no-repeat;background-position: 6px 45%; background-image: url(../m/widgets/arrow.png); padding-left: 27px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-color:#e5e5dc;} .pdf, .info .pdf, p.more a.pdf { background-image: url(../m/widgets/pdf.png); background-position:6px 45%; background-repeat: no-repeat;} p.more a:focus, p.more a:hover, .order li a:hover, .order li a:focus { background-color: #fdfdfc; color: #245eb0; background-position:-327px 45%;} .pdf:hover, .pdf:focus, .info .pdf:hover, .info .pdf:focus, p.more a.pdf:focus, p.more a.pdf:hover { background-position:6px 45%; } #secondary { width: 181px; background: url(../m/screen/secondary-shadow-top.png) no-repeat 0 0; font-size: 1.2em;} #secondary div { width: 181px; background: url(../m/screen/secondary-shadow-bottom.png) no-repeat 0 bottom; padding-bottom: 2px; } #secondary ul { list-style-type: none; width: 151px;background: #d8d8cc;border: 8px solid #fff; margin: 6px;} #secondary ul li { background: #edebe3; margin: 0 0 1px; padding: 0; } #secondary ul li a { display: block; padding: 9px 12px 9px 15px;font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-decoration: none;text-transform: uppercase;letter-spacing: .1em; line-height: 1.1; font-size: .9em; font-weight: bold; text-shadow: 1px 1px 0 #fff;} #secondary ul li a:focus, #secondary ul li a:hover { background: #faf9f4; } #secondary ul li a:active { background: #ba4a64 url(../m/screen/secondary-active.png) repeat-x left bottom; color: #fff; text-decoration: none;} #secondary ul li.on {padding: 0; margin-bottom:0;} #secondary ul li.on a { color: #fff; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-decoration: none;text-transform: uppercase; background: #b74e65 url(../m/screen/secondary-on.png) no-repeat left bottom !important; display: block; width: 126px; padding: 12px 12px 14px; line-height: 1;text-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px;font-weight: normal;} #secondary ul ul { display: none; } #secondary ul li.on ul { display: block; margin: 0 4px;padding: 0;border: none;width: 142px; background: #fff;} #secondary ul li.on ul li { padding: 0;margin: 0; border-bottom: 1px solid #edebe3;background: none; } #secondary ul li.on ul li a { font: .9em 'Trebuchet MS', Verdana, Arial, sans-serif; color: #5c8ab1;text-transform: none; font-style: italic; width: 110px; padding: 7px 10px 7px 23px; display: block; background: url(../m/screen/bullet-tan.png) no-repeat 12px 10px !important; text-shadow: none; letter-spacing: 0;} #secondary ul li.on ul li.sub-on { background: #e8eef4; color: #5c8ab1; } #secondary ul li.on ul li.sub-on a { color: #2c4153; } #secondary ul li.on ul li a:hover, #secondary ul li.on ul li a:focus { text-decoration:underline; color: #2f6490;} #footer-wrap { min-width: 960px; background: url(../m/screen/footer-bg.png) repeat-x 0 0; color: #fff; } #footer { width: 960px; margin: 0 auto; padding: 34px 0 50px 0; font-family:'Trebuchet MS', Verdana, Arial, sans-serif;} #oga-foot { width: 219px; background: url(../m/screen/footer-contact-bg.png) no-repeat left bottom; padding: 0 0 12px; margin: 0 0 24px 0;} #oga-foot h2 { background-image: url(../m/titles/oga-logo-foot.png);width: 219px;height: 142px; } #oga-foot .lead { color: #a4d2f2; font-size: .95em; text-transform: uppercase; letter-spacing: .1em; margin: 17px 0 0 0;} #oga-foot ul { list-style-type: none; margin: 15px 25px; font: .95em/2 'Trebuchet MS', Verdana, Arial, sans-serif; } .tel { background: url(../m/widgets/phone.png) no-repeat 0 2px; padding: 0 0 0 20px; } .addr { background: url(../m/widgets/envelope.png) no-repeat 0 2px; padding: 0 0 0 20px; } .addr span { display: block; } .foot-mod { width: 228px; float: left; font-size: 1.25em; margin: 0 15px 0 0;} .foot-mod p { margin-bottom: 0;} .foot-mod.last { margin: 0; } .foot-mod ul { list-style-type: none; margin: 0;} .foot-mod li, .foot-mod h3 { margin: 0 0 15px 0; padding: 0; background: none;} .foot-mod h3 { font-size: 1em; } .foot-mod h3 a { color: #a4d2f2; display: block; line-height: 1.7; font-size: 1em; padding: 2px 8px 0; text-transform: uppercase; letter-spacing: .1em; background: #113f60;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 0 -2px 2px;} .foot-mod h3 a:hover, .foot-mod h3 a:focus { background: #124b73; color: #fff; } .foot-mod ul a { color: #fff; text-decoration: none; } .foot-mod ul a:focus, .foot-mod ul a:hover { text-decoration: underline; color: #fff;} #pcusa { display: block; background: url(../m/screen/pcusa-logo.png) no-repeat 0 0; height: 116px;padding: 28px 0 0 113px; } #pcusa a.pcusa { color: #a4d2f2; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-decoration: none;} #pcusa a:hover, #pcusa a:focus { text-decoration: underline; } #pcusa a { color: #fff; text-decoration: none;} #pcusa p { text-align: center;} #mast { padding: 8px; background-color: #fff; background-position: 8px 8px; border: 1px solid #edebe3; margin: 0 0 28px 0; position: absolute;} .listings { margin: 0 0 5px 0; padding: 0; color: #4a4a4a; } #blog .listings { margin-top: 217px; } .listings li, div.listings { background: none; margin: 0 0 20px 0;padding: 0 0 40px 123px; clear: both; background:url(../m/screen/title-flourish.png) no-repeat bottom center; position: relative;} .listings li.video, .listings li.no-photo { padding-left:0 } .listings li.no-photo h4, .listings li.no-photo .date { margin-left: 0; } .listings li.transition { background: none; padding-bottom: 25px; } .listings li li, .listings li ul { padding: 0; margin: 0; clear: none;} .listings img, .highlight img, #blogs-columns img { padding: 8px; background-color: #fff; border: 1px solid #edebe3; float: left; } .listings p, .highlight p { font-size: 1.3em; line-height: 1.8; color: #4a4a4a; margin-bottom: 1.2em;} div.listings p { font-size: 1.15em;} .listings h4, .highlight h3 { font-size: 2.4em; line-height: 1;text-align:center; text-transform:none; letter-spacing:0; margin:0; padding: 0; clear: both; font-weight: normal;} .listings h4, .listings .date, .listings img { margin: 0 0 0 -123px; } .highlight h3, .highlight .date, .highlight img, .highlight h2 { margin: 0 0 0 -133px; } .highlight h3 { margin-bottom: 3px;} .highlight h3 a { line-height: 1.2;} .listings h4 a, .highlight h3 a { text-decoration:none;} .listings h4 a:hover, .listings h4 a:focus { text-decoration: underline; } .listings .date { margin-bottom: 21px; } .full-top .listings .date { margin-bottom: 10px;} .listings .date span { text-transform: none; font-variant: normal; font-style: italic; letter-spacing: 0; font-size: .8em;} .listings .excerpt { margin-bottom: 13px; } .listings .video h4, .listings .video p { margin: 0; padding: 0; text-align: center; } .listing .video { margin: 0 0 20px; padding: 0; text-align: center; } .listings .video h4 { margin-bottom: 4px; font-size: 2.4em; } .listings .video .meta { font-size: 1.6em; font-variant: small-caps; margin-bottom: 13px;} .listings .video .meta span { font-variant: normal; font-style: italic; } .listings .video object embed{ border: 8px solid #edebe3; margin: 0; } .listings li.simple { background: url(../m/screen/border-tan.png) repeat-x 0 0; padding: 14px 0 11px 12px; margin: 0;} .listings li.simple:hover, .listings li.simple:focus { background-color: #fff;} .listings li.simple li { background-image: none;} .listings li.simple h4, .listings li.simple .date { margin: 0; text-align: left; } .listings li.simple h4 { font-size: 1.6em; margin-bottom:7px;} .info { margin: 12px 0 0 0; } .listings li .info p, div.listings .info p { float: left; padding-top: 3px; padding-bottom: 0; background: none; letter-spacing: .1em; font-size: 1.1em; } .info a, .continue-reading a { display: block; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-weight: bold;color: #355787; text-transform: uppercase;background-repeat: no-repeat;background-position: 0 .3em; background-image: url(../m/widgets/arrow.png); padding-left: 21px; padding-bottom: 1px;text-decoration: none; } .info .comments-meta a { background-image: url(../m/widgets/balloon-sm-sprite.png); background-position: 0 .3em; padding-left: 24px; height: 1.7em;} .info a:hover, .info a:focus, .continue-reading a:hover, .continue-reading a:focus { background-position:-333px .3em; color: #245eb0; text-decoration: underline;} .info .read-entry { border-right: 1px solid #e8e7d3; padding-right: 8px; } .info .comments-meta { border-left: 1px solid #fff; padding-left: 7px; width: 160px;} .info .comments-meta a:hover, .info .comments-meta a:focus { background-position:-333px .3em;} #month-archive { background: none; } #month-archive ol { list-style-type: none; background: none;margin: 0;padding: 10px } #month-archive ol li { background: none; clear: both;} #month-archive ol ol { display: none; margin: 0 0 0 26px;padding: 0; } #month-archive li a { font: bold .9em 'Trebuchet MS', Verdana, Arial, sans-serif; padding: 5px 0; } #month-archive li a:hover, #month-archive li a:focus { text-decoration: underline; } #about-this { width: 259px; background: url(../m/screen/blog-about-shadow-top.png) no-repeat 0 0; margin: 66px 0 20px 22px;padding: 0;} #about-this div { width: 259px; background: url(../m/screen/blog-about-shadow-bottom.png) no-repeat -15px bottom; padding: 0 0 7px 0; margin: 0;} #about-this div div { width: 221px;background: #fff; margin: 7px 0 0 4px; padding: 7px 0 0 0; } #about-this img { padding: 8px; margin: 0 0 14px 17px;background-color: #fff; border: 1px solid #edebe3; } #about-this h4 { margin: 0 6px 9px; } #about-this p { font: .85em/1.5 'Trebuchet MS', Verdana, Arial, sans-serif; margin: 0 20px; color: #3d3d3d; padding-bottom:20px;} #about-this p.more { font-size:1.05em; } #about-this .lead { font: 1.2em/.6 Georgia, 'Times New Roman', serif; text-transform: lowercase; font-variant: small-caps; color: #8a8059; padding: 0 15px 15px; margin: 0; text-align: center; letter-spacing: .1em;} #about-this .lead span { font-variant: normal; font-style: italic; font-size: .75em; letter-spacing: 0; } #about-this .lead em.name { font-style: normal; display: block; margin-top: -.25em; } .alt .news-and-statements { margin-top: 207px;} .news-and-statements .subscribe { margin-top:-51px;} .news-and-statements h3 { background-image: url(../m/titles/news-and-statements.png); height:46px; width: 469px; margin-top: 12px; margin-bottom: 12px; } .news-and-statements .video { margin-top: 20px; } .news-and-statements li h4, .events-listing li h4 { font-size: 1.9em; margin-bottom:4px;} .news-and-statements li.video h4 { font-size: 2.4em;} .news-and-statements li h4 a, .events-listing li h4 a { line-height: 1.3;} .news-and-statements li.lead, .events-listing li.lead { background: none; } .news-and-statements li .info p a, .events-listing li .info p a { font-size: 1em;} div.listings .info p a { font-size: .9em;} .news-and-statements li.transition, .news-and-statements li.lead { padding-bottom: 0; } .news-and-statements li.lead h4 { margin: 0 52px 0 -71px; } .news-and-statements li.video h4 { margin:0 ; } .news-and-statements li.simple { padding:9px 10px 11px; } .news-and-statements li.simple li { float: left;} .news-and-statements li.simple p.quote { margin-top: 12px; color:#8A8059; font:1.2em 'Trebuchet MS',Verdana,Arial,sans-serif; letter-spacing:0.1em; text-transform:uppercase;} .news-and-statements .author { font-style: italic; margin-left: 9px; padding-left: 8px; border-left: 1px solid #54514a;} .news-and-statements .author span { margin-left: 2px; } h3.the-constitution-of-pcusa-full { background-image: url(../m/titles/the-constitution-of-the-pcusa-full.png); width: 764px; height: 94px;} .events-list h3 { background-image: url(../m/titles/oga-events-and-meetings.gif); height: 28px; width: 469px; margin-bottom: 27px;} .events-list .listings li.lead { background-image: none; padding-bottom:0; margin-bottom: 4px;} .events-list .listings li.lead p.excerpt { font-size:1.3em; line-height:1.6;} .events-list .listings li.lead .date { margin-bottom: 4px;} .events-list .listings li.lead h4 { clear: none;} .events-list .listings li a { color: #355787; font-style: italic; } .events-list .listings li a:hover, .events-list .listings li a:focus { color: #245eb0; } .events-list .listings h4, .events-list .listings .date { margin-left: 0; text-align: left;} .events-list .listings h4 { font-size: 2em;} .events-list .listings p.location { margin-bottom: 0; font-size:1.1em;} .events-list .location { color:#92908B; font-family:'Trebuchet MS',Verdana,Arial,sans-serif; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase;} .events-list ul.location li { float: left; padding-right:7px; margin-right: 7px; border-right: 1px solid #92908B;} .events-list ul.location li.last { border-right: none;} .events-list .listings li.simple { padding: 15px 10px;} .events-list .listings li.simple .date { margin-bottom: 5px;} .events-list .listings li.simple h4 { margin-bottom: 2px; } .events-list p.subscribe { margin-top: -55px;} .events-list p.more { font-size: 1.3em;} p.from { margin-bottom: 4px; font-style: italic; font-size: 1.2em; color: #54514a;} div.listings { background-image: none; font-size: 1.15em;} div.listings p span { font-size: 1.15em; letter-spacing: .09em;} div.listings p.date { background: url(../m/screen/ornament-grey.png) no-repeat center bottom; padding-bottom: 35px;} div.listings p { margin-left: 10px;} .related-resources { font-size: 1.4em;} .related-resources h3 { background-image: url(../m/titles/related-resources.gif); height:46px; width: 469px; margin-bottom: 17px; } .related-resources ul { margin-left: 18px;} .related-resources ul li { background: url(../m/screen/ornament-wide.gif) no-repeat scroll center bottom transparent; padding-left: 0; padding-bottom: 20px; margin-bottom: 20px;} .related-resources ul li li { padding-bottom: 0; margin-bottom: 0;} .related-resources ul li.last { background: none; } .related-resources ul ul { margin-left: 0;} .related-resources h4 { text-transform: none; margin-bottom: 0; } .related-resources h4 a { font-size: 1.3em; margin-bottom:7px; text-decoration:none;} .related-resources h4 a:hover, .related-resources h4 a:focus { text-decoration:underline;} .related-resources .download { float: left; margin-top: -5px; width:230px;} .related-resources .order { float: left; margin-left: 10px; width:210px;} .related-resources .order li { margin-bottom: 5px;} .related-resources p { font-size: 1.1em; color: #4a4a4a;} .related-resources ul.download li, .related-resources ul.order li { background-image: none; padding-left: 0;} .related-resources ul.order li a { padding: 0 27px 0 37px; background-position: 15px 45%;} .related-resources ul.download li a {font: bold .8em/2.2 'Trebuchet MS', Verdana, Arial, sans-serif; color: #355787; text-transform: uppercase; text-decoration: none; padding-left: 34px; background-position: 11px 0; padding-bottom:5px;} .related-resources .download li a:hover, .related-resources .download li a:focus { text-decoration: underline;} #latest-ga223-wrap { background: url(../m/screen/upcoming-events-bg.gif) no-repeat 0 bottom; width: 239px;} #latest-ga223-wrap a { background-image: url(../m/screen/ga223-circle-914w-transparent_200.png); height: 65px; background-repeat: no-repeat; display: inline-block; background-size: 60px; margin: 10px; } #upcoming-events-wrap, #blogs-columns-wrap, #event-highlight-wrap { background: url(../m/screen/upcoming-events-foot.gif) no-repeat 0 bottom; padding-bottom: 4px; margin-bottom: 32px; } #upcoming-events, #blogs-columns, #event-highlight { text-align: center; background: url(../m/screen/upcoming-events-bg.gif) no-repeat 0 0; padding-top: 19px;} #upcoming-events h2, #upcoming-events h3 { background-image: url(../m/titles/upcoming-events.png); height: 32px; width: 98px; margin: 0 auto; } #blogs-columns h3 { background-image: url(../m/titles/the-latest-blogs-and-columns.gif); height: 28px; width: 188px; margin: 0 auto; } #upcoming-events li, #blogs-columns li, #event-highlight li { background-image: none; border-top: 1px solid #d6d793; padding-top: 16px; margin: 15px 25px 0;} #upcoming-events li li, #blogs-columns li li, #event-highlight li li { border-top: 0; padding-top: 0; margin-top: 0; } #upcoming-events ul li a, #blogs-columns ul li h4 a, #event-highlight ul li h4 a { color: #355787; font-style: italic; font-size: 1.3em; line-height: 1.4em;} #blogs-columns ul li h4 { background: none; line-height: 1; margin-bottom: 3px;} #blogs-columns ul li h4 a { font-family: Georgia, 'Times New Roman', serif; text-transform: none; font-size:1.35em;} #blogs-columns ul li a { display: inline;} #blogs-columns ul li a:hover, #blogs-columns ul li a:focus { color: #355787;} #blogs-columns ul li .author { font-style: italic; color: #4a4a4a;} #blogs-columns ul li .author a { font-variant: small-caps; text-transform: lowercase; text-align: center; line-height: 1; letter-spacing: .1em; font-size: 1.2em; color: #355787; font-style: normal;} #blogs-columns img { float: none; margin: 0 auto 6px;} #upcoming-events ul li a:hover, #upcoming-events ul li a:focus, #blogs-columns ul li a:hover, #blogs-columns ul li a:focus { background: none; color: #245eb0;} #upcoming-events .date, #blogs-columns .date { font-size: 1.2em; font-variant: small-caps; text-transform: none; color: #4a4a4a;} #blogs-columns .date { line-height: 1; margin-bottom: 6px;} #upcoming-events ul.loc {font: .8em 'Trebuchet MS', Verdana, Arial, sans-serif; color: #4a4a4a; text-transform: uppercase; letter-spacing: .1em; } #upcoming-events p.more, #constitution p.more, #blogs-columns p.more, #event-highlight p.more { width: 150px; margin: 0 auto; margin-top: 17px; } #upcoming-events p.more a, #constitution p.more a, #blogs-columns p.more a, #event-highlight p.more a { font-size: .85em; line-height: 2.2; font-style: normal; margin-bottom: 15px;} #event-highlight { padding-bottom: 10px;} #event-highlight p { font:0.85em/1.5 'Trebuchet MS',Verdana,Arial,sans-serif; border-bottom: 1px solid #d6d793; margin: 0 20px 15px; padding: 0 0 10px;} #event-highlight h3.general-assembly { margin: 0 auto 10px; background-image: url(../m/titles/219th-GA210.jpg); width: 210px; height: 98px; background-position: 8px 8px; padding: 8px; background-color: #fff; border: 1px solid #edebe3;} #event-highlight p.date { margin: 0; padding: 0; border-bottom: none; font-variant: small-caps; font-family: Georgia, 'Times New Roman', serif; text-transform: lowercase; letter-spacing: .1em;color: #4a4a4a; font-size:1.3em;} #event-highlight p.location { font-size: .85em; letter-spacing: .05em; border-bottom: none; margin: 0; padding: 0;} #event-highlight p.alt { padding-bottom: 30px; margin-bottom: 10px; background: url(../m/screen/ornament-grey.png) no-repeat center bottom;} #event-highlight p.more, #event-highlight p.register { border-bottom: none; margin: 0 auto; padding-bottom: 0;} #event-highlight p.more a { margin-bottom: 0; font-size: 1em;} #event-highlight p.register a { background-image: url(../m/widgets/register-now.png); height: 23px; width: 138px; margin: 0 auto 5px;} #event-highlight p.register a:hover, #event-highlight p.register a:focus { background-position: 0 -23px;} #home #upcoming-events { background: url(../m/screen/upcoming-events-home-top-alt.png) no-repeat 0 0; } #home #upcoming-events ul li.first { border-top: 1px solid #d6d793; } #home #upcoming-events ul li { border-top: none; } #mgb-wrap { background: url(../m/screen/home-sub-module-bg-foot.png) no-repeat 0 bottom; width: 219px; margin-bottom: 56px; padding-bottom:5px; margin-left:6px;} #mgb { background: url(../m/screen/home-sub-module-bg.png) no-repeat 0 0; width: 219px; padding-top: 15px; text-align: center; padding-bottom: 12px;} #mgb h2 { background-image: url(../m/titles/mgb-connect.png); height:30px; width:193px; margin: 0 auto 10px;} #mgb p { background:url(../m/screen/border-tan-home-mid.png) repeat-x scroll 0 0 transparent; padding-top: 13px; margin: 0 16px 12px; color: #6d6c62; font-size: .9em; line-height: 1.2; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; } #mgb a { background-image: url(../m/widgets/search-mgb.png); width: 184px; height: 23px; margin: 0 auto; } #mgb a:hover, #mgb a:focus { background-position: 0 -23px; } #find-a-congregation-wrap {background: url(../m/screen/home-sub-module-bg-foot.png) no-repeat 0 bottom; width: 219px; padding-bottom:5px; margin-left:6px;} #find-a-congregation {background: url(../m/screen/home-sub-module-bg.png) no-repeat 0 0; text-align: center; padding-bottom: 12px;} #find-a-congregation h2 { background-image: url(../m/titles/find-a-congregation.png); height:89px; width:178px; margin: 0 auto -20px; position:relative; top:-27px; } #find-a-congregation p { text-align: center; color: #6d6c62; font-size: .85em; font-weight: bold; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; line-height: 1.2; margin-bottom: 10px;} #find-a-congregation form { background:url(../m/screen/border-tan-home-mid.png) repeat-x scroll 0 0 transparent; margin:0 16px; padding:10px 0 0;} #find-a-congregation form p { background: none; } #find-a-congregation form p.input-wrap { text-align: left; position: relative; margin-bottom: 0; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;width:178px; border: 1px solid #dbd5aa; background:#fff url(../m/screen/text-input-bg.gif) repeat-x 0 0;} #find-a-congregation form input { margin-left:2px; border: none; margin-top:4px; padding:2px 4px 7px 6px; width: 95px; font: 12px 'Trebuchet MS', Verdana, Arial, sans-serif; height: 17px; } #find-a-congregation form button {     background-image: url("../m/widgets/search-blue.png");     position: relative;     right: 15px;     top: -26px;     width: 67px; } #feature { width: 717px; background: url(../m/screen/homepage-feature-bg.png) no-repeat 0 0; float: left; margin: 12px 0 0 0;} #feature img {border:8px solid #fff; } #feature .feature-teaser { width: 362px; float: right; margin: 0 10px 64px 0; } #feature h2 { text-align: center; font-size: 2.4em; padding: 0 0 25px; margin: 32px 0 16px; background: url(../m/screen/ornament.png) no-repeat center bottom;} #feature h2 a { text-decoration: none; display: block; line-height: 1.3; color: #355787;} #feature h2 a:hover, #feature h2 a:focus { color: #245eb0; text-decoration: underline; } #feature .feature-teaser p { font-style: italic; font-size: 1.6em; color: #4a4a4a; margin-bottom: 0; } #feature .feature-call { float: left;padding: 14px 10px 14px 345px; margin: -50px 0 0 0; width: 362px; background: #81270e url(../m/screen/homepage-feature-callout-bg.png) repeat-x 0 0; color: #fff; position:relative; z-index:50;} #feature .feature-call a { color: #fff; } .feature-call .continue-reading { background: url(../m/screen/homepage-feature-callout-divider.gif) no-repeat right 3px; padding: 0 16px 0 0; position:absolute; top:14px; left:345px;} .feature-call .continue-reading a { background-image: url(../m/widgets/continue-reading.png);width: 154px;height: 30px; } .feature-call .continue-reading a:hover, .feature-call .continue-reading a:focus { background-position: 0 -30px; } .feature-call .read-more { padding: 3px 0 0 206px; width: 155px; } .feature-call .read-more a { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 1em; display: block; text-indent: 14px; background: url(../m/screen/homepage-feature-callout-icon.gif) no-repeat 0 .2em ;} .feature-call .read-more a:hover, .feature-call .read-more a:focus { text-decoration: underline; } .feature-call .read-more a em { font-size: 1em; } #home #main { width: 715px; margin: 0 0 0 0; left: 0; } #statements-news, #documents-resources { width: 717px; } #statements-news h2 { background-image: url(../m/titles/statements-and-news.png); width: 715px;height: 72px; position: relative;top: -2px; } #statements-news div { float: left; width: 239px; padding: 0 0 0 0; margin-top: -12px;} #statements-news .highlight { width: 319px; padding: 0 17px 40px 133px; margin-top: 0;} .highlight .continue-reading { font-size: 1.1em; } .highlight .date { font-size: 1.6em; margin-bottom: 16px; } #statements-news div ul { margin: 0; } #statements-news div ul li { background: url(../m/screen/border-tan.png) repeat-x left bottom; padding: 12px 0 16px; text-align: center; font-size: 1.5em;} #statements-news div ul li.last { background: none; } #statements-news div ul li .date { font-size: .9em; } #statements-news p.more { font-size: 1.3em; } #statements-news a { text-decoration: none; } #statements-news a:hover, #statements-news a:focus { text-decoration: underline; } #statements-news p.more a:hover, #statements-news p.more a:focus { text-decoration: none;} #documents-resources h2 { background-image: url(../m/titles/documents-and-resources.png); height: 46px; margin: 0 0 16px 0;} #dr-nav { margin: 0 0 18px; background: url(../m/screen/border-tan.png) repeat-x left bottom; width: 100%;float: left;} #dr-nav li { margin: 0; padding: 0 0 20px; background: none; display: block; float: left; position: relative; bottom: -8px;} #dr-nav li a { display: block; color:#b3b09d; font-weight: bold; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: .1em; background: url(../m/screen/border-tan-vs.png) repeat-y left top; padding: 0 30px; } #dr-nav li.on { background: url(../m/screen/down-tan-triangle.png) no-repeat center bottom; } #dr-nav li a.recently-updated { background: none; color:#514f47; } #dr-nav li a:hover, #dr-nav li a:focus { text-decoration: underline;color:#514f47; } #documents-resources .more { font-size: 1.2em; float: right; position: relative;top: -1.5em; right: -7px; } .dr-list { clear: both;} .dr-list ul { margin: 0; padding: 0;width: 345px; float: left; } .dr-list ul.list-a { padding-right: 26px; } .dr-list li { margin: 0 0 14px ;padding: 0 0 15px; background: url(../m/screen/border-tan.png) repeat-x left bottom; } .dr-list li.last { background: none; } .dr-list h3 { font-size: 1.5em; } .dr-list h3 a { text-decoration: none; } .dr-list h3 a:hover, .dr-list h3 a:focus { text-decoration: underline; } .dr-list .info { margin: 6px 0; font-size: 1.1em; } .dr-list .info a { margin: 0 7px 0 -6px; padding-left: 24px; float: left;} .dr-list .info span { border-left: 1px solid #92908b; padding: 0 0 0 7px; color:#92908b; font-weight: bold; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; } .dr-list p { font-size: 1.4em; } .dr-list .lists { background: url(../m/screen/border-content-tan.png) repeat-x 0 bottom; padding: 16px 0 0; margin-bottom: 8px; } .dr-list .pagination { clear: both; font-size: 1.2em; width: 345px;} #constitution { margin-left:8px; width:230px; /*width: 219px;*/ float: left; } #constitution h2 { margin-left:-25px; background-image: url(../m/titles/the-constitution-of-the-pcusa.png); width: 287px; height: 204px; padding: 0; background-position: 0 0;} #constitution ul { margin: -62px 0 12px 11px;} #constitution ul li { background:url(../m/screen/bullet-fancy-green-home-mid.png) no-repeat scroll 0 0.35em transparent; margin-bottom:5px; padding-left:20px;} #constitution li a { font-size: 1.5em; text-decoration: none; font-variant: small-caps;} #constitution li a:hover, #constitution li a:focus { text-decoration: underline; } #constitution li a span { font-style: italic; font-variant: normal;} #constitution p.more { width: 249px; background:url(../m/screen/border-tan-home-mid.png) repeat-x scroll 0 0 transparent; padding-top: 8px; margin-left:0px;} #constitution p.more a { width: 200px; font: inherit; border-color: #e5e5dc; background-color: #fdfdfc; padding-top: 9px; padding-bottom: 10px; font-size: 12px; border-width: 4px; } #constitution p.more a:hover, #constitution p.more a:focus { text-decoration: underline;} #browse-topics-wrap { background: url(../m/screen/browse-topics-bg.png) repeat-x 0 0; } #browse-topics { width:960px; margin:0 auto; padding: 30px 0 58px 0; font-size: 1.2em; font-weight: bold;font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; text-transform: uppercase;letter-spacing: .1em; } #browse-topics h2 { background-image: url(../m/titles/browse-topics.gif); width: 212px; height: 44px; margin: 0 0 20px; } #browse-topics ul { margin: 0 32px 0 0; float: left; width: 351px; background:url(../m/screen/border-tan.png) repeat-x 0 bottom;} #browse-topics ul li { margin: 0;padding: 0 0 0 10px; clear: both; width: 341px;background:url(../m/screen/border-tan.png) repeat-x 0 0; line-height: 3em; } #browse-topics ul div { display: none; clear: both; float: left; } #browse-topics a, #browse-topics .topics a:hover, #browse-topics .topics a:focus { text-decoration: none; } #browse-topics a:hover, #browse-topics a:focus { text-decoration: underline; } #browse-topics .topics a { font-size: 1.15em;} #browse-topics .count { font-size: .9em; color:#454545; margin: 0 0 0 5px; } #browse-topics .topics { float: left; width: 190px;background: none; padding: 13px 0 0 0; margin: 0;} #browse-topics .topics p { font-size: 1.1em; letter-spacing: .1em;} #browse-topics .topics ul { width: 190px; background: none;padding: 0;margin: 0; } #browse-topics .topics ul li { padding: 0; width: auto; clear: none; }