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


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

@font-face {
    font-family: 'LatoLight';
    src: url('/fonts/lato-light.eot');
    src: url('/fonts/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light.woff2') format('woff2'), url('../fonts/lato-light.woff') format('woff'), url('../fonts/lato-light.ttf') format('truetype'), url('../fonts/lato-light.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBold';
    src: url('/fonts/lato-bold.eot');
    src: url('/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold.woff2') format('woff2'), url('../fonts/lato-bold.woff') format('woff'), url('../fonts/lato-bold.ttf') format('truetype'), url('../fonts/lato-bold.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
sup.required {
    color: rgb(200,0,0);
    font-size: 100%;
}

sup.normal {
    color: rgb(50,75,50);
    font-size: 90%;
}

.formHeader {
    font-size: 130%;
    font-family: LatoLight, serif;
    color: rgb(250, 250, 250);
    text-shadow: 1px 1px rgb(40,40,40);
    line-height: 1;
    padding:10px 0 10px 0;
}

.header2 {
    font-size: 120%;
    color: rgb(250, 250, 250);
    text-shadow: 1px 1px rgb(40,40,40);
    line-height: 2;
    text-decoration: none;
}

.header3 {
    font-size: 120%;
    color: rgb(250, 250, 250);
    text-shadow: 1px 1px rgb(40,40,40);
    line-height: 2;
    font-weight: bold;
}

.hr1 {
    background-color: rgba(235, 235, 235, 0.5);
    width: 98%;
    height: 1px;
    border-width: 0;
    margin-left: 0;
}

.hrGreen {
    background-color: green;
    width: 100%;
    height: 2px;
    border-width: 0;
    margin-left: 0;
}