/*--------------------------------------- General Styles ---------------------------------------*/


body {
background-color: rgb(15,30,50);
}

h1   {
       color: linen; 
       font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
       text-align: center;
}

ul.leaf {
list-style-image: url("bullet_wave.jpg")
}

.main_para {
       width: 960px;
       margin: auto;
       text-align:left;color: linen; 
       font-family: Arial, Calibri, sans-serif;
       list-style-image: url("bullet_wave.jpg")
}

.cent_para {
       width: 960px;
       margin: auto;
       text-align:center;color: linen; 
       font-family: Arial, Calibri, sans-serif;
       list-style-image: url("bullet_wave.jpg")
}

/*--------------------------------------- General Styles ---------------------------------------*/


/*-------------------------- Define Navigation Menu Properties ------------------------*/

#nav_menu {
    list-style-type: none;             /* defines attributes for the list that makes up the nav menu */
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(15,30,50);
    text-align: center;
}

.nav_list {
      display: inline
}

li a {
      display: inline-block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
}

li a.active {
     background-color: rgb(65,80,100);
}

/* Change the link color on hover */

li a:hover {

    background-color: red /*(rgb(65,80,100)*/;
}
/*-------------------------- Define Navigation Menu Properties ------------------------*/

/*---------------------------- Define Home Page Top Images Array Display ------------------------*/


.home_images_array {
                       margin: auto;
                       width: 100%;
                       height: 240px;
                       text-align:center;
}

.home_image {
                text-align:center;
                margin: auto;
                width: 100%;
                height: 240px;
                
}

/*---------------------------- Define Home Page Top Images Array Display ------------------------*/

/*-------------------------------------- Define Contact Page ------------------------------------*/


.contact_link_div {
                text-align:center;
                margin: auto;
                width: 100%;
                height: 40px;
                
}


.contact {

color: linen; 
font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
font-size: 25px;
text-align: center;

        background-color: rgb(65,80,100);
                padding: 14px 25px;
        
        text-decoration: none;
        height: 40px;

}

a:hover {

    background-color: red /*(rgb(65,80,100)*/;

   }

.lg_cent_text {
color: linen; 
font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
font-size: 25px;
text-align: center;
}

/*-------------------------------------- Define Contact Page ------------------------------------*/

/* -------------------------------- Alternate Contact Page w/ TTY -------------------------------*/

.contact_tty_div {
                text-align:center;
                margin: auto;
                width: 600px;
                height: 820px;
                background-image: url("ttybw.jpg");
}

.contact_tty {

       color: white; 
       font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
font-weight: bold;       
font-size: 28px;
padding: 14px 16px;
       position: relative;
       left: -35px;
       top: 140px;
       text-align: center;
       text-decoration: none;
}

.contact_tel {

       color: black; 
       font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
font-weight: bold;       
font-size: 28px;
padding: 14px 16px;
       position: relative;
       left: -120px;
       top: 380px;
       text-align: center;
       text-decoration: none;
}


.rotate_div{                                            /* Rotate div */
       -ms-transform: rotate(3deg);                     /* IE 9 */
       -webkit-transform: rotate(3deg);                 /* Chrome, Safari, Opera */
       transform: rotate(3deg);
}


a:hover {

    background-color: red /*(rgb(65,80,100)*/;

   }

.lg_cent_text {
color: linen; 
font-family: "BankGothic MD BT", Arial, Calibri, sans-serif;
font-size: 25px;
text-align: center;
}

/* -------------------------------- Alternate Contact Page w/ TTY -------------------------------*/