html{}
body {
	background-color: #ffffff;
	font-family: arial,helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 30px;
margin-right: 30px;
	margin-left: 30px;
}
header {
background-image: linear-gradient(rgb(153, 187, 255),rgb(51, 153, 102));
width: 100%;
color: #ffffff;
padding: 15px;
}

/* Sets the width for the accordion. Sets the margin to 90px on the top and bottom and auto to the left and right */

.accordion {
  width: 800px;
  margin: 90px auto;
  color: black;
  background-color: white;
  padding: 45px 45px;
}
a{
color:#045403; 
}
a:hover, a:visited:hover {
	color: #a8350c ;
}
a:visited {
	color:  #3b5042;
}

footer {
background-image: linear-gradient(rgb(153, 187, 255),rgb(51, 153, 102));
padding:15px;
width: 100%;
color: #ffffff;
}
h1 {
font-size: 220%;
}
h2 {
font-size: 200%;
}
h3 {
font-size: 150%;
line-height: 80%;
}
h4 {
font-size: 140%;
line-height: 80%;
}
h5 {
font-size: 130%;
line-height: 100%;
}
h6 {
font-size: 120%;
line-height: 80%;
}
dt {
font-weight: 800;
font-size: 120%;
}
dd {
margin-bottom: 15px;
}
sup,sub {
font-size: 80%;
}
li {
margin-top:10px;
margin-bottom: 10px;
}
.viddiv {
width: 60%;
height: auto;
}

@media only screen and (max-width: 800px) and (min-width:481px) {
header img {
float:left;
}

}

@media only screen and (max-width: 480px) and (min-width:300px) {
header img {
float:left;
}

}