@charset "UTF-8";
/**
* arborday.org Main Stylesheet
*
* Standard layout for all sections of arborday.org
*
* @project Arbor Day Foundation
* @version 1.0
* @author Michael Jaquez
* @author Justin McDowell
* @copyright 2010 by the Arbor Day Foundation
* @cssdoc version 0.2.22
* @media screen
* @site arborday.org
*
* @colordef #006b3f; Arbor Day green
* @colordef #c8b98f; header tan
* @colordef #fefae9; nav yellow
* @colordef #cccccc; light gray
* @colordef #808080; medium gray
* @colordef #0000ff; link blue
* @colordef #45458d; visited link blue
*
* TABLE OF CONTENTS
*
* 1. Main Document Styles ............. (html, body, .maindiv)
* 2. Typography .......................
* 2.1. General Styles ................ (Element styles only - no nests, classes, or ids)
* 2.2. Heading Styles ................ (hgroup h1, .pair, hgroup h2, .subheading)
* 2.3. Lists .........................
* 2.4. Quotes ........................
* 3. Image Styles ..................... (img, .float-img-left, .float-img-right)
* 4. Form Styles ...................... (form, .form-col-first, .form-col-second)
* 4.1. Short Form Styles ............. (div.small-form-align label, div.small-form-align input, div.small-form-align br)
* 4.2. Checkbox/Radio Lists .......... (form ol.checkbox-list, form ol.checkbox-list li)
* 5. Other Block Elements ............. (table.pretty-mode img, .assemblyLine, .lineItem)
* 5.1 Microformat Styles
* 5.1.1. vCalendar Styles ..........
* 5.1.2. hCard Styles ..............
* 5.1.3. Media Styles ..............
* 6. Header Styles .................... (#header, .headerobject, #searchform, .breadcrumb)
* 7. Main Content Styles .............. (#contentspace, #indexcontentspace, #maincontent, #no-wrap-content)
* 8. Left Navigation Menu .............
* 8.1. Base Styles ................... (white)
* 8.2. Additional Nav Menus .......... (div#tertiary-nav, div#tertiary-nav h4.tertiary-title, h4.tertiary-title a)
* 8.2. Overlay Styles ................
* 8.3. Old Overlay ................... (tan)
* 8.4. New Overlay ................... (yellow)
* 9. Footer Styles .................... (#footer, #footer a, .badges p, .brag-button)
* 10. Links ............................ (.linkheading, .mainheading, a img)
* 10.1. Normal Links ................. (a)
* 10.2. Normal Links with No Visited Color (a.not-visited)
* 10.3. Links to Files ............... (.pdf-link, .doc-link, .new-window-link)
* 11. Section Styles - deprecated; use separate stylesheets
*/
/**
* 1. MAIN DOCUMENT STYLES
*
* @section main
*/
html{
/*height:100%;
background:#d2c4aa url(/graphics/paperBG.jpg);*/
font:Arial, Helvetica, sans-serif;
/*font-size: 10pt;
line-height: 12pt;*/
color:#000;
}
body {
/*height:100%;*/
background:#d2c4aa url(/graphics/paperBG.jpg);
color:#000;
font:normal 9pt/1.4 Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
text-align:center;
}
.maindiv,
#page{ /* For v1.5 styles. */
background:url(../graphics/pageBG.gif) top center repeat-y;
margin:0 auto;
width:803px;
}
/**
* 2. TYPOGRAPHY
*
* @section typography
*/
/**
* 2.1 General Styles
*
* Element styles only - no nests, classes, or ids.
*
* @subsection general
*/
p,
.default-text, /* DEPRECATED */
dl,
ol,
ul,
tr,
td,
blockquote{font: normal 9pt/1.4 Arial, Helvetica, sans-serif;}
p,
dl,
ol,
ul,
blockquote{
margin-top:0; /*box model*/
margin-bottom:1.4em;
-moz-hyphens:auto; /*hyphenation*/
-webkit-hyphens:auto;
hypens:auto;
-moz-hyphenate-limit:2;
-webkit-hyphenate-limit:2;
hyphenate-limit-lines:2;
}
h1,
h2,
h3,
h4,
h5,
h6{
margin:0; /*box model*/
color:#320;
font-family:Georgia, Times, Times New Roman, serif; /*type*/
font-weight:normal;
text-rendering:optimizeLegibility; /**/
-moz-font-feature-settings: "liga=1,dlig=1,zero=1,frac=1"; /*ligatures, discretionary ligatures, slashed or dotted zeroes, fractions - experimental, but works today - none of this is supported in Georgia, anyway.*/
-webkit-font-feature-settings: "liga","dlig","zero","frac";
font-variant-ligatures:common-ligatures additional-ligatures; /*-moz-font-feature-settings future-proofing overrides; ligatures*/
font-variant-numeric:oldstyle-nums diagonal-fractions slashed-zero; /*oldstyle numbers should be overridden in tables*/
}
h1{margin-bottom:.7em; font-size:18pt; letter-spacing:-.01em; line-height:1.4; text-align:center;}
h2{margin-bottom:.9em; font-size:14pt; letter-spacing:-.008em; line-height:1.35;}
h3{margin-bottom:1.05em; font-size:12pt; line-height:1.05;}
h4,
h5,
h6{font-size:1.1em; font-weight:bold; line-height:1.27;}
h4{margin-bottom:1.27em;}
ul, ol{margin-left:0; padding-left:16px;}
ol{padding-left:36px;}
abbr,
.abbr{border-bottom:1px dotted #d0d0d0;}
address{font-style:normal; text-decoration:none;}
dt{font:bold 1em/1.4em Georgia, Times New Roman, Times, serif;}
dd{margin:1.4em; margin-right:0;}
ins{border-bottom:1px solid #9e9272; background-color:#fefae9; text-decoration:none;}
sup{line-height:.7;}
sub{line-height:1;}
/**
* 2.2 HEADING STYLES
*
* Styles specifically for treating headings and heading groups.
*
* @subsection heading-styles
*/
hgroup h1,
.pair{margin-bottom:0em;} /* The first heading of a two-heading group. Works well with h2.subheading, get it? */
.pair + h2,
.subheading{margin-bottom:1.4em; font:normal 9pt/1.4em Georgia, Times New Roman, Times, serif; letter-spacing:.1em; text-align:center; text-transform:uppercase;}
h1 .amp, h2 .amp, h3 .amp, h4 .amp, h5 .amp, h6 .amp{ /*For styling ampersands. See: http://edward.oconnor.cx/2007/03/ampersands*/
font-family:Californian FB, Harrington, Bookman Old Style, Goudy Old Style, Palatino Linotype, Georgia, Times New Roman, serif;
}
small,
.notation{
/*margin: 0 0 0 1em;*/
font-size:.88em;
letter-spacing:.02em;
line-height:1.136;
color:#333;
}
.featured p {padding:.7em;}
.dem{color:#666;} /* De-emphasized text */
.sans {font-family: Helvetica, Arial, sans-serif} /* DEPRECATED AS PRESENTATIONAL */
.emphasized{font-weight:bold;} /* DEPRECATED AS PRESENTATIONAL, USE STRONG OR B INSTEAD */
.tight {margin:.2em 0; padding:0;} /* DEPRECATED AS PRESENTATIONAL */
.tightest{margin:0; padding:0;} /* DEPRECATED AS PRESENTATIONAL */
div.quote{background:url(/graphics/optionDiv-bg.jpg) bottom repeat-x; font:italic 14px/21px Georgia, Times, serif; color:#666; margin:5px 0; padding:10px; border:1px solid #CCC;}
div.quote cite{font:bold 14px Arial, Helvetica, sans-serif; color:#555; padding-left:10px;}
.indexright{ /*** For the main index page ***/
margin: .5em 0 .5em 0;
clear:both;
}
/**
* 2.3 LISTS
*
* @subsection lists
*/
.ilist {
margin-left:3.5em;
list-style-position: outside;
}
ul.clean-list, ol.clean-list, .clean-list li{ /* Deprecated - presentational */
list-style-type:none;
}
ol.unordered{ /*** Makes ordered list behave like a typical unordered list; deprecated, presentational ***/
list-style-type:disc;
}
ol.unordered ol.unordered{ /*** Deprecated, presentational ***/
list-style-type:circle;
margin-bottom:0em;
}
ol.graphic-list{
margin:0em;
padding:0em;
list-style-type:none;
}
ol#faq-index{
border:1px solid #fefae9;
padding-top:1.4em;
padding-right:1.4em;
padding-bottom:1.4em;
}
dl#faq dt{
margin-bottom:1.145em;
font: bold 9pt/1.4 Arial, Helvetica, sans-serif;
}
dl#faq dd{
margin-left:0;
font: normal 9pt/1.4 Arial, Helvetica, sans-serif;
}
dl#faq p.back-to-top{
background-color:#fefae9;
clear:both;
}
/*** For shorter, squatter lists ***/
.collapsed-list p{
margin-bottom:0em;
}
.collapsed-list ul{
margin-top:.5em;
}
/*** For narrower lists ***/
.crushed{ /*** Deprecated - presentational ***/
margin-left:1.5em;
padding-left:0em;
}
.illustrated,
.illustrated{
margin:0;
padding:0;
list-style-type:none;
}
.illustrated li,
.illustrated li{
clear:both;
}
.illustrated img,
.illustrated img{
border:1px solid #ccc;
margin:0 0 1.4em 1.4em;
float:right;
}
.illustrated img.alt,
.illustrated img.alt{
border:1px solid #ccc;
margin:0 1.4em 1.4em 0;
float:left;
}
.todo li{padding:10px 0; margin:0 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000; border-top:#999 dotted 1px;}
/**
* 2.4 QUOTES
*
* @subsection quotes
*/
cite{
color:#000;
font: italic 9pt/1.4em Arial, Helvetica, sans-serif;
/*float:none;*/
}
.block-cite{ /* DEPRECATED - Presentational */
text-align:right;
font-style:italic;
display:block;
}
.inspirational-quote{
margin:0 0 1.4em 0;
padding:0;
color:#666;
font-family: Georgia, Times, "Times New Roman", serif;
clear:both;
}
.pull-quote,
.pull-quote cite,
.pull-quote .vcard{
color:#808080;
font: oblique 12pt/2.1 Georgia, Times, "Times New Roman", serif;
}
.pull-quote{
border-bottom:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
margin-left:1.4em;
width:200px;
float:right;
}
.pull-quote .vcard{
text-align:right;
font: oblique 9pt/1.4 Georgia, Times, "Times New Roman", serif;
}
.reversed{color:#fff;} /* deprecated, presentational */
.spotlight,
.centered{text-align:center;} /* deprecated, presentational; use .spotlight instead */
.footnote{
clear:both;
font-size:8pt;
line-height:1.575em;
}
.caps, .number, .postal-code, .tel{ /*for increased scanability of strings of caps and numbers*/
letter-spacing:.1em;
}
.program-title, /* for styling the names of programs (e.g. Making America Greener) */
.foreign, /* for styling foreign words */
.scientific-name{
font-style:italic;
}
.thank-you{ /*for form confirmations*/
background-color:#fefae9;
border:solid 1px #f00;
padding:1em;
margin:1em;
}
.warning-message,
#errors,
.note{-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; margin-bottom:.7em; padding:.7em; background-color:#fefae9;
background-image:-moz-linear-gradient(white 0%, #fefae9 25%);
background-image:-webkit-linear-gradient(white 0%, #fefae9 25%);
background-image:linear-gradient(white 0%, #fefae9 25%);
}
.warning-message,
#errors{ /*for form confirmation*/
border:solid 1px #f00;
background-color:#fefae9;
}
.warning-message #errors{border-width:0; margin:0; padding:0; background-color:inherit;} /* Compensating for new pages where #errors is nested inside .warning-message. */
.note{border:solid 1px #9e9272;} /*For notworthy text, i.e. "Your shopping cart has been updated."*/
#no-wrap-content .note p:last-child, /* Eventually, this should be less specific, but for now 3 levels of specificity are required to override. */
.content .note p:last-child,
#no-wrap-content .warning-message p:last-child,
.content .warning-message p:last-child{
margin-bottom:0;
}
.clarification{ /*Usually for clarifying form fields*/
background-color:#fefae9;
border:1px solid #dcd8c7;
border-top-width:3px;
font:normal 7pt/1.8 Arial, Helvetica, sans-serif;
padding:.6em;
}
.litewarning {
border: 1px solid #aaa271
}
span.clarification {padding:.5em;}
p.clarification{
margin-bottom:1em;
}
.clarification p{
font:normal 7pt/9pt Verdana, Helvetica, Arial, sans-serif;
}
.clarification ol{
margin:0;
font:normal 7pt/9pt Verdana, Helvetica, Arial, sans-serif;
}
.clarification input, .clarification option, .clarification select{
font:normal 7pt/9pt Verdana, Helvetica, Arial, sans-serif;
}
.closing-statement {
margin:0;
margin-bottom:.788em;
width:auto;
color:#808080;
font-family:Georgia, Times, Times New Roman, sans-serif;
font-size:12pt;
font-style:oblique;
line-height:1.2em;
}
#introduction, /* Deprecated, use .intro instead. */
#introduction p,
.intro,
.intro p{border-top-width:0px; margin:0; margin-bottom:.788em; width:auto; color:#808080; float:none; font-family:Georgia, Times, Times New Roman, sans-serif; font-size:16pt; font-style:oblique; line-height:1.575em;}
#introduction,
.intro{border-bottom:1px dashed #d7d9b8; /*padding-bottom:.788em;*/}
#introduction p,
.intro p{margin-bottom:.788em; padding-bottom:0;}
/*#sidebar h4{
margin-bottom:1.4em;
font-size:9pt;
font-weight:normal;
letter-spacing:.1em;
line-height:1.4em;
text-transform:uppercase;
}*/
/**
* 3. IMAGE STYLES
*
* @section images
*/
img{
margin:0px;
padding:0px;
border:0px;
}
.float-img-left{float:left; margin:0px 12.6pt 12.6pt 0px;}
.float-img-right{clear:right; float:right; margin:0px 0px 12.6pt 12.6pt;}
div.float-img-left img,
div.float-img-right img{display:block;}
/**
* 3.1 CAPTION STYLES
*
* @subsection captions
*/
.caption,
#no-wrap-content .caption,
.body-caption, /* Captions for images inside body text, helps to offset them */
.caption-view /* Image captions that link to a new image (larger image, stand-alone image, etc.) (i.e. +Enlarge)...basically just centered */
{font: bold 8pt/1.58 Arial, Helvetica, sans-serif; margin-top:.79em;}
#no-wrap-content .caption2{ /* Tighter top margin */
font: normal 8pt/1.58em Arial, Helvetica, sans-serif;
margin:0em;
}
.body-caption{padding-left:.76em; border-left:2px solid #ccc;}
.caption p,
#no-wrap-content .caption p,
#no-wrap-content .caption2 p,
#no-wrap-content .body-caption p{margin-bottom:1.58em; font: bold 8pt/1.58em Arial, Helvetica, sans-serif;}
.caption-view{text-align:center;}
#hero-image{display:block;}
.item-icon{ /* Small content-based images used in #index-content, and other areas */
margin:0 0 0 .7em;
float:right;
}
.item-icon2{
margin:0 .7em 0 0;
float:left;
}
.atmospheric{
border:1px solid #ccc;
}
#partners, /* Deprecated, use .sponsors */
#sponsors, /* Deprecated, use .sponsors */
.sponsors{
clear:both;
text-align:center;
}
#partners h2,
#sponsors h2,
.sponsors h2,
.sponsors h3{
margin-bottom:1em;
color:#666;
font-size:.7em;
text-transform:uppercase;
letter-spacing:.1em;
line-height:1;
text-align:left;
}
#partners img,
#sponsors img,
.sponsors img{
border-width:0px;
margin:1.4em;
margin-top:0;
vertical-align:middle;
}
#partners ul,
#sponsors ul,
.sponsors ul{margin:0 0 1.4em 0; padding:0; list-style-type:none;}
#partners li,
#sponsors li,
.sponsors li{display:inline;}
.sponsors ul.text-list{
margin-left:1.4em;
float:none;
list-style-type:disc;
text-align:left;
}
.text-list li{
display:list-item;
}
#sidebar #sponsors img,
.sidebar #sponsors img,
.sidebar .sponsors img{
margin:0;
}
.left-nav-container .sponsors{
margin-left:10px;
width:155px;
}
.left-nav-container .sponsors img{
margin:0 .35em 1.4em .35em;
max-width:155px;
}
.slideshow-img-sm,
.slideshow-img-md,
.slideshow-img-lg{
margin-bottom:1.4em;
}
.slideshow-img-sm{
width:320px;
}
.slideshow-img-md{
width:400px;
}
.slideshow-img-lg{
width:559px;
}
.polaroid {display:block; padding:5px; border:1px solid #CCC; border-bottom:2px solid #666;}
/**
* 4. FORM STYLES
*
* Deprecated, see stylesForm.css.
*
* @section forms
*/
form{
margin:0px;
padding:0px;
border-width:0px;
}
fieldset{
border-width:0px;
border-top:1px solid #ccc;
margin:1em 0em;
padding:0em .5em .5em 10px;
}
fieldset legend{
/*margin:1.35em;*/
font:normal 14pt/1.35 Georgia, Times, "Times New Roman", serif;
color:#320;
}
label{}
form ol,
form ul{
margin:0;
padding:0;
list-style-type:none;
}
form li{
margin-bottom:1.4em;
}
#sidebar input,
.sidebar input{
width:198px;
}
#sidebar input.submit,
#sidebar input#submit{
width:auto;
}
.formBox {margin:0; width:550px; float:left;}
.formHeading {margin:10px 0 0 10px; color:#006B3F; font-size:14px; font-weight:bold;}
/*.formBox .top {background:url(/graphics/donationform550-top.jpg) no-repeat; height:30px;}
.formBox .body {background:url(/graphics/donationform550-body.jpg) repeat-y;}
.formBox .bot {background:url(/graphics/donationform550-bot.jpg); height:30px;}*/
/* These 3 need to remain seperate since they aren't descendants of the actual .formBox class, just additional styles (For now...) */
.top {background:url(/graphics/donationform550-top.jpg) no-repeat; height:30px;}
.body {background:url(/graphics/donationform550-body.jpg) repeat-y;}
.bot {background:url(/graphics/donationform550-bot.jpg); height:30px;}
.formBox-1column {margin:0; padding:0; width:265px; float:left;}
.top-1column {background:url(/graphics/donationform-top.jpg) no-repeat; height:15px;}
/*.body-1column {background:url(/graphics/donationform-body.jpg) repeat-y;}*/
.body-1column{width:263px; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.bot-1column {background:url(/graphics/donationform-bottom2.jpg); height:27px;}
.formBox .form-contents,
.body-1column .form-contents{margin:0 8px; background-color:#fff;}
.form-col-first{
width:200px;
margin:0px 10px 10px 0px;
float:left;
text-align:right;
}
.form-col-second{
width:337px;
float:left;
text-align:left;
}
fieldset .form-col-first{ /* Compensates for fieldset margin */
width:190px;
}
fieldset fieldset .form-col-first{
width:180px;
}
fieldset fieldset .form-col-second{
width:332px;
}
fieldset fieldset legend{
margin:0em;
color:#000;
font:normal 12pt/2.10 Georgia, Times, "Times New Roman", serif;
}
.form-col-checkbox{
width:25px;
float:left;
}
.form-col-check-desc{
width:200px;
float:right;
text-align:left;
}
form .text-input{
width:318px;
}
form fieldset{
margin-bottom:4.2em;
}
form .component{ /* For inline form fields (i.e. City, State, Zip) */
margin:.7em;
float:left;
}
.form-add-in{ /* For form components that get added in dynamically */
border:1px dashed #ccc;
padding:1.4em 0em;
}
#form-sent{
color:#006b3f;
}
.required {color:red;}
/**
* 4.2. CHECKBOX/RADIO LISTS
*
* How to display the "input-first" form fields where the label is to the right.
*
* @subsection checkbox-radio lists
*/
form ol.checkbox-list{
list-style-type:none;
margin:0em;
padding:0em;
margin-bottom:.5em;
}
form ol.checkbox-list li{
clear:both;
}
form ol.checkbox-list li input{
margin-right:.25em;
/*border:1px solid #000;*/
}
form ol.checkbox-list li label{
/*border:1px solid #000;*/
margin:0px;
padding:0px;
}
.inputtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
.inputtitler{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ff0000;
}
.inputmonospace{
font-family: "Courier New", Courier, monospace;
text-align: center}
.inputmonospacel{
font-family: "Courier New", Courier, monospace;
text-align: left}
/**
* 5. OTHER BLOCK ELEMENTS
*
* @section other
*/
.data-table{ /*Since we use tables for design, we need to explicitly specify when we're using table correctly.*/
}
.data-table th,
.data-table td{
border-bottom:1px solid #ccc;
padding:.35em 1.4em 1.05em 1.4em;
}
.data-table p:last-child{
margin-bottom:0;
}
table.pretty-mode img{
display:block;
}
.column1,
#column1{margin-right:15px; width:272px; clear:left; float:left;}
.column2,
#column2{margin-left:0; width:272px; float:left;}
.call-out{margin-left:2.8em;}
.featured {background:/*#FFFFDF*/#FEFAE9; border:dotted 1px #CCC; padding: 1em;}
.mint{background:url(/graphics/bg-login.jpg) top repeat-x #D8F1DF; border:1px solid #999; padding:10px;}
.forest{background:url(/graphics/forest-top-bg.jpg) top repeat-x #006B3F; border:1px solid #666; padding:10px;}
.sand{background:url(/graphics/sand-top-bg.jpg) top repeat-x #E0E0C5; border:1px solid #999; padding:10px;}
.snow {background: url(/graphics/snow-top-bg.jpg) top repeat-x; border:1px solid #CCC; padding:10px;}
#social-bookmarking{
border: 1px solid #9e9272;
maxwidth:200px;
padding:.7em;
margin-left:1.4em;
clear:right;
float:right;
text-align:center;
}
#social-bookmarking h2{
border-bottom:1px solid #c8b98f;
display:block;
font: normal 8pt/1.58em Georgia, Times, Times New Roman, serif;
}
#social-bookmarking img{margin-bottom: .3em; display:block;}
.footer-list{
margin:0;
padding:0;
list-style-type:none;
}
.footer-list li{
border-left:1px solid #fff;
display:inline;
}
.footer-list li:first-child{
border-left-width:0;
}
.footer-list li a{
margin:0 1px 0 4px;
}
.social-list{
margin:0;
padding:0;
/*width:77px;*/
display:inline-block; /*IE7 hack - simulates inline-block*/
*display:inline; /*IE7 hack - triggers hasLayout*/
}
li.social-item{
border-width:0; /*box-model*/
min-height:16px;
display:inline-block;
*display:inline; /*IE7 hack - simulates inline-block*/
vertical-align:text-bottom;
zoom:1; /*IE7 hack - triggers hasLayout*/
}
.social-item a,
.social-item a:link,
.social-item a:visited{
height:16px; /*box-model*/
background-image:url(/link/graphics/social-footer.png);
display:block;
opacity:.7;
overflow:hidden;
text-indent:-99999px;
-webkit-transition: opacity .2s ease-in-out; /*animation*/
-moz-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
zoom:1;
}
.social-item a:hover{opacity:1;}
.facebook{width:17px; background-position:-36px 0;}
.twitter{width:23px; background-position:-63px 0;}
.google-plus{width:16px; background-position:-10px 0;}
.colorblock{margin: 0 0 .2em 0; padding:.1em .466em; color:#FFF; font:bold .9em/1.1em Verdana, Arial, sans-serif;}
.colorblock a:link{color:#FFF;}
.colorblock a:visited{color:#FFF;}
.colorblock a:hover, a:focus, a:active{text-decoration:underline;}
/*-----Background Styles for .colorblock----*/
.blue{background:#369;}
.brown{background:#663;}
.red{background:#900;}
.optionDiv{border:1px solid #ccc; padding:1.4em .7em 0 1.4em; margin-bottom:1.4em; background:url(/graphics/optionDiv-bg.jpg) top repeat-x #F7F7F7; overflow:hidden;}
.pointer{cursor:pointer;}
/* Ideally, these styles would match our jQueryUI styles. */
.panel{border:1px solid #ccc; -moz-border-radius:8px; border-radius:8px; margin-left:0; padding-left:0; background-color:#efefef; list-style-type:none;}
.panel li{border-top:1px solid #ccc; cursor:pointer; overflow:hidden;}
.panel li:first-child{border-top-width:0;}
.panel li:hover{-moz-border-radius:8px; border-radius:8px; background-color:#fff;}
.panel-header-illus{margin-right:16px; vertical-align:middle;}
.panel-contents{margin:1.4em 16px;}
/**
* 5.1. MICROFORMAT STYLES
*
* @subsection microformats
* @see http://microformats.org
*/
/**
* 5.1.1. VCALENDAR EVENT STYLES
*
* @subsection vcalendar
*/
div.vevent{
margin-bottom:1em;
font: normal 9pt/1.4 Arial, Helvetica, sans-serif;
}
abbr.dtstart, abbr.dtend{
border-bottom-width:0px;
}
.contact-info{
font-style:italic;
margin-bottom:0em;
padding-bottom:0em;
}
/**
* 5.1.2. VCARD STYLES
*
* DEPRECATED.
*
* @subsection vcard
*/
.with-lead-in{ /* DEPRECATED */
margin-top:0em;
margin-bottom:1em;
}
/**
* 5.1.3. MEDIA STYLES
*
* For styling movie, book, and magazine titles, and similar items. This spec is still in an early draft.
*
* @subsection hmedia
* @see http://microformats.org/wiki/media-info-brainstorming
*/
.media-title, /* Deprecated. Use .hmedia .fn */
.hmedia .fn{font-style:italic;}
.hmedia .vcard .fn{font-style:normal;}
/**
* 6. HEADER STYLES
*
* @section header
*/
#header{
width:771px;
margin:0px auto;
background-color:#c8b98f;
text-align:left;
}
#logospace{
padding:2px 5px;
}
#logo,
#mission,
#searchform{
margin-right:1em;
float:left;
}
#logo{
overflow:hidden;
}
#mission{
overflow:hidden;
}
#logo{
height:27px;
width:199px;
}
#mission
{
height:27px;
width:149px;
background:transparent url(/graphics/header-sprite-map.png) no-repeat -199px 0;
}
#mission .statement{
visibility:hidden;
}
#searchform{position:relative; top:2px;}
label.header,
.search-label{display:none;}
.go-button::-moz-focus-inner{border-width:0; margin:0px; padding:0;}
.criteria,
.go-button{
height:22px;
margin:0;
padding:0 4px;
display:block;
float:left;
/*vertical-align:middle;*/
}
.criteria{
border:1px solid #004d2d;
border-right-width:0;
height:20px;
width:100px;
background-color:hsla(0,0%,100%,.85);
border-radius:8px 0 0 8px;
-webkit-box-shadow:0 2px 2px hsla(0, 0%, 75%, .85) inset;
box-shadow:0 2px 2px hsla(0, 0%, 75%, .85) inset;
}
.go-button{border:1px solid #004d2d; background-color:#006b3f; color:#fff; font-weight:bold; text-align:center;
border-radius:0 8px 8px 0;
-webkit-box-shadow:0 1px 2px hsla(0,0%,25%,.5);
box-shadow:0 1px 2px hsla(0,0%,25%,.5);
background-image:-moz-linear-gradient(top, hsla(0,0%,100%,0) 20%, hsla(0,0%,50%,.5) 50%, hsla(0,0%,33%,.33) 85%, hsla(0,0%,0%,.33) 100%);
background-image:-webkit-linear-gradient(top, hsla(0,0%,100%,0) 20%, hsla(0,0%,50%,.5) 50%, hsla(0,0%,33%,.33) 85%, hsla(0,0%,0%,.33) 100%);
background-image:linear-gradient(top, hsla(0,0%,100%,0) 20%, hsla(0,0%,50%,.5) 50%, hsla(0,0%,33%,.33) 85%, hsla(0,0%,0%,.33) 100%);
}
.go-button:hover{background-color:#40a77d;}
.go-button:focus{outline:0;}
.go-button:active{box-shadow:0 0 0 #000; box-shadow:0 0 0 #000; background:#006b3f none; outline:0;}
#account, /* deprecated */
.account{
padding:0;
float:right;
list-style-type:none;
}
.account li{
border-left:1px solid #000;
}
#linkspace, /* deprecated */
.primary-nav{
font:bold 10pt/1.26 Arial, Helvetica, sans-serif;
letter-spacing:.1px;
text-align:center;
padding: 3px;
color: #ffffff;
background-color: #006b3f;
clear:both;
}
.primary-nav{
margin:0;
list-style-type:none;
}
.primary-nav li{
border-left:2px solid #bbb;
border-color:hsla(0,100%,100%,.5);
}
.account li, /* Link lists. */
.primary-nav li{
display:inline;
}
.account li:first-child, /* Rebalance first list-item. */
.primary-nav li:first-child{
border-left-width:0;
}
.account li:first-child a, /* Rebalance first list-item. */
.primary-nav li:first-child a{
margin-left:0;
}
.account a,
.primary-nav a{
margin:0 1px 0 4px;
}
#header-banner{ /*deprecated*/
width:771px;
padding:0px;
margin:0px;
}
#header-img, #header-txt{ /*deprecated*/
margin: 0px;
padding: 0px;
/*float: left;*/
}
#section-header,
#header-banner img{
display:block;
}
.breadcrumb{
padding-left:10px;
width:761px;
background-color:#FEFAE9;
/*clear:both;*/
font:normal 8.5pt/1.48 Arial, Helvetica, sans-serif;
}
/* Styles for v1.5 layout. */
#interior .breadcrumb,
.breadcrumb ul,
.credentials{font:normal 8pt/2.3625 Arial, Helvetica, sans-serif;}
#interior .breadcrumb{height:auto; padding-left:10px; width:761px; background:#fefae9 url(/graphics/breadcrumb.png) repeat-x bottom;}
.breadcrumb ul,
.breadcrumb li{margin:0; padding:0; display:inline;}
#credentials{margin-right:16px; float:right;} /*deprecated, use .credentials instead*/
.credentials{margin:auto 16px; float:right;}
/**
* 7. MAIN CONTENT STYLES
*
* @section main-content
*/
#contentspace,
#container{ /* Styles for v1.5 layout. */
width:771px;
margin:0px auto;
padding:0px 0px .5em 0px;
background:#fff;
text-align:left;
}
#container{padding-bottom:0; background:#fff url("/graphics/bg-dirty.jpg") no-repeat bottom;} /* Styles for v1.5 layout. */
#indexcontentspace{ /* For index page only. */
width:771px;
margin:0px auto;
padding:0px;
background-color:#fff;
text-align:left;
}
#maincontent{ /* Deprecated. Wrap content around left nav menu - See also: #no-wrap-content */
background-color:#fff;
margin:5px 10px 0px 10px;
padding:0px;
}
.content, /* For v1.5 styles. */
#no-wrap-content{ /*Don't wrap content around left nav menu - See also: #maincontent*/
/*background-color:#fff;*/
margin:.7em 15px 1.4em 0px;
padding:0px;
width:559px;
float:right;
}
.content{background-color:transparent;}
#no-nav-content{
margin:16px;
width:auto;
float:none;
}
#page-content, /* Deprecated. */
.page-content{ /* For use with sidebar */
border-right:1px solid #d7d9b8;
margin-bottom:1.4em;
padding-right:14px;
width:330px;
float:left;
}
#sidebar, /* Deprecated. */
.sidebar
{
width:200px;
margin:0em 0em 10px 0px;
padding:0em 0em 0em 14px;
/*border-left:1px solid #d7d9b8;*/
float:right;
display:block;
}
#no-nav-content #page-content,
#no-nav-content .page-content{
width:390px;
}
#no-nav-content #sidebar,
#no-nav-content .sidebar{
padding-left:14px;
width:320px;
}
#index-image{ /*The hero image on the main index pages.*/
/*float:left;*/
clear:both;
display:block;
margin:0px;
padding:0px;
}
#index-content{ /*The content next to the hero image on the main index pages.*/
padding:4px 9px;
text-align:left;
width:238px;
}
#index-content2{ /*Any "body copy" content in the bottom columns.*/
margin:.7em;
}
.clearDiv{ /* Deprecated. */
clear:both;
font:normal 0px/0px serif;
}
.clear-br{ /* Deprecated. */
clear:both;
}
.clear-left{clear:left;} /* Deprecated. */
/**
* 8. LEFT NAVIGATION MENU *
*
* @section navigation
*/
/**
* 8.1 BASE STYLES
*
* These are for a deprecated older style left-nav and are now used as a base. Eventually, all nav styles can be merged together.
*
* @subsection nav-base
*/
#left-nav{
border:1px solid #ccc;
margin:5px 5px 5px 5px;
width:165px;
background:#fff none;
float:left;
}
.nav-list{
margin:0px;
padding:0 10px;
width:auto;
list-style-type:none;
background:#fff none;
}
.nav-list h4,
.left-nav-container h4{
border-bottom:2px solid #ccc;
margin:1.07em 0 0 0;
padding:0px;
font:bold 10pt/1.26em Arial, Helvetica, sans-serif;
}
.nav-list h4 a:link,
.nav-list h4 a:visited,
.left-nav-container h4 a:link,
.left-nav-container h4 a:visited{color:#666;} /* Keep link black, even when visited. */
.nav-list h5,
.left-nav-container h5{
font:bold 9pt/1.4 Arial, Helvetica, sans-serif;
}
.nav-list h6,
.left-nav-container h6{
font:oblique normal 9pt/1.4 Arial, Helvetica, sans-serif;
}
.nav-list-secondary{
margin:0em;
padding:0; /*padding:.5em;*/
list-style-type:none;
/*text-align:left;
font:normal 8pt/1.575em Arial, Helvetica, sans-serif;*/
background:#fff none; /*background-color:#eae4d0;*/
}
.nav-list-secondary li{
border-bottom:1px solid #ccc; /*border-bottom: 1px solid #9e9272;*/
margin:.5em 0em .5em 0em;
padding-bottom:.5em;
/*width:155px;*/ /* Width is mandatory; it triggers hasLayout for IE */
}
.nav-list-secondary li.nav-list-secondary:last-child,
.nav-list-secondary li:last-child{
/*padding:5px 0px 5px 0px;*/
border-bottom: 0px solid #9e9272;
}
.nav-list a:visited,
.submenu a:visited{ /* Make color always be blue, despite visited, active */
color:#00f;
}
.nav-list a:hover,
.submenu a:hover{
color:#e16500;
}
.left-nav-container{ /* For when a tertiary navigation menu is used. */
margin-bottom:1.4em; width:197px;
float:left;
}
img.left-nav-banner{
margin:5px 5px 0px 5px;
}
/**
* 8.2. ADDITIONAL NAV MENUS *
*
* @subsection additional-menus
*/
div#tertiary-nav{
border:1px solid #ccc; /*border:1px solid #9e9272;*/
margin:5px 25px 5px 5px;
width:auto;
background:#fff none; /*background-color:#c8b98f;*/
}
div#tertiary-nav h4.tertiary-title{
border-bottom:2px solid #000;
margin:1.11em 0 0 0;
padding:0px;
font:bold 10pt/1.26em Arial, Helvetica, sans-serif;
}
h4.tertiary-title a:link,
h4.tertiary-title a:visited{color:#000;} /* Keep link black, even when visited. */
.nav-list-secondary ul,
.nav-list-secondary ol,
.submenu{margin:0 0 0 .7em; padding:0em; list-style-type:none; font:normal 1em/1.4em Arial, Helvetica, sans-serif;}
.nav-list-secondary ul li,
.nav-list-secondary ol li,
.submenu li{border-width:0px; margin:.25em 0em;}
.submenu{overflow:hidden;} /* Ensure hasLayout in IE7. */
.submenu .submenu li{margin:0; padding:0;}
/**
* 8.3 OLD TAN OVERLAY *
*
* These styles are deprecated and used for an older style left nav menu.
*
* @subsection old-overlay
*/
/*#left-nav{border-color:#a6976d; background-color:#edeace;}
.nav-list{padding:0; background-color:transparent;}
.nav-list h4{border-bottom:1px solid #a6976d; margin:0; padding:.63em 10px; background-color:#c8b98f; color:#000;}
.nav-list h4 a:link,
.nav-list h4 a:visited,
.nav-list h4 a:hover{color:#000;}
.nav-list-secondary{padding:0 10px; background-color:transparent;}
.nav-list-secondary li{border-bottom:1px solid #999;}*/
/**
* 8.4 NEW OVERLAY
*
* These are the current styles for the left navigation menu. These should eventually be merged to take over the old styles.
*
* @subsection new-overlay
*/
.breadcrumb{height:20px; width:auto; min-height:20px; background:#fefae9 url(/graphics/breadcrumb.png) bottom;}
#left-shopnav-wrapper{margin:0 32px 1.4em 0; float:left;}
#left-nav{border-width:0; margin:0; background:transparent url(/graphics/left-nav-side.png) right top; position:relative; top:-3px;}
.nav-list,
.nav-list-secondary,
.submenu{background-color:transparent;}
.nav-list{padding-bottom:.5em; background:transparent url(/graphics/nav-list-bottom.png) right bottom no-repeat;}
.nav-list h4{border-bottom-width:1px;}
.nav-list h4 a:link,
.nav-list h4 a:visited{color:#320;}
.nav-list-secondary li{border-bottom-width:0; border-top: 1px solid #ccc; margin:0; padding: .5em 0;}
/**************************************/
/********** 9. FOOTER STYLES **********/
/**************************************/
.content-footer,
#content-footer{
border-top:1px solid #ccc;
clear:both;
margin-top:.7em;
padding-top:.7em;
}
#footer{
margin:auto;
padding:.7em 0;
width:771px;
background-color:#006b3f;
clear:both;
color:#ffffff;
font: bold 8pt/1.575 Arial, Helvetica, sans-serif;
text-align:center;
}
#footer a:link,
#footer a:visited{
color:#ffffff;
}
#interior #footer{margin-top:1.4em;} /*Style for v1.5 layout.*/
/*******************************/
/********** 10. LINKS **********/
/*******************************/
/**************************/
/*** 10.1. NORMAL LINKS ***/
/**************************/
a:link{
text-decoration:none;
color: #00F;
}
a:visited{
text-decoration:none;
/*color:#838398;*/
color:#45458d;
}
a:hover{
text-decoration:underline;
color: #e16500;
}
.no-click-email{ /*deprecated*/ /*for e-mail stand-in links formatted like: name [at] arborday [dot] org*/
color:#0000ff;
}
/************************************************/
/*** 10.2. NORMAL LINKS WITH NO VISITED COLOR ***/
/************************************************/
a.not-visited:link{
text-decoration:none;
color: #00F;
}
a.not-visited:visited{
text-decoration:none;
/* border-bottom: dotted 1px #cccccc; */
color:#00F;
}
a.not-visited:hover{
text-decoration:underline;
color: #e16500;
}
.linkheading:link{
color:#e16500;
font-size:10.5pt;
font-weight:bold;
}
.linkheading:visited{
color:#e16500;
font-size:10.5pt;
font-weight:bold;
}
.linkheading:hover{
color:#e16500;
font-size:10.5pt;
font-weight:bold;
text-decoration:underline;
}
.mainheading:link{
color:#ffffff;
font-size: 14px;
}
.mainheading:visited{
color:#ffffff;
font-size: 14px;
}
.mainheading:hover{
color:#ffff00;
}
a img{
border:solid 0px;
}
a.menubar:link {
text-decoration:none;
color: #ffffff;
}
a.menubar:visited {
text-decoration:none;
color: #ffffff;
}
a.menubar:hover {
text-decoration:underline;
color: #ffffff;
}
a.reversed:link{
color:#fff;
}
a.reversed:visited{
color:#ddd;
}
/****************************/
/*** 10.3. LINKS TO FILES ***/
/****************************/
.pdf-link, .zip-link, .doc-link, .email-link, .new-window-link, .back-to-top-link, .secure-link{
padding-right:18px;
padding-top:1px;
background-position:center right;
background-repeat:no-repeat;
/*position:relative;*/
}
.zip-link{
background-image:url('/graphics/file-icon-zip.gif');
}
.doc-link{
background-image:url('/graphics/file-icon-doc.gif');
}
.email-link{
background-image:url('/graphics/file-icon-email.gif');
}
.new-window-link{
background-image:url('/graphics/file-icon-new-window.gif');
}
.new-window-small{
padding-right:13px;
background-image:url('/graphics/file-icon-new-window-sm.gif');
background-position:top right;
background-repeat:no-repeat;
}
.pdf-link{
background-image:url('/graphics/file-icon-pdf.gif');
}
.pdf-small{
padding-right:13px;
background-image:url('/graphics/file-icon-pdf-sm.gif');
background-position:top right;
background-repeat:no-repeat;
}
.secure-link{
background-image:url('/graphics/file-icon-secure.gif');
}
.secure-small{
padding-right:13px;
background-image:url('/graphics/file-icon-secure-sm.gif');
background-position:top right;
background-repeat:no-repeat;
}
.back-to-top-link{
background-image:url('/graphics/file-icon-back-to-top.gif');
}
.back-to-top-small{
padding-right:13px;
background-image:url('/graphics/file-icon-back-to-top-sm.gif');
background-position:top right;
background-repeat:no-repeat;
}
/**************************/
/*** 10.4 BUTTON STYLES ***/
/**************************/
.btn-240x50 a{
margin:0 0 10px 0; padding:14px 0 0 0;
width:240px; height:36px;
max-height:36px; min-height:36px;
background: url("/graphics/btn-240x50.jpg") top;
color:#fff;
display:block;
font-family: Arial,Helvetica, Trebuchet MS,sans-serif; font-size:15px; font-weight:bold;
text-align:center;
}
.btn-240x50 a:hover{background: url("/graphics/btn-240x50.jpg") bottom; color:#fff; text-decoration:none;}
.btn-240x50 a:active{background:url("/graphics/btn-240x50.jpg") top; color:#fff;}
.btn-240x50 a:focus{background:url("/graphics/btn-240x50.jpg") top; color:#fff;}
.btn-240x50 a:visited{color:#FFF;}
.btn-180x35 a{
margin:0 0 10px 0; padding:8px 0 0 0;
width:180px; height:27px;
min-height:27px; max-height:27px;
background: url("/graphics/btn-180x35.png") top;
color:#fff;
display:block;
float:left;
font-family: Arial, Trebuchet MS, Helvetica, Geneva, sans-serif; font-size:14px; font-weight:bold;
text-align:center;
}
.btn-180x35 a:hover{background: url("/graphics/btn-180x35.png") bottom; color:#fff; text-decoration:none;}
.btn-180x35 a:active{background:url("/graphics/btn-180x35.png") top; color:#fff;}
.btn-180x35 a:focus{background:url("/graphics/btn-180x35.png") top; color:#fff;}
.btn-180x35 a:visited{color:#FFF;}
.btn-180x35-blue a{
margin:0 0 10px 0; padding:8px 0 0 0;
width:180px; height:27px;
min-height:27px; max-height:27px;
background: url("/graphics/btn-180x35-blue.jpg") top;
color:#fff;
display:block;
float:left;
font-family: Arial, Trebuchet MS, Helvetica, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:center;
}
.btn-180x35-blue a:hover{background: url("/graphics/btn-180x35-blue.jpg") bottom; color:#fff; text-decoration:none;}
.btn-180x35-blue a:active{background:url("/graphics/btn-180x35-blue.jpg") top; color:#fff;}
.btn-180x35-blue a:focus{background:url("/graphics/btn-180x35-blue.jpg") top; color:#fff;}
.btn-180x35-blue a:visited{color:#FFF;}
.btn-rfr a{
margin:0; padding:0;
width:240px; height:50px;
background:url("../programs/graphics/btn_rfr-savetoday.jpg") top;
display:inline-block;
float:left;
text-indent:-9999px;
}
.btn-rfr a:hover{background: url("../programs/graphics/btn_rfr-savetoday.jpg") bottom;}
.btn-rfr a:active{background:url("../programs/graphics/btn_rfr-savetoday.jpg") top;}
.btn-rfr a:focus{background:url("../programs/graphics/btn_rfr-savetoday.jpg") top;}
.btn-rfr a:visited{background:url("../programs/graphics/btn_rfr-savetoday.jpg") top;}
.btn_browse a{
margin:0; padding:0;
width:240px; height:50px;
background:url("/graphics/btn-browse.jpg") top;
display:inline-block;
float:right;
text-indent:-9999px;
}
.btn_browse a:hover{background:url("/graphics/btn-browse.jpg") bottom;}
.btn_browse a:active{background:url("/graphics/btn-browse.jpg") top;}
.btn_browse a:focus{background:url("/graphics/btn-browse.jpg") top;}
.btn-addtocart a{
margin:0; padding:0;
width:240px; height:71px;
background:url("/graphics/btn-addtocart.jpg") top;
display:block;
float:inherit;
text-indent:-9999px;
}
.btn-addtocart a:hover{background:url("/graphics/btn-addtocart.jpg") bottom;}
.btn-addtocart a:active{background:url("/graphics/btn-addtocart.jpg") top;}
.btn-addtocart a:focus{background:url("/graphics/btn-addtocart.jpg") top;}
.btn-viewdetails a{
margin:0; padding:0;
width:240px; height:71px;
background:url("/graphics/btn-viewdetails.jpg") top;
display:block;
float:inherit;
text-indent:-9999px;
}
.btn-viewdetails a:hover{background:url("/graphics/btn-viewdetails.jpg") bottom;}
.btn-viewdetails a:active{background:url("/graphics/btn-viewdetails.jpg") top;}
.btn-viewdetails a:focus{background:url("/graphics/btn-viewdetails.jpg") top;}
a.btn-purchaseinfo {
margin:0; padding:0;
width:240px; height:71px;
background:url("/graphics/btn-purchaseinfo.jpg") top;
display:block;
float:inherit;
overflow:hidden;
text-indent:-9999px;
}
a.btn-purchaseinfo:hover{background:url("/graphics/btn-purchaseinfo.jpg") bottom;}
a.btn-purchaseinfo:active{background:url("/graphics/btn-purchaseinfo.jpg") top;}
a.btn-purchaseinfo:focus{background:url("/graphics/btn-purchaseinfo.jpg") top;}
a.btn-addtocart{
margin:0; padding:0;
width:240px; height:71px;
background:url("/graphics/btn-addtocart.jpg") top;
display:block;
float:inherit;
text-indent:-9999px;
}
a.btn-addtocart:hover{background:url("/graphics/btn-addtocart.jpg") bottom;}
a.btn-addtocart:active{background:url("/graphics/btn-addtocart.jpg") top;}
a.btn-addtocart:focus{background:url("/graphics/btn-addtocart.jpg") top;}
a.btn-240x50{
margin:10px 0; padding:0;
width:240px; height:50px;
line-height:50px;
background: url("/graphics/btn-240x50.png") top;
color:#fff;
display:block;
font:bold 14px/50px Arial, Helvetica, sans-serif;
text-align:center; text-decoration:none;
text-shadow:#000 0px -1px 1px; /* TESTING THIS */
}
a:hover.btn-240x50 {background: url("/graphics/btn-240x50.png") bottom; color:#fff; text-decoration:none;}
a:active.btn-240x50 {background:url("/graphics/btn-240x50.png") top; color:#fff;}
a:focus.btn-240x50 {background:url("/graphics/btn-240x50.png") top; color:#fff;}
a:visited.btn-240x50 {color:#FFF;}
a.btn-200x50{
margin:10px auto; padding:0;
width:200px; height:50px;
line-height:50px;
background: url("/graphics/btn-200x50.png") top;
color:#fff;
display:block;
font-family: Helvetica, Arial, Trebuchet MS, sans-serif; font-size:14px; font-weight:bold;
text-align:center; text-decoration:none;
text-shadow:#000 0px -1px 1px; /* TESTING THIS */
}
a:hover.btn-200x50 {background: url("/graphics/btn-200x50.png") bottom; color:#fff; text-decoration:none;}
a:active.btn-200x50 {background:url("/graphics/btn-200x50.png") top; color:#fff;}
a:focus.btn-200x50 {background:url("/graphics/btn-200x50.png") top; color:#fff;}
a:visited.btn-200x50 {color:#FFF;}
a.btn-180x35{
margin:0 0 10px 0; padding:0;
width:180px; height:35px;
line-height:35px;
background: url("/graphics/btn-180x35.png") top;
color:#fff;
display:block;
font-family: Arial, Trebuchet MS, Helvetica, Geneva, sans-serif; font-size:14px; font-weight:bold;
text-align:center; text-decoration:none;
text-shadow:#333 0px -1px 1px; /* TESTING THIS */
}
a:hover.btn-180x35 {background: url("/graphics/btn-180x35.png") bottom; color:#fff; text-decoration:none;}
a:active.btn-180x35 {background:url("/graphics/btn-180x35.png") top; color:#fff;}
a:focus.btn-180x35 {background:url("/graphics/btn-180x35.png") top; color:#fff;}
a:visited.btn-180x35 {color:#FFF;}
a.btn-110x30 {
margin:0; padding:0; display:block;
width:110px; height:30px;
background:url("/graphics/btn-110x30-grey.png") bottom;
color:#006B3F;
font: bold 14px/30px Helvetica, Arial, sans-serif;
text-align:center; text-decoration:none;
}
a:hover.btn-110x30 {background:url("/graphics/btn-110x30-grey.png") center; color:#006B3F; text-decoration:none;}
a:active.btn-110x30, a:focus.btn-110x30 {background:url("/graphics/btn-110x30-grey.png") top; color:#006B3F;}
a:visited.btn-110x30 {color:#006B3F;}
/****END****/
/****************************************/
/********** 11. SECTION STYLES **********/
/****************************************/
/**************************/
/*** 11.2. INDEX STYLES ***/
/**************************/
.qa {
color: #666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight:bold;
}
/*** 11.2.1. THREE-COLUMN NAV LINKS ***/
#navlinks, /* #navlinks is deprecated: see main index page, or global warming for nav-links template */
#nav-links{
margin:2px auto 0px auto;
padding:0px;
text-align:left;
width:771px;
}
#nav-links{
margin-top:4px;
background-color:#fff;
}
#nav-links td{
/*padding:2px 2px 3px 2px;*/
padding: 5px 5px 0 5px;
}
#nav-links td.link-box-divider{ /* the tan line dividing learn-shop-get involved */
padding:0px;
background-color:#c8b98f;
}
.linkbox{
background-color:#ffffff;
color:#000000;
font: normal 9pt Arial, Helvetica, sans-serif;
height:100%;
margin:0px auto;
padding:0px;
text-align:center;
width:247px;
}
.linkboxcell{
background-color:#ffffff;
border: solid 1px #999b84;
}
.linkboxhead{
background:#006b3f url(../graphics/cellpic.gif);
color:#ffffff;
font: bold 10pt Arial, Helvetica, sans-serif;
height:25px;
margin-bottom:5px;
padding-top:5px;
cursor: pointer; cursor: hand;
text-align:center;
/*width:247px;*/
}
.linkboxitem{
clear:both;
padding:5px 3px 0px 0px;
text-align:left;
}
.linkboximg{
border-width:0px;
float:left;
margin:7px 10px 10px 5px;
vertical-align:text-top;
}
.linkboxlist{
clear:both;
list-style:none;
margin-left:10px;
padding-left:0px;
text-align:left;
}
.columnspacer{
height:100%;
width:12px;
}
/*** 11.2.2. TWO-COLUMN NAV LINKS ***/
.linkboxtwocol{
background:#006b3f url(../graphics/cellpic.gif);
color:#ffffff;
font: bold 10pt Arial, Helvetica, sans-serif;
height:25px;
margin-bottom:5px;
padding-top:5px;
text-align:center;
/*width:510px;*/
}
/*****!!!!!!!!!!!!!!!!!!!!!!!!!! DEPRECATED !!!!!!!!!!!!!!!!!!!!!!!!!!******/
/***** IF STILL IN USE, THESE SHOULD BE IN SECTION-SPECIFIC CSS FILES ******/
/***************************************************************************/
/*****************************/
/*** 11.4. PROGRAMS STYLES ***/
/*****************************/
/******************************/
/*** 11.4.2. BACKYARD WOODS ***/
/******************************/
div.did-you-know{
background-color:#eae4d0;
margin-bottom:1em;
padding:.5em;
border: solid 1px black;
}
/**************************/
/*** 11.5. TREES STYLES ***/
/**************************/
/*** 11.5.1. HOW-TO-PLANT VIDEOS ***/
#plant-video-list{
width:270px;
float:left;
text-align:left;
margin:10px;
display:inline;
}
#plant-video{
margin:50px 10px 0px 10px;
float:left;
display:inline;
}
/*** 11.5.2. LIFE STAGES ***/
/*#life-stage-tree{
border:3px solid #000;
margin: 0px 10px 10px 10px;
}*/
/*** 11.5.3. NATIONAL TREE ***/
#national-tree-nav{
list-style-type:none;
color:#ffffff;
font: normal .8em/1.3em Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding: 1em 0em 1em 0em;
}
.group:after, /* Requires standards-complience STRICT mode (which we should be using, anyway) to work in IE7. */
.group-list > li:after /* Group for list items (to avoid class="group" on every single . */
{height:0; content:"."; clear:both; display:block; visibility:hidden;}
/* Hacks for IE6. */
* html .group,
* html .group-list li{height:1%;}
* html .group-list li li{height: auto;} /* Resets nested s. */
/* Hacks for IE7. */
.group,
.group > li{min-height:1px}