body{
width: 90%;
margin: 0 auto;
background-color: white;
}

#header{
width: 90%;
height:10%; 
margin: 1%;
background-color: white;
margin-top: 0%;
padding-top: 0%;
border: solid black 1px;
background-image:url("../website/images/p208.jpg");
background-size:cover;
background-image:;
background-size: 100%;
}

#nav{
width: 90%;
height:0%; 
margin: 1%;
margin-top: 0%;
background-color: white;
border: solid black 1px;
text-align: left;
}

#np{
width: 90%;
height:0%; 
margin: 1%;
margin-top: 0%;
background-color: white;
border: solid white 1px;
text-align: left;
padding: 1%;
}

#container{
width: 90%;
height:90%; 
padding: 0%;
background-color: white;
margin: 1%;
padding-top: 0%;
border: solid black 1px;
background-size:cover;
}

.box{
height: 50%;
width:80%;
overflow-y: auto;
float:center;
background-color: white;
border-style: solid;
border-color:white;
margin-left: 1%;
padding-left: 0%;
}

li{
display:inline-block;
text-align:left;
margin:1%;
}

h1{
color: lightsalmon;
font-family: helvetica;
text-align:left;
letter-spacing: 0.1em;
font-size:3em;
margin-top: 5%;
margin:1%;
}

h2{
color: black;
font-family: helvetica;
font-size:1em;
text-align: left;
letter-spacing: 0.1em;
}

h3{
color: black;
font-family: helvetica;
font-size:.8em;
text-align: left;
padding-left:0%;
letter-spacing: 0.1em;
}

h4{
color: black;
font-family: helvetica;
font-size:.8em;
text-align: left;
letter-spacing: 0.1em;
padding: 1%;
}

p{
font-color: black;
font-family: helvetica;
font-size:0.5em;
text-align: inherit;
padding:30%;
}

a{
	text-decoration: none;
	color:black;
}


h1:hover {
    background-color: ;
}

h1:active {
    background-color: ;
}

h4:hover {
    background-color: lightgray;
}

h4:active {
    background-color: #4b5a62;
}

li:hover {
    background-color: #fff338;
}

li:active {
    background-color: #4b5a62;
}