@charset "utf-8";
html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0; 
}

a:link {
    color: #FFFFFF;
}

a:visited {
    color: gray;
}

a:hover {
    color: red;
}

a:active {
    color: red;
}

body { 
  background: url(images/BloodLakeBg-320.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%
  -o-background-size: 100%;
  background-size: 100%;
  background-color:#000000;
  color:#FFFFFF;
  font-size:16px;
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h3, h4, h5, h6, th, td, caption 
{ 
margin:0; 
padding:0; 
font-weight:bold; 
}

h1
{
margin:2%;
padding:0;
font-weight:bold;
font-size:20px;
text-align:center;
}

h2
{
margin:1.5%;
padding:0;
font-weight:bold;
font-size:18px;
text-align:center;
}

h3
{
margin:1%;
padding:0;
font-weight:bold;
font-size:16px;
text-align:center;
}


img { 
border: 0; 
}

div.center {
    margin: auto;
    width: 70%;
    text-align:center;
}

div.infoBox {
    border: 3px solid gray;
    padding: .5%;
    margin-left:.5%;
}

div.infoBox p {
text-align: justify;
}

#divHdr {
text-align:center;
}

#imgHdr {
margin-top:8%;
}

.nobr {
white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width:1560px) {
  body {
    background-image: url(images/BloodLakeBg-1042.jpg);
  }
}

@media only screen and (min-width: 1561px) and (max-width: 2047px) {
  body {
    background-image: url(images/BloodLakeBg-1561.jpg);
  }
}

@media only screen and (min-width: 2048px) {
  body {
    background-image: url(images/BloodLakeBg-2048.jpg);
  }
}