/* Officially OK font-sizes: 
  77% (10px),  85% (11px),  92% (12px), 100% (13px), 107% (14px), 114% (15px),
 122% (16px), 129% (17px), 136% (18px), 144% (19px), 152% (20px), 159% (21px),
 167% (22px), 174% (23px), 174% (23px), 182% (24px), 189% (25px), 197% (26px) */
body { font-family: arial, helvetica, sans-serif; }
h2 { font-size: 122%; font-weight: bold; color: #008264; text-transform: uppercase;
     margin: 0 0 .5em 20px; clear: right; }
h3 { font-size: 100%; font-weight: bold; color: #008264; margin: 0 0 .5em 20px; clear: right; }
p { margin: 0 20px 1em 20px; }
a { text-decoration: none; color: #332FAE; }
a:visited { color: #6966BF; }
a:hover { text-decoration: underline; }

#main { width: 800px; margin: 0 auto; background: url(../img/bkgd.gif) repeat-y; }
#header { height: 100px; background: #000 url(../img/plant1.gif) no-repeat top left;
          padding: 35px 0 0 285px; }
#header img { margin: 0 0 16px 0; }
#nav { background: #237664; border: #FFF solid; border-width: 4px 0;
       padding: 6px 20px; color: #AFDED6; font-weight: bold; }
#nav img { vertical-align: middle; } 
#nav a { text-decoration: none; color: #FFF; }
#nav a:hover { text-decoration: underline; }

#left { float: left; width: 265px; padding: 20px 0; }
#sponsors { width: 163px; margin: 100px auto 0 auto; }
div.leafDiv { background: url(../img/leaf.gif) no-repeat center center; height: 22px;
              margin-bottom: 1em; }
#right { float: left; width: 535px; padding: 20px 0; }
#left #firstP { font-size: 107%; font-weight: bold; font-style: italic; }
#left #eventInfo { font-size: 114%; }
#right p { line-height: 1.3em; }
#nextInfo { margin-bottom: 1em; font-size: 114%; font-weight: bold; clear: right; }
#nextDate { color: #008264; margin-bottom: 0; }
#nextBook { margin-bottom: 0; }
#nextAuthor { font-weight: normal; }
#rightPhotos { float: right; width: 150px; margin-left: 10px; }
#rightPhotos img { margin-bottom: 10px; }
#upcomingLink { margin: 2em 20px .5em 20px; }
 
#bottom { clear: left; background: #237664; border: #FFF solid; border-width: 4px 0;
          padding: 6px 20px; color: #AFDED6; font-size: 77%; text-align: right; }
#bottom a { color: #AFDED6; }

/* ---------------- map/directions page -----------------------*/
#ggMap { width: 490px; height: 400px; margin-left: 20px; }
#mapBalloon { width: 300px; }
.inpTxt { width: 230px; }
.dirDiv { margin: 3px 0 3px 10px; }
span.label { float: left; width: 2em; }
#dirByBus { display: none; }

/* ---------------- (un)subscribe pages -----------------------*/
label.txtInput { display: block; float: left; width: 6em; }
span.explain { font-size: 85%; }
p.listNames { margin-bottom: .2em; text-indent: -1.4em; padding-left: 1.4em; }