html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
body {
    font: 62.5%/1.8em Arial,Helvetica,sans-serif;
    margin: 0;
    overflow-y: scroll;
}

a {
    color: #093d93 !important;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
abbr[title] {
    border-bottom: 1px dotted;
}

svg:not(:root) {
    overflow: hidden;
}
article, aside, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas  {
    display: inline-block;
}

article p {
    margin: 0;
}
mark {
    background: #d6f0fc;
}

@font-face
{
	font-family: 'TeutonNormal';
	src: url("/pssd-war/javax.faces.resource/teutonnormal-webfont.eot.xhtml?ln=fonts");
	src: url("/pssd-war/javax.faces.resource/teutonnormal-webfont.eot.xhtml?ln=fonts?#iefix") format('embedded-opentype'),
            url("/pssd-war/javax.faces.resource/teutonnormal-webfont.woff.xhtml?ln=fonts") format('woff'),
            url("/pssd-war/javax.faces.resource/teutonnormal-webfont.ttf.xhtml?ln=fonts") format('truetype'),
            url("/pssd-war/javax.faces.resource/teutonnormal-webfont.svg.xhtml?ln=fonts#TeutonNormal") format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'TeutonNormal';
	src: url("/pssd-war/javax.faces.resource/teutonnormalbold-webfont.eot.xhtml?ln=fonts");
	src: url("/pssd-war/javax.faces.resource/teutonnormalbold-webfont.eot.xhtml?ln=fonts?#iefix") format('embedded-opentype'),
             url("/pssd-war/javax.faces.resource/teutonnormalbold-webfont.woff.xhtml?ln=fonts") format('woff'),
             url("/pssd-war/javax.faces.resource/teutonnormalbold-webfont.ttf.xhtml?ln=fonts") format('truetype'),
             url("/pssd-war/javax.faces.resource/teutonnormalbold-webfont.svg.xhtml?ln=fonts#TeutonNormalNormalBold") format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: TeutonNormal;
    src: url("/pssd-war/javax.faces.resource/teutonnormal-webfont.eot.xhtml?ln=fonts");
}

@font-face {
    font-family: TeutonNormal;
    src: url("/pssd-war/javax.faces.resource/teutonnormal-webfont.ttf.xhtml?ln=fonts");
}

h1, h2, h3, h4, #logo .title, #primaryNav, #footerNav {
    font-family: TeutonNormal,Arial,Helvetica,sans-serif;
}


@media print {
    @page {
        width: 100%;
        margin: 2.2cm 1.5cm;
        -webkit-transform: scale(100);
    }
    * {
        position: static !important;
    }
    body, .overlay small {
        font-size: 9pt;
        line-height: 1.3em;
    }
    h1, h2, h3, h4 {
        page-break-after: avoid;
        clear: left;
        line-height: 1.1em;
        margin: 0;
        padding: 0;
    }
    h1 {
        font-size: 22pt;
    }
    h2 {
        font-size: 19pt;
        margin-bottom: 0.25cm;
        padding-top: 0.35cm;
    }
    h3 {
        font-size: 16pt;
        margin-bottom: 0.2cm;
        padding-top: 0.25cm;
    }
    h4 {
        font-size: 13pt;
    }
    img {
        margin-bottom: 0.2cm;
    }

    #logo {
        margin-bottom: 9pt;
    }
    #logo img {
        width: 2.12cm;
        height: 2.54cm;
        float: left;
        margin-right: 9pt;
    }
    #logo a {
        color: #000;
    }
    #logo a .title {
        clear: none;
        padding-top: 12pt;
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
    }
    #logo a .title span {
        display: block;
        color: #555;
        font-weight: normal;
        font-size: 0.9em;
        padding-top: 9pt;
    }
    #header {
        border-bottom: 2pt solid #009dea;
        padding-bottom: 9pt;
        margin-bottom: 9pt;
        overflow: hidden;
    }
    #header h1 {
        padding-top: 0.5cm;
        margin-bottom: 0;
    }

     #headerNav, #primaryNav, #footerNav, #legalNav, #socialNetworks, #creativeCommons, #siteNav {
        display: none;
    }
    #contact {
        border-top: 2pt solid #ccc;
        padding-top: 9pt;
        margin-top: 9pt;
        overflow: hidden;
    }
    #contact .footerCol {
        float: left;
        margin: 0;
        padding: 0;
        width: 33.33%;
    }
    #contact .footerCol p {
        margin: 0;
    }
    #remains {
        border-top: 2pt solid #009dea;
        padding-top: 9pt;
        margin-top: 9pt;
    }
}

@media screen, projection {
    h1 {
        font-size: 3.4em;
        margin: 0 0 0.6em;
        padding-top: 0.3em;
    }
    h2 {
        font-size: 2.8em;
        margin: 0 0 0.8em;
        padding-top: 0.4em;
        letter-spacing: 0;
    }
    h3 {
        font-size: 1.8em;
    }
    h4 {
        font-size: 1.6em;
        margin: 0 0 0.7em;
        padding-top: 0.7em;
    }

    p, td {
        font-size: 1.2em;
    }

    a:hover, a:focus, a:active {
        text-decoration: none;
    }

    form {
        margin: 0;
        background-color: #F7F7F7;
        padding: 20px;
    }
    .menuForm {
        margin: 0;
        background-color: white;
        padding: 0;
    }


    label {
        cursor: pointer;
    }
    optgroup {
        color: #000;
        font-style: normal;
        font-weight: normal;
    }

    .icon {
        background: url("/pssd-war/javax.faces.resource/images/icon-sprite.png.xhtml") no-repeat left top;
    }
    #contact .icon, #socialNetworks .icon a, #creativeCommons a {
        background: url("/pssd-war/javax.faces.resource/images/footer-sprite.png.xhtml") no-repeat left top;
    }
    #contact .iconPDF {
        background: url("/pssd-war/javax.faces.resource/images/pdficon_large.png.xhtml") no-repeat left top;
        background-position: 20px 10px;
    }

    #header, #main, #footer {
        width: 1230px;
        margin: 0 auto;
        clear: both;
    }
    #header {
        padding-top: 14px;
        position: relative;
        min-height: 9.05em;
    }
    #logo {
        float: left;
    }
    #logo a {
        display: block;
        min-height: 60px;
        padding: 15px 0 2px 78px;
        color: black;
        text-decoration: none;
    }
    #logo .title {
        margin: 0;
        font-size: 2em;
        line-height: 1.1em;
    }
    #logo .title span {
        display: block;
        color: #6b6b6b;
        font-weight: normal;
        font-size: 0.9em;
    }
    #headerNav {
        float: right;
    }
    #headerNav li, #footerNav li {
        font-size: 1.4em;
        line-height: 1em;
        text-transform: uppercase;
    }
    #headerNav a, #footerNav a {
        color: #000;
    }
    #headerNav ul {
        float: left;
        margin: 0 0 1px;
    }
    #headerNav li {
        font-size: 1.2em;
        list-style: none;
        display: inline;
    }
    #headerNav a, #footerNav a {
        text-decoration: none;
    }
    #headerNav a:hover, #headerNav a:focus, #footerNav a:hover, #footerNav a:focus {
        text-decoration: underline;
    }

    #headerNav a, #headerNav span {
        position: relative;
        top: 1px;
    }

    #content {
        float: right;
        width: 80%;
    }
    #content h1 {
        line-height: 1.1em;
        margin: 0;
        padding: 0 0 0.5em;
    }

    #primaryNav {
        float: left;
        padding-top: 18px;
        width: 20%;
    }

    #footer {
        margin-bottom: 40px;
        padding-top: 10px;
    }
    #footer ul {
        list-style: none;
        padding: 0;
    }
    #footer li {
        font-size: 1.2em;
        list-style: none;
    }
    #contact {
        padding-top: 15px;
        margin-bottom: 15px;
        clear: left;
        float: left;
    }
    #contact .footerCol {
        float: left;
    }
    #contact div p, #contact ul, #remains ul {
        margin: 0;
    }
    #contact div {
        padding: 8px 0 0 55px;
    }
    #contact ul {
        padding: 8px 0 0 75px;
        margin-left: 20px;
        border-left: 1px solid #e5e5e5;
        min-height: 6.5em;
    }
    #contact strong {
        font-weight: normal;
    }
    #contact abbr {
        border: none;
    }
    #contact .address {
        background-position: 8px -100px;
    }
    #contact .phone {
        background-position: 20px -200px;
    }
    #contact .company {
        background-position: 20px -300px;
    }
    #remains, #creativeCommons {
        clear: both;
    }
    #footerNav nav, #remains nav {
        float: right;
    }
    #footerNav nav {
        position: relative;
        top: 1em;
    }
    #remains #legalNav, #footerNav ul, #footerNav li, #remains li, #copyright {
        float: left;
    }
    #footerNav ul {
        margin: 15px 0;
    }

    #remains {
        padding: 0.9em 1.5em;
        border: 1px solid #e5e5e5;
        overflow: hidden;
    }
    #legalNav {
        clear: left;
    }
    #legalNav li {
        font-size: 1.2em;
        margin-right: 2.5em;
    }
    #socialNetworks {
        position: relative;
        top: -0.9em;
    }
    #creativeCommons {
        margin: 10px 0 0 0;
    }
    #socialNetworks a, #creativeCommons a {
        height: 20px;
        text-indent: -999em;
        display: block;
        overflow: hidden;
    }
    #socialNetworks a {
        margin-left: 15px;
    }
    #socialNetworks .facebook a {
        background-position: left top;
        width: 69px;
    }
    #socialNetworks .googlePlus a {
        background-position: left -20px;
        width: 55px;
    }
    #socialNetworks .youtube a {
        background-position: left -40px;
        width: 56px;
    }
    #socialNetworks .twitter a {
        background-position: left -60px;
        width: 42px;
    }
    #creativeCommons a {
        background-position: left -80px;
        width: 59px;
    }
    #socialNetworks .icon, #creativeCommons.icon {
        background: none;
    }

    section.calendar {
        position: relative;
    }


}
@media screen and (max-width:1230px) {
    body {
        min-width: 985px;
    }
    #header, #main, #footer {
        width: 965px;
    }
}