@font-face {
        font-family: 'GaramondNo8';
        src: local("Garamond"),
url('fonts/GaramondNo8-Regular.ttf'),
url('fonts/GaramondNo8-Regular.eot');
}

@font-face {
        font-family: 'GaramondNo8';
        font-weight: bold;
        src: local("Garamond"),
url('fonts/GaramondNo8-Bold.ttf'),
url('fonts/GaramondNo8-Bold.eot');
}
@font-face {
        font-family: 'GaramondNo8';
        src: local("Garamond"),
        font-style: italic;
url('fonts/GaramondNo8-Italic.ttf'),
url('fonts/GaramondNo8-Italic.eot');
}
@font-face {
        font-family: 'GaramondNo8';
        src: local("Garamond"),
        font-style: italic;
        font-weight: bold;
url('fonts/GaramondNo8-Bold-Italic.ttf'),
url('fonts/GaramondNo8-Bold-Italic.eot');
}

@font-face {
        font-family: 'Elegante';
        src: local("Elegante"),
url('fonts/elegital.ttf'), url('fonts/elegital.eot');
}


@font-face {
        font-family: 'Elegante';
        font-weight: bold;
        src: local("Elegante"),
url('fonts/elegbold.ttf'), url('fonts/elegbold.eot');
}

body {
  background-color: #eeeeee;
  font-family: "GaramondNo8", "Garamond", "URW Palladio L", "Palatino", "Palatino Linotype", "times", serif;
  color: black;
/* gigi cursive, algerian a bit wacky, kristen handwritten, arial sans, 
"baskerville old face" serif and dougy, "bell mt" another serif,
"palatino linotype" serif,
"blackadder itc" cursive, "bodoni mt" serif, "book antiqua",
castellar kind of roman, comic sans ms handwritten, harrington another
curly font, lucida calligraphy (big), papyrus, impact (western)
*/
}

:first-letter {
font-size: larger;
}

/*
li:first-letter {
  color: green;
  font-size: larger;
font-style: italic;
}
*/

h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter {
  color: red;
  font-size: smaller;
 font-family: "Elegante"; 
}

div.eleg {
 font-family: "Elegante"; 
  font-size: larger;
}

h1,h2,h3,h4,h5,h6 {
  text-align: center;
}

p {
  text-indent: 1cm;
}

a {
  text-decoration: none
}
a:visited {
  color: purple;
}

a:hover {
 color:green
}

div.maintop {
/*
  background-color: #eeeeee;
  z-index: 1;
  position: fixed;
  */
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0%;
  height: 100px;
  overflow: auto;
}

div.top {
  text-align: center;
  overflow: auto;
}

div.left {
  padding: 3px;
  float: left;
  border-style: inset;
  border-width: medium thin medium thin;
  background-color: rgb(255,250,250);
  list-style-type: none;
  position: absolute;
  left: 0%;
  right: 67%;
  top: 100px;
  overflow: auto;
  padding-left: 1%;
}

div.center {
  padding: 3px;
  background-color: rgb(250,255,250);
  border-width: medium thin medium thin;
  list-style-type: none;
  border-style: inset;
  position: absolute;
  left: 33%;
  right: 33%;
  top: 100px;
  overflow: auto;
}

div.right {
  padding: 3px;
  float: right;
  border-style: inset;
  border-width: medium thin medium thin;
  background-color: rgb(250,250,255);
  list-style-type: none;
  left: 67%;
  right: 0%;
  position: absolute;
  top: 100px;
  overflow: auto;
}

img.right {
  float: right;
  margin-right: 2%;
}

img.left {
  float: left;
  margin-left: 2%;
}

ul.none { list-style-type: none }