html, body{
    margin: 0px;
    height: 100%;
}

#nav{
    max-width: 100%;
	height: 3em;
    background: #3b4137;
    border-bottom: 1px solid #fbf6cc;
}

#wrapper{
    margin: 0 auto;
	margin-top: 3%;
    max-width: 80%;
    background: #ffffff;
	
	font-family: "Palatino Linotype", Georgia, "Times New Roman";
    font-size: 18px;
}

#menu-bar{
    margin: 0 auto;
    max-width: 98%;
    height: 100%;
}

#menu-item{
    float: left;
    height: 2.6em;
	padding: 10px 15px 0px;
}

@media screen and (max-width: 955px){
	#menu-item{
		padding: 10px 0px 0px;
	}
}

.menu-logo{
    color: #ffffff;
    font-family: Verdana;
    font-size: 20px;
	text-align: center;
}

.menu-text{
    color: #fbf6cc;
    font-family: Verdana;
    font-size: 13px;
    text-align: center;
}

.menu-text:hover, .menu-current:hover{
    background: #ab4137;
}

.menu-current{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 13px;
    text-align: center;
	background: #000000;
}

#top-cover{
	width: 100%;
	height: 7em;
	background-image: url("../photo.JPG");
    background-repeat: no-repeat;
    background-size: cover;
}

#footer{
	margin: 0 auto;
	padding-bottom: 20px;
    max-width: 80%;
    background: #fffffff;
	margin-top: 3%;
    margin-bottom: 3%;
	
	font-family: Times New Roman;
    font-size: 14px;
	text-align: center;
}

.nowrap{
	white-space: nowrap;
}

@media screen and (max-width: 955px){
    #nav{
        height: 13em;
    }
	
    #menu-item{
        margin: 0 auto;
        width: 100%;
        //height: 11.5%;
		height: 2em;
    }
}