body{
    font-family: Comic Sans, sans-serif;
    text-align: center;
}

h1, h2, h3, h4{ 
    font-family: Comic Sans, serif;
    text-align: center;
}


h1{ 
font-size: 70px;
    color: forestgreen;
}

h2{
    font-size: 30px;    
}

h3 {
    text-decoration:underline;
    text-align: left;
}

#wrapper { 
    width: 90%;
    margin: 5px auto;
 	padding: 5px 30px;
	border: solid 1px gray;
	border-collapse: collapse;
	color: #5B5B5B;
    align-content: center;
}

#header {
    width: 100%;
    border-bottom: solid 3px green;
}
#navigation {
    width: 15%;
    float: left;
	padding: 5px 15px;
	list-style-type: none;
	background-color: none;
	color: white;
        margin: 1.5em 0;
    border-right: solid 2px green;
    border-collapse: collapse;
    text-align: left;
    font-size: 30px;
    font-family: serif;
   
}

.primarynav {
	display: block;
	padding: 0;
    margin: 0 0 15px 0;
     color: green;
}


img {
    width: 400px;
    height:250px;
    margin-bottom: 30px;
}

a:link, a:visited, a:active {
    color: green;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: underline;
}

p2{
    text-align: left;
    margin-bottom: 2px;
}

#allcontent {
    width:100%;
    margin: 0;
	padding: 0;

}
#maincontent {
    width:55%;
    text-align:left;
	padding: 0 1% 0 0;
	margin: 0;
    float: left;
    background-color: none;
}

#secondarycontent {
    font-style: italic;
    width: 20%;
    float: left;
	margin: 3.5em 0 0 30px;
	padding: 0 1%;
	background-color: green;
	color: white;
}

#footer {
    width: 100%;
    color:green;
    text-align:left;
    float:left;
    padding: 0;
    margin: -30 0 0 0;
    background-color: none;
}

#contactcontent {
    width: 50%; 
    text-align:left;
    	padding: 0 1% 0 30;
    float: left;
    background-color: none;
}
input { 
margin: 0 0 20px 0;
}