Content-type: text/css

/****** do not remove the empty body{} it will break Header *******/		  
body
{
}

/********* FILE STRUCTURE ********************/
/**************   classes ********************/
/********** div   Header *********************/
/********** div   Footer *********************/
/********* divs   Header and Footer **********/
/********** div   Column1 ********************/
/********** div   Column1Top *****************/
/********** div   Column1Bottom **************/
/********** div   Column2 ********************/
/********** div   Column3 ********************/
/********* divs   Column1 and Column3 ********/
/********* divs   Column1Top and Column3 *****/
/* 11111111111111111111111111111111111111111 */
/* 11111111111111111111111111111111111111111 */

/************* Classes **********************/

/************ all 3 columns***********/
.column
{
    float: left;
    overflow-y: auto;
    height: 88%;
}

.column  img:hover
{
    border:1px #164E55 solid;
}

.column strong
{
    color: #EECE8F;
}

/************ end all 3 columns ***********/
/********* vertically center images ***********/
.verticalcenter
{
    display: flex;
    justify-content: center;
    align-items: center;
}
/*********** end vertically center images *********/
/*********** bullet image for ul in Footer *******/
.microbullet
{
    list-style-image: url('images/micro_bullet.png');
}
/******** end bullet image for ul in Footer ********/
/*********** Column1Top menu location text *********/
.column HereMenu
{
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #F9DBAB;
}
/********* end Column1Top menu location text *******/
/* this eliminates a black line at bottom of page */
.row:after
{
    content: "";
    display: table;
    clear: both;
}
/* end .row:after ***************************/
/************* Padding **********************/
.padding
{
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 0;
}
/********* end padding **********************/

/************* Header ***********************/
div#Header
{
    height: 5%;
    vertical-align: middle;
    font-family: Georgia, serif;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color: #000000;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 15px;
}

div#Header img
{
    width: 100%;
    float: right;
}
/**************** end Header ************/
/**************** Footer **************/
div#Footer
{
    height: 7%;
    clear: both;
    border: none;
    padding-top: 0px;
    padding-left: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    color: #000000;
    text-decoration: none;
    overflow: auto;
}

div#Footer a:hover
{
    color: #134378;
    text-decoration: underline;
}

div#Footer a:active
{
    text-decoration: none;
}

div#Footer a:visited
{
    color: #0F2D4D;
}

div#Footer ul
{
    display: inline-block; text-align: left;
}
/**************** end Footer **************/
/************************* Header and Footer **************************/
div#Header,
div#Footer
{
    background-image: linear-gradient( #FFFFFF, #B4B2B2, #4E4E5A);
    text-align: center;
}

div#Header a,
div#Footer a
{
    color: #136378;
    text-decoration: underline;
}
/*********** end Header and Footer ********************/
/*********** Column1 *********************/
div#Column1
{
    width: 16%;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0px 0px;
}
/***************** end Column1 ********************/
/*****************Column1Top ******************/
div#Column1Top
{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    height: 23%;
}
/********************* end Column1Top **********/
/**********************Column1Bottom *************/
div#Column1Bottom
{
    background-color: #B5D1D9;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    height: 77%;
    letter-spacing: 0px;
    text-align: center;
    font-size: 16px;
    font-family: Georgia-serif;
    font-weight: bold;
    font-style: italic;
    font-variant: small-caps;
    text-decoration: none;
    color: #000000;
    overflow: auto;
}

div#Column1Bottom a
{
    font-weight: bold;
    color: #A158CB;
}

div#Column1Bottom a:hover
{
    color: #973954;
}

div#Column1Bottom a:visited
{
    color: #2f62ad;
}
/**************** end Column1Bottom *****************/
/************** Column2 ******************/
div#Column2
{
    width: 68%;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    background-image: linear-gradient(to right, black, #361108, black);
    }

div#Column2 img
{
    display: block;
    max-height: 85%;
    min-width: 250px;
    max-width: 90%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
/*    border: 1px solid #0F5E6F; */
    border-radius: 5%;
}

div#Column2 a:hover
{
}

div#Column2 a:active,
{
}

div#Column2 a:visited,
{
}
/********************* end Column2 *******************/
/********************* Column3 ***************/
div#Column3
{
    width: 16%;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right:auto;
    overflow-y: auto;
}

div#Column3 a
{
    font-size: 12px;
}

/****************** end Column3 *******************/
/***************** Column1 and Column3 *************/
div#Column1,
div#Column3
{
    padding-left: 0%;
    padding-right: 0%;
}

div#Column1 img,
div#Column3 img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
/************* end Column1 and Column3 ******************/
/***********Column1Top and Column3 ****************/
div#Column1Top,
div#Column3
{
    background-color: #333333;
    letter-spacing: 0px;
    text-align: center;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

div#Column1Top a,
div#Column3 a
{
    letter-spacing: 0px;
    text-align: center;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: none;
    color: #FFFFFF;
}

div#Column1Top a:hover,
div#Column3 a:hover
{
    color: #DD8F9F;
}

div#Column1Top a:active,
div#Column3 a:active
{
    border-color: purple;
    border: dotted 1px;
}

div#Column1Top a:visited,
div#Column3 a:visited
{
    color: #A2C5CF;
}
/*********** end Column1Top and Column3 ********/
/**************** FAQ *************************/
dl
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    height: auto;
    line-height: 1.5em;
    font-style: normal;
    left: 1em;
    margin-left: 1em;
}
dd
{
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: #000000;
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    height: auto;
    line-height: 1.2em;
    font-style: normal;
    left: 1em;
    margin-left: 2em;
}
dt
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000000;
    letter-spacing: normal;
    text-align: left;
    word-spacing: normal;
    height: auto;
    line-height: normal;
    font-style: normal;
    left: 1em;
    margin-left: 1em;
    font-weight: bold;
    margin-top: 1em;
    text-decoration: underline;
}
/************* end FAQ *******************/
/************ end style_01.css *****************/