html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0;
    margin: 0;
    padding: 0;
}

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object
{
    display: block;
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://www.sos.wa.gov/css/fonts/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://www.sos.wa.gov/css/fonts/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://www.sos.wa.gov/css/fonts/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot);
    src: local('Open Sans'), local('OpenSans'), url(https://www.sos.wa.gov/css/fonts/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://www.sos.wa.gov/css/fonts/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://www.sos.wa.gov/css/fonts/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://www.sos.wa.gov/css/fonts/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.sos.wa.gov/css/fonts/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url(https://www.sos.wa.gov/css/fonts/EInbV5DfGHOiMmvb1Xr-hnZ2MAKAc2x4R1uOSeegc5U.eot);
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://www.sos.wa.gov/css/fonts/EInbV5DfGHOiMmvb1Xr-hnZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxrXcjzEax2LfQAlK8DdMzhA.eot);
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxrXcjzEax2LfQAlK8DdMzhA.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://www.sos.wa.gov/css/fonts/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot);
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://www.sos.wa.gov/css/fonts/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxo8mkAiYpFywqG2RvpzBnTU.eot);
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxo8mkAiYpFywqG2RvpzBnTU.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot);
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxphT2rkLFFMVLymfgfmWVtI.eot);
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxphT2rkLFFMVLymfgfmWVtI.eot) format('embedded-opentype'), url(https://www.sos.wa.gov/css/fonts/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff');
}


body
{
    font-family: 'Open Sans', 'Calibri',sans-serif;
    font-size: 14px;
    background-image: url(/images/bg-normal.jpg);
    background-repeat: no-repeat;
    letter-spacing: 0px;
    color: #000;
}

h1
{
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: -1px;
}

h2, h3, h4, h5, h6
{
    margin: 15px 0px;
    font-weight: 600;
    letter-spacing: -1px;
}

p
{
    margin: 15px 0px;
}

#navWrap
{
    display: block;
    width: 100%;
    background-color: #574e4d;
    z-index: 1;
}

#footerWrap
{
    margin-top: 20px;
    position: relative;
    padding-top: 50px;
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
}

footer address
{
    text-align: center;
    color: #2a2a2a;
    text-shadow: 1px 1px 3px #fff;
    font-style: normal;
    font-weight: 600;
}

hold
{
    background-color: #2a2a2a;
    background: #515151; /* Old browsers */
    background: -moz-linear-gradient(top, #515151 0%, #2a2a2a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#2a2a2a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #515151 0%,#2a2a2a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #515151 0%,#2a2a2a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #515151 0%,#2a2a2a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #515151 0%,#2a2a2a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */
    background: #676767; /* Old browsers */
    background: -moz-linear-gradient(top, #676767 18%, #383838 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#676767), color-stop(100%,#383838)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #676767 18%,#383838 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #676767 18%,#383838 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #676767 18%,#383838 100%); /* IE10+ */
    background: linear-gradient(to bottom, #676767 18%,#383838 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
}

#one-col input[type=text]
{
    width: 95%;
}

#one-col input.button
{
    width: auto;
}

#one-col textarea
{
    width: 95%;
    height: 200px;
}

.button, input[type=submit], input[type=button]
{
    background: #383838;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#383838));
    background: -webkit-linear-gradient(top, #676767, #383838);
    background: -moz-linear-gradient(top, #676767, #383838);
    background: -ms-linear-gradient(top, #676767, #383838);
    background: -o-linear-gradient(top, #676767, #383838);
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: #626262 0 1px 0;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 15px;
    padding: 6px 10px;
    border-radius: 3px;
    width: auto;
}

input, select
{
    font-size: 16px;
    padding: 4px;
}

img.corner
{
    display: none;
}

a, a:link, a:visited
{
    text-decoration: none;
    color: #34641a;
}


    a:hover
    {
        text-decoration: underline;
    }

p a
{
    font-weight: 600;
    text-decoration: underline;
}


fieldset
{
    border: 1px solid #ececec;
    padding: 10px;
}

legend
{
    margin: 0 10px;
}

#one-col
{
    margin: 0;
    padding: 0;
    border: none;
    background-color: #fff;
}

#jump-to
{
    position: absolute;
    top: -200px;
}

#one-col-a ul.linklist
{
    list-style: none;
    margin: 0;
}

h3.col-header
{
    background-color: #ececec;
    padding: 10px 10px 10px 10px;
    color: #252525;
}

hr
{
    margin: 30px 0px;
    border: 0;
    height: 1px;
    background: #ececec;
    background-image: -webkit-linear-gradient(left, #f8f8f8, #dbdbdb, #f8f8f8);
    background-image: -moz-linear-gradient(left, #f8f8f8, #dbdbdb, #f8f8f8);
    background-image: -ms-linear-gradient(left, #f8f8f8, #dbdbdb, #f8f8f8);
    background-image: -o-linear-gradient(left, #f8f8f8, #dbdbdb, #f8f8f8);
}


#AskALibrarianTab
{
    display: none;
}

.FormErrorMessage
{
    padding: 20px;
    background-color: #ee8686;
    margin: 20px 0px;
}

    .FormErrorMessage dl
    {
        margin: 20px;
    }

table.data
{
    border-collapse: collapse;
}

    table.data td
    {
        border: 1px solid #2b2b2b;
        padding: 10px;
    }

#BreadCrumb
{
    margin-bottom: 10px;
}

#SiteNotice
{
    background-color: #f25858;
    color: #000;
    font-weight: 600;
}

@media screen and (min-width: 0px)
{
    #col-one
    {
        display: none;
    }

    #col-two-a
    {
        background-color: #fff;
        padding: 1%;
    }

        #col-two-a ul, #col-two-a ol
        {
            margin-left: 20px;
        }


        #col-two-a #HomeImage img
        {
            width: 100%;
        }

    #col-two-b
    {
        margin: 10px;
    }

        #col-two-b ul, #col-two-b ol
        {
            list-style: none;
        }

    .pad
    {
        margin: 10px;
    }


    #one-col-a, #one-col-b, #one-col-c
    {
        padding: 10px;
    }

        #one-col-a ul, #one-col-b ul, #one-col-c ul, #one-col-a ol, #one-col-b ol, #one-col-c ol
        {
            margin-left: 40px;
        }

    #one-col-b
    {
        background-color: #e7e7e7;
        padding: 30px 10px;
    }

        #one-col-b ul, #one-col-b ol
        {
            list-style: none;
            margin: 0;
        }

            #one-col-b ul li, #one-col-b ol li
            {
                list-style: none;
                margin-bottom: 7px;
            }

    /********** header **********/
    header
    {
    }

        header #home
        {
            display: none;
        }

            header #home .social-media
            {
                display: none;
            }


        header #big
        {
            display: none;
        }

        header #small
        {
            display: block;
            height: 60px;
            background-color: #2b2b2b;
            text-align: center;
        }

            header #small .logo-small
            {
                padding-top: 10px;
                padding-left: 7px;
                float: left;
            }

            header #small .search
            {
                display: none;
            }

            header #small .contact
            {
                display: none;
            }

        header .languages
        {
            display: none;
        }

        header #small .title
        {
            font-family: 'Century Gothic', 'Muli', sans-serif;
            font-size: 20px;
            letter-spacing: -1px;
            padding: 15px 0px 0px 25px;
            float: left;
            font-weight: normal;
            color: #fff;
        }

            header #small .title a
            {
                color: #fff;
                text-shadow: #4a4a4a 1px 1px 0px;
            }

    /********** nav **********/
    nav.expand
    {
        display: none;
    }

    nav.division
    {
        display: none;
    }

    nav.dropdown
    {
        background-color: #574e4d;
        text-align: center;
        padding: 10px;
    }

        nav.dropdown select
        {
            width: 90%;
            font-size: 20px;
            margin: 0px auto;
        }

    /********** need to **********/

    #need-to2
    {
        display: block;
        margin-top: 10px;
        padding: 20px;
        margin-bottom: 10px;
    }

        #need-to2 .banner div
        {
            font-size: 20px;
            font-weight: 600;
            padding-bottom: 20px;
        }

        #need-to2 ul
        {
            margin: 0;
        }

            #need-to2 ul li a
            {
                text-decoration: none;
            }


    /********** side bar **********/

    .sidebar-box
    {
        margin: 10px 0px 40px 0px;
    }

        .sidebar-box .title
        {
            font-size: 20px;
            margin-bottom: 10px;
            font-weight: 600;
            letter-spacing: -1px;
        }

    /********** general info **********/

    .general-info2
    {
        margin: 30px 0px 20px 0px;
    }

        .general-info2 .banner
        {
            font-size: 20px;
            line-height: 22px;
            margin-bottom: 15px;
        }

            .general-info2 .banner div
            {
                font-weight: 600;
                color: #3b130e;
                letter-spacing: -1px;
            }


    /********** generic **********/

    .generic-banner .banner
    {
        font-size: 20px;
        height: 45px;
    }

        .generic-banner .banner div
        {
            padding: 9px 0px 0px 10px;
            font-weight: bold;
            color: #3b130e;
        }

    /********** footer **********/
    footer
    {
        height: 200px;
    }

        footer div.social-media
        {
            margin-top: -65px;
            width: auto;
            text-align: center;
            margin-bottom: 30px;
        }

            footer div.social-media ul
            {
                list-style: none;
            }

                footer div.social-media ul li
                {
                    display: inline;
                }

                    footer div.social-media ul li img
                    {
                        width: 30px;
                    }

        footer .translate
        {
            display: none;
        }

    /********** news **********/

    #col-two-a #DivisionNews, #DivisionNews2
    {
        list-style: none;
        margin-left: 0;
    }

        #DivisionNews li div.info, #DivisionNews2 li div.info
        {
            margin: 0% 2% 7% 2%;
        }

            #DivisionNews li div.info .title a, #DivisionNews2 li div.info .title a
            {
                font-size: 20px;
                font-weight: bold;
                letter-spacing: -1px;
            }

        #DivisionNews li div.photo img, #DivisionNews2 li div.photo
        {
            margin: 1%;
        }

            #DivisionNews li div.photo img, #DivisionNews2 li div.photo img
            {
                width: 98%;
            }


    /********** news **********/

    #col-two-a #BlogPosts
    {
        list-style: none;
        margin-left: 0;
    }

    #BlogPosts li div.info
    {
        margin: 0% 2% 7% 2%;
    }

        #BlogPosts li div.info .title a
        {
            font-size: 20px;
            font-weight: bold;
        }

    #BlogPosts li div.photo img
    {
        margin: 1%;
    }

    #BlogPosts li div.photo img
    {
        width: 98%;
    }

    /********** featured **********/
    #featured-wrap
    {
        margin: 10px;
    }

        #featured-wrap .item
        {
            clear: left;
            border-bottom: none;
            height: auto;
            background-color: #fff;
            margin-bottom: 10px;
        }

            #featured-wrap .item .photo
            {
                display: none;
            }

            #featured-wrap .item .info
            {
                padding-top: 0px;
            }

            #featured-wrap .item a
            {
                font-size: 20px;
                font-weight: 600;
                text-decoration: none;
            }

    /********** side news **********/

    #SideNewsWrap
    {
        margin-bottom: 30px;
    }

    #SideNewsControls
    {
        display: none;
    }

    #SideNewsWrap div.title
    {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    /********** sub banner **********/
    .sub-banner
    {
    }

        .sub-banner h2
        {
            background-color: #000;
        }



        .sub-banner img
        {
            width: 100%;
        }

        .sub-banner div.text
        {
            position: absolute;
            font-size: 28px;
            line-height: 28px;
            letter-spacing: -1px;
            width: 60%;
            color: #fff;
            margin-top: -115px;
            *top:300px; /* IE7 */
            *left:10px; /* IE7 */
            padding: 10px;
            font-weight: bold;
            text-shadow: 1px 1px 1px #000;
            filter: dropshadow(color=#000, offx=1, offy=1);
        }

            .sub-banner div.text a
            {
                color: #fff;
            }

    #SiteNotice
    {
        margin: 5px;
        padding: 7px;
    }

        #SiteNotice img
        {
            float: left;
            margin-right: 10px;
        }
}

@media screen and (min-width: 768px)
{
    #one-col
    {
        background-color: #fff;
        padding-bottom: 20px;
        -webkit-box-shadow: 0px 2px 3px 1px #ccc;
        box-shadow: 0px 2px 3px 1px #ccc;
        width: 97%;
        margin: 0px auto 0px auto;
    }

    #one-col-c
    {
        padding: 20px 30px;
        font-size: 16px;
    }

    #one-col-a
    {
        padding: 0;
        font-size: 16px;
        float: left;
        width: 74%;
    }

    #one-col-b
    {
        float: left;
        width: 26%;
        padding: 0;
    }



    #col-one
    {
        margin: 0% 0% 0% 1%;
        display: block;
        float: left;
        width: 24%;
        background: #5c9641; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #5c9641 1%, #76b854 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#5c9641), color-stop(100%,#76b854)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #5c9641 1%,#76b854 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #5c9641 1%,#76b854 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #5c9641 1%,#76b854 100%); /* IE10+ */
        background: linear-gradient(135deg, #5c9641 1%,#76b854 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9641', endColorstr='#76b854',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        -webkit-box-shadow: 0px 2px 3px 1px #ccc;
        box-shadow: 0px 2px 3px 1px #ccc;
    }


    #col-two
    {
        float: left;
        width: 74%;
        margin: 0;
    }

    #col-two-a
    {
        background-color: transparent;
        background-color: #fff;
        margin: 0;
        padding: 20px;
        margin-left: 10px;
        -webkit-box-shadow: 0px 2px 3px 1px #ccc;
        box-shadow: 0px 2px 3px 1px #ccc;
    }

        #col-two-a #HomeImage
        {
            margin: -20px;
            padding-bottom: 40px;
        }

            #col-two-a #HomeImage img
            {
                width: 100%;
            }


    #scroll
    {
        z-index: 1;
        position: relative;
        margin-top: 25px;
    }

    #top
    {
        
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    /********** header **********/
    header
    {
        border-top: 2px solid #2b2b2b;
        background-color: #fff;
        width: 100%;
        margin: 0 auto 10px auto;
        border-bottom: 1px solid #ccc;
    }

        header #small, header #home, nav.dropdown
        {
            display: none;
        }

        header #small
        {
            display: none;
            height: 80px;
            overflow: hidden;
            background-color: #2b2b2b;
            text-align: center;
        }

            header #small .logo-small
            {
                padding-left: 22px;
                padding-top: 13px;
            }

            header #small .title
            {
                font-size: 30px;
                padding: 9px 0px 0px 25px;
            }

            header #small .search
            {
                display: block;
                text-align: right;
                float: right;
                margin: 10px 30px 0px 0px;
            }

                header #small .search .button
                {
                    margin-top: -3px;
                }


        header #big
        {
            display: block;
            height: 120px;
            overflow: hidden;
        }

            header #big .title
            {
                padding-top: 18px;
                padding-left: 30px;
                float: left;
                font-size: 45px;
                letter-spacing: -2px;
                font-weight: 400;
                font-family: 'Century Gothic', 'Muli', sans-serif;
            }

                header #big .title .short
                {
                    display: block;
                }

                header #big .title .long
                {
                    display: none;
                }

                header #big .title a
                {
                    color: #000;
                }

            header #big .logo
            {
                float: left;
            }

                header #big .logo div
                {
                    padding-top: 25px;
                    padding-left: 20px;
                }

                header #big .logo img
                {
                    width: 85%;
                }

            header #big .search
            {
                text-align: right;
                float: right;
                margin: 35px 30px 0px 0px;
            }


                header #big .search .button
                {
                    margin-top: -3px;
                }

            header #big .contact
            {
                display: none;
            }


            header #big .social-media
            {
                display: block;
                float: right;
                margin-top: 40px;
                margin-right: 20px;
            }

            header #big .askalibrarian
            {
                display: none;
            }


            header #big .languages
            {
                display: block;
                position: absolute;
                margin-top: 72px;
                margin-left: 203px;
            }

                header #big .languages ul
                {
                    list-style: none;
                }

                    header #big .languages ul li
                    {
                        display: inline;
                        margin-right: 10px;
                    }


    /********** nav **********/
    #navWrap
    {
        height: 43px;
        margin: -30px auto;
        position: absolute;
        overflow: hidden;
    }

    nav.division
    {
        display: block;
    }

    nav.home div.title
    {
        font-size: 26px;
        padding-top: 10px;
        font-weight: 600;
        letter-spacing: -1px;
    }

    nav.division ul
    {
        list-style: none;
        padding: 0px;
    }

        nav.division ul li
        {
            display: inline;
            margin: 12px 3px 0px 13px;
            float: left;
        }

            nav.division ul li.first
            {
                margin-left: 20px;
            }

            nav.division ul li a
            {
                font-size: 12px;
                color: #fff;
                text-decoration: none;
                text-transform: uppercase;
                text-shadow: 1px 1px 1px #695f5d;
                cursor: pointer;
            }

                nav.division ul li a.selected, nav.division ul li a:hover
                {
                    color: #e9b02e;
                }

            nav.division ul li.seperator img
            {
                margin-top: -4px;
                position: absolute;
            }


    #tab-home
    {
        display: block;
        float: left;
        margin: 10px 0px 0px 20px;
    }

        #tab-home img
        {
            width: 25px;
        }



    nav.home
    {
        margin: 0px 20px;
        padding: 10px 0px 15px 0px;
        color: #132907;
    }

        nav.home ul
        {
            padding: 0px;
            margin: 5px 0px 0px 0px;
            list-style: none;
        }

            nav.home ul li
            {
                font-size: 18px;
                margin-bottom: 7px;
            }

                nav.home ul li a
                {
                    color: #132907;
                    text-shadow: 1px 1px 1px #75ba53;
                    text-decoration: none;
                    letter-spacing: -1px;
                    font-weight: 600;
                    cursor: pointer;
                }

                    nav.home ul li a:hover
                    {
                        text-decoration: underline;
                    }

                nav.home ul li div
                {
                    display: none;
                }

                nav.home ul li ul
                {
                    margin-left: 20px;
                }

                    nav.home ul li ul li
                    {
                        font-size: 16px;
                    }


    /********** news **********/
    #DivisionNewsControls
    {
        display: block;
    }

    #DivisionNewsWrap
    {
        background-color: #fff;
        height: 225px;
    }

    #DivisionNews li
    {
        position: absolute;
        display: none;
    }

        #DivisionNews li.on
        {
            display: block;
        }

        #DivisionNews li div.photo
        {
            float: left;
            width: 25%;
        }

            #DivisionNews li div.photo img
            {
            }

        #DivisionNews li div.info
        {
            padding: 10px;
            width: 65%;
            float: left;
            height: 225px;
        }

        #DivisionNews li div.info-nophoto
        {
            padding: 10px;
            width: 100%;
            float: left;
            height: 225px;
        }


            #DivisionNews li div.info .title, #DivisionNews li div.info-nophoto .title
            {
                margin-bottom: 7px;
            }

                #DivisionNews li div.info .title a, #DivisionNews li div.info-nophoto .title a
                {
                    font-size: 26px;
                    line-height: 30px;
                    font-weight: bold;
                }

    #DivisionNewsControls
    {
        display: block;
        width: auto;
        padding-left: 41%;
        margin: -30px 0px 50px 0px;
        z-index: 300;
        position: relative;
    }

        #DivisionNewsControls div
        {
            float: left;
            width: 11px;
            height: 11px;
            background-color: #000;
            margin-left: 10px;
            cursor: pointer;
            border-radius: 15px;
        }

            #DivisionNewsControls div.on
            {
                background-color: #e9b02e;
            }


    /********** blogs **********/
    #BlogPostsControls
    {
        display: block;
    }

    #BlogPostsWrap
    {
        background-color: #fff;
        height: 225px;
    }

    #BlogPosts li
    {
        position: absolute;
        display: none;
    }

        #BlogPosts li.on
        {
            display: block;
        }

        #BlogPosts li div.photo
        {
            float: left;
            width: 25%;
        }

            #BlogPosts li div.photo img
            {
            }

        #BlogPosts li div.info
        {
            padding: 10px;
            width: 65%;
            float: left;
        }

            #BlogPosts li div.info .title
            {
                margin-bottom: 7px;
            }

                #BlogPosts li div.info .title a
                {
                    font-size: 26px;
                    line-height: 30px;
                    font-weight: bold;
                }

    #BlogPostsControls
    {
        font-size: 80px;
        display: block;
        width: auto;
        margin: -30px 0px 50px 0px;
        padding-left: 41%;
        position: relative;
    }

        #BlogPostsControls div
        {
            float: left;
            width: 11px;
            height: 11px;
            background-color: #000;
            margin-left: 10px;
            cursor: pointer;
            border-radius: 15px;
        }

            #BlogPostsControls div.on
            {
                background-color: #e9b02e;
            }

    /********** featured **********/
    #featured-wrap
    {
        padding: 0px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

        #featured-wrap .item
        {
            clear: left;
            border-bottom: none;
            height: auto;
            background-color: #fff;
            margin-bottom: 15px;
        }

            #featured-wrap .item .photo
            {
                display: block;
                float: left;
                margin-right: 20px;
            }

                #featured-wrap .item .photo img
                {
                    width: 90%;
                    *width: 20%; /* IE7 and below */
                }

            #featured-wrap .item .info
            {
                padding-top: 15px;
            }


            #featured-wrap .item a
            {
                font-size: 20px;
                font-weight: 600;
                letter-spacing: -1px;
                text-decoration: none;
            }

        #featured-wrap .item-small
        {
            clear: left;
            border-bottom: none;
            height: auto;
            background-color: #fff;
            margin-bottom: 15px;
        }

            #featured-wrap .item-small .photo
            {
                display: block;
                float: left;
                margin-right: 20px;
            }

                #featured-wrap .item-small .photo img
                {
                    width: 80px;
                }


            #featured-wrap .item-small .info
            {
                padding-top: 25px;
            }


            #featured-wrap .item-small a
            {
                letter-spacing: -1px;
                font-size: 20px;
                font-weight: 600;
                text-decoration: none;
            }

    /********** need to **********/

    #need-to
    {
        margin: 15px;
        background-color: #95c181;
    }

        #need-to .banner div
        {
            font-size: 20px;
            font-weight: 600;
            padding: 10px 10px 10px 10px;
            letter-spacing: -1px;
        }


        #need-to ul
        {
            padding: 0px;
            margin: 0;
            padding: 0px 10px 10px 10px;
            list-style: none;
        }

            #need-to ul li
            {
                font-size: 16px;
                margin-bottom: 7px;
            }

                #need-to ul li a
                {
                    color: #132907;
                    text-decoration: none;
                    font-weight: 600;
                    letter-spacing: -1px;
                }

                    #need-to ul li a:hover
                    {
                        text-decoration: underline;
                    }


    #need-to2
    {
        display: block;
        width: 47%;
        float: left;
        margin-left: 1%;
        margin-top: 20px;
        background-color: transparent;
        padding-left: 20px;
    }

        #need-to2 .banner div
        {
            font-size: 20px;
            font-weight: bold;
            padding-bottom: 20px;
        }

        #need-to2 ul
        {
            margin: 0;
        }

            #need-to2 ul li
            {
                float: left;
                width: 45%;
                margin-right: 2%;
                margin-bottom: 1px;
            }

                #need-to2 ul li a
                {
                    text-decoration: none;
                }

                    #need-to2 ul li a:hover
                    {
                        text-decoration: underline;
                    }


    /********** side bar **********/

    .sidebar-box
    {
        display: block;
        width: 45%;
        float: left;
        margin-left: 0;
        margin-top: 20px;
        margin-right: 10px;
        background-color: transparent;
        padding-left: 20px;
    }

    /********** general info **********/

    .general-info2
    {
        display: block;
        width: 45%;
        float: left;
        margin-left: 0;
        margin-top: 20px;
        margin-right: 10px;
        background-color: transparent;
        padding-left: 20px;
    }

    /********** side news **********/
    #SideNewsWrap
    {
        padding: 0px;
        height: 300px;
        margin-right: 25px;
        float: left;
        width: 45%;
        position: relative;
        margin-top: 15px;
    }

        #SideNewsWrap div.title
        {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            letter-spacing: -1px;
        }


    #SideNews li
    {
        position: absolute;
        display: none;
    }

        #SideNews li.on
        {
            display: block;
        }

        #SideNews li a
        {
            font-weight: 600;
        }

            #SideNews li a:hover
            {
                text-decoration: underline;
            }

    #SideNewsControls
    {
        display: block;
        margin-top: 310px;
    }

        #SideNewsControls div
        {
            margin-right: 2px;
            float: left;
            cursor: pointer;
            border: 1px solid #ccc;
            padding: 3px 5px;
        }

            #SideNewsControls div.on
            {
                border: 1px solid #000;
            }



    /********** footer **********/

    footer
    {
        height: 200px;
    }

        /********** footer **********/
        footer #fcol-one
        {
            float: left;
            width: 24%;
            height: 120px;
            margin: 0% 0% 0% 1%;
        }

        footer #fcol-two
        {
            float: left;
            height: 120px;
            width: 74%;
        }

        footer #fcol-two-a
        {
            float: right;
            width: 30%;
        }

        footer #fcol-two-b
        {
            float: left;
            width: 68%;
        }

        footer address
        {
            font-size: 14px;
        }

        footer .translate
        {
            display: block;
            float: right;
            margin-right: 25px;
        }

            footer .translate .form
            {
                width: 220px;
            }

            footer .translate #StateSeal
            {
                float: right;
                margin-left: 20px;
            }

        footer div.social-media
        {
            margin-top: 0px;
            text-align: left;
            margin-bottom: 0px;
            margin-left: 30px;
        }



            footer div.social-media ul li img
            {
                width: auto;
            }



    /********** nav expand **********/

    #navExpandWrap
    {
        background-color: #fff;
        filter: alpha(opacity=97);
        opacity: 0.97;
        border-bottom: 1px solid #ececec;
    }

    nav.expand
    {
        height: 200px;
        padding-top: 20px;
        padding-left: 12px;
    }

    #navExpandWrap ul
    {
        list-style: none;
    }

    #navExpandWrap div.col
    {
        float: left;
        width: auto;
        padding-right: 30px;
    }


    #navExpandWrap #expand-menu-1, #navExpandWrap #expand-menu-2, #navExpandWrap #expand-menu-3
    {
        display: none;
    }

    /********** sub banner **********/
    .sub-banner
    {
        margin-bottom: 20px;
        position: relative;
    }

        .sub-banner img
        {
            width: 90%;
        }


        .sub-banner div.text
        {
            font-size: 40px;
            line-height: 50px;
            width: 85%;
            margin-top: -200px;
            padding: 20px;
        }


    /********** content col **********/
    div.content-col
    {
        width: 45%;
        float: left;
        padding-bottom: 30px;
        margin-right: 3%;
    }

        div.content-col .linklist
        {
            padding-left: 10px;
        }


    #one-col input[type=text]
    {
        width: 60%;
    }

    #one-col textarea
    {
        width: 61%;
    }

    #AskALibrarianTab
    {
        position: fixed;
        bottom: 0;
        right: 0;
        display: block;
        width: auto;
        height: 50px;
        background-color: #e9b02e;
        padding: 10px;
        text-align: center;
        /*opacity: 0.90;*/
        color: #000;
        z-index: 1000;
        zoom: 1;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    #AskALibrarianTab img
    {
        width: 220px;
    }

    #one-col-c div.GroupList
    {
        width: 25%;
        float: right;
        background-color: #eee;
        padding: 20px;
        margin: 0px 0px 20px 20px;
    }

        #one-col-c div.GroupList ul
        {
            margin-left: 0px;
        }

         #SiteNotice
    {
        margin: 10px;
    }

        #SiteNotice img
        {
            margin-left: 10px;
        }

        #SiteNotice .text
        {
            font-size: 16px;
        }

}

@media screen and (min-width: 1224px)
{
    #one-col
    {
        padding-bottom: 20px;
        width: 1220px;
    }

    #cols
    {
        width: 1240px;
        margin: 0px auto;
    }

    #col-one
    {
        width: 265px;
        margin: 0;
    }

    #col-two
    {
        margin: 0;
        float: left;
        width: 77%;
        padding: 0;
    }

    #col-two-a
    {
        width: 660px;
        float: left;
        padding: 20px;
        margin-right: 20px;
    }

    #col-two-b
    {
        width: 220px;
        margin: 0;
        float: left;
    }

    header #big
    {
        width: 1240px;
        margin: 0px auto;
    }

        header #big .title .long
        {
            display: block;
        }

        header #big .title .short
        {
            display: none;
        }

        header #big .languages
        {
            display: block;
            position: static;
            float: left;
            margin-top: 40px;
            margin-left: 80px;
            font-size: 18px;
        }

        header #big .askalibrarian
        {
            display: none;
            float: right;
            margin-top: 37px;
            width: 200px;
        }

            header #big .askalibrarian img
            {
                width: 24px;
                float: left;
                margin-right: 10px;
                margin-top: 3px;
            }

            header #big .askalibrarian div.text
            {
                font-size: 18px;
                padding-top: 4px;
                text-transform: uppercase;
            }


    header #small
    {
        width: 1240px;
        margin: 0px auto;
        display: none;
    }


    footer
    {
        width: 1240px;
        margin: 0px auto;
    }


    nav.division
    {
        width: 1240px;
        margin: 0px auto;
    }

    nav.expand
    {
        width: 1240px;
        margin: 0px auto;
    }


    /********** side bar **********/

    .sidebar-box
    {
        clear: both;
        display: block;
        width: auto;
        float: none;
        margin: 0 0 30px 0;
        padding: 0;
    }

    /********** general info **********/

    .general-info2
    {
        display: block;
        width: auto;
        float: none;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .general-info
    {
        display: block;
        width: auto;
        float: none;
        margin: 0 0 20px 0;
    }

    /********** side news **********/
    #SideNewsWrap
    {
        margin: 0;
        float: none;
        width: auto;
        height: 400px;
    }

    #SideNewsControls
    {
        display: block;
        margin-top: 320px;
    }


    /********** need to **********/

    #need-to2
    {
        display: block;
        width: auto;
        float: none;
        margin: 0 0 20px 0;
        padding: 0px;
        background-color: transparent;
        padding-left: 20px;
    }

        #need-to2 ul li
        {
            float: none;
            width: auto;
            margin-right: 2%;
            margin-bottom: 1px;
        }

            #need-to2 ul li a
            {
                font-size: 18px;
                font-weight: normal;
            }


    /********** news **********/

    #DivisionNews li
    {
        width: 640px;
    }


        #DivisionNews li div.photo
        {
            float: left;
            width: 160px;
        }

    /********** blogs **********/

    #BlogPosts li
    {
        width: 640px;
    }

        #BlogPosts li div.photo
        {
            float: left;
            width: 160px;
        }


    /********** sub banner **********/

    .sub-banner img
    {
        width: 92.5%;
        height: 350px;
    }


    .sub-banner img
    {
        width: 92.5%;
        height: 350px;
    }


    .sub-banner div.text
    {
        font-size: 50px;
        line-height: 60px;
        margin-top: -250px;
    }

    #SiteNotice
    {
        margin: 0px 0px 10px 0px;
    }

        #SiteNotice .text
        {
            margin-top: 5px;
        }
}