@charset "UTF-8"; @import url("reset.css"); /*---------------------------------------------------------------------------------------------------------------- NB The CSS for the index.html page is contained as an internal style sheet within the HTML tag of that page ----------------------------------------------------------------------------------------------------------------*/ /**********/ /* Layout */ /**********/ /* -- Page -- */ body { width: 920px; margin: 0 auto; background-image: url(../images/main/body_background.gif); font-family: Georgia, "Book Antiqua", serif; line-height: 1.2; } div#wrapper { width: 920px; position: absolute; top: 0; left: auto; right: auto; } div#page { width: 920px; margin: 15px 0; background-image: url(../images/main/page_background.gif); } /* -- Header -- */ h1 { width: 920px; height: 156px; background: url(../images/main/header.jpg) no-repeat; } /* -- Layout -- */ div#column1 { width: 512px; /* 60% = 552px; -40px padding */ padding: 20px 20px 25px 20px; } div#column2 { width: 328px; /* 40% = 368px; -40px padding */ padding: 20px 20px 0px 20px; margin-top: 52px; } div#column1, div#column2 { float: left; } div#column2.marginbottom{ margin-bottom: 10px; } /* -- Sections -- */ div.links > div.section { margin-bottom: 30px; } div.links { margin-top: 40px; } /* -- Footer -- */ div#footer { width: 918px; /* 920px; -2px border */ height: 30px; clear: left; position: relative; border: 1px solid #808080; background-color: #006; } div#footer p { font-size: 0.75em; /* 12px */ color: #FFF; margin-top: 9px; position: absolute; top: 0; left: 20px; } /**************/ /* Navigation */ /**************/ /* -- Top Navigation -- */ ul#nav { overflow: hidden; padding: 0; margin: 0; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background-color: #808080; } ul#nav li { width: 183px; /* 20% = 184px; -1px border-right */ float: left; text-align: center; list-style: none; border-top: 1px solid #808080; border-right: 1px solid #808080; } ul#nav li.adjusted { width: 182px; } ul#nav a:link, ul#nav a:visited { display: block; padding: 6px 0; color: #FFF; background-color: #006; text-decoration: none; } ul#nav a:hover, ul#nav a:active { background-color: #69C; } /* -- Footer Navigation -- */ ul#footernav { overflow: hidden; padding: 0; margin: 0; position: absolute; top: 0; right: 10px; } ul#footernav li { float: left; text-align: center; list-style: none; } ul#footernav a:link, ul#footernav a:visited { display: block; padding: 6px 10px; color: #FFF; text-decoration: none; } ul#footernav a:hover, ul#footernav a:active { background-color: #69C; } /***********/ /* Content */ /***********/ /* -- Core Type -- */ h1 span { visibility: hidden; } h2 { font-size: 1.5em; /* 24px */ color: #009; margin-bottom: 20px; } h3 { font-size: 1.2em; /* 19px */ margin-bottom: 20px; } h4 { font-size: 0.94em; /* 15px */ font-style: italic; margin-bottom: 20px; } h5 { font-size: 0.94em; /* 15px */ font-weight: bold; } p, address { font-size: 0.94em; /* 15px */ margin-bottom: 20px; } em { font-style: italic; } strong { font-weight: bold; } p#introduction { font-size: 1em; /* 16px */ color: #369; margin-bottom: 20px; } /* -- Type -- */ div.credits { text-align: right; margin-bottom: 20px; } div.credits p { margin-bottom: 0; } span.filesize { font-size: 0.9em; font-family: "Trebuchet MS", Helvetica, sans-serif; } /* -- Lists -- */ ul, ol { font-size: 0.94em; /* 15px */ padding-left: 40px; margin-bottom: 20px; } ul li { color: #999; list-style: square outside; } ul li span { color: #000; } ol li { list-style: decimal outside; } ul#flowers { margin-bottom: 30px; } ul#flowers li { list-style: none; color: #000; margin-bottom: 20px; } ul#herbs { padding-left: 40px; margin-bottom: 20px; } ul#herbs li { list-style: none; color: #000; margin-bottom: 0; } /* -- Links -- */ a:link, a:visited, a:hover, a:active { color: #00F; } a[name] { display: block; padding-top: 20px; margin-top: -20px; } /* -- Images -- */ div.image { text-align: center; } div.image img { display: block; margin: 0 auto; } div#column1 div.image p { margin: 25px 0; } div#column1 div.image img.float { float: left; margin: 0 30px 0 4px; } div#column1 div#wildlife img.float { float: left; margin: 0 15px 0 0; } div#column2 div.image p { margin-bottom: 55px; } div#column2 div.image img.float { float: left; margin: 0 10px 0 20px; } div.image p.caption { font-size: 0.75em; /* 12px */ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.3; } div#column1 div.image p.caption { margin-top: -20px; } div#column2 div.image p.caption { margin: -50px 0 35px 0; } /* -- Box -- */ div.pdfbox { padding: 6px 6px 9px 6px; margin-bottom: 55px; border: 1px solid #CCC; } div#column1 div.pdfbox { width: 450px; margin-bottom: 20px; } div.pdfbox p { padding-left: 42px; margin-bottom: 0; background: url(../images/main/pdf.gif) no-repeat; font-size: 0.88em; /* 14px */ font-family: "Trebuchet MS", Helvetica, sans-serif; }