html, body { 
height: 100%;
padding: 0px;
margin: 0px;
margin-bottom: 0;
background-color: #ffffff;
   font-family: Arial, Helvetica, sans-serif; 
font-size: 100%;
background-image: url('bk.jpg');
background-repeat: repeat;
background-attachment: fixed;}


a:link {color:#505050;} /* unvisited link */
a:visited {color:#707070;} /* visited link */
a:hover {color:#606060;} /* mouse over link */
a:active {color:#505050;} /* selected link */



/* divs */

.container {
width: 95%;
margin: 0px;
margin-bottom: 0;
padding: 0px;
margin: auto; 
}

.main {
width: 100%; 
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;    
text-align: center;
background-color: #ffffff;
}


.text {
width: 97%;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;  
border-bottom: 0px solid;
border-top: 0px solid;
border-color: #100000;
text-align: center;
}




.gal {
   width:100%;
   margin: 0px;
margin: auto; 
padding: 0px;
overflow: hidden;
}

.gal1 {
   width:50%;
   float:left;
   
}

.gal2 {
   width:50%;
   float:right;
   text-align: center;
   
}




@media only screen and (max-width: 999px)
{
    .gal1, .gal2
    {
        display: block; 
        float: none; 
        width: 100%;
        padding: 0px 0;
        
    }

}



/* headers */

h1 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;  padding: 5px; font-size: 100%; text-align: center; 
margin: 0px; color: #505050;}

/* paragraphs */

p.hds {font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 100%; text-align: center; padding: 10px; margin: 0px; color: #505050; line-height: 1.7em;}