/* STYLES FOR www.23ashleygardens.com */ /* Page-structure assumed:

(note "id")

*/ html {text-align:left; margin:0; padding:0; border:0px none; top:0; right:0; bottom:0; left:0;} body {text-align:left; margin:0; padding:0; border:0px none; top:0; right:0; bottom:0; left:0;} div, span {margin:0; padding:0; border:0px none; text-indent:0;} ul, ol, dl, dt, ds, li, h1, h2, h3, h4, h5, h6, pre, code, form {margin:0; padding:0; border:0px none; font-size:1.0em;} ul, ol, dl {list-style:none;} p, blockquote, address, input, select, fieldset {margin:0; padding:0; border:0px none; font-style:normal; font-size:1.0em;} table, tr, td, thead, tbody, tfoot {padding:0; margin:0; border:0px none; vertical-align:top; text-align:left; font-size:100%;} table {border-collapse:collapse;} hr {margin:0; padding:0; border:0px none;} img, a img, :link img, :visited img {margin:0; padding:0; border:1px solid navy} a, :link, :visited {margin:0; padding:0; border:0px none; text-decoration: none;} /* structural divs are for position only; they must have no margins, no padding, and no borders in significant dimensions so that they lay out the same in ie5 and ie6 */ body { /* structural */ margin: 0; padding: 0; border: none; color: navy; background-color: #eeddbb; width: 100%; height: 100%; /* font-family: Georgia, Verdana, Arial, sans-serif; */ font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-size: 100%; /* use 100% here then ems below */ font-weight: normal; line-height: 1.35; } /* outermost div that holds all content */ #container { /* structural */ margin: 0; padding: 0; border: none; color: navy; background-color: #ffffcc; width: 100%; height: 100%; } #header-wrap { /* structural */ margin: 0; padding: 0; border: none; color: navy; background-color: #ffffcc; position: relative; width: 100%; clear: both; height: auto; } #page { /* structural */ margin: 0; padding: 0; border: none; border-top: 8px solid #ddddbb; color: navy; background-color: #eeddbb; position: relative; width: 100%; /* sum of all the contained floated columns */ clear: both; height: auto; } table.columns {table-layout:fixed; width:100%;} table.columns tr.content-spacer-row {height:0;} table.columns td.first-column-width {width:67%;} table.columns td.second-column-width {width:33%;} table.columns td.content-td {background-color:#ffffcc;} table.columns td.menu-td {background-color:#eeddbb;} #content-wrap { /* structural */ margin: 0; padding: 0; border: 0px none; /* float: left; width: 67%; */ /* must complement "width" for menu-wrap */ height: auto; /* to total 99% */ } #menu-wrap { /* structural */ margin: 0; padding: 0; border: 0px none; /* float: left; width: 33%; */ /* must complement "width" for content-wrap */ height: auto; /* to total 99% */ } #footer-wrap { /* structural */ margin: 0; padding: 0; border: 0px none; color: navy; background-color: #ffffcc; position: relative; width: 100%; clear: both; height: auto; } /* Content divs go within structural divs and may have margins, paddings, and borders */ /* HEADERS */ #header { margin: 0; padding: 0; } /* TOPMOST DISPLAY */ /* if a browser can use @import, don't display warning */ .ahem { display: none; } /* site navigation divs in header and footer*/ div.navigation { margin: 0; padding: 0; border: none; /*border: 1px solid #ddddbb; /* needed for .ahem */ color: navy; background-color: #ddddbb; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; height: auto; width: 100%; } /* but don't print the navigation hdr/ftr */ @media print { div.navigation { display: none; } } div.navigation p, div.navigation h4 { margin: 0; padding: 0.5em; border: none; font-size: 90%; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: bold; color: navy; text-indent: 0em; text-align: left; } /* HEADER CONTENT */ /* div to hold illustration in header */ #header div.illus { margin: 0; padding: 1em; border: none; float: left; text-align: center; width: 35%; /* leave rest for width of div.text */ } /* images in headers */ /* captions for images in headers */ #header div.illus p.caption { margin: 0; font-size: 0.75em; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-align: center; text-indent: 0; } #header div.illus img { border: 1px solid navy; padding: 0; margin: 0; } /* div to hold title in header */ #header div.text { padding: 1em; margin: 0; border: none; text-align: left; float: left; /* width: 58%; /* is this width needed? */ /* prints better without */ } /* h1 in headers */ #header div.text h1 { padding-top: 1.25em; font-size: 2.00em; } #header div.text h1.page-one-head{ padding-top: 0.25em; font-size: 2.0em; padding-bottom: -0.5em; } #header div.text h1.sub-page{ padding-top: 0.75em; font-size: 1.75em; padding-bottom: -0.5em; } /* h2 in headers */ #header div.text h2 { padding-top: 1.0em; padding-bottom: 0.75em; font-size: 1.25em; } /* h2-continuation in headers */ #header div.text h2.continuation { padding-top: 0.0em; padding-bottom: 1.0em; font-size: 1.25em; } /* p in headers */ #header div.text p { margin: 0; padding-top: 0.25em; font-size: 1.0em; text-indent: 0em; } /* FOOTERS */ #footer { margin: 0; padding: 0; border-top: 8px solid #ddddbb; } /* FOOTER CONTENTS */ /* rows, which contain spans floated left and right */ div.row { margin: 0; padding: 0 0 0 0; border:none; } div.clear-both { margin: 0; padding: 0; border: none; clear: both; } /* SPANS TO GO IN ROW DIV */ /* address text, left italic */ #footer .address-text { padding: 1em 0 0 3em; margin: 0; font-style: italic; text-align: left; float: left; } /* copyright text, right non-italic */ #footer .copyright-text { padding: 1em 3em 1em 0; margin: 0; text-align: right; font-weight: bold; float: right; } /* but don't print any of the footer divs */ @media print { #footer .address-text { display: none; } #footer .copyright-text { display: none; } } /* PAGE--EVERYTHING BETWEEN HEAD AND FOOT */ /* CONTENT */ /* style for left (content) div on main pages */ #content { margin: 0; padding: 2em; border-right: 8px solid #ddddbb; color: black; background-color: #ffffcc; } /* redefine heads; margin is percentage of *WIDTH*! */ #content h1 {margin-top: 3.00em; } #content h2 {margin-top: 2.00em; } #content h3 {margin-top: 1.00em; } #content h4 {margin-top: 0.75em; } #content h5 {margin-top: 0.50em; } #content h6 {margin-top: 0.25em; } /* Special h2 for section titles */ #content h2.section-title { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.5em; } #content h3.section-title { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.0em; } #content h3.embargo { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.0em; color: navy; background-color: transparent; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; } #content h3.wnsm { margin-top: 0.5em; margin-bottom: 0.25em; font-size: 1.4em; color: navy; background-color: transparent; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; } p { text-indent: 1.5em; margin-top: 1em; font-size: 1em; } pre { font-size: 0.9em; } /* div for left-floated illustrations */ #content div.left-run-in { padding: 0.5em; float: left; text-align: center; } #content div.left-run-in p.caption { color: navy; font-family: Verdana, Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-indent: 0em; text-align: center; } /* div for right-floated illustrations */ #content div.right-run-in { padding: 0.5em; float: right; text-align: center; } #content div.right-run-in p.caption { color: navy; font-family: Verdana, Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-indent: 0em; text-align: center; } /* see also the rules for links in captions, below */ /* which are applied in left- and right-run-in's */ /* navigation div within content */ #content div.content-navigation { margin: 0; padding: 1.5em 0em 1.5em 0em ; color: navy; background-color: #ffffcc; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; } /* but don't print these navigation links */ @media print { #content div.content-navigation { display: none; } } #content div.content-navigation p, #content div.content-navigation li { margin: 1.0em 0 0 0; padding: 0; font-size: 0.9em; line-height: 1.3; text-indent: 0em; } /* divs for floatable pictures */ /* note: all pics in a div.pictures should be same size */ /* so use vspace or hspace in HTML to achieve that */ /* by padding up the smaller ones */ div.pictures-wrap { margin: 0; padding: 0; text-align: center; width: 100%; } div.pictures { margin: 0; padding: 0.80em; text-align: center; width: auto; font-size: 0.80em; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: bold; text-indent: 0; } /* div.pictures */ img {margin: 0.5em; border: 1px solid navy;} .right-run-in img {border: 1px solid navy;} .caption { color: navy; font-family: Verdana, Arial, sans-serif; font-size: 0.75em; line-height: 100%; font-weight: bold; text-indent: 0em; text-align: center; } .caption-main { margin: 2% 0 4% 0; color: navy; font-family: Verdana, Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-indent: 0em; text-align: center; } /* useless? */ span.table-pic { /* for pics without captions and divs */ margin: 0 auto 0 auto; padding: 0.80em; border: none; text-align: center; width: auto; } .pictures a, .left-run-in a, .right-run-in a { color: black; background-color: transparent; text-decoration: none; } .pictures a:link, .left-run-in a:link, .right-run-in a:link { color: navy; background-color: transparent; text-decoration: none; } .pictures a:visited, .left-run-in a:visited, .right-run-in a:visited { color: navy; background-color: transparent; text-decoration: none; } .pictures a:active, .pictures a:hover, .left-run-in a:active, .left-run-in a:hover, .right-run-in a:active, .right-run-in a:hover { color: blue; background-color: transparent; text-decoration: none; } /* MENU FOR SITE OR FOR DOC, ON THE RIGHT */ /* style for right (menu) div on main pages */ #menu { color: navy; background-color: #eeddbb; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; } #menu div { margin: 2.5em; padding: 0em; } #menu h4 { margin: 1.5em 1.0em 0 1.5em; padding: 2px; font-size: 1.0em; } #menu h5 { margin: 0 1.0em 0 2.0em; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2em; /* note */ font-size: 0.75em; } #menu p { margin: 1.5em 1.0em 0 1.5em; font-size: 1.0em; text-indent: 0em; padding: 2px; } /* p for "current" treatment */ #menu p.current { margin: 1.5em 1.0em 0 1.5em; font-size: 1.0em; padding: 1px; text-indent: 0em; border: 1px solid navy; } /* unordered list for "menu" division */ #menu ul { margin: 0 1.5em 0 1.5em; padding: 2px; } /* list item for "menu" division */ #menu ul li { margin: 1.0em 1.5em 0 1.5em; padding: 2px; font-size: 1.0em; } /* list item for the "current" treatment */ #menu ul li.current { margin: 1.0em 1.5em 0 1.5em; padding: 1px; font-size: 1.0em; border: 1px solid navy; } /* second-level list */ #menu ul li ul { margin: 0px 0px 0px 0px; padding: 0 0 0 1.0em; } /* second-level list item */ #menu ul li ul li { margin: 1.0em 0 0 0; padding: 2px; font-size: 1.0em; } /* ordered list for "menu" division */ #menu ol { margin: 0 1.5em 0 1.5em; padding: 2px; } /* list item for "menu" division */ #menu ol li { margin: 1.0em 1.5em 0 1.5em; padding: 2px; font-size: 1.0em; } /* list item for the "current" treatment */ #menu ol li.current { margin: 1.0em 1.5em 0 1.5em; padding: 1px; font-size: 1.0em; border: 1px solid navy; } /* second-level list */ #menu ol li ul { margin: 0px 0px 0px 0px; padding: 0 0 0 1.0em; } /* second-level list item */ #menu ol li ul li { margin: 1.0em 0 0 0; padding: 2px; font-size: 1.0em; } /* second-level list */ #menu ul li ol { margin: 0px 0px 0px 0px; padding: 0 0 0 1.0em; } /* second-level list item */ #menu ul li ol li { margin: 1.0em 0 0 0; padding: 2px; font-size: 1.0em; } /* second-level list */ #menu ol li ol { margin: 0px 0px 0px 0px; padding: 0 0 0 1.0em; } /* second-level list item */ #menu ol li ol li { margin: 1.0em 0 0 0; padding: 2px; font-size: 1.0em; } /* form for "menu" division */ #menu form { margin: 0 0 0 3.0em; padding: 0px; } #menu input { margin: 2px 2px 2px 2px; } #menu select { margin: 2px 2px 2px 2px; } /* formatting for directory of items on main page */ div.main-head { margin: 2.0em 0 2.0em 0; padding: 0; } div.main-list { margin: 0; padding: 0 0 0 2em;; } div.main-list-item { margin: 1.0em 0 1.0em 0; padding: 0; } p.item-title { margin: 0; padding: 0; text-indent: 0em; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 85%; } p.item-body { margin: 0; padding: 0; text-indent: 1em; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-size: 85%; } p.item-descrip { margin: 0; padding: 0; text-indent: 0em; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-style: italic; font-size: 85%; } p.item-descrip-roman { margin: 0; padding: 0; text-indent: 0em; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-size: 85%; } /* Standard generic styles for ALL sections */ /* link defaults not same as IE 6 standard */ a { color: black; background-color: transparent; } a:link { color: navy; background-color: transparent; } a:visited { color: navy; background-color: transparent; } a:hover { color: blue; background-color: transparent; } a:active { color: blue; background-color: transparent; } /* display class for pending additions */ .skip { display: none; } /* redefine headers; margin is percentage of *WIDTH*! */ h1 { margin: 0px; padding: 0px; font-size: 1.6em; font-weight: normal; } h2 { margin: 0px; padding: 0px; font-size: 1.4em; font-weight: normal; } h3 { margin: 0px; padding: 0px; font-size: 1.2em; font-weight: normal; } h4 { margin: 0px; padding: 0px; font-size: 1.0em; font-weight: normal; } h5 { margin: 0px; padding: 0px; font-size: 0.9em; font-weight: normal; } h6 { margin: 0px; padding: 0px; font-size: 0.8em; font-weight: normal; } /* redefine list elements, but with smaller margin and tighter leading */ dl { margin-top: 1.0em; margin-left: 3em; } dt { margin-top: 1.0em; margin-left: 3em; } dd { margin-top: 1.0em; margin-left: 3em; } ul { margin-top: 1.0em; margin-left: 0.0em } li { margin-top: 1.0em; margin-left: 3.0em; } /* paragraph to put a space after a list BAD IDEA */ .ulast { margin-top: 0em; } /* redefine blockquote, paragraph margin but tighter leading */ blockquote { margin-left:6em; } /* redefine address tag, and a matching "addr" class with no vertical space */ address { } /* style for email addresses */ .addr { font-style:italic; font-size: 0.9em; } /* used in navigation bars, both on main page and on sub pages */ .nav { text-align:center; } hr { width: 80%; height: 4px; margin-top: 1em; color: #ddddbb; background-color:#ddddbb; } hr.closer { width: 80%; height: 4px; margin-top: 0.25em; color: #ddddbb; background-color:#ddddbb; } blockquote { font-size:100%; margin-top: 1em; margin-left: 2em; } /* for PDF and HTML labels */ .format-label { font-size:0.8em; color:navy; } /* NON-SEMANTIC STYLES */ .navy { color: navy; background-color: transparent; } /* lighten */ .light { font-weight: normal; } /* embolden */ .bold { font-weight: bold; } /* ital */ .ital { font-style: italic; } /* undl */ .undl { text-decoration: underline; } /* block */ .block { text-indent: 0em; } /* indent */ .indent { margin-left: 3.0em; } /* smaller */ .small { font-size: 0.9em; } /* very small */ .verysmall { font-size: 0.8em; } /* formatting small-caps for [PDF] and [JPG] tags */ .format-label { font-size:75%; line-height:1.3; background:#ffffcc; color:navy; font-family: Verdana, Arial, sans-serif; font-weight: bold; } /* special for the tables of acoustic measurements */ div.measurement-table { margin: 0; padding: 0; border: none; width: 100%; } div.measurement-table td { font-size: 0.8em; } /* top padding 1em */ .top1em { padding-top: 1.0em; } /* navy */ .navy { color: navy; background-color: transparent; } /* invisible gifs */ img.invisible { border: none; visibility: hidden; } /* center */ .center { text-align: center; } /* center by margins auto */ .center-margins { margin-right: auto; margin-left: auto; } /* paragraph for Allan Atlas, Works Cited */ p.work-cited { text-indent: -2.0em; margin: 1.0em 0 1.0em 0; padding: 0 0 0 2.0em; } /* formatting for directory of items on main page */ div.descrip-head { margin: 2.0em 0 2.0em 0; padding: 0; } div.descrip-list { margin: 0; padding: 0 0 0 2em;; } div.descrip-list-item { margin: 1.0em 0 1.0em 0; padding: 0; } #header div.descrip-list-item-head { margin: 0.5em 0 0.5em 0; padding: 0; } #header div.descrip-list-item-head p.descrip-title-head { margin: 1.5% 0 0 0; padding: 0; text-indent: 0em; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 85%; color: navy; background-color: transparent; } #header div.descrip-list-item-head p.descrip-body-head { margin-top: 1%; margin-bottom: 0; padding: 0; text-indent: 1em; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-size: 85%; } p.descrip-title { margin: 3% 0 0 0; padding: 0; text-indent: 0em; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 85%; color: navy; background-color: transparent; } p.descrip-body { margin-top: 1%; margin-bottom: 0; padding: 0; text-indent: 1em; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-size: 85%; } li.descrip-body { margin-top: 0.4%; margin-bottom: 0; padding: 0; text-indent: 0; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-size: 85%; } p.descrip-descrip { margin: 0; padding: 0; text-indent: 0em; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-style: italic; font-size: 85%; } p.descrip-quote { padding: 0; text-indent: 0; font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; font-weight: bold; font-size: 85%; margin-top: 1%; margin-bottom: 0; margin-left: 3em; margin-right: 3em; }