body    { color: #066; background-color: #000; margin: 0pt; padding: 0pt }

  h3   { color: teal; font-size: 1em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-align: left; margin: 10px }

  h2   { color: teal; font-size: 1.3em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-align: center }
h1    { color: teal; font-size: 1.5em; font-family: "Gill Sans MT", Arial; text-align: center }


  p    { color: teal; font-size: 0.9em; font-family: "Gill Sans MT", ariel, helvetica }

  #container  { text-align: center; padding-top: 0.5em; position: relative; width: 100% }

  #content   { background-color: #ffc; padding: 10px 10px 48px; width: 750px }
#content2  { background-color: white; text-align: center; padding: 10px; width: 750px }
#textright     { color: white; font-size: 0.7em; font-family: "Gill Sans MT", Arial, Georgia, Times; background-color: black; text-align: justify; float: right; margin: 1em; padding: 1em; border: 1em red; position: absolute; top: 150px; left: 280px; width: 400px }
ul #fac   { text-align: center; list-style-type: none; float: left; margin: 0; padding: 0 0 0 2px; border: solid thin #1c4327 }
 ul#fac li  { display: inline; margin-left: 0px; padding-left: 0px }
ul#fac  a   { color: white; font-size: 0.8em; font-family: "Gill Sans MT", Ariel, helvetica; text-decoration: none; background-color: #27554e; display: block; padding: 0.2em 0.4em; border: ridge 3px #f0cd23 }
 #footer { margin: 30px; 

    
     clear : both;
    bottom: 0pt; text-align: center; width : 750px
    background-color: rgb(0, 51, 0);
    }

  

  ul #nav { margin: 0pt;
    padding: 0pt;
    width: auto;
    list-style-type: none ! important;
    }

  ul#nav li { display: inline;
    }

  ul#nav li a  { color: rgb(255,255,255); font-size: 0.8em; font-family: "Gill Sans MT", Ariel, helvetica; text-decoration: none; background-color: rgb(204,0,0); padding: 0.2em 1em; border-right: 1px solid rgb(255,255,255); width: 6em }

  ul#nav li a:hover  { color: rgb(255,255,255); background-color: #400 }

  ul #navlist { margin: 0px 0pt 0pt; 
    padding: 0pt; 
    list-style-type: none;
    width: auto;
    }

  ul#navlist li { display: inline;
    }

  ul#navlist li a { border-right: 1px solid rgb(255, 255, 255);
    padding: 0.2em 1em;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(204, 0, 0);
    width: 6em;
    }

  ul#navlist li a:hover  { color: rgb(255,255,255); background-color: #400 }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallery  { text-align: left; float: left; margin: 10px 10px 10px 40px; position: relative; width: auto; height: auto }
.links     { font-family: "Gill Sans MT"; text-align: center; float: left; margin: 10px 1% 10px 2%; padding-left: 0px; width: 20%; height: auto; property-name: property-value  }
.gallery p   { color: #903; font-size: 0.9em; font-name: Ariel  }
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail img 
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img { border: solid 1px #b00 }

.thumbnail span  { text-decoration: none; padding: 10px; border: solid 0px white; position: absolute; left: -1000px; visibility: hidden }

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span  { position: static; z-index: 50; top: 0; left: 230px; width: 450px; visibility: visible }
.list  { color: white; text-decoration: none; background-color: #066; display: block; border: groove thin #fc3; width: auto }
a.list  { color: white; text-decoration: none; background-color: #066; border: groove thin #fc3 }
a.list:hover { color: yellow; background-color: blue;  }