html {
background-color: black;
background: url(images/Background3.png) no-repeat center center fixed; 
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

}

.header {
background-color: rgba(75,100,170,.7);
padding: 5px;

margin-top: 10px;
padding-top: 8px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
margin-left: 10%;
margin-right:10%;
}

.header .headerTop {
margin-bottom: -10px;
margin-top: 5px;
}

.header .navigation {
margin: 0px;
background-color: rgba(75,100,170,.7);
}

.header ul {
list-style:none;
margin-left: -40px;
margin-right: 0px;
margin-bottom: -2px;
align: center;
text-align: center;
}

.header ul li{
display: inline;
font-size: 17px;
margin-left: -4px;
padding: 0px;
font-family: Tahoma,"Arial Black", Arial;
}

.header ul li a {
color: white;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
margin: 0px;

}

.header ul li a:hover {
color: black;
background-color: rgba(255,255,255,.9);
}

.header img {
display:block;
margin:auto;
}

.search{
margin-left:10%;
margin-right:10%;
margin-top: -10px;
margin-bottom: 10px;
vertical-align: middle;
white-space: nowrap;

}

.search input{
  width: 100%;
  height: 25px;
  background: rgba(0,0,0,.7);
  border: none;
  font-size: 10pt;
  color: rgba(170,170,170,.5);
  padding-left: 10px;
  padding-right: 50px;	
}

.search input::-webkit-search-cancel-button{
    margin-right: 10px;
}

.search input::-ms-clear{
   margin-right: 10px;
}

.search input:focus{
    outline: 0;
    color: rgba(0,0,0,.85);
    background: rgba(255,255,255,1);

}

::-webkit-input-placeholder {
   color: rgba(170,170,170,.5);
}

:-moz-placeholder { /* Firefox 18- */
   color: rgba(170,170,170,.5);  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(170,170,170,.5);  
}

:-ms-input-placeholder {  
   color: rgba(170,170,170,.5);  
}

.searchBar {
    overflow:hidden;
    color: black;
}

.searchIcon {
height:27px;
width:27px;

background-image: url(images/searchIcon.png);
background-size: 25px;
float:left; 
}

.searchIcon:hover{
background-image: url(images/searchIconHover.png);
background-width: 25;
background-height: 25;
}

.body {
background-color: rgba(255,255,255,.55);
padding: 5px;
margin: 5px 0px 5px 0px;
margin-left:10%;
margin-right:10%;
border-style: double;
border-width: 1px 2px 1px 2px;;
border-color: rgba(70,110,166,.3); 
}

.body h1 {
text-align: center;
font-family: "Tahoma,"Arial Black", Arial;
font-size: 25px;
}

.body p {
font-family: "Tahoma,"Arial Black", Arial;
text-indent: 0px;
text-align: center;
font-size: 20px;
}

.body p a {
color: black;
}

.body p a:hover {
color: rgb(100,100,150);
}

.footnote {
font-family: "Tahoma";
text-indent: 0px;
margin: 10px;
text-align: center;
font-size: 10px;
}

.footnote a {
color: black;
}

.footnote a:hover {
color: rgb(100,100,150);
}

.footer {
background-color: rgba(75,100,170,.4);
margin-left:10%;
margin-right:10%;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
color: black;
font-size: 10px;
font-family: "Tahoma";
text-align: center;
}

.footer p a{
font-size:8px;
color:black;
}