#wrapper {
            margin: 0 auto;
            max-width: 1000px;
            padding: 0 0.5%;
            box-sizing: border-box;
            width: 100%;
        }

        body {
            width: 100%;
            line-height: 1;
            border: 0 none;
            margin: 0 auto;
            padding: 0;
            vertical-align: baseline;
            background-color: #fff;
            color: #334D64;
            font-family: Verdana;
            font-size: 12px;
            letter-spacing: 0.05em;
        }

            body:before, body:after {
                content: "";
                display: table;
            }

            body:after {
                clear: both;
            }

        #header {
            background-color: #569bcf;
            display: block;
            overflow: hidden;
        }

        nav {
            height: 40px;
            width: 100%;
            background: #334D64;
            font-size: 12pt;
            font-family: Verdana;
            letter-spacing: 0.075em;
            line-height: 23px;
            text-decoration: none;
            position: relative;
            }

            nav ul {
                padding: 0;
                margin: 0 auto;
                width: 600px;
                height: 40px;
            }

            nav li {
                display: inline;
                float: left;
            }

            nav a {
                color: #fff;
                display: inline-block;
                width: 100px;
                text-align: center;
                text-decoration: none;
                line-height: 40px;
                text-shadow: 1px 1px 0px #3c5898;
                font-size: 0.9em;
            }

            nav li a {
                border-right: 1px solid #9ec3df;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }

            nav li:last-child a {
                border-right: 0;
            }

            nav a:hover, nav a:active {
                background-color: #9ec3df;
            }

            nav a#pull {
                display: none;
                }

        .clearfix:before,
        .clearfix:after {
            content: " ";
            display: table;
        }

        .clearfix:after {
            clear: both;
        }

        .clearfix {
            *zoom: 1;
        }

        #wrapper {
            overflow: hidden;
            background-color: white;
        }

        #maincolumn {
            display: inline;
            float: left;
            margin: 3% 1.04167%;
            width: 95%;
            background-color: white;
        }

        a {
            font-family: Verdana;
            font-size: 1em;
            color: #334D64;
            font-weight: normal;
        }

            a.FromTo {
                font-family: Verdana;
                font-size: 12px;
                color: #334D64;
                font-weight: normal;
                line-height: 130%;
            }

            a.Nav {
                font-family: Verdana;
                font-size: 12px;
                color: #334D64;
                font-weight: normal;
                line-height: 100%;
            }

        .Nav {
            font-family: Verdana;
            font-size: 10px;
            color: #334D64;
            font-weight: normal;
            line-height: 100%;
        }

      #top {
            padding: 0.5% 0% 0% 18%;
            max-width: 300px;
        }

        h1 {
            color: #334D64;
            font-family: Verdana;
            font-size: 3.5em;
            font-weight: normal;
            letter-spacing: 0.025em;
            line-height: 52px;
            margin: 0 0;
            text-align: center;
            padding: 0.5em;
        }

        h2 {
            color: #334D64;
            font-family: Verdana;
            font-size: 1.5em;
            text-align: left;
        }
        
        p {
            letter-spacing: 0.05em;
            line-height: 24px;
            color: #334D64;
            font-family: Verdana;
            font-size: 1em;
        }

        .paragraph {
            letter-spacing: 0.05em;
            line-height: 24px;
            color: #334D64;
            font-family: Verdana;
            font-size: 1em;

        }

        img {
            max-width: 100%;
        }

        #contentimage {
            margin: auto;
            display: block;
        }

        #topimage {
            margin-top: 10px;
        }

        input {
            color: #334D64;
            font: 10px Verdana;
        }

        P.search {
            text-align: center;
        }

        .containing-block {
            margin: 1em 0 1em 0;
            width: 100%;
            float: left;
        }


        div.video-holder {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
        }

        iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        footer {
            background: none repeat scroll 0 0 #9ec3df;
            color: #e8e8e8;
            padding: 1em 0;
            clear: both;
        }

            footer > div {
                padding: 1em 0;
                margin: 0 auto;
                max-width: 1000px;
                overflow: hidden;
            }

            footer ul {
                color: #536873;
                list-style: outside none none;
                padding: 0;
            }

            footer li {
                margin: 0;
                padding: 1em;
                width: 15%;
                min-width: 150px;
                display: block;
                font-weight: 800;
                text-align: left;
                white-space: nowrap;
                float: left;
            }

                footer li li {
                    float: none;
                    font-weight: 800;
                    padding: 0;
                }

            footer p {
                float: right;
                font-family: Verdana;
                font-size: 1em;
                letter-spacing: 0.05em;
                line-height: 24px;
                text-align: right;
                padding: 1em;
            }

            footer a {
                color: #fff;
                display: inline-block;
                text-decoration: none;
                line-height: 40px;
                font-size: 14px;
            }


        @media screen and (max-width: 720px) {
            #maincolumn {
                display: inline;
                float: left;
                width: 97.91666666666666%;
                margin: 0 1.0416666666666665%;
                margin-bottom: 1em;
            }
        }

        @media screen and (max-width: 720px) {
            h1 {
                font-size: 1.5em;
            }
            h2 {
                font-size: 1.2em;
            }
        }

        @media screen and (max-width: 720px) {
            p {
                font-size: 1em;
            }

            body {
                font-size: 0.9em;
            }
        }
            @media screen and (max-width: 600px) {
                nav {
                    height: auto;
                }

                    nav ul {
                        width: 100%;
                        display: block;
                        height: auto;
                    }

                    nav li {
                        width: 50%;
                        float: left;
                        position: relative;
                    }

                        nav li a {
                            border-bottom: 1px solid #9ec3df;
                            border-right: 1px solid #9ec3df;
                        }

                    nav a {
                        text-align: left;
                        width: 100%;
                        text-indent: 25px;
                    }
            }

            @media only screen and (max-width : 480px) {
                nav {
                    border-bottom: 0;
                }

                    nav ul {
                        display: none;
                        height: auto;
                    }

                    nav a#pull {
                        display: block;
                        background-color: #9ec3df;
                        width: 100%;
                        position: relative;
                    }

                        nav a#pull:after {
                            content: "";
                            background: url('Images/nav-menu-icon.png') no-repeat;
                            width: 30px;
                            height: 30px;
                            display: inline-block;
                            position: absolute;
                            right: 15px;
                            top: 5px;
                        }
            }

            @media only screen and (max-width : 320px) {
                nav li {
                    display: block;
                    float: none;
                    width: 100%;
                }

                    nav li a {
                        border-bottom: 1px solid #9ec3df;
                    }
            }

@media screen and (max-width: 600px) {
#ad {
    clear: both;
    display: none;
    float: left;
    visibility: hidden;
}
#adr {
    display: block;
}
}

@media screen and (min-width: 601px) {
  #adr { display: none; }
}