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 solid transparent;
}

.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 ********/
/******** align text left **************************/
.alignleft
{
    text-align: left
}
/***********end align text left ********************/
/*********** 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:link
{
    color: #d03911;
    text-decoration: underline;
    text-shadow: .5px .5px black;
}
div#Footer a:hover
{
    color: #11bcd0;
    text-decoration: underline;
    text-shadow: 1px 1px black;
}
div#Footer a:active
{
    color: red;
    text-decoration: none;
}
div#Footer a:visited
{
    color: #1c5b9e;
    text-shadow: 1px 1px black;
}
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: 100%;  **********************/
    padding-left: 5%;
    padding-right: 5%;
    height: 24%;
}
div#Column1Top a:link
{
    color: #d03911;
    text-decoration: underline;
    text-shadow: 2px 2px 2px black;
}
div#Column1Top a:hover
{
    color: #11bcd0;
}
div#Column1Top a:active
{
    color: red;
}
div#Column1Top a:visited
{
    color: #71aa70;
    text-shadow: 1px 1px black;
}
/********************* end Column1Top **********/
/**********************Column1Bottom *************/
div#Column1Bottom
{
    background-color: #B5D1D9;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 5%;
    padding-right: 5%;
    height: 76%;
    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:link
{
    font-family: sans-serif;
    font-size: 20px;
    color: #b5111c;
    text-decoration: underline;
    text-shadow: 1px 1px 2px black;
}
div#Column1Bottom a:hover
{
    color: #11bcd0;
}
div#Column1Bottom a:active
{
    color: red;
}
div#Column1Bottom a:visited
{
    color: #7bb57b;
    text-shadow: 1px 1px black;
}

div#Column1Bottom img
{
    max-width: 90%;
}
/**************** end Column1Bottom *****************/
/************** Column2 ******************/
div#Column2
{
    width: 68%;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    font-family: Georgia, serif;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    background-image: linear-gradient(to right, #050b0d, #333333, #050b0d);
    }

div#Column2 img
{
    display: block;
    max-height: 85%;
    min-width: 250px;
    max-width: 90%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

div#Column2 a:link
{
    color: #d03911;
    text-decoration: underline;
    text-shadow: 2px 2px 2px black;
}
div#Column2 a:hover
{
    color: #11bcd0;
    /*color: #429ab2;*/
}
div#Column2 a:active
{
    color: red;
}
div#Column2 a:visited
{
    color: #71aa70;
    text-shadow: 1px 1px black;
}

/********************* 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: 90%;
}
/************* end Column1 and Column3 ******************/
/***********Column1Top and Column3 ****************/
div#Column1Top,
div#Column3
{
    background-image: linear-gradient(to right, black, #333333, black);
    letter-spacing: 0px;
    text-align: center;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

div#Column1Top 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#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: #E96B0C;
}

div#Column3 a:hover
{
    color: red;
}

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

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 *****************/