html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:85%; 
font-family: georgia, palatino linotype, times new roman, serif; 
background:#777FFF url(img/background.jpg) no-repeat; 
background-position:324px 137px; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:324px; position:relative; z-index:3; }
#head {position:fixed; margin:0; top:0; right:0px; display:block; width:100%; height:137px; background:url(img/top2.jpg) #ddd; font-size:4em; z-index:5; color:#fff;}
#left {position:fixed; left:0; top:0; height:100%; width:324px; background:url(img/side2.jpg) #aaa; background-position:0 137px; font-size:1em; color:#fff;z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:128px; float:left;}
#pad3  { display:block; color: #fff; font-size: 9px; text-align: left; display: block; bottom: 12px; width: auto; height: auto; }
.pad2 {display:block; height:128px;}

#content p {padding:5px; text-align: justify}
#add {padding:5px; text-align: justify; font-size:8pt;  }

#add a, #add a:visited
  { color: white; font-variant: small-caps;   text-decoration:none; }
  
  #add a:hover {
  font-weight: bold;
 color:#D7FEE3; 
  }

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:100px; height:200px; width:150px; margin:0px; padding:0px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; color:white; width:465px;}

#menu a, #menu a:visited  { color: #d7fee3; font-variant: normal; text-decoration: none; text-align: right; display: block; padding: 0.5em; width: 10em; height: 1.5em }
#menu a:hover  { font-variant: normal; font-weight: bold; text-align: left; border-bottom: 2px solid #d7fee3 }
  
a, a:visited {
  text-decoration:none; 
  color:#D7FEE3; 
   font-weight: bold;
   }
   
a:hover  { color: #d7fee3; font-variant: small-caps; font-weight: bold }   

	ul#gallery {
  padding:0; 
  margin-left:5px; 
  width:448px; 
  height:336px; 
  position:relative; 
  background:#888 url(img/g26.jpg);
  }
#gallery li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
#gallery li.lft {
  float:left; 
  clear:left;
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #888; 
  z-index:100;
  }
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:active img, #gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:239px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#888; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#aaa; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}