/*body {color: rgb(18%,19%,17%); background: rgb(85%,92%,81%);*/
body {color: rgb(18%,19%,17%); background: rgb(245,245,245);
 font: 0.85em Verdana, sans-serif;
 margin: 0; padding: 0;
 behavior: url(scripts/csshover.htc);} /* WinIE behavior call */
/*body {background: #EEE; color: #000;
  behavior: url(scripts/csshover.htc);} /* WinIE behavior call */
 
#weblog {width: 99%; padding: 2em 25% 3em 2.5em;}
#weblog h3 {font-size: 150%; text-align: center;
  color: rgb(10%,30%,10%);
  border: 1px solid rgb(30%,50%,30%); border-width: 1px 0;
  margin-bottom: 1.5em; padding-top: 7px; height: 38px; }
/*  background: url(title.gif) 50% 100% no-repeat;} */
#weblog h3 span {position: absolute; left: -50em;}
#weblog .entry {margin: 0 0 2em; letter-spacing: -1px;}
#weblog h4.title, #weblog h5.date {margin: 0; padding: 0;
  font-family: Arial, Verdana, sans-serif; line-height: 1em;
  letter-spacing: 0;}
#weblog h4.title {font-size: 1.25em; text-align: right;
  padding: 5px 25px 0 0; margin: 0 45% -1px 0;
  background: url(leaf-up.gif) 100% 0 no-repeat;
  border-bottom: 1px solid rgb(50%,66%,50%);}
#weblog h4.title a {text-decoration: none;
  color: rgb(15%,30%,15%);}
#weblog h4.title a:hover {border-top: 1px dotted rgb(50%,61%,48%);}
#weblog h4.title a:hover:before {content: "# ";
  color: rgb(50%,61%,48%);}
#weblog h5.date {font-size: 0.9em; text-align: left;
  padding: 0 0 5px 25px; margin: 0 0 0 45%; 
  background: url(leaf-down.gif) 0 100% no-repeat;
  border-top: 1px solid; color: rgb(50%,66%,50%);}
#weblog .moreinfo {margin: 0; padding: 0;
  text-align: right; font-style: italic;
  border-right: 1px solid rgb(50%,66%,50%);
  color: rgb(50%,66%,50%);}
#weblog .moreinfo li {display: inline; list-style: none;
  border-left: 1px solid rgb(65%,75%,65%);
  padding: 0 0.5em;}
#weblog .moreinfo a {color: rgb(50%,66%,50%); font-style: normal;}
#weblog .moreinfo .categories {font-weight: bold;}
#weblog p {line-height: 1.4; padding: 0.1em 10% 3em 2.5em;}
#weblog .pic {float: right; margin: 1em 0 1em 2em;}
#weblog .border {border: 3px double #666; background: #ABA;}


.skipper {display: none;}
/*
#sitemast {margin: 0; padding: 0 0 1.5em;
  border: 1px solid rgb(45%,65%,45%); border-width: 0 0 1px 1.5em;
  background: rgb(73%,82%,73%) url(../images/mh-light.jpg) 100% -30px no-repeat;}
#sitemast h1 {margin: 0; padding: 1.5em 0.5em 0 0;
  font: bold 2em/0.75em Arial, Verdana, sans-serif;
  background: rgb(45%,65%,45%) url(../images/masthead.jpg) 100% -70px no-repeat;}
#sitemast h1 a {color: rgb(20%,40%,20%); text-decoration: none;}
*/
#sitemast {margin: 0; padding: 0 0 1.5em;
  border: 1px solid rgb(184,210,185); border-width: 0 0 1px 1.5em;
  background: rgb(224,224,224) url(../images/mh-light.jpg) 100% -30px no-repeat;}
#sitemast h1 {margin: 0; padding: 1.5em 0.5em 0 0;
  font: bold 2em/0.75em Arial, Verdana, sans-serif;
  background: rgb(184,210,185) url(../images/masthead.jpg) 100% -70px no-repeat;}
#sitemast h1 a {color: rgb(20%,40%,20%); text-decoration: none;}
#main {padding: 2em 10% 3em 2.5em;}
.panel {position: absolute; right: 0; top: 5.5em; width: 17%;
  font-family: Arial, Verdana, sans-serif;}
.panel h4 {margin: 0; padding: 0.33em 0.5em 1px 0.25em;
  background: rgb(75%,85%,70%) url(../nav-bg.gif) 100% 0.66em no-repeat;
  font-size: 1em; font-style: italic; line-height: 0.7em;
  text-transform: lowercase; letter-spacing: 1px;
  border-style: solid solid dotted; border-width: 1px 0 1px 2px;
  border-color: rgb(40%,60%,40%); color: rgb(20%,40%,20%);}
.panel ul {margin: 0 0 1.5em; padding: 0.25em 0 0.5em;
  list-style: none; border-left: 1px solid rgb(45%,65%,45%);
  background: url(../images/nav-bg.gif) 100% -0.5em no-repeat;}
.panel ul li {padding: 0.15em 0 0.1em 0.5em;}
.panel ul ul {margin: 0; padding: 0 0 0 0.5em;
  background: none; border-left: none; font-style: italic;}
.panel ul ul li {padding-top: 0;}
.panel #natural {font-weight: bold; font-style: italic;
  letter-spacing: 1px; text-transform: lowercase;
  border: 1px dotted rgb(45%,65%,45%); border-right: none;
  margin-left: -1px; background: rgb(83%,90%,78%);}
.panel #natural a {color: rgb(30%,40%,30%);}
.panel a:link {color: rgb(30%,50%,30%);}
.panel a:visited, #presolinks a {color: rgb(50%,60%,50%);}
.panel a:hover {color: rgb(50%,30%,20%);}
a:link {color: rgb(0%,50%,40%); background: transparent;}
a:visited {color: rgb(30%,50%,30%); background: transparent;}

div#nav {float: left; margin: -1px 0 0 0; 
         /*border: 1px solid #AAA;*/ 
 }
div#nav ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px;}
  /* GA 20081112
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 10em; line-height: 1em;}  GA 20081112 */
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 11em; line-height: 1em;}   /* GA 20081112 width: 10em */
div#nav li:hover {background: #EBB;}
div#nav li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #EDD;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 10em;}
div#nav ul a {width: auto;}
div#nav ul ul {position: absolute; width: 11em; display: none;} /* GA 20081112 width: 10em */
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 10em;
  border-top: 1px solid #CCC;}
 /* GA20081020
 #footer {border-top: 3px;  margin: 0; padding: 0.75em 1em 1em 5em;
  font-size: 75%;
  color: rgb(20%,40%,20%); background: rgb(73%,82%,73%);}
#footer p {margin: 0; padding: 0;}
*/

#footer {border-top: 3px;  margin: 0; padding: 0.75em 1em 1em 5em;
  font-size: 75%;
  color: rgb(20%,40%,20%); background: rgb(224,224,224);}
#footer p {margin: 0; padding: 0;}

  
/*
#footer {border-top: 3px double; margin: 0; padding: 0.75em 1em 1em;
  font-size: 75%;
  color: rgb(20%,40%,20%); background: rgb(73%,82%,73%);}
#footer p {margin: 0; padding: 0;}
*/
/*div#footer {margin: 0; padding: 0 0 1.5em; } */