body{
    margin: 10px;
    padding: 5px;
}

a, a:visited{
    color: #257;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

.nav{
    margin: 0;
    padding: 0;
}

.nav li{
    list-style-type: none;
    display: inline-block;
    margin: 0 3px;
    padding: 0;
}

.nav li a{
    padding: 0;
    margin: 0;
}

.menuOptions{
    margin: 0;
    padding: 0;
}

.menuOptions li{
    list-style: none;
    display: inline-block;
    min-height: 175px;
    width: 200px;
    border: 2px solid #555;
    box-shadow: 1px 1px 5px #444;
    vertical-align: top;
    border-radius: 10px;
    margin: 10px;
    padding: 3px;
}

.menuOptions li a{
    color: #eee;
    background: #557;
    text-align: center;
    text-decoration: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: block;
    padding: 5px;
}

.menuOptions li a:hover{
    color: #fff;
    background: #668;
}

.menuOptions li p{
    margin: 10px 3px;
    padding: 0;
    word-break: break-word;
}

section{
    background: #eef;
    display: inline-block;
    margin: 0 10px;
    border: 2px solid #444;
    vertical-align: top;
}

#options{
    max-width: calc( 50% - 20px );
}

section p{
    color: #f66;
    word-wrap: break-word;
    margin: 0 10px;
}