@import url("layout.css");

/*THIS SECTION IS FOR HORIZONTAL SLIDE SHOW*/
#galleryh {
  padding:20px 0px 0px 0px; 
  margin:0px auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:700px; 
  height:225px; 
  border:1px solid #black; 
  background-color:black;
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:225px;
  width:20px; 
  float:left; 
  text-decoration:none; 
  border-right:12px solid #000; 
  cursor:default;
  }
#galleryh li a img {
  width:20px; 
  height:225px; 
  border:0px;
  }
#galleryh li a:hover {
  background:#eee; 
  width:225px;
  }
#galleryh li a:hover img {
  width:225px;
  }
 
 
 

#galleryh2 {
  padding:10px 0px 0px 0px; 
  margin:0px auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:700px; 
  height:225px; 
  border:1px solid #black; 
  background-color:black;
  }
#galleryh2 li {
  float:left;
  }
#galleryh2 li a {
  display:block; 
  height:225px;
  width:20px; 
  float:left; 
  text-decoration:none; 
  border-right:12px solid #000; 
  cursor:default;
  }
#galleryh2 li a img {
  width:20px; 
  height:225px; 
  border:0px;
  }
#galleryh2 li a:hover {
  background:#eee; 
  width:225px;
  }
#galleryh2 li a:hover img {
  width:225px;
  }




#galleryh3 {
  padding:10px 0px 0px 0px; 
  margin:0px auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:700px; 
  height:400px; 
  border:1px solid #black; 
  background-color:black;
  }
#galleryh3 li {
  float:left;
  }
#galleryh3 li a {
  display:block; 
  height:400px;
  width:20px; 
  float:left; 
  text-decoration:none; 
  border-right:12px solid #000; 
  cursor:default;
  }
#galleryh3 li a img {
  width:20px; 
  height:400px; 
  border:0px;
  }
#galleryh3 li a:hover {
  background:#eee; 
  width:400px;
  }
#galleryh3 li a:hover img {
  width:400px;
  }