div.header {
    background-color: #0050a0;
    color:            white;
    margin:           0;
    padding-top:      8px;
    padding-bottom:   8px;
}

div.headerContent {
    max-width: 48rem;
    margin:    0 auto;  
    padding:   8px;
}

div.headerContent > img {
    width:          128px;
    height:         128px;
    display:        inline-block;
    vertical-align: top;
    margin-left:    8px;
}

div.headerBody {
    height:         128px;
    display:        inline-block;
    vertical-align: top;    
    padding-left:   16px;
}

div.titles {
    height:      90px;    
    margin:      0;
    padding-top: 6px;
}

div.title {
    font-size:      36px;
    font-weight:    bold;
    line-height:    1;
    margin-bottom:  0;
    padding-bottom: 0;
}

div.subtitle {
    font-size:   18px;
    line-height: 1;
    padding-top: 0;
}

div.menu {
    padding-bottom:  6px;
    font-size:    18px;
    word-spacing: 0;
}

div.menu a {
    display:         inline-block;
    vertical-align:  bottom;
    color:           white;
    border-left:     1px solid white;
    line-height:     1;
    margin:          0;    
    padding-left:    8px;
    padding-right:   8px;
    padding-top:     4px;
    padding-bottom:  4px;
    text-decoration: none;
    height:          100%;
}

div.menu a:first-child {
    border:  none;
    padding-left: 0px;
}

div.menu a:hover {
    text-decoration: underline;
}

div.menu img {
    display:        inline-block;
    height:         1em;
    vertical-align: text-bottom;
}

div.buttons {
    text-align: center;
}

div.buttons a {
    display:          inline-block;
    color:            white;
    background-color: #0050a0;
    border-radius:    8px;
    padding-left:     16px;
    padding-right:    16px;
    padding-top:      8px;
    padding-bottom:   8px;
    text-decoration:  none;
}

div.headerContent {
  max-width: 48rem;
  margin: 0 auto;  
}