.alignright {

  float: right;

  }



.alignleft {

  float: left

  }

a.gallery, a.gallery:hover, a

{

  color: #00f;

  text-decoration: none;

}

img {

  border: 0;

  }

#gallery {

  position: relative;

}

#gallery .image {

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  width: 700px;

  font-size: 24px;

  border: 2px dashed #a9a9a9;

}

#gallery .image img {

  border: 1px solid #a9a9a9;

  margin: 6px 6px 6px 6px;

  padding: 2px;

}

#gallery .image img:hover, .image img:focus {

  background-color: #a9a9a9;

}

a.linkopacity img {

filter:alpha(opacity=85);

-moz-opacity: 0.85;

opacity: 0.85;}



a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

}

#gallery #nav {

  border: 1px solid #a9a9a9;

  margin: 6px 0px 6px 0px;

  padding: 4px 4px 0px 4px;

  height: 18px;

}

#gallery .folder {

  font-size: 18px;

  text-indent: 8px;



}

table.foldersbox {

  font-size: 11px;

  font-family: verdana;

  margin: 25px;

  margin-top: 0px;

}

#lightbox{

  position: absolute;

  top: 90px;

  left: 0;

  width: 100%;

  z-index: 100;

  text-align: center;

  line-height: 0;

  }



#lightbox a img{ border: none; }



#outerImageContainer{

  position: relative;

  background-color: #fff;

  width: 250px;

  height: 250px;

  margin: 0 auto;

  }



#imageContainer{

  padding: 10px;

  }



#loading{

  position: absolute;

  top: 40%;

  left: 0%;

  height: 25%;

  width: 100%;

  text-align: center;

  line-height: 0;

  }

#hoverNav{

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 10;

  }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

  width: 49%;

  height: 100%;

  background: transparent url(./images/blank.gif) no-repeat; /* Trick IE into showing hover */

  display: block;

  }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prev.png) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../../images/next.png) right 15% no-repeat; }

#exitLink:hover, #exitLink:visited:hover { background: url(../../images/close.png) right 15% no-repeat; }





#imageDataContainer{

  font: 10px Verdana, Helvetica, sans-serif;

  background-color: #fff;

  margin: 0 auto;

  line-height: 1.4em;

  }



#imageData{

  padding:0 10px;

  }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }

#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;  }



#overlay{

  position: absolute;

  top: 0;

  left: 0;

  z-index: 90;

  width: 100%;

  height: 500px;

  background-color: #000;

  filter:alpha(opacity=60);

  -moz-opacity: 0.6;

  opacity: 0.6;

  }





.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  }



* html>body .clearfix {

  display: inline-block;

  width: 100%;

  }



* html .clearfix {

  /* Hides from IE-mac \*/

  height: 1%;

  /* End hide from IE-mac */

  }

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;
	


}

.style1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

.style2 {

	color: #6B4909;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

}