@page {
    size: 1780px 960px;
    margin-top: 150px;
    @top {
        /* use the header flow as content */
        content: flow(header);
    }
    @bottom {
        content: "Page " counter(page) " of " counter(pages);
    }
    @bottom-right {
        content: flow(footer);
    }
}

#header {
    /* flow the element to the header */
    flow: static(header);
    font-size: 14px;
}

#footer {
    flow: static(footer);
    text-align: right;
    font-size: 14px;
}

table#header {
    width: 100%;
}

table#header .centeredText {
    text-align: center;
    vertical-align: middle;
}

table#header .rightText {
    text-align: right;
    vertical-align: middle;
}

table#header .logo {
    width: 20%;
    vertical-align: middle;
    text-align: left;
}