body {margin: 0; padding: 0; background: white; color: black;}
h1   {font-size: 150%; margin-top: 1.5em; margin-bottom: 0.5em; text-align: center;}

dfn    {font-style: normal; background: #ff9; cursor: pointer;}
strong {font-weight: bold; font-style: normal;}
em     {font-weight: normal; font-style: italic;}

a               {color: navy;}
a:visited       {color: #609;}
a:hover         {text-decoration: none; background: navy; color: white;}
a:visited:hover {text-decoration: none; background: #609; color: white;}

#head {margin: 0; padding: 1.2em 12% 0.4em; background: navy; color: #e3e3b9;
       font: italic bold 120% verdana,sans-serif; text-align: right;}
#head a       {text-decoration: none; color: #e3e3b9;}
#head a:hover {background: #e3e3b9; color: navy;}

#main {margin: 1em 10%;}

#foot {margin: 3em 1em 1em; padding: 0.3em 10%; border-top: 1px solid navy;
       text-align: left; font: 70% verdana,sans-serif;}
#foot p            {margin: 0;}
#foot p.email span {display: none;}
#foot p#path       {float: right;}

#path a               {color: navy; padding: 0 2px;}
#path a:visited       {color: #609;}
#path a:hover         {text-decoration: none; background: navy; color: white;}
#path a:visited:hover {text-decoration: none; background: #609; color: white;}
#path a.here          {text-decoration: none; background: transparent; color: black;}

#nav    {margin: 0 10% 0 0; padding: 0; text-align: right; font: 85% verdana,sans-serif;}
#nav li {display: inline;}
#nav a  {margin: 0; padding: 0 9px; border-bottom: 1px solid navy; border-right: 1px solid navy;
         background: white; color: navy; text-decoration: none; font-style: italic;}
#nav a.first         {border-left: 1px solid navy;}
#nav a:visited       {color: #609;}
#nav a:hover         {background: #727286; color: white;}
#nav a:visited:hover {background: #af8ea5; color: white;}
#nav a.here          {background: #e3e3b9; color: navy; font-weight: bold; cursor: pointer;}

/* Prefer to use em instead of px in padding. But px prevents a 1px white space
   from randomly showing up in Mozilla (Mac). Suspect round-off error. */

label.help {cursor: help;}