@charset "utf-8";
@font-family: "Times New Roman", Times, serif;
/*
   Climbingfrog Enterprises 
     
   CFE layout Style Sheet
   Author: David Anderson
   Date: 8/26/2020  
   
   
   CFE Layout Styles
   Filename: cfe_layout.css

*/


html {
	height: 10%;
	font-size: 14px;
	background-color: rgb(103, 84, 70); 
}

header img {
	float: none;
	width: 100%;
	margin: 2% 2% 2% 2%;
}

body {
	margin-left: auto;
	margin-right: auto;
	width: 89.9%;
	padding-left: 4.55%;
	padding-right: 4.55%;
	clear: none;
	float: none;
	min-height: 5%;
	color: rgb(0,0,0); 
	background-color: rgb(200,181,152) 
}

nav {
	width: 25%;
	float: right;
	margin: 6% 2% 0% 0%;
}
nav ul li {
	display: table-cell;
	width: 15%;
	text-align: center;
	margin-right: 2%;
	border: thin solid rgba(127,96,17,1.00);
	border-collapse: collapse;
}
nav ul li a {
	margin-bottom: 0;
}
nav {
	display: table;
	width: 86%;
	margin: auto;
	float: none;
}
nav ul {
	display: table-row;
	margin: 0;
}
nav ul li:last-of-type {
	margin-right: 0%;
}

nav ul li a {
	color: #222;
	text-decoration: none;
	display: block;
	margin-bottom: 8%;
}
nav ul li a:visited {
	color: #222;
}
nav ul li a:hover {
	background-color: #222;
	color: white;
}
nav ul li a:focus {
	outline: thin dotted;
}
nav ul li a:hover, nav ul li a:active {
	outline: 0;
}
body p {
	text-align: justify;
	font-size: 1.5em;
	margin-left: auto;
	margin-right: auto;
}
body h1 {
	text-align: center;
	margin: 1%;
	font-size: 4em;
	
}
body h2 {
	text-align: center;
	margin: 1%;
	font-size: 3em;
	
}
body h3 {
	margin: 1%;
	font-size: 2em;
	
}
body ul {
	font-size: 1.5em;
}
 /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
} 

footer {
	text-align: center;
	font-size: 1.4em;
	margin-top: 4%;
	border-top: 3px solid rgba(128,98,26,1.00);
	font-family: ;
	clear: both;
	padding-bottom: 20px;
}