@font-face {font-family: futura;src: url(/fonts/futura-bold.ttf); font-weight: bold;}
@font-face {font-family: futura;src: url(/fonts/futura-normal.ttf); font-weight: normal;}

@font-face {font-family: gotham;src: url(/fonts/gotham-normal.ttf); font-weight: normal;}
@font-face {font-family: gotham;src: url(/fonts/gotham-bold.ttf); font-weight: bold;}

@font-face {font-family: oswald;src: url(/fonts/oswald-normal.ttf); font-weight: normal;}
@font-face {font-family: oswald;src: url(/fonts/oswald-bold.ttf); font-weight: bold;}

html {
    height: 100%;
    background: linear-gradient(#35537A, #1D2D44);
    font: normal 12pt futura;
}

body{
    margin-top: 0px;
    margin-left: 0px;
}

td {
    font: normal 10pt gotham;
}

textarea{
    font: bold 9pt gotham;
}

.banner{
    width: 100%;
    padding: 20px 0px 20px 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto; 
    background-color: #f9f9f9;
    font: bold 16pt gotham;
}

textarea { 
    padding: 3px;
    margin: 3px;
    font: normal 10pt futura;
    color: #404040;
    text-align: left;
}

input { 
    padding: 3px;
    margin: 3px;
    font: bold 10pt futura;
    color: #404040;
    text-align: center;
}

input[type=submit]{
    font: bold 12pt futura;
}

input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

.starticons { 
    padding: 7px;
    margin: 7px;
    font: bold 11pt gotham;
    color: #414042;
    background-color: #f0f0f0;
    text-align: center;
    width: 200px;
}

.starticons:hover { 
    background-color: #f6921e;
    color: #ffffff;
}