body
{
  background-color: #000000;
}
.gallery
{
  font-size: 12px;
  font-family: Trebuchet MS, verdana, arial;
  color: #FFFFFF;

  margin: auto;
  
  background-color: #000000; 
  padding: 10px; 
  text-align: center;
  margin-bottom: 10%;
}

.gallery table
{
  clear: both;
  margin: auto;
}

.gallery tr
{
  margin: auto;
}

.gallery td.header
{
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 3%;
  padding-top: 2%;
  width: 100%;
  clear: both;
  
}

.gallery td
{
  text-align: center;
  vertical-align: middle;
  margin: auto;
  padding: 10px;
}

.gallery div
{
  clear: both;
}

.gallery h2
{
  float: left;
  width: auto;
  text-align: left;
  font-size:1.2em;
  font-weight: bold;
}

.gallery h3 
{
  float: right;
  width: auto;
  text-align: right;
  font-size:0.9em;
  font-weight: normal;
}

div.gimg
{
  width: auto;
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  

}

div.gimg div.nav
{
  margin: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  
}

div.gimg div.slide
{
  margin: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  
}

div.nav span
{
  padding-left: 10px;
  padding-right: 10px;
}

div.nav span.spacer
{
  padding-left: 18px;
  padding-right: 18px;
  }

a
{ 
  border: 1px solid #000000; 
  color: #FFFFFF; 
  text-decoration: underline; 
  font-weight:normal;
} 

a:hover		
{ 
  color: #FFFFFF; 
  text-decoration: none;
}

a img
{
  border: 1px solid #000000;
}

a:hover img
{
  border: 1px solid #aaaaaa;
}

.gallery p
{
	font-size: 11px;
	font-family: Trebuchet MS, verdana, arial;
	color: #FFFFFF;
}

.gallery p a:hover
{
  text-decoration: none;
}