#wrapper {
    min-height: 100%;
}

header {
    background: #fff;
    min-width: 1012px;
    margin-bottom: .5em;
    /*margin-bottom: 1.5em;*/
}

#login-nav {
    border-bottom: 1px solid #bcd0dd;
    width: 100%;
}

    @media all and (max-width: 1180px) { /* moves the login links out of the way of the peel away at smaller screen sizes */
        #login-nav .container {
            padding-right: 7em;
        }
    }

    #login-nav ul {
        padding: .3em 0;
        /*padding: .5em 0;*/
        margin: 0 0 0 2em;
        float: right;
    }

    #login-nav li {
        float: left;
        text-align: right;
        padding: 0 .5em;
        font-size: .85em;
        font-weight: 400;
    }

    #login-nav a {
        font-weight: 300;
    }

#banner {
    padding: .2em 0;
    /*padding: .5em 0;*/
}

    #logo {
        float: left;
    }

    #header-ad {
        float: right;
    }

#searchbar {
    background: #81a6d9 url(/images/images-2014/biospace-molecules.jpg) repeat-x;
    min-width: 1012px;
    height: 140px;
    /*height: 170px;*/
    padding: 2px 0 0;
}

nav {
    background: #b4b2b2;
    background: -moz-linear-gradient(top,  #b4b2b2 0, #8b8b8b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#b4b2b2), color-stop(100%,#8b8b8b));
    background: -webkit-linear-gradient(top,  #b4b2b2 0,#8b8b8b 100%);
    background: -o-linear-gradient(top,  #b4b2b2 0,#8b8b8b 100%);
    background: -ms-linear-gradient(top,  #b4b2b2 0,#8b8b8b 100%);
    background: linear-gradient(to bottom,  #b4b2b2 0,#8b8b8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b2b2', endColorstr='#8b8b8b',GradientType=0 );

    border-bottom: 1px solid #51668d;
}

    nav li {
        line-height: 2;
        /*line-height: 48px;*/
        float: left;
        padding: 0 0.9em 0 0.9em;
    }

    nav a, nav a:active, nav a:visited {
        color: #fff;
        text-transform: uppercase;
        font-size: .85em;
    }

        nav a:hover {
            color: #D02C24;
        }

#searchbar .searchform.container {
    text-align: center;
}

    #searchbar h2 {
        color: #fff;
        font-size: 2em;
        margin: .25em 0;
    }

        #searchbar h2 b {
            font-weight: 400;
        }

.searchform > div {
    width: 90%;
    margin: 0 auto;
}

.searchTerm {
    float: left;
    width: 50%;
}

.searchLocation {
    float: right;
    width: 50%;
    position: relative;
}

    .searchTerm input[type=text], .searchLocation input[type=text] {
        width: 94%;
        font-size: 1.25em;
        font-style: italic;
    }

    .searchSubmit {
        position: absolute;
        right: 4px;
        top: 1px;
    }

    .searchSubmit input {
        background: #d02c24;
        color: #fff;
        font-size: 1.25em;
        font-weight: 400;
        text-transform: uppercase;
        position: relative;
        padding: .5em 3em .5em .5em;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

        .searchSubmit span {
            background: none repeat scroll 0 0 #bb1f17;
            color: #FFFFFF;
            display: block;
            padding: .9em 1.2em .9em;
            position: absolute;
            right: 0;
            top: 1px;
        }

        .glyphicon-chevron-right:before {
            content: "\003e";
            font-weight: 700;
            font-family: Oswald, sans-serif;
        }

.AutoCompleteList {
    text-align:left;
    background: rgba(255, 255, 255, 1);
    padding: 1em;
}

    .AutoCompleteList li {
        line-height: 2;
        cursor: pointer;
    }

        .AutoCompleteList li:hover {
            background: rgba(129, 166, 217, 1);
            color: #fff;
        }

.TitleOnly, .divRadius {
    display: none;
}

#mainContent {
    overflow: auto;
    padding-bottom: 313px;
}

footer {
    position: relative;
    margin-top: -313px; /* negative value of footer height */
    height: 313px;
    clear:both;
}

.footerSiteLinks {
    background: #8e8e8e;
    padding: 2em 0;
    margin-top: 2em;
    min-width: 1012px;
}

    .footerSiteLinks ul {
        width: 25%;
        float: left;
    }

    .footerSiteLinks li {
        font-size: 1em;
        margin-bottom: 0.85em;
        color: #fff;
    }

    .footerSiteLinks li.footerSiteHeader {
        width: 95%;
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 5px;
        color: #FFFFFF;
        font-size: 1.35em;
    }

    .footerSiteLinks a {
        color: #fff;
    }

    .footerSiteLinks ul.socialIcons {
        width: 95%;
    }

    .footerSiteLinks .socialIcons li {
        float: left;
        margin-right: .3em;
    }


.footerCopyright {
    background: #5e6260;
    padding: 1em 0 1.6em;
    font-size: .75em;
    min-width: 1012px;
}

    .copyright {
        float: left;
        width: 60%;
        line-height: 1.25;
        color: #fff;
    }

    .footerCopyright ul {
        float: right;
        width: 30%;
        text-align: right;
    }

    .footerCopyright li {
        float: right;
        border-left: 1px solid #fff;
        padding: 0 1em;
    }

        .footerCopyright li + li {
            border: none;
        }

    .footerCopyright a {
        color: #33b3ff;
    }

        .footerCopyright a:hover {
            color: #ff6d68;
        }





/*-------------------- OLD STYLES ------------------------------ */

.sideNav {
    width: 112px;
    float: left;
}

#PageCenterContent {
    float: right;
}