﻿
/* "auto" makes the left and right margins center the wrapper */

/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
    body {
      color:#000000;
      background-color:#FFFFFF;
      background-image:url(images/background.jpg);
/*      background-repeat:no-repeat; */
    }
    a  { color:#0000FF; }
    a:visited { color:#800080; }
    a:hover { color:#008000; }
    a:active { color:#FF0000; }
header{
	font: Arial;
	font-size:larger;
	font-style:italic;
	text-align:center;
}    
#content{
  width:950px;
  padding-top:10px;
  margin:auto;
 }
div.float {
  position:relative;
  float: left;
  border:groove;
  width:200px;
  min-width: 200px;
  height:200px;
  padding: 10px;
  margin:2px;
  -moz-box-shadow: 0 0 5px 5px #888;
  -webkit-box-shadow: 0 0 5px 5px#888;
  box-shadow: 0 0 5px 5px #888;
  }

div.float p {
   text-align: center;
   }
img.thumb{
   width:200px;
   height:200px;
   display:block;
   margin:auto;
   
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
    
 }
 
 div.wrapper{
	position:relative; /* important(so we can absolutely position the description div */
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:10px; /* position will be on bottom */
	left:10px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: 'tahoma';
	font-size:15px;
	color:white;
	text-align: center;
}
div.description_content{
	padding:10px;
}
.label p {
  /*Position*/
  position: absolute;
  text-align:center;
  padding: 10px;
  width: 100%;
     
  /*Skin*/
  background: #000; /*fallback*/
  background: rgba(0,0,0,0.7);
  color: #fff;
  font: bold italic 18px/1.5 Helvtica, Verdana, sans-serif;
     
  /*Animation*/
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
/*CENTER FROM TOP*/
.centertop p {
   top: -50%;
}
.label {
  /*Position*/
  display: inline-block;
  vertical-align: top; 
  overflow: hidden;
  position: relative;
  margin: 2px;
 
  /*Skin*/
  border: 7px solid #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5), 0px 10px 7px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5), 0px 10px 7px rgba(0,0,0,0.2);
          box-shadow: 0px 2px 4px rgba(0,0,0,0.5), 0px 10px 7px rgba(0,0,0,0.2);
}
/*Extra Padding Fix*/
.label img {
  display: block;
} 
/*TOP LABEL*/
.top p {
  top: -50%;
}
 
.top:hover p {
  top: 0%;
}

#center-content, #content_wrap { 
  width: 900px; 
  margin: 0 auto; 
  padding-top:80px;
  padding-left:15px;
  padding-right:15px;
  background-color:white;
  min-height:800px;

}
body{
   background-image:url(images/background.jpg);
}
p{
	margin:20px;

}
h2#sig{
	font-style:italic;
	margin-left:20px;
}
td, th{
	font-size:large;
	text-align:center;
}