.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#topbannerback {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 115px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(221, 218, 218);
    background-image:url("img/woodback.jpg");
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box2 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#box4 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 25px;
    clear: none;
    width: 1200px;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#mapboxtop {
    float: none;
    height: 0px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#Box {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#box5 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 45px;
    clear: none;
    width: 1200px;
    margin-right: 0%;
    display: block;
    background-color: rgb(255, 255, 255);
}

#Box1 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#box10 {
    float: none;
    height: 15px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100.000001%;
    margin-right: auto;
    display: block;
}

#map {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#type {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#top {
    float: left;
    height: auto;
    clear: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0%;
    bottom: auto;
    display: block;
    background-color: rgb(255, 255, 255);
    z-index: 123456;
}

#topcontent {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 1200px;
    margin-right: auto;
}

#top_left {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 354.28125px;
}

#image {
    float: left;
    width: 101px;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    max-width: 100%;
}

#image1 {
    float: left;
    width: 245.984375px;
    max-width: 100%;
    height: auto;
    margin-left: 7.2996875px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
}

#top_right {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 305px;
    margin-right: 0%;
}

#image2 {
    float: left;
    width: 40px;
    max-width: 100%;
    height: auto;
    margin: 5px 5px 2px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image3 {
    float: left;
    width: 125px;
    max-width: 100%;
    height: auto;
    margin: 5px 5px 2px 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#image4 {
    float: left;
    width: 125px;
    max-width: 100%;
    height: auto;
    margin: 5px 0px 2px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#box {
    float: none;
    height: 17px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

#box1 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    background-color: rgb(149, 130, 77);
}

#menu {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 480px;
    margin-right: auto;
}

#text {
    float: none;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(128, 128, 128);
    display: block;
}

#text1 {
    float: none;
    font-size: 30px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    font-family: 'times new roman';
    color: rgb(149, 130, 77);
    display: block;
}

#box6 {
    float: none;
    height: 20px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    display: block;
}

#box7 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100.000002%;
    margin-right: auto;
    display: block;
}

#box8 {
    float: none;
    height: 5px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 125px;
    margin-right: auto;
    background-color: rgb(222, 222, 222);
}

#box9 {
    float: none;
    height: 20px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100.000002%;
    margin-right: auto;
    display: block;
}

#topbannerfade {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    display: block;
    background-image:url("img/woodback2.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box3 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 35px;
    clear: none;
    width: 1200px;
    margin-right: auto;
}

#image5 {
    float: none;
    width: 240px;
    max-width: 100%;
    height: 105px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
    display: block;
}

#about {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
}

@media only screen and (max-width: 1200px) {
    #box4 {
        width: 90%;
        margin-top: 25px;
    }

    #box5 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #map {
        width: 90%;
    }

    #Box1 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #topcontent {
        width: 90%;
    }

    #top_left {
        margin-left: 0%;
        margin-right: 0px;
        float: none;
        clear: none;
    }

    #top_right {
        margin-right: 0%;
        margin-top: -36px;
        clear: none;
    }

    #menu {
        width: 500px;
    }

    #topbannerfade {
        background-image:url("img/woodback2%203.jpg");
        background-attachment: fixed;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
    }

    #box3 {
        width: 90%;
    }

    #image5 {
        width: 250px;
    }

    #box10 {
        height: 0px;
    }
	
	#output li{
	margin: 10px 0;
}
}

@media only screen and (max-width: 500px) {
	
	  #search_btn {
	width: 45% !important;
	  margin: 11px!important;
  }
  .search_container{
	  text-align:center;
  }

.highlight_word{
	background-color:yellow;
	margin: 15px;
	padding: 3px;
}
	
	
    #topbannerback {
        margin-top: 0px;
    }

    #box4 {
        margin-top: 0px;
    }

    #mapboxtop {
        height: 50px;
    }

    #Box {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
        margin-top: 0px;
    }

    #box5 {
        margin-top: 0px;
    }

    #Box1 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 100%;
        margin-top: 50px;
    }

    #topcontent {
        margin-top: 0px;
    }

    #top_left {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        width: 78.729167%;
    }

    #image {
        width: 28.508424%;
        height: 0px;
    }

    #image1 {
        width: 69.431948%;
        margin: 0px;
        height: 0px;
    }

    #top_right {
        visibility: hidden;
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        width: 49.468749%;
    }

    #image2 {
        margin: 0px;
        height: 0px;
    }

    #image3 {
        margin: 0px auto;
        float: none;
        clear: none;
        width: 44.921738%;
        height: 0px;
    }

    #image4 {
        margin: 0px auto;
        float: none;
        clear: none;
        width: 44.921738%;
        height: 0px;
    }

    #box {
        height: 0px;
    }

    #menu {
        width: 100%;
    }

    #box10 {
        height: 25px;
    }

    #box3 {
        margin-top: 75px;
    }

    #image5 {
        width: 75%;
        height: auto;
    }
}