@charset "utf-8";
/* CSS Document */

#header {
  background-image: url(images/banner_grey.png);
  background-repeat: no-repeat;
  background-position:center;
  height:100px;
  color: #000; 
  font-size: 120%; 
  padding: 5px;
}

body,html{
  height:100%;
  margin:0; padding:0;
  min-height:600px;  
}

body {
  font-family: Arial;
  background-color: #B8B8B8;
  width: 100%; 
  min-width:900px;
  background-image: url(images/wood.jpg); /*change this photo to change the background*/
  background-repeat: repeat;
}
 

#wrapper { 
  background-image: url(images/greybk_transparent.png);
  background-repeat: repeat;
  min-height:600px;
  height: 100%;   
  color: #B8B8B8;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: block;
} 


#content { 
  clear:both;
  margin: auto;
  display: block;
  width:100%;
  color: #000;
} 

.table {margin:auto; width:70%; padding: 10px;}
.table td { padding: 5px; font-family: arial, sans-serif; text-align:center; color: #cccccc; font-size: 120%;}
.table th { padding: 5px; font-family: arial, sans-serif;}

.table2 {margin:auto;/* width:70%;*/}
.table2 td { padding: 5px 10px; font-family: arial, sans-serif; text-align:center; color: #616161; font-size: 60%;}
.table2 th { padding: 5px 10px; font-family: arial, sans-serif;}

#footertext{
  font-family: arial, sans-serif; text-align:center; color: #bfbfbf; font-size: 60%; padding:10px 0px;
}

#footer {
  background:#bfbfbf;
  opacity:1;
  filter:alpha(opacity=100);
}

#footercontainer{
  margin: auto;
  display: block;
  width:100%;
  color:fff;
}

img.border{
  padding: 10px;
  border: 2px solid #cccccc;
}

img {border: none;}

#footer-border{
  padding: 2px 0px;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}

#footer-padding{
  padding: 10px 0px 0px 0px;
}

/*Expand image on hover */
.imghover img{
  -webkit-transition-duration: 1s; /*Webkit: Animation duration*/
  -moz-transition-duration: 1s; /*Mozilla Animation duration*/
  -o-transition-duration: 1s; /*Opera Animation duration*/
  opacity: 1;
}

.imghover img:hover{
  -webkit-transform:scale(1.1); /*Webkit: 1.1 times the original Image size*/
  -moz-transform:scale(1.1); /*Mozilla 1.1 times the original Image size*/
  -o-transform:scale(1.1); /*Opera 1.1 times the original Image size*/
  opacity: 1;
}

/*Fade in effect  */
  @-webkit-keyframes fade-text {
    0%{
  opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes fade-text {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

#fading_text {
  height:100%;
  -webkit-animation: fade-text 10s 1;
  -moz-animation: fade-text 10s 1;
}

/*Slide down header*/
@-webkit-keyframes aniload {
  from {-webkit-transform:translate(0px, -100px)}
  to   {-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes aniload {
  from {-moz-transform:translate(0px, -100px)}
  to   {-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes aniload {
  from {-ms-transform:translate(0px, -100px)}
  to   {-ms-transform:translate(0px, 0px)}
}

@-o-keyframes aniload {
  from {-ms-transform:translate(0px, -100px)}
  to   {-ms-transform:translate(0px, 0px)}
}

@keyframes aniload {
  from {transform:translate(0px, -100px)}
  to   {transform:translate(0px, 0px)}
}

#box1 {
  height: 100px;
  -webkit-animation:aniload 4s;
  -moz-animation:aniload 4s;
  -ms-animation:aniload 4s;
  animation:aniload 4s;
}