body {
  background-color:  #00aaff;
  font-family: Arial, Helvetica, sans-serif;
  Margin: 10px; 
}
/*  1 March 2024 Modified font from Times New Roman to "Lucinda Consoile"n for readability */
/*  4 March 2024 Modified font size to increase readability - default is 16px  */

p, details, blockquote th {
  color: white;
  line-height: 1.5;
  letter-spacing: 2px;
  font-size: 18px;
}
@media only screen and (max-width: 350px) {
	p, details, blockquote  {
    width: 100%;  
    }
	}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 351px) {
	div, p, details, blockquote, li  {
    width: 600px;  /*  Set p width  600 is a good width for reading on a large screen.*/
    }
	}

h1, h2, h3, h4, li, a, th {
  color: white;
    line-height: 1.5;
    letter-spacing: 1px;
}
/* Style the div */
#center_content {
	 margin: 6px;
	}
/* open minor pages(deer trails) in new tab */
.newtab a {
   target="_blank";
   }
/*==================================================*/
/* Style the top navigation bar*/
.topbar {
	padding: 10px 10px;
	text-decoration: none;
	overflow: hidden;  /* Hide overflow */ 
    background-color: #fff8dc; /*Manilla */
    margin: 1px;
	}

/* Style the navigation bar links */
.topbar a {
  float: left;
  display: block; /* Change the display to block, for responsive reasons (see below) */
  box-sizing: border-box; /* Border Box applies to all parts of the element  */
  width: 200px;
  font-size: 17px;
  background-color: #ddd;/* Grey */ 
  color: #0052cc; /* Dark Blue */
  text-align: center; /* Center the text */
  padding: 3px 7px; /* Add some padding Top & Bottom are 3px & R&L are 7px*/
  margin-right: 10px; 
  margin-top: 10px; 
  text-decoration: none; /* Remove underline */
  border-style: solid;
  border-width: 3px;
  border-color: red;
  border-radius: 25px;
}
/* Links - change color on hover */
.topbar a:hover {
  background-color: #66ffff; /*Maui Green-Blue */
  color: black;
  }	
  
/* ======================================================*/
/* Style the navigation bar colors like the top navigation bar*/
.navbar {
  overflow: hidden;  /* Hide overflow */ 
  background-color: #fff8dc; /*Manilla */
  width: 275px;  /*  Set navbar width */
  padding: 3px 4px;   /*  Add padding between links all sides */
  border-radius: 25px;
  margin: 6px;
}

/* Style the navigation bar links */
.navbar a {
  float: left; /* Make sure that the links stay side-by-side */
  display: block; /* Change the display to block, for responsive reasons (see below) */
  color: #0052cc; /* Dark Blue */
  background-color: #ddd;/* Grey */ 
  box-sizing: border-box; /* Border Box applies to all parts of the element  */
  width: 225px;
  text-align: center; /* Center the text */
  padding: 4px 5px; /* Add some padding Top & Bottom are 4px & R&L are 5px*/
  text-decoration: none; /* Remove underline */
  border-style: solid;
  border-width: 3px;
  border-color: red;
  border-radius: 25px;
}

/* Change color on hover/mouse-over */
.navbar a:hover {
  background-color: #66ffff; /*Maui Green-Blue */
  color: black; /* Black text color */
}

/*==================================================*/
/* Style the bottom navigation bar*/
.bottombar {
	padding: 10px 10px;
	text-decoration: none;
	overflow: hidden;  /* Hide overflow */ 
    background-color: #fff8dc; /*Manilla */
    margin: 3px;
	}

/* Style the bottom navigation bar links */
.bottombar a {
  float: left;
  display: block; /* Change the display to block, for responsive reasons (see below) */
  box-sizing: border-box; /* Border Box applies to all parts of the element  */
  width: 200px;
  font-size: 17px;
  background-color: #ddd;/* Grey */ 
  color: #0052cc; /* Dark Blue */
  text-align: center; /* Center the text */
  padding: 3px 7px; /* Add some padding Top & Bottom are 3px & R&L are 7px*/
  margin-right: 10px; 
  margin-top: 10px; 
  text-decoration: none; /* Remove underline */
  border-style: solid;
  border-width: 3px;
  border-color: red;
  border-radius: 25px;
}
/* Links - change color on hover */
.bottombar a:hover {
  background-color: #66ffff; /*Maui Green-Blue */
  color: black;
  }	
  

/* style the un-numbered list */
ul  {
	list-style-position: outside;
	color: white;
	line-height: 1.5;
	letter-spacing: 1px;
	}
/* style the numbered list */
ol  {
	list-style-position: outside;
	color: white;
	line-height: 1.5;
	letter-spacing: 1px;
	}
/* style the list element*/
li  {
	color: white;
	line-height: 1.5;
	letter-spacing: 1px;
	}

/* Use width property for images Added 9Dec2023*/
img {
  width: 100%;
  height: auto;
}
/* we create a class for centering images ; */
/* to use put <img src="paris.jpg" alt="Paris" class="center">*/
.center {
  width: 50%;
}
/* --------------------------------------------------------------*/
/*We add dropdown in page navigation*/
/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
  background-color: #fff8dc; /*Manilla */
  padding:  10px 10px  10px 10px;
}
/* Dropdown button */
.dropdown .dropbtn {
  box-sizing: border-box; /* Border Box applies to all parts of the element  */
  width: 125px;
  font-size: 17px;
  font-family: Times New Roman;
  background-color: #ddd;/* Grey */ 
  color: #0052cc; /* Dark Blue */
  text-align: center; /* Center the text */
  padding: 5px 7px; /* Add some padding inside buton: Top & Bottom are 3px & R&L are 7px*/
  margin-right: 10px; 
  margin-top: 10px; 
  text-decoration: none; /* Remove underline */
  border-style: solid;
  border-width: 3px;
  border-color: red;
  border-radius: 25px;
  margin: 0; /* Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #66ffff; /*Maui Green-Blue */
  color: black;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff8dc; /*Manilla */
  min-width: 170px;
  margin-left: 10px; 
  z-index: 1;
} 
/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  display: block; /* Change the display to block */
  box-sizing: border-box; /* Border Box applies to all parts of the element  */
  width: 225px;
  font-size: 17px;
  background-color: #ddd;/* Grey */ 
  color: #0052cc; /* Dark Blue */
  text-align: center; /* Center the text */
  padding: 3px 7px; /* Add some padding Top & Bottom are 3px & R&L are 7px*/
  margin-right: 10px; 
  margin-left: 10px; 
  margin-top: 5px; 
  text-decoration: none; /* Remove underline */
  border-style: solid;
  border-width: 3px;
  border-color: red;
  border-radius: 25px;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/* --------------- End Dropdown ----------------------------*/

/* For measurement */
p.measure351 {
	width: 351px; 
	border: 2px;
	border-style: solid;
	border-color: Red;
	color: Red;
}
p.measure600 {
	width: 600px; 
	border: 2px;
	border-style: solid;
	border-color: Red;
	color: Red;
}