@font-face {
    font-family: 'rhythm';
    src: url('/static/fonts/rhythm.ttf') format('truetype');
    src: url('/static/fonts/rhythm.eot');
    src: url('/static/fonts/rhythm.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/rhythm.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansy';
    src: url('/static/fonts/opensans-italic.eot');
    src: url('/static/fonts/opensans-italic.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opensans-italic.woff2') format('woff2'),
         url('/static/fonts/opensans-italic.woff') format('woff'),
         url('/static/fonts/opensans-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'sansy';
    src: url('/static/fonts/opensans-bold.eot');
    src: url('/static/fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opensans-bold.woff2') format('woff2'),
         url('/static/fonts/opensans-bold.woff') format('woff'),
         url('/static/fonts/opensans-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'sansy';
    src: url('/static/fonts/opensans-bolditalic.eot');
    src: url('/static/fonts/opensans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opensans-bolditalic.woff2') format('woff2'),
         url('/static/fonts/opensans-bolditalic.woff') format('woff'),
         url('/static/fonts/opensans-bolditalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'sansy';
    src: url('/static/fonts/opensans-italic.eot');
    src: url('/static/fonts/opensans-italic.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opensans-italic.woff2') format('woff2'),
         url('/static/fonts/opensans-italic.woff') format('woff'),
         url('/static/fonts/opensans-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'sansy';
    src: url('/static/fonts/opensans-regular.eot');
    src: url('/static/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/opensans-regular.woff2') format('woff2'),
         url('/static/fonts/opensans-regular.woff') format('woff'),
         url('/static/fonts/opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.page_body {
    font-family:  sansy, serif;
    font-size:  13pt;
    color: #111122;
}

.title_bar {
    background-color:  #DDDDFF;
    color: #000000;
    font-family:  Geneva, Helvetica, sans-serif;
    font-size:  10pt;
    font-weight: bold;
}

.title_company_logo {
    display: inline-block;
}

.title_company_name {
    font-family:  rhythm;, sans-serif;
    font-weight: bold;
    font-size: 40pt;
    margin-left: 2em;
    vertical-align: top;
    margin-top: 1em;
    display: inline-block;
}

.title_company_slogan {
    font-family:  rhythm, sans-serif;
    font-size:  14pt;
    display: block;
    color:  #444488;
}

.page_footer {
    font-family:  Geneva, Helvetica, sans-serif;
    color:  #ddddee;
    background-color:  #888877;
    font-size: 10pt;
}

ul.navbar-nav {
    list-style-type:  none;
    margin:  0;
    padding:  0;
    overflow:  hidden;
    background-color: #333333;
    font-size:  14pt;
}
ul.navbar-nav li {
    float: left;
}
ul.navbar-nav li.active {
    float: left;
    font-weight: bold;
    font-size: 16pt;
}

ul.navbar-nav li a {
    display: block;
    color: white;
    text-align: center;
    padding:  14px 16px;
    text-decoration:  none;
    color: white;
}

ul.navbar-nav li a:hover {
    background-color: #111111;