html { background: #fff }

body { font-family: 'Helvetica Nue', Helvetica, Arial, sans-serif; margin: 8px 45px }

/*
.narrow {
 margin: 8px 3px
}
*/

#mylar { background: #418713 50% 100% no-repeat url(i/grass.jpg); max-width: 900px; overflow: hidden; padding-bottom: 10em; position: relative }

#mylar,
.new #mylar { padding: 0 }

.old #mylar { padding-bottom: 10em }

.wide #mylar { margin: 0 auto }

#elogicomFoot { background: #006738; border: none; bottom: 0; color: #fff; height: auto;
 left: 0; margin: 0; max-width: 900px;
 position: absolute; right: 0 }

#elogicomFoot a { background: #006738; color: #fff }

#elogicomFoot p { margin: 0 }

#h {              /* #d7e6a4 */
 background: 100% 0% #390 no-repeat url(i/one.jpg);
 height: 160px;
 margin: 0;
 padding: 0
}

#h h1 {
  background: none;
 float: left;
font-size: 1.5em;
 height: 160px;
  margin: 0;
  padding: 0 /*20px 0 0*/
}

#h h1 a {
 background: #d7e6a4 no-repeat url(i/wr2.png);
 /*height: auto;*/ margin: 0; padding-top: 75px; text-indent: 0; /**/width: auto;/**/

background-color: transparent;
background-image: url(i/owl.png);
background-position: 85px 24px;
color: #fff;
height: auto;
line-height: 1;
padding: 90px 5em 0 2.73em;
/*text-align: right;*/
text-decoration: none;
white-space: pre-wrap;
width: 5em;
/*word-spacing: -.3em;*/

}

#h h1 a abbr { font-weight: bold; font-weight: normal }

#h h1 a:hover { border: none }

#h p { color: #fff; float: right; font-size: 1.5em; font-weight: bold; line-height: 1; margin: 3em 150px 0 0; width: 12em }

#nav { background: #006938; color: #fff; overflow: hidden; padding: 0 } /* height: 34px */

#nav ul { float: right; margin-right: 7em }

#nav ul li { border: none }

#nav ul li#home { margin: 0 }

/* :l :v :h :a */

#nav :link,
#nav :visited { background: none; border: none; color: #e5f0cb; font-weight: normal; text-decoration: none }

#nav :link:hover,
#nav :visited:hover { text-decoration: underline }

body,
#c,
#manf-nav { background: none }

#manf-nav, #prod-nav { background: #fff; border-bottom: 7px #fff solid; border-top: 7px #fff solid }

.https #manf-nav,
.https #prod-nav { background: #578662; color: #fff; padding-bottom: 3em }

#prod-nav { background: #e5f0cb; /*border-bottom: 3em #578662 solid*/ }

#prod-nav button { max-width: 10em }

#prod-nav h4 { background: none; border: none; text-indent: 0 }

/*
#prod-nav :link,
#prod-nav :visited { color: #d3dad2; text-decoration: none }

#prod-nav :link:hover { color: #e6ede4; border: none; text-decoration: underline }
*/

#manf-nav :link,
#prod-nav :link,
#manf-nav :visited,
#prod-nav :visited { border: none; color: #009; text-decoration: none }

#manf-nav a:hover,
#prod-nav a:hover { border: none; text-decoration: underline }


#prod-nav h4 :link,
#prod-nav h4 :visited,
#prod-nav h4 :link:hover { color: #fff }

#prod-nav li,
#prod-nav ul { line-height: 1.1 } 

/*#c p { background: #fff }*/

#manf-nav { background-position: -6px 16px } /*-6px 19px*/
.narrow #manf-nav { background-position: 39px 16px }

#prod-nav { border-left: 7px #fff solid; margin-left: 1em; margin: 0 0 0 -7px; padding-left: .8em;
 padding-top: 1em; padding: 1em 0 0; text-align: center; width: 13.75em }
#manf-nav { border-right: 7px #fff solid; margin-right: 1em; margin: 0 -7px 0 0; padding-right: .8em;
padding: 0; width: 13.75em; /*width: 12.5em*/ }

.index #prod-nav { margin-top: 0 }

/*
.narrow #prod-nav { margin-left: 0 }
.narrow #manf-nav { margin-right: 0 }
*/
.narrow #manf-nav { padding-right: 0 }

#manf-nav h4 { background: none; border-top-color: #062 }

#manf-nav h4#inkjets { border-top: none }

#home-spcl,
#home-spcl2,
.narrow #home-spcl,
.narrow #home-spcl2 { left: auto; margin: 0 auto; position: static; right: auto; top: auto; width: 30em }

acronym { border: none }

.lead-in, #blurb h2 { margin-bottom: .3em }

.grey {}
.grey0 {}

#c { background: #d7e6a4; border: 7px #fff solid; margin: 0 -7px }

/* http://perishablepress.com/press/2006/08/27/css-hack-dumpster/ */
/* targets Opera 9 & below - valid CSS */
/*html:first-child #c { margin: 0 }*/

/* http://www.nealgrosskopf.com/tech/thread.asp?pid=20 */
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #c { margin: 0 }
}


#boxes { clear: both; list-style: none; margin: 0; padding: 0; width: 99% }

#boxes li { float: left; text-align: center; width: 33% }

#boxes li a { border: 1px solid; display: block; font-variant: small-caps; padding: 1em 0; text-decoration: none }

#boxes li a:hover { text-decoration: underline }

#blurb { padding-top: 200px; position: relative }

.supporting #blurb { padding: 10px 0 0 }

/*#blurb h3 { color: #006738; font-size: 1.17em; margin-left: .8em }**/

#blurb p,
#blurb h2 { margin: 1em; text-align: justify }

#blurb p { font-size: 1.25em }

#blurb h3,
#blurb h2,
#blurb .h2 { color: #006738; font-size: 1.17em; font-weight: bold; margin: .5em 0 0 .8em }

#blurb .h2 { margin: 0 0 0 .8em }

#blurb hr { border-color: #006738; margin: 1.5em 1em }


#rubbish { background: 100% 100% #fff url(i/rubbish.jpg); border-bottom: 20px #006738 solid; height: 170px;
left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0 }

#rubbish h3 { background: #006738; color: #fff; display: inline; font-weight: bold; margin: 0; padding: 0 .7em }

#rubbish p { color: #006738; font-size : 1.3em; font-weight: bold; line-height: 1.25; margin: .5em .8em; text-align: left; width: 57.5% }

#rubbish { background: 5px 0 #fff no-repeat url(i/cartridges.jpg); border-bottom-width: 15px; height: 175px }

#rubbish p,
#rubbish h3 { clear: right; float: right }

#rubbish h3 { font-size: 1.2em; margin-top: 6em }

#rubbish p { text-align: right; width: 20em }


#help-box { background: #578662; font-size: 1.05em; margin-bottom: 7px }

#help-box a,
#help-box :link,
#help-box :visited { background: #568662; border: none; color: #e5f0cb; text-decoration: none }

#help-box a:hover,
#help-box :link:hover { text-decoration: underline }

#help-box p { font-size: 100%; margin: .5em 0 0; padding: 0 0 1em 1em }

#help-box ul { list-style: none; margin: 0; padding: 1em 0 0 }

#help-box li i { color: #9cc; color: #578662; font-style: normal }

#help-box li:first-child i { color: #e5f0cb }

#help-box li:hover i,
#help-box li:first-child:hover i { color: #e5f0cb }

#help-box li i:after { content: '>' }
/*#help-box li i::after { content: '\00BB' }*/

#blurb #help-box { font-size: 1.5em; margin: 0; padding-bottom: 1em }

#blurb #help-box p { margin: 0 1em }

#blurb #help-box p { padding-top: 1em; text-align: center }
#blurb #help-box ul { float: left; padding: 1em 0 0 5%; width: 44.5% }

.grass,
#join-us,
#contact-us,
#supporting { background: #e5f0cb; color: #006738; font-size: 1.1em; margin-top: 7px; padding: 1em 0 1em 1em }

#join-us,
#supporting,
.new #supporting { margin: 0 }

#join-us { /*border-bottom: 3em green solid*/ padding: 1em }

#rbi { padding: 2em 1em }

#supporting a,
#supporting :link,
#supporting :visited { background: #e5f0cb }

.old #supporting { margin-top: 7px }

.grass,
#contact-us { background: #568662 url(i/one.jpg); color: #fff }

#prod-nav .grass :link,
#prod-nav .grass :visited,
#contact-us :link,
#contact-us :visited { background: none; border-bottom-color: transparent; color: #fff; text-decoration: underline }

#contact-us :link:hover,
#contact-us :visited:hover { border-bottom: 1px solid; text-decoration: none }

#contact-us h3,
#supporting h3 { font-size: 1.02em; font-weight: bold; margin: 0 }

#contact-us p,
#supporting p { margin: .2em 0 0 }

#wpNG-accepted { background: #657 }

#wpNG-accepted ul { margin-bottom: 0 }

#recent-items { background: #dbeab8; border-top: 7px #fff solid; color: #36754a; font-size: .95em; margin: 0 }

#recent-items * { color: #36754a }

#recent-items h4 { border-top: none; color: #36754a; margin: 1em 0 1em .5em }

#recent-items dl { margin: 0 0 0 1.2em }

#recent-items dt { font-size: 1.1em; font-weight: bold }

#recent-items dd+dt { padding-top: 1em }

#recent-items :link,
#recent-items :visited { background: #dbeab8; color: #36754a; font-weight: normal; text-decoration: none }

#recent-items :link:hover,
#recent-items :visited:hover { border: none; text-decoration: underline }

.initial strong { background: none }

.initial #uh-oh { border-color: #999; display: none; visibility: hidden }

.initial #uh-oh h3 { background-color: #999 }

#foot,
.new #foot { padding-top: 1em }

.old #foot {}

#foot div a,
.new #foot div a { margin: 1em 0 0 } 

.old #foot div a {}

.vcard p { margin: .1em 0 }

a[title="[PDF]"] { background-image: url(/i/pdf.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 padding-right: 18px
}

a.button[title="[PDF]"] {
 background-position: 96.5% 50%;
 padding-right: 22px
}