html {
    overflow-y: scroll;
}

body {
    position: relative;
    width: 100%;
    min-width: 960px;
    height: 100%;
    padding: 0px;
    margin: auto;
    /*
    background: url('/images/map.png');
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center center;
    */
    background-image: url('/images/background.jpg');
    background-size: cover;
    background-attachment: fixed;
}

#bodywrapper {
    position: relative;
    width: 100%;
    min-width: 960px;
    height: 100%;
    padding: 0px;
    margin: auto;
    background: linear-gradient(to right,rgba(255,255,255,0.65),rgba(255,255,255,0.25),rgba(255,255,255,0.65));
}

#pagewrapper {
    position: relative;
    width: 100%;
    max-width: 1920px;
    min-width: 960px;
    height: 100%;
    padding: 0px;
    margin: auto;
    background-color: rgba(255,255,255,0.7);
}

#header {
    position: relative;
    width: 100%;
    /* height: 120px; */
    padding: 0px;
    /* margin: 0px 0px 10px 0px; */
}

#header-min-login {
    position: relative;
    width: 100%;
    height: 150px;
	background-color: rgba(255,255,255,1);
}

#headerLeft {
    float: left;
    width: 75%;
    background-color: #f8f9fa;
}

#headerRight {
    float: right;
    width: 25%;
    background-color: #f8f9fa;
}

#horizontalNav {
    /* position: absolute; */
    width: 100%;
    bottom: 0px;
    padding: 0px;
    margin: 0px;
    background: linear-gradient(to right, rgba(0,87,184,1),rgba(0,87,184,1),rgba(0,87,184,1),rgba(255, 255, 255,1));
}

#content {
    position: relative;
    min-height: 870px;
    height: auto;
    width: 100%;
}

#content-min {
    position: relative;
    min-height: 870px;
    height: auto;
    width: 100%;
}

#content-min-login {
    position: relative;
    min-height: 870px;
    height: auto;
    width: 100%;
    background: linear-gradient(to right,rgba(255,255,255,0.5),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.5));
    background-size: contain;
    background-repeat: no-repeat;
}

#contentLeft {
    float: left;
    height: 100%;
    padding: 0;
    margin: 0;
    min-width: 150px;
    width: 15%;
    background-color: #f8f9fa;
    border-radius: 0.5em;
}

#contentMiddle {
    float: left;
    width: 67%;
}

#contentRight {
    float: left;
    min-width: 150px;
    width: 15%;
}

@media only screen and (max-width: 1599px){
    #contentLeft {
        display: block;
        float: left;
        width: 20%;
        min-width: 200px;
    }
    
    #contentMiddle {
        float: left;
        width: 60%;
    }
    
    #contentRight {
        display: block;
        float: left;
        width: 20%;
        min-width: 200px;
    }

}

#footer {
    clear: both;
    width: 100%;
    height: 30px;
    background-color: #f8f9fa;
}

.form {
    display: inline;
}