body { background-image: url(White.jpg); background-repeat: repeat; }

/* Links code ------------------------------------------------------------------*/ 
/* Size and position of the box with all the hyper links.*/
div#links {position: inherit; width: 800px; height: 700px; 
           font: 16px Century Gothic, sans-serif; z-index: 100;}
/* Individual boxes */
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   /* Padding - pixels above and below text. 
      Margin - x y z x=vert space between boxes, y=horiz space inside box, z=???
      Color - text color
      background - box background
    */
   padding: 0px 0px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #AAA; background: #AAA;
   border-right: 0px solid #AAA;}

/* Colors of boxes when mousing over (text, background. */
div#links a:hover {color: #AAA; background: #AAA;
   border-right: 0px double white;}

/* Causes span to be hidden. */
div#links a span {display: none;}

/* Characteristics of hover display box. */
div#links a:hover span {display: block;
   position: absolute; top: 640px; left: 200px; width: 500px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #348781; background: ;
   font: 15px Century Gothic, sans-serif; text-align: center;}
/*------------------------------------------------------------------------------*/

/* Contents code ---------------------------------------------------------------*/
/* Color -  font color, background - color of background - if not transparent */
/* div#content {position: absolute; top: 22px; left: 10px; right: 25px; */
div#content { color: #000000; font: 13px Century Gothic, sans-serif; padding: 10px; }
div#content p {margin: 0em 20em 0em;} /*  Top, Sides, Bottom. */
div#content h3 {margin-bottom: 0.25em;}
div#content a {text-decoration: none}
div#content a:link {color: #348781;}
div#content a:visited {color: #348781;}
div#content a:link:hover {color: #000000;}
div#content a:visited:hover {color: #000000;}

div#footer { color: #000000; font: 12px Century Gothic, sans-serif; text-align: center;}
div#footer a {text-decoration: none}
div#footer a:link {color: #348781;}
div#footer a:visited {color: #348781;}
div#footer a:link:hover {color: #000000;}
div#footer a:visited:hover {color: #000000;}

/* Tag definitions outside of divisions */
p { color: #000000; text-align: justify; }
h1 { color: #348781; font: 2.8em; text-align: center; letter-spacing: 8px; }
h2 { color: #348781; font: 1.5em; text-align: center; letter-spacing: 8px; }
h3 { color: #348781; font: 1em;   text-align: center; letter-spacing: 5px; }
font { font-family: Century Gothic, sans-serif; }
a {text-decoration: none; font-family: Century Gothic, sans-serif; }
a:link {color: #348781;}
a:visited {color: #348781;}
a:link:hover {color: #000000;}
a:visited:hover {color: #000000;}


/* code, pre {color: #EDC; font: 110% monospace;} */
/*------------------------------------------------------------------------------*/