@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
}

@-ms-viewport{
	width: extend-to-zoom;
	zoom:1.0;
}

.mySlides {display:none;}

#positionSlideShow{

      display: block;
      padding-left: 35%;
      
}



h1 {
	color: #0059b3;
	text-align: center;
	padding-left: 0%;
	
}

#homeh1 {
	padding-left: 6%;
}

h3{
	color: #fff;
	text-align: center;
}

h2{
	color: #0059b3;
	text-align: center;
	padding-left:2%;
}


#menu {
    list-style-type: none;
    margin: 0px;
    width: 200px;
    position: absolute;
    
	
}

ul {
   float: right;
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 125%;
   position: fixed;
   height: 100%;
   overflow: auto;
}

#menu a {

    background-color: #555; 
    color: #FFFFFF; 
    display: block; 
    padding: 10px 30px;
    text-decoration: none; 
    
}



#positionHomeImage{

      margin: auto;
      padding-left: 2%;
      width: 70%;
      
}


#firstForm{

	transition: transform .2s;
	
}

#secondForm{

	
	transition: transform .2s;
	
}

#thirdForm{


	transition: transform .2s;
	
}

#fourthForm{

	transition: transform .2s;
}

#fifthForm{

	transition: transform .2s;
}

.forms:hover{

	transform: scale(1.04);
	
}

.faqP{

	padding-left: 200px;
	padding-right: 100px;
	text-align: justify;
}

.centerFaq{

	text-align: center;
	padding-left: 3%;
}

.buttonClass
{
	padding-left: 20px;
}

.button {

    background-color: #0059b3;
    border-radius: 50%;
    border: none;
    color: white;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}

.topbutton {

    background-color: #555;
    border-radius: 5%;
    border: none;
    color: white;
    padding: 10px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}

.topbutton:hover{

	background-color: #0059b3;
	transition: 0.3s;
	
}

.button:hover{

	background-color: #555;;
	transition: 0.3s;
}



body{

 margin: 0;
 margin-bottom: 60px;
 background-color: #F0FFF0;
 font-family:"Arial", Serif;
 overflow-x:hidden;
 
}
 
.dropdown {

    position: relative;
    display: inline-block;
}

.dropdown-content {

    display: none;
    position: absolute;
    background-color: #0059b3;
    color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    
}

.dropdown:hover .dropdown-content {

    display: block;
}

.desc {

    padding: 15px;
    text-align: center;
}

 
#ContactInfo{
 
     text-align: center;
}
   
#DogwoodTable{

 	margin-left: 36%;
 	margin-right:36%;
 	border-style: groove;
 	border-top-style: solid;
 	border-top-color: #000000;
 	box-shadow: 5px 5px 8px #606060;
 	
 }
#NonResidentialTable{

 	margin-left: 40%;
 	margin-right: 39%;
 	border-style: groove;
 	border-top-style: solid;
 	border-top-color: #000000;
 	box-shadow: 5px 5px 8px #606060;
 }
 
#Woodstone2Paragraph{
 
 	text-align: center;
 }
 
#WoodstoneTable{
  
 	margin-left: 36%;
 	margin-right:36%;
 	border-style: groove;
 	border-top-style: solid;
 	border-top-color: #000000;
 	box-shadow: 5px 5px 8px #606060
 }
 
#missionParagraph{
 
	text-align: center;
}



					
					
footer	{	
	position: fixed;
	clear:both;
	bottom: 0;
	width:100%;
	height: 50px;		
	color: #FFFFFF;
	text-align: center;
	background-color: #004d4d;
	float: bottom;
}


footer a:link {
    color: #0059B3;
    background-color: transparent; 
    text-decoration: none;
}

footer a:visited {
    color: #EFF0F2;    
    background-color: transparent;
    text-decoration: none;
}

footer a:hover {
    color: #EFF0F2;
    background-color: transparent;
    text-decoration: underline;
}




 
#Woodstone2Table{

 	margin-left: 40%;
 	margin-right: 39%;
 	border-style: groove;
 	border-top-style: solid;
 	border-top-color: #000000;
 	box-shadow: 5px 5px 8px #606060;
 }
 
#dogWoodTerracePics{

 	margin: auto;
 	text-align: center;
 }
 
#dogWoodDrone3{

 	margin: auto;
 }
 
#droneThree{

 	margin-left: 200px;
 }

 
#header{

	 width: 100%;
	 height: 50px;
	 background-color: #0059b3;
	 text-align: right;	 
}

#missionPNew{

	padding-left: 24%;
	font-size: 18px;
	line-height: 2;
	width: 50%;
	background-color: #f0fff0;
	color: black;
        text-align: justify;
        height: auto;
}

#cssgooglemapid {

       display: block;
       padding-left: 24%;

}



table {

    font-family: arial, sans-serif;
    border-collapse: collapse;
    background-color: #ffffff;
   
}

td, th {

    border: 1px solid #000000;
    text-align: left;
    padding: 8px;
}

th{

    border: 1px solid #0059b3;
    text-align: center;
    padding: 8px;
    background-color: #0059b3;
    color: white;
}

tr:hover {

	background-color: #ddd;
}

tr:nth-child(even) {

    background-color: #f2f2f2;
}
 
.navbar{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:100%;
  margin: 0px;
}

.navbarFAQ{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:340%;
  margin: 0px;
  width: 25%
  padding: 0px;
}

.navbarHCV{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:440%;
  margin: 0px;
}

.navbarNS{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:130%;
  margin: 0px;
}

.navbarProp{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:270%;
  margin: 0px;
}

.navbarWS{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:120%;
  margin: 0px;
}

.navbarWS2{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:150%;
  margin: 0px;
}

.navbarForms{
   position: absolute;
  background-color:#555;
  overflow:hidden;
  height:350%;
  margin: 0px;
}

.navbar a{

  float:left;
  font-size:17px;
}

.navbarFAQ a{

  float:left;
  font-size:17px;
  
}

.navbarHCV a{

  float:left;
  font-size:17px;
}

.navbarWS a{

  float:left;
  font-size:17px;
}

.navbarWS2 a{

  float:left;
  font-size:17px;
}

.navbarForms a{

  float:left;
  font-size:17px;
}

.navbarProp a{

  float:left;
  font-size:17px;
}

.navbarNS a{

  float:left;
  font-size:17px;
}

.side-nav{

  height:100%;
  width:0;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  background-color: #505050;
 
  overflow-x:hidden;
  padding-top:60px;
  transition:0.5s;
}

.side-nav a{

  padding:10px 10px 10px 30px;
  text-decoration:none;
  font-size:22px;
  color:#ccc;
  display:block;
  transition:0.3s;
}

.side-nav a:hover{

  color:#f0fff0;
}

.side-nav .btn-close{

  position:absolute;
  top:0;
  right:22px;
  font-size:36px;
  margin-left:50px;
}

#main{

  transition:margin-left 0.5s;
  padding:20px;
  overflow:hidden;
  width:100%;
}


#missionDiv{

  color: #fff;
  transition:margin-left 0.5s;
  font-size: 1.3em;
  background-color:#0059b3; 
  text-align: center;
  padding:80px;
  overflow:hidden;
  width:100%;
  
}

#homePageHouse{
  overflow:hidden;
  width:79%;
  padding-left: 5%;
  float: right;
  padding-right: 7%;
}



@media(max-width:568px){
  .navbar-nav{display:none}
 
}

@media(max-width:350px){
  .navbar-nav{display:none}
 
}

@media(min-width:568px){
  /*.open-slide{display:none}*/
}

nav{
	padding: 20px;
	font-weight: bold;
	width: 160px;
	float: left;
	display: block;
}
		
		
#li{
	float: left;	
}

#lia{
	display: block;
	color: #800020;
	font-weight: bold;
	text-align: center;
	padding: 15px 20px;
	text-decoration: none;
}

#lia:hover {
	background-color: #708090;
	color: #FFFFFF;
}


	
				

#missionParagraph{

	text-align: center;
	margin-right: 100px;
}

#dogwoodHeader{

	text-align: center;
	margin-left: 185px;
}

.InfoOnHomePage{

	color: black;
        padding-top: 5%;
	padding-left:6%;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
		
}

.contactInfoOnHomePage{

	color: black;
        padding-top: 2%;
	padding-left:6%;
	font-style: italic;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
		
}
			
					
footer	{	
		position: fixed;
		clear:both;
		bottom: 0;
		width:100%;
		height: 50px;
		color: #FFFFFF;
		text-align: center;
		background-color: #555;
		float: bottom;}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #0059b3; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}