﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #ffffff;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #2d427d;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 0px;
}

.h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}
.h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.nowrap {
    white-space:nowrap;
}

.ctr {text-align:center;}
.lft {text-align:left;}
.rt {text-align:right;}

#panFirst{
    width:300px;
    text-align:left;
    min-height:150px;
    font-size:12pt;
    font-weight:bold;
    position:relative;
    top: 25%;
    transform: translateY(25%); 
}

.min400 {
     min-height:450px;
     height:450px;
}
.min400 table div {
     min-height:450px;
     height:450px;
}

.btn_lrg {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #2d427d;
    font-size: large;
}

.button {
    border: 2px solid #336699;
    color: #FFFFFF;
    background-color: #67B0D3;
    font-size: 1em;
}

a.aLogo {
    width: 320px;
    height: 60px;
    background-image: url("/images/header.jpg");
    background-repeat: no-repeat;
}

@media (max-width: 450px) {
    a.aLogo {
        width: 270px;
        height: 55px;
        background-image: url("/images/header_sm.jpg");
        background-repeat: no-repeat;
    }
}