div.paragraph{
    margin-top:10px;
    margin-bottom:15px;
}

div.paragraph table{
    width:90%;
    text-align:center;
}
div.paragraph table tr td.para_left{
    width:20%;
}
div.paragraph table tr td.para_right{
    width:10%;
}
div.paragraph table tr td.para_title{
    word-wrap: break-word;
    white-space: pre-wrap;
    background-color:transparent;
    border:none;
    font-weight: bold;
    color: #00008B;
    padding-left: 5px;
    width:70%;
    text-align:left;
}

div.paragraph table tr td pre.contents{
    word-wrap: break-word;
    white-space: pre-wrap;
    background-color:transparent;
    border:none;
    text-align:left;
}
button{
    width:40%;
}

@media screen and (max-width: 400px) {
    div.paragraph table tr td.para_left{
        width:10%;
    }
    div.paragraph table tr td.para_right{
        width:5%;
    }
    div.paragraph table tr td.para_title{
        width:85%;
    }
}

#gNav input.btn {
    white-space: pre-wrap;
}