html,body {
     height: 100%;
	 border: black;
	 border-spacing: 10px;
	 background-color: lightgray;
}

h1, h2, h3, h4, h5, h6, p {
     margin-bottom: 20px;
}

.subSectionNav {
     background-color:  #0B74D2;
	 border-spacing: 10px 10px;
	 border-radius: 10px;
	 font-family: "Verdana";
	 font-size: 10px;
	 margin-left: 5px;
	 line-height: 40px;
	 text-decoration: none;
	 text-align: center;
	 padding-left: 10px;
	 opacity: 0.8;
}
.subSectionNav a:link {
	color: black;
}
.subSectionNav a:visited {
	color: whitesmoke;
}
.subSectionNav a:hover {
	color:darkslategray;
} 

middle {
	width: 60%;
	max-width: 455px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
    vertical-align: middle;
	color: black;
    font-family: 'Arial', 'sans-serif';
	clear: left;
}

footer {
     position: relative;
     width: 100%;
	 height: align-content;
	 font-size: 50px;
     background-color: #4E7D19;
	 opacity: 0.8;
	 text-align: center;
}
p {
    color: black;
	font-family: arial;
	font-weight: 500;
    font-size: 140%;
}
p1  {
    color: white;
    font-family: arial;
	font-weight: 500;
    font-size: 150%;	
}

.sect {
     height:align-content;
	 width: align-content;
   	 background-color: gainsboro;
	 background-image: inherit;
	 max-width: 100%;
}

.subSection {
	/* font-family:"Brush Script MT", cursive; */
	/* font-family: "Lucida Calligraphy", cursive; */
	 font-family: "Arial";
	 font-size: 20px;
     height: align-content;
	 margin-left: 5px;
     background-color: lightgray;
	 opacity: 0.8;
	 width: 100%;
	 max-width: 1200px;
}
.subSection a:link {
	color: black;
}
.subSection a:visited {
	color: whitesmoke;
}
.subSection a:hover {
	color:darkslategray;
} 
.subSectionClear {
     height: align-content;
     background-color: transparent;
	 opacity: 0.8;
}
.subSectionNon {
	 height: align-content;
	 margin-left: 5px;
     background-color: lightgray;
	 opacity: 0.9;
	 width: 60%;
	 max-width: 455px;
	 min-width: 455px;
 }
.sectionOne {

}
.sectionTwo {
     margin-left: 5px;
	 background-color: lightgray;
	 background-size: cover;
	 height: 80px;
	 opacity: 0.9;
}
.sectionTwoClear {
	 margin-left: 5px;
	 background-color: transparent;
	 background-size: cover;
	 height: 80px;
	 opacity: 0.9;
	 padding-left: 10px;
}
.sectionTwoImage {
	 margin-left: 5px;  
	 font-size: 20px;
	 background-color: transparent;
	 background-size: cover;
	 border-radius: 10px;
	 height: 80px;
	 opacity: 0.9;
}
.sectionTwoImage img {
    max-width: 100%;
	background-size: cover;
	float: both;
}
.BlueBackGround {
     background-color: #0B74D2;
	 background-size: cover;
	 border-radius: 10px;
	 font-size: 20px;
	 opacity: 0.9;
	 color: whitesmoke;
	 text-align: center;
}
.TanBackGround {
     background-color: tan;
	 background-size: cover;
	 border-radius: 10px;
	 font-size: 20px;
	 opacity: 0.9;
	 color: black;
	 text-align: left;
	 padding-left: 5px;
}
.WhiteBackGround {
     background-color: white;
	 background-size: cover;
	 border-radius: 10px;
	 font-size: 20px;
	 opacity: 0.9;
	 color: black;
	 text-align: left;
	 padding-left: 5px;
}
.SpecialBackGround {
     background-color: lightgray;
	 background-size: cover;
	 border-radius: 10px;
	 font-size: 20px;
	 opacity: 0.9;
	 color: black;
	 text-align: left;
	 padding-left: 5px;
}