Div Vertical Align

Probably one of the most asked questions out there and I've tried several things, with no luck...

Here is a test link for review: http://lifetabernacleaustin.matthewgideon.com/en/welcome/

Basically the header consists of the navigation on the left, which is a fixed width and a column on the right containing text. The right column fills in the rest of the space and the text is centered in that div. The div has a fixed height, but I can not center the text vertically. Line Hight will not work, since the amount of text will be random. Table Cell also does not seem to work, since the width of the right column would be whatever is the remaining space on the right.

Solution

Works with table-cell with the following CSS definitions:

#scripture {
    /* your code */
    margin: 0 auto;
    display: table;
}

#scripture p {
    /* your code */
    display: table-cell;
    vertical-align: middle;
}