/* Global Styles
------------------------------------------------------------------------*/
a {
  font-weight: normal;
  color: #d1d1d1;
  text-decoration: none;
}

a:link {
  font-weight: normal;
  color: #d1d1d1;
  text-decoration: none;
}

a:visited {
  font-weight: normal;
  color: #d1d1d1;
  text-decoration: none;
}

a:active {
  font-weight: normal;
  color: #d1d1d1;
  text-decoration: underline;
}

a:hover {
  font-weight: normal;
  color: #cc0000;
  text-decoration: underline;
}

a:focus {
  outline: none;
}

/* Photo Styles
------------------------------------------------------------------------*/
.photo {
  width: 232px;
  height: 163px;
  float: left;
  margin: 6px;
}
.photoImage {
  width: 210px;
  height: 143px;
  padding: 10px;
  float: left;
}

a:hover img.photoThumbnail {
  border: #d1d1d1 1px solid;
  padding: 5px;
  background: #ffffff;
  filter: alpha(opacity=99);
  opacity: 0.9999;
}

a:active img.photoThumbnail {
  font-weight: normal;
  color: #336699;
  text-decoration: none;
}

img.photoThumbnail {
  border: #d1d1d1 1px solid;
  padding: 5px;
  background: #e8e8e8;
  filter: alpha(opacity=70);
  opacity: 0.70;
}

img.photoThumbnailSpacer {
  padding: 5px;
}

/* Gallery Styles
------------------------------------------------------------------------*/
#galleryLevel_0 {
  width:100%;
}

#galleryLevel_1 {
  width: 800px%;
  padding-left: 10px;
}

#galleryLevel_2 {
  width: 800px%;
  padding-left: 10px;
}

#galleryList {
  width: 180px;
  padding-left: 10px;
  border-left: 1px solid #d1d1d1;
  float: right;
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  color: #d1d1d1;
  text-align: left;
}

#galleryPhoto {
  float: left;
  padding-left: 10px;
}

#galleryBox {
  text-align:center;
}

#galleryHeader {
  height: 20px;
  width: 742px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom: 5px;
  border-bottom: #d1d1d1 1px solid;
}

#galleryFooter {
  height: 22px;
  width: 742px;
  margin-right:auto;
  margin-left:auto;
  color: #d1d1d1;
  text-align:left;
  border-top: #d1d1d1 1px solid;
  margin-top: 5px;
}

#galleryBody {
  width:742px;
  margin-right:auto;
  margin-left:auto;
}

#galleryIndex {
  height: 20px;
  width: 20px;
  float:right;
}

#galleryText {
  height: 20px;
  width: 680px;
  color: #d1d1d1;
  float:left;
  text-align:left;
  font-weight: bold;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
}

.galleryTitle {
  font-weight: bold;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  text-transform: uppercase;
  color: #cc0000;
}


/* Photo Album Styles
------------------------------------------------------------------------*/
.photoAlbum {
  width: 232px;
  height: 450px;
  border: 1px solid #d1d1d1;
  float: left;
  margin: 5px;
  background: #000000;
}

.photoAlbumImage {
  width: 210px;
  float: left;
  padding: 10px;
}

.photoAlbumInfo {
  height: 250px;
  width: 210px;
  text-align: left;
  float: left;
  padding: 10px;
  color: #d1d1d1;
  position:relative;
}

.photoAlbumThumbnail {
  border: #d1d1d1 1px solid;
  padding: 5px;
  background: #e8e8e8;
  margin: 0 auto;
  filter: alpha(opacity=70);
  opacity: 0.70;
}

a:hover img.photoAlbumThumbnail {
  border: #d1d1d1 1px solid;
  padding: 5px;
  background: #ffffff;
  filter: alpha(opacity=99);
  opacity: 0.9999;
}

.photoAlbumInfoText {
  margin-top: 0px;
}

.photoAlbumTitle {
  font-weight: bold;
  font-size: 1em;
  font-family: Arial, Verdana, sans-serif;
  color: #cc0000;
}

.photoAlbumDescription {
  font-weight: normal;
  font-size: 0.8em;
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  text-transform: none;
  color: #d1d1d1;
}

/* Misc. Styles
------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
