
.homepageheader {
	color: #333;
	text-align: center;	
	font: 45px Georgia;
}

/* Begin Style for Top Menu */

.topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000000;
}

li {
    float: left;
    width: 25%;
    text-align: center;

}

li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 0px;
    font: 1.7vw Georgia;
    text-decoration: none;
}

li a:hover {
    background-color: #ef3e42;
}

.dropbtn {
    background-color: #000000;
    color: #ffffff;
    padding: 14px;
    font: 1.7vw Georgia;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1b3561;
    width: 24.65%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a:hover {background-color: #ef3e42}

/* End Style for Top Menu */

/* Show the dropdown menu on hover */
.li:hover .dropdown-content {
    display: block;
    }
.li:hover .dropbtn {
    background-color: #ef3e42;
    }
    
/* Begin Style for Divs */

.webtextdiv {
   margin: auto;
   padding: 1.5%;
   max-width: 70%;
   min-width: 300px;
   height: 100%;
   vertical-align: top;
   border: none;
}  

#wrap {
   background-color: #FFFFFF;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   height: 100%;
   border:none;
}
#samplaappwrap{
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   height: 100%;
   border:none;
}
/* End Style for Divs */

/* Begin Style for Text */

.footercontent{
	color: #ef3e42;
	text-align: center;	
	font: 3.8vw Georgia;
}

.bodycontent {
	color: #696969;
	text-align: left;	
	font: 25px Georgia;
}
.bodyheaders {
	color: #1b3561;
	text-align: center;	
	font: 35px Georgia;
}

/* End Style for Text */
.box1 {
   margin: auto;
   padding: 4px;
   max-width: 60%;
   height: 100%;
   border: 5px solid black;
}   
.bpalogo {
   margin: auto;
   max-width: 300px;
   height: 180px;
} 
.img1 {
	position: relative;
    width: 100%;
    height: auto;
}
.pageheader { 
   position: relative; 
   top: -15px; 
   left: 1px; 
   width: 99.75%; 
}
.pageheader span { 
   position: absolute;
   color: white; 
   font: bold 3vw Helvetica; 
   letter-spacing: 1px;  
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}
.home {
   margin: auto;
   max-width: 100%;
   height: 100%;
}
.home3 {
   margin: auto;
   max-width: 50%;
   height: 100%;
} 
.home1 {
   margin: auto;
   max-width: 100%;
   height: 100%;
} 
.img3 {
    float:left;
	position: relative;
    width: 50%;
    height: auto;
}
.img2 {
    float:left;
	position: relative;
    width: 100%;
    height: auto;
}
.homepagebuttons {
    background-color: #1b3561;
    float: left;
    border: none;
    border-radius: 12px;
    color: white;
    padding: 2% 5%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 39.0%;
    font-size: 4.5vw;
    margin: 5% .5%;
    cursor: pointer;
}
.homepagebuttons:hover {
    background-color: #ef3e42
}
.footerdiv {
   margin: auto;
   padding: .1%;
   max-width: 100%;
   height: 100%;
   border: none;
   background-color: #1b3561;
   border: 7px solid #ef3e42;
}   
@media screen and (max-width: 900px) {

/* Begin Style for Top Menu >900px */

.topmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000000;
}

li {
    float: left;
    width: 50%;
    text-align: center;

}

li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 0px;
    font: 15px Georgia;
    text-decoration: none;
}

li a:hover {
    background-color: #ef3e42;
}

.dropbtn {
    background-color: #000000;
    color: #ffffff;
    padding: 14px;
    font: 15px Georgia;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #1b3561;
    width: 49.1%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a:hover {background-color: #ef3e42}

/* End Style for Top Menu >900px */
   
  }
  
  @media screen and (max-width: 600px) {
  
  .footercontent{
	color: #ef3e42;
	text-align: center;	
	font: 6.3vw Georgia;
  }
}
