body, h1, h2, h3, h4, h5, h6, address, form, li, ul, img{
        margin: 0;
        padding: 0;
        }
   
        #welcome{
            height: 100px;
            background-position: center;
        }
        #menu{
            min-height: 40px;
            background-color: #999999;
        }
        #main{
            min-height: 400px;
            margin-top: 1%;
            background-color: #efefef;
            padding: 1%;
        }
        #footer{
            min-height: 100px;
            margin-top: 3%;
            background-color: #666699;
        }
        #header, #menu, #main, #footer{
            margin-left: 10%;
            margin-right: 10%;
            box-shadow: 3px 5px 7px #666666;
            border: 1px solid black;
	    border: none;
        }
        #welcome{
            margin-left: 10%;
            margin-right: 10%;
      	    border: none;
        }
        .menu_ul {
            list-style-type: none;
            overflow: hidden;
        }
        .menu_li {
            float: left;
            padding-left: 18px;
            border: none;
            padding-top: 8px;
            padding-bottom: 4px;
        }
        #sub_menu, #content{
            display: inline-block;
        }

        #sub_menu{
            width:24%;
            min-height: 350px;
            background-color: #000000;
            padding: 1%;
            vertical-align: top;
            border: 1px solid;
	    border: none;
        }
        #content{
            width: 100%;
            width: 72%;
            margin-left: 1%;
        }
        .image_left{
            width: 60%;
            float: left;
            margin-right: 2%;
        }
        .clear:after{
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .video{
            position: relative;
            width: 100%;
            height: 0px;
            padding-bottom: 57%;
        }
        .video iframe{
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: black;
        }


        @viewport{
            zoom: 1.0;
            width: extend-to-zoom;
        }
        @-ms-viewport{
            width: extend-to-zoom;
            zoom: 1.0;
        }
        @media screen and (max-width: 600px), sreen\0{
            #header, #menu, #main, #footer{
                margin-left: 1%;
                margin-right: 1%;
            }
            body a{
                font-size: 20px;
                font-weight: bold;
            }
            #sub_menu{
                min-height: initial;
                height: auto;
                font-size: 25px;
                margin-bottom: 2%;
            }
            #content, #sub_menu{
                display: block;
                width: 95%
            }
            .image_left, .image_right{
                float: initial;
                width: 100%;
                margin: 0px;
            }
            /*uncomment to hide the images*/
            /* #content img{
                display: none;
            } */
        }