/*Fonts*/
/*.FranklinGothicURW-Med {
    font-family: 'FranklinGothicURW-Med',Helvetica,Arial,Sans-Serif;
    font-weight: 400;
    font-style: normal
}*/

.FranklinGothicURW-Dem {
    font-family:'Franklin Gothic Book' ,Helvetica,Arial,Sans-Serif;
    font-weight: 400;
    font-style: normal
}

a {
    color: #69a323;
    text-decoration: none;
    font-family:  'Franklin Gothic',Helvetica,Arial,Sans-Serif;
    font-weight:bold;
}



body {
    margin: 0px;
    background-color: #FFFFFF;
    font-size:16px;
      padding: 0px;
            
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
  body {
    font-size:14px;          
}

}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 700px) and (orientation: landscape) {
    /* some CSS here */
     body {
    font-size:13px;          
}

}




    table {
        border-spacing: 0;
        padding: 0px;
        margin: 0px;
        border-collapse: collapse;
    }

    img.logo {
        /*text-align:left;
    width:90%;
      min-width: 100px;*/
        width: 314px;
    }
    /* #### Mobile Phones Portrait #### */
    @media screen and (max-device-width: 480px) and (orientation: portrait) {
        /* some CSS here */
          img.logo {
              width: 250px;
    }
    }

    /* #### Mobile Phones Landscape #### */
    @media screen and (max-device-width: 700px) and (orientation: landscape) {
        /* some CSS here */
            img.logo {
              width: 250px;
    }

    }



    /*html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;


}*/


    body, p, li, input {
        font-family:  'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif;
    }



    a:hover, a:focus, a:active {
        color: #016a3a;
        text-decoration: underline;
    }

    a:visited {
        color: #016a3a;
        text-decoration: none;
        
    }

    ul {
        line-height: 140%; /*was 175*/
        margin-left: 20px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
    }
  

    /* #### Mobile Phones Landscape #### */
    @media screen and (max-device-width: 700px) and (orientation: landscape) {
        /* some CSS here */

    }









h1, h2, h3, h4, h5, h6 {
    font-family:  'Franklin Gothic',Helvetica,Arial,Sans-Serif;
    font-style: normal
}

    h1, h2, h3, h4, h5, h6 {
        color: #4d4d4d;
    }


    h1 {
        font-size: 120%;
        font-weight: 400;
        text-transform: uppercase;
    }

    h2 {
        font-size: 140%;
        font-weight: 600;
        color: white;

    }


    h3 {
        font-size: 125%;
    }

    h4 {
        font-size: 112%;
        margin-top: 1.2em;
        font-weight:600;

    }

    .highlightblue {
        color: #015779;
    }

    .footer {
        font-size: 80%;
        margin: 0.2em;
    }

    .myGuideLogo {
        width:200px
    }
    /* #### Mobile Phones Portrait #### */
    @media screen and (max-device-width: 480px)  {
        /* some CSS here */
              .myGuideLogo  {
             /*width: 146px;
        height: 50px;*/
             width: 200px;
    }

    }

    /* #### Mobile Phones Landscape #### */
    @media screen and (max-device-width: 700px) and (orientation: landscape) {
        /* some CSS here */

    }


    .classWithPad { margin:10px; padding:10px; }