body {
  color: rgb(99,99,99); 
  background-color: rgb(166,166,141); 
  margin: 30px 0px 0px 0px; 
  padding: 0px;
  font-family: sans-serif; 
  font-size: 0.8em;
  }
  
a {color: rgb(43,110,146);}
a:hover {color: rgb(196,10,10);}
.clear {clear: both; font-size: 0px; height: 0px;}
img {border: none;}

p {margin:auto; text-align:center;display:block;}
  
  
#header {margin: 0px auto; padding: 0px;position:relative; top:20vh;text-align:center;}




/* ********* HEADER ********* */

#logo {position: absolute; top: 0px; left: 0px; z-index: 3;display:none;}

#webTitle a {font-size: 140%; color: white; padding: 0px; margin: 0; text-decoration: none;}
#webTitle .perex {display: block; font-weight: normal; font-size: 50%;}




/******************************************/
/*********** GALLERY SLIDESHOW ************/
/******************************************/

#slideshow {position:relative; width: 615px; height: 406px; overflow: hidden; float: right;}
#slideshow IMG {position:absolute; top:0; left:0; width: 615px; height: 406px; overflow: hidden; z-index:8; display: none;}
#slideshow .active {z-index:10; display: block;}
#slideshow .last-active {z-index:9;}