html{
    background-color: #fcfcfc;
}
body{
    margin: 1% auto% 5% auto%;
}
div{
    margin: 0em;
}
.header{
    width: 40em;
    height: 5em;
    border-radius: 2.2em;
    border: .2em #000000 solid;
    position:relative;
    margin: 0em auto;
}
.title{
    text-align: center;
    font: bold 3em arial;
    margin: 0em;
}
.menu{
    display: block;
    position: absolute;
    bottom: 0em;
    margin-left: 2.3em;
}
.menu li{
    list-style-type: none;
    text-align: center;
    float: left;
    width: 7.2em;
    height: 1.3em;
    font: 1.2em;
    border: .2em #000000 solid;
    border-radius: 1em 1em 0em 0em;
    border-bottom: none;
    padding:0em;
    padding-top: .25em;
    background-color: #f0f0f0;
}
.menu a{
    text-decoration: none;
    color: #000000;
}
.menu li:hover{
    background-color: #fcfcfc;
    color: #000000;
    border-color: #d0d0d0;
}
.body{
    font: 1em;
    width: 38em;
    height: auto;
    border-radius: 2.2em;
    border: .2em #000000 solid;
    position:relative;
    top: 2em;
    padding: 1em;
    margin: 0% auto 5% auto;
}
ul#contact li{
    padding: .15em;
}

#contact a{
    text-decoration: none;
    color: #000000;
}
.footer{
    text-align: center;
    height: 1em;
    position: absolute;
    bottom: 0em;
}
h3{
    border-bottom: .1em #000000 solid;
    display: inline;
    font-variant: small-caps:
}