html {
background-color: #E78426;
}



body {

margin-top: 3%;
margin-right: 20%;
margin-bottom: 3%;
margin-left: 3%;


background-color: #e4e9c1;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
border: 5px #486ba1 solid;
}


h1 {
background-color: #486ba1;
margin: 0px;
color: #FFFF00;
font-size: 1.8em;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 5px;
padding-top: 5px;
text-align: right;
letter-spacing: 2px;
font-style: italic;
border-bottom: 20px #bdbf8e solid;
}

h2 {
background-color: #486ba1;
color: #e4e9c1;
padding-right: 3px;
padding-left: 3px;
padding-top: .5%;
padding-bottom: .5%;
font-weight: bold;
font-size: 1.6em;
text-align: left;
margin: 0px;
}

h3 {
border-bottom: 2px #486ba1 solid;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
color: #486ba1;
text-align: left;
padding-left: 3px;
}

h4 {
color: #486ba1;
padding-right: 5%;
padding-left: 5%;
font-weight: bold;
text-decoration: underline;
font-size: 1.1em;
font-style: italic;
text-align: left;
}


a:link {
text-decoration: underline;
background-color: inherit;
color: black;
}


a:hover {
background-color: silver;
color: red;
}

a:active {
background-color: inherit;
}

p {
margin-left: 5%;
margin-right: 5%;
margin-top: 2%;
margin-bottom: 2%;
}

blockquote {
background-color: #a8d9f0;
color: #486ba1;
font-style: italic;
margin-right: 6%;
margin-left: 6%;
font-weight: bold;
padding: 5px;
}


table {
border: 1px #486ba1 solid;
display: table;
border-collapse: collapse;
border-spacing: 0px;
background-color: #a8d9f0;
color: #486ba1;
margin-left: 5%;
margin-right: 5%;
width: auto;
}

th {
text-align: left;
background-color: #486ba1;
color: #e4e9c1;
}

td, th {
border: 1px #486ba1 solid;
padding: 5px;
}

li
{
margin-left: 5%;
margin-right: 5%;

}