/* body mechanics */

body {
  font-family: Arial, sans-serif;
  background-color: white;
  }

h2, h1 {
  font-variant: small-caps;
}

/* table organize */

table { width: 100%; }

td.left {
  width: 140px;
  padding: 7px;
  vertical-align: top;
  font-weight: bold;
  text-align: right;
  color: black;
  text-decoration: none;
  font-size: 110%;
}

td.right {
  width: 585px;
  vertical-align: top;
  padding: 8px;
  background-color: white;
  font-size: 90%;
}

/* index menu */

div#index {
  background-position: top center;
  background-image: url(sun5.jpg);
  background-repeat: no-repeat;
}

 div#index a {
  font-size: 90%;
  color: black;
  font-weight: bold;
  text-decoration: none;
}

div#index a:link {
  font-size: 90%;
  color: black;
  text-decoration: none;
  font-weight: bold;
}

div#index a:hover {
  font-size: 90%;
  color: blue;
  font-weight: bold;
  text-decoration: none;
}

div#index a:visited {
  font-size: 90%;
  color: purple;
  font-weight: bold;
  text-decoration: none;
}     


/* menu */

div#menu {
  background-image: url(trigrams.JPG);
  background-repeat: no-repeat;
}

 div#menu a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

div#menu a:link {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

div#menu a:hover {
  color: green;
  font-weight: bold;
  text-decoration: none;
}

div#menu a:visited {
  color: purple;
  font-weight: bold;
  text-decoration: none;
}     


/* image float */

img.FloatLeft {
  float: left;
  margin: 6px;
  }

img.FloatRight {
  float: right;
  margin: 6px;
  }

/* horizontal lines */

hr {
  height: 3px;
  border-top-width: 2px;
  border-top-style: double;
  border-top-color: #D8D8D8;
}