body
{
background: linear-gradient(#66CCFF, #FFFFCC);

background-attachment: fixed;
background-size: auto;

background-color: #66CCFF;
font-family:Verdana,Arial,sans-serif;
}

h1
{
text-align:center;
font-family:Georgia,sans-serif;
}

h2
{
text-align:center;
}

.bkgImage
{
width: 100%;
min-height: 100%;
position: absolute;
top:0%;
bottom:0%;
right:0%;
left:0%;
}


      
.firstParagraph
{
margin-top: 0px;
font-size:medium;
}

.textDiv
{
border-radius:1em;

padding: 3px;
opacity: 0.95;
margin-top: auto;
position: relative;
left: 5%;
right: 5%;
width: 90%;
background-color: #FFFFFF;
}
      
.titleDiv
{
border-top-left-radius:2em;
border-top-right-radius:2em;
padding: 3px;
background-color: #FFFFFF;
position: relative;
left: 20%;
right: 20%;
width: 60%;
}
      
.miniTitle
{
color:#006400;
font-size:auto;
font-weight:bold;
}

.logo
{
position: relative;
top: -6px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
      
.floatLeft
{
float: left;
max-width: 50%;
margin-right: 1em;
}

.floatRight
{
float: right;
max-width: 50%;
margin-left: 1em;
} 

.adRight
{
float: right;
width: 160px;
height:600px;
margin-left: 1em;
} 

.adLeft
{
float: left;
width: 160px;
height:600px;
margin-right: 1em;
}

.imageCenter
{
text-align:center;
}

@media screen and (min-width: 959px){

body
{
background: linear-gradient(#66CCFF, #FFFFCC);

background-attachment: fixed;
background-size: auto;

background-color: #66CCFF;
font-family:Verdana,Arial,sans-serif;
}

h1
{
text-align:center;
font-family:Georgia,sans-serif;
}

h2
{
text-align:center;
}

.bkgImage
{
width: 100%;
min-height: 100%;
position: absolute;
top:0%;
bottom:0%;
right:0%;
left:0%;
}


      
.firstParagraph
{
margin-top: 0px;
font-size:medium;
}

.textDiv
{
border-radius:1em;

padding: 3px;
opacity: 0.95;
margin-top: auto;
position: relative;
left: 20%;
right: 20%;
width: 60%;
background-color: #FFFFFF;
}
      
.titleDiv
{
border-top-left-radius:2em;
border-top-right-radius:2em;
padding: 3px;
background-color: #EEFFEE;
position: relative;
left: 20%;
right: 20%;
width: 60%;
}
      
.miniTitle
{
color:#006400;
font-size:auto;
font-weight:bold;
}

.logo
{
position: relative;
top: -6px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
      
.floatLeft
{
float: left;
max-width: 50%;
margin-right: 1em;
}

.floatRight
{
float: right;
max-width: 50%;
margin-left: 1em;
} 

.adRight
{
float: right;
width: 160px;
height:600px;
margin-left: 1em;
} 

.adLeft
{
float: left;
width: 160px;
height:600px;
margin-right: 1em;
}

.imageCenter
{
text-align:center;
}
}