@charset "UTF-8"; /* CSS Document */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /*See body line-height*/ ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ^^^^^^^^^^ STYLING NOTE: Each page has a unique ID on the element, which can be used for styling unique to that page if necessary. (This is the document ID.) Try to use the generic styles first, though. ^^^^^^^^^^^^ */ a:hover, a:focus { outline: outset #ebd9ad thin; } button:focus { outline: dotted #edebe3 thick; } html { text-align: center; background-image: url(../images/texture1.jpg); background-repeat: repeat; padding: 1em 0; } body { position: relative; margin: 0 auto; width: 96%; background-color: #999999; max-width: 1000px; min-width:600px; text-align: left; color: #112759; font-size: 100%; line-height: 1.2em; font-family: Baskerville, Georgia, Cambria, Times, "Times New Roman", serif; padding: 2px; } #outercontainer { background-color: #a6b4c1; } /* ========= Branding, Login, and Nav areas */ #top { background-color: #7389a0; background-image: url(../images/tallbrandingbg.png); background-repeat: repeat-x; overflow: auto; width: 100%; } #branding { background-color: transparent; float: left; width: 80%; padding-top: 1em; border-bottom:1px solid #7389a0; } #branding a.brandinglarge { display: block; color: #072a57; font-size: 2.7em; padding-top: .7em; line-height: 1.2em; font-weight: normal; margin-left: .4em; text-decoration: none; } #branding a.brandingsmall { display: block; color: #d3d1d1; text-transform: uppercase; font-size: 1.5em; font-weight: normal; letter-spacing: .2em; margin: .3em 0 .5em 1em; line-height: 1.2em; word-spacing: .4em; text-decoration: none; } /* Login area */ #loginheader { float: right; width: 17%; padding: 1%; border-left: 1px solid #660000; } div#wlpeLogin { position: relative; } #wlpeLoginFieldset { width: 99%; } #wlpeLoginForm { font-size: 1em; line-height: 1.2em; } #wlpeLegend { text-indent: -9999px; height: 0; width: 0; margin: -10px; } #wlpeLoginButton, #wlpePasswordLabel { margin-top: .5em; } #wlpeStayLoggedInLabel, #wlpeUsernameLabel, #wlpePasswordLabel, #wlpeUsername, #wlpePassword, #wlpeStayLoggedIn, #wlpeLoginButtons { display: block; } #wlpeUsername, #wlpePassword { padding: .5em 0 0 .5em; background-color: #efede7; border-top: 2px solid #dcd9d0; border-left: 2px solid #dcd9d0; border-right: 2px solid #ebe8e2; border-bottom: 2px solid #ebe8e2; width: 95%; } #wlpeWelcome { text-align: left; } /* Main Horizontal Nav Menus */ #navbar, #navbar_bottom { clear: both; position: relative; width: 100%; margin: 0; text-align: center; background-color: #4c617c; background-image: url(../images/nav-bg.jpg); background-repeat: repeat-x; overflow: auto; border-bottom: 1px solid #720913; } div#navbar ul, #navbar_bottom ul { clear: both; font-size: .9em; float: left; width: 94%; padding: 1.5em 0 .9em; } #navbar ul li, #navbar_bottom ul li { display: inline; padding-right: .5em; } #navbar ul li a, #navbar_bottom ul li a { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; color: #d3d1d1; text-decoration: none; padding: .3em .3em .2em; } #navbar li.active a:hover, #navbar li.active a, #navbar_bottom li.active a:hover, #navbar_bottom li.active a { color: #d0c4a6; font-weight: bold; outline:double #a99a75 medium; } #navbar ul li a:hover, #navbar_bottom ul li a:hover, #navbar ul li a:focus, #navbar_bottom ul li a:focus { text-decoration: none; font-weight: normal; outline: dotted #a99a75 thin; } /* ========= Headings & Text styling */ h1, h2, h3, h4, h5, h6, .suppheader, .login { color: #870909; font-weight: normal; } h3, h5, h6, .suppheader { font-style: italic; letter-spacing: 1px; } h1 { font-size: 1.8em; line-height: 1.2; margin: 1em 0; } h2 { font-size: 1.4em; line-height: 1.3; margin-bottom: 1em; } h3 { font-size: 1.2em; line-height: 1.2; margin-bottom: .5em; } h4, .login { font-variant: small-caps; margin: 1em 0; } h5 { font-size: 1em; margin-top: 1.5em; } h6 { font-size: .8em; font-style: italic; margin: 1em 0; } #content h2 + h3, #content ul + h2, #content p + h3, #content ul + h3 { margin-top: 2.5em; } #content h3 + h4, #content h2 + h3 { margin-top: 1.5em; } #content h3 + h3 { margin-top: -.5em; } #content h3 + table, #content h2 + table, #content table + h3, #content div + h3, #content p + div { margin-top: 2.5em; } #content ul + p, #content ol + p, #content dl + p { margin-top: 1.2em; } legend.suppheader { padding-bottom: .5em; } .sup { vertical-align: text-top; font-size: .5em; } .sub { vertical-align: text-bottom; font-size: .5em; } .transcriber, a[name], .back2top { margin-top: 2em; font-size: 1em; color: #4c617c; font-weight: normal; font-variant: small-caps; } .back2top, a[name] { display: block; margin: 1em 0; font-size: 1em; } .login { margin: .5em 0 1em; } .menuheading { color: #573100; } /* ========= Content Area */ #mainarea { float: left; width: 99%; } #content, .supp_snippet, #loginheader { background-color: #d0c4a6; background-image: url(../images/main-content-bg.png); background-repeat: repeat-x; border-bottom: 1px solid #aea68e; } body#p1 #content { float: left; text-align: left; width: 68%; margin: 2% 1% 2% 3%; padding: 1em; background-color: transparent; display: inline; } /* display: inline to fix IE6's double-margin float bug*/ body#p1 #supplemental div.gutter { float: right; width: auto; } #content p { font-size: 1em; line-height: 1.3; margin-bottom: 1em; } #content p.small { font-size: .8em; line-height: 1em; } #supplemental { float: right; width: 21%; margin: 2% 2% 2% 0; } /* Changed from 24% for IE6 */ .supp_snippet { padding: 5%; margin-bottom: 1em; } /* ========= List styling */ /*This is styling for some of the link lists generated by Wayfinder. The class name is coded into the Wayfinder template.*/ ul.wflinklist { margin-bottom: 2em; font-size: 1.2em; line-height: 1.4em; } /*This is for the Officers list; any other dls will need a class or id if they need different styling */ dl { margin: 2em 0 1em 1em; line-height: 1.5em; } dt { font-size: 1.2em; font-style: italic; font-weight: bold; } dd { font-size: 1.2em; margin: 0 0 .7em 1em; } /* See ind_pages.css for styling for cemetery DLs */ dl.em1 { margin: 2em 0 1em 1em; font-size: 1em; line-height: 1.2em; } dl.em1 dt { font-size: 1em; font-style: italic; font-weight: bold; } dl.em1 dd { font-size: 1em; margin: 0 0 .7em 1em; } /*Generic UL; (example: lookups page resource list)*/ ul { font-size: 1em; line-height: 1.2; margin-left: 2em; } ul.itemspace li { margin-top: 1em; } li ul { margin-left: 1em; } /* :::::::: Keep nested list font sizes from increasing due to font-size inheritance ::::::::: */ ul.wflinklist ul ul, #content ul ul { font-size: 1em; } ul.wflinklist ul ul { line-height: 1.4em; } #content h3+ul { margin-top: 1.5em; } #content h2+ul { margin-top: 2em; } /*Generic UL; no bullets; 2em left margin: as "ul" above, but with extra margin on whole list*/ ul.general { list-style-type: none; margin: 2em; } /*Generic UL with & without bullets (example: lookups page directions list)*/ ul.bullets, ul.bulletsSpace { font-size: 1em; line-height: 1.2; list-style-type: circle; margin: 1em 1em 2em 2em; } ul.nobullets { list-style-type: none; } ul.bulletsSpace li { margin-top: 1em; } /* Generic List with suppheader; smaller text; no bullets, 1em left margin*/ ul.plainlist { list-style-type: none; font-size: 1em; margin-left: 1.2em; } ul.plainlist > li > p { font-family: Baskerville, Georgia, Cambria, Times, "Times New Roman", serif; color: #870909; font-weight: normal; margin: 1em 1em -.5em -3em; font-style: italic; } ol { font-size: 1em; line-height: 1.2; margin-left: 2em; list-style: decimal; } ol li { margin-bottom: .5em; } ol ul { margin: .5em 0 1em; } ol ul li { margin: 0 1em; } /*Styling for lists of links of the resources inside a container document - These are created by WayFinder and are called by putting {{childlinks}} or {{childlinksbymenutitle}} in the container resource's content area. Each level of container will need this call in its content area if you want a menu of its child resources to be generated. Classes used: .navigation (for the outer UL - &outerTpl) .subnav (for the ULs of the submenus - &innerTpl) .navparents (for the "parent" rows; those that contain child ULs: &parentRowTpl) .navrows (for the rows that aren't "parent" rows; in other words, that have no child resources) */ #content ul.navigation { margin-bottom: 2em; font-size: 1.2em; line-height: 1.4em; } #content ul.subnav { margin-bottom: 1em; font-size: 1.2em; line-height: 1.4em; } #content ul.navigation ul, #content ul.subnav ul { font-size: 1em; font-weight: normal; } /*.navrows { font-weight: normal; }*/ #content ul.menuheading li, .navparents { font-weight: bold; margin-top: 1em; } /* ========== Styling for tables generated by TinyMCE (any other tables in templates should have their own ID and styling if necessary. See ind_cemeteries_css for styling cemetery pages that use tables; also census_tables.css for wider tables.*/ table { margin: 1em auto 2em; border: 2px solid #7389a0; } th, td { padding: .5em .3em .5em .5em; border: 1px solid #7389a0; vertical-align: bottom; } /*Any table - put different color background in cell or row*/ .thighlight { background-color: #e0d4b4; } /* ========== Search styling */ #ajaxSearch_input { padding-top: .5em; background-color: #efede7; border-top: 2px solid #dcd9d0; border-left: 2px solid #dcd9d0; border-right: 2px solid #ebe8e2; border-bottom: 2px solid #ebe8e2; width: 95%; } #ajaxSearch_submit { display: block; margin-top: .7em; } #ajaxSearch_input:focus { background-color: #a6b4c1;} /* ========= Address & Contact styling */ address { margin: 1em 0; font-style: normal; } /* ========= Generic styles */ .clearboth { clear: both; } .centertext { text-align: center; } .lefttext { text-align: left; } .floatleft { float:left; } .floatright { float: right; } .headroom { margin-top: 2em !important; } .negheadroom { margin-top: -1em !important; } .negheadroom2 { margin-top: -2em !important; } .negheadroom3 { margin-top: -3em !important; } .footroom { margin-bottom: 2em !important; } .footroom3 { margin-bottom: 3em !important; } .footroom4 { margin-bottom: 4em !important; } .italics { font-style: italic; } .smallcaps { font-variant: small-caps; } .eighthEm { font-size: .8em; } .italicsBold { font-style: italic; font-weight: bold; } .normalfont { font-variant: normal; font-style: normal; font-weight: normal; } a[href^="http://www.topozone.com/"] { padding-right: 20px; background: transparent url(../images/outside-link2.jpg) no-repeat center right; } /*a.out, .out { padding-right: 20px; background: transparent url(../images/outside-link2.jpg) no-repeat top right; } */ div#footer p.disclaimer, div#footer a.disclaimer { text-align: center; width: 50%; margin: 1em auto 3em; } span.out { display: inline-block; margin-bottom: .3em; } a[href$='.pdf'] { padding-right:25px; background:transparent url(../images/pdf.gif) no-repeat center right ; } a[href$='.doc'] { padding-right:25px; background:transparent url(../images/doc.jpg) no-repeat center right ; } .oneEmLeftRight { margin-left: 1em; margin-right: 1em; } .w15em { width: 15em; } .asterisk { margin-top: 2em; font-size: .7em; } blockquote { margin: 2em 3em; font-size: 1em; border-left: 2px solid #7389a0; border-right: 2px solid #7389a0; padding: 0 1em; } blockquote cite { margin-left: 4em; } p#skip { color: #66CC33; width: 0; height: 0; overflow: hidden; } div.centerinside { text-align: center; } .centerself { margin-left: auto; margin-right: auto; } div.leftinside { text-align: left; } /* ========= Footer styles */ #footer { margin-top: 0; clear: both; background-color: #4c617c; background-image: url(../images/footer-main-bg.png); background-image: url(../images/footer/slice4.jpg); padding: 1em 1em 2em; border-bottom: 1px solid #720913; } #footer p { font-size: .8em; line-height: 1em; color: #efede7; } p.credits { clear: both; position: relative; text-align: center; margin: -1.5em auto; } #footer p.credits a { color: #a6b4c1; } #twitter { width: 100%; text-align: center; margin: .5em auto 0; }