body{
	font-family: Verdana, sans-serif;
}

h1,h3,h5 {
	font-family: Georgia, serif;
}

h2, h4, {
	color: #D86836;
    	font-family: Georgia, serif;
}


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

#header{
	width: 100%;
}

#navigation {
	clear: both;
	padding: 5px 15px;
	margin: 0 -30px;
	list-style-type: none;
	background-color: black;
	color: white;
}

.primarynav {
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
}

.primarynav a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding: 4px;
}

.primarynav a: hover {
	text-decoration: underline;
	background-color: #5B5B5B;
}

#main-content{
width: 80%; float:left;
} 

#secondary-content{

    width: 20%;
    float: left;
    background-color: #D86836;
    color: white;
     position: center;
    font-weight: bold;
    
}

#all-content {
width: 100%;
    padding-top: 20px;
/* could be a pixel width if prefer*/
}

#footer{
	width: 100%;
        clear: both;
	color: #D86836;
}