<head>
<link rel="stylesheet" type="text/css" href="menu.css">
</head>
<style>
    a:link {
        color: #D8C6B8;
        font-size:120%;
        text-decoration:none;
    }
    
    .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
    
    .wrapper {
        text-align:center;    
    }
    
    .wrapper ul {
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
    
    li {
        display:inline-block;
    }
    
    ul a {
        font-family: 'goudy old style';
        color: #D8C6B8;
        text-decoration:none;
        border: 2px solid #0B9446;
        padding-left: 75px;
        padding-right: 75px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    ul a:hover {
        background-color: #0B9446;
    }

    p {
        background-color:#D8C6B8;
	font-family: 'goudy old style';
        color: #000;
        text-align:center;
	padding-left: 25px;
	padding-right: 25px;
    }
    
    footer {
        background-color:#D8C6B8;
    }

    section {
	background-color:#D8C6B8;
	width:500px;
	height:auto;

</style>