html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0;
font-size: 100%; vertical-align: baseline;
background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
* html .clearfix {height: 1%;}
/* end hide from IE-mac */

body {
    background: #f4efdd url(/pwr/templates/images/bg/page.gif) top center no-repeat;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#wrapper {
    width: 986px;
    margin: auto;
    text-align: left;
    background: url(/pwr/templates/images/bg/page_shadow.png) top center repeat-y;
}

#page {
    margin: 0 13px 0 13px;
    background-color: #fff;
    padding-bottom: 17px;
}

#bar, #bar a {
    width: 960px;
    height: 70px;
    position: relative;
    font-size: 12px;
    color: #000;
    display: block;
}

    #bar span {
        cursor: pointer;
        display: block; position: absolute; top: 0; left: 0;
        width: 100%;
        height: 100%;
        background: url(graphics/bar.gif) top left no-repeat;
    }


#billboard {
    width: 710px;
    height: 340px;
    float: left; display: inline;
    overflow: hidden;
}

    #billboard img { display: block; }

#tools {
    float: right; display: inline;
    background: #b28000 url(/pwr/templates/images/bg/tools.gif) top left no-repeat;
    padding: 30px 20px 0 20px;
    width: 210px;
    height: 310px;
    overflow: hidden;
}

    #search_form, #find_park_form {
        display: block;
        border-bottom: 1px solid #ccac58;
        padding-bottom: 29px;
        margin-bottom: 29px;
    }

        #search_form label, #find_park_form label { display: block; margin-bottom: 12px; }

        #search_form input, #find_park_form input { display: inline; vertical-align: middle; }

        #search_form .submit, #find_park_form .submit { margin-left: 5px; margin-bottom: 5px;}

        #find_park_form select {
            width: 160px;
            font-size: 12px;
            line-height: 14px;
            color: #666;
            margin-bottom: 5px;
            border: none;
            vertical-align: middle;
            padding: 2px; padding-top: 3px;
        }

            body.small #find_park_form select { font-size: 10px; }
            body.large #find_park_form select { font-size: 16px; }

        #search_form .query {
            padding: 3px;
            border: none;
            font-size: 12px;
            line-height: 14px;
            color: #666;
            width: 150px;
            margin-bottom: 5px;
        }

        #search_form .advanced, #find_park_form .advanced {
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            margin-top: 10px;
            text-decoration: none;
        }

            body.small #search_form .advanced, body.small #find_park_form .advanced {
                font-size: 10px;
            }

            body.large #search_form .advanced, body.large #find_park_form .advanced {
                font-size: 13px;
            }

            #find_park_form .advanced { width: 160px; }

            #search_form .advanced:hover, #find_park_form .advanced:hover { text-decoration: underline; }

    #text_sizes {
        display: none;
    }

        #text_sizes p {
            display: inline-block;
            margin-right: 15px;
            vertical-align: middle;
        }

        #text_sizes ul {
            vertical-align: middle;
            display: inline-block;
        }

        #text_sizes li {
            float: left;
            height: 18px;
            overflow: hidden;
            width: 16px;
            margin-right: 3px;
        }

            #text_sizes li a {
                display: block;
                height: 18px;
                text-indent: -9999px;
                overflow: hidden;
                width: 16px;
                background: url(http://www.nps.gov/images/text_sizes.gif) top left no-repeat;
            }

            #text_sizes .small a {
                background-position: 0px 0px;
            }
                #text_sizes .small a:hover, #text_sizes .small a.active {
                    background-position: 0px -18px;
                }

            #text_sizes .medium a {
                background-position: -19px 0;
            }
                #text_sizes .medium a:hover, #text_sizes .medium a.active {
                    background-position: -19px -18px;
                }

            #text_sizes .large a {
                background-position: -38px 0;
            }
                #text_sizes .large a:hover, #text_sizes .large a.active {
                    background-position: -38px -18px;
                }


#nav {
    clear: both;
    padding-bottom: 15px;
    background: url(/pwr/templates/images/bg/nav_shadow.gif) bottom left no-repeat;
}

    #nav li {
        float: left;
        height: 42px;
    }

        #nav li a {
            display: block;
            height: 42px;
            overflow: hidden;
            position: relative;
        }

            #nav li a:hover { cursor: hand; }

            #nav li a span {
                background: url(/pwr/templates/images/nav.gif) 0px 0px no-repeat;
                display: block;
                position: absolute;
                height: 100%; width: 100%;
            }

                #nav li a:hover span { cursor: pointer; }

        #nav #nav_find_park a, #nav #nav_find_park a span {
            width: 108px;
            background-position: 0px 0px;
        }
            #nav #nav_find_park a:hover span,  #nav #nav_find_park a.active span { background-position: 0px -42px; }

        #nav #nav_discover a, #nav #nav_discover a span {
            width: 141px;
            background-position: -108px 0;
        }
            #nav #nav_discover a:hover span, #nav #nav_discover a.active span { background-position: -108px -42px; }

        #nav #nav_explore a, #nav #nav_explore a span {
            width: 129px;
            background-position: -249px 0;
        }
            #nav #nav_explore a:hover span, #nav #nav_explore a.active span { background-position: -249px -42px; }

        #nav #nav_working a, #nav #nav_working a span{
            width: 217px;
            background-position: -378px 0;
        }
            #nav #nav_working a:hover span, #nav #nav_working a.active span  { background-position: -378px -42px; }

        #nav #nav_involved a, #nav #nav_involved a span {
            width: 113px;
            background-position: -595px 0;
        }
            #nav #nav_involved a:hover span, #nav #nav_involved a.active span { background-position: -595px -42px; }

        #nav #nav_teachers a, #nav #nav_teachers a span {
            width: 86px;
            background-position: -708px 0;
        }
            #nav #nav_teachers a:hover span, #nav #nav_teachers a.active span { background-position: -708px -42px; }

        #nav #nav_kids a , #nav #nav_kids a span{
            width: 56px;
            background-position: -794px 0;
        }
            #nav #nav_kids a:hover span, #nav #nav_kids a.active span { background-position: -794px -42px; }

        #nav #nav_about a , #nav #nav_about a span{
            width: 110px;
            background-position: -850px 0;
        }
            #nav #nav_about a:hover span, #nav #nav_about a.active span { background-position: -850px -42px; }

#content { padding: 10px 19px 10px 25px; }

#news, #events {
    float: left;
    width: 320px;
    margin-right: 25px;
    border-bottom: 1px solid #cccccc;
}

#events { margin-right: 20px; }

    #news h2 span {
        background: url(/pwr/home/images/titles/news.gif) top left no-repeat;
        position: absolute;
        top: 10px; left: 0;
        height: 19px;
        width: 56px;
    }

    #events h2 span {
        background: url(/pwr/home/images/titles/events.gif) top left no-repeat;
        position: absolute;
        top: 10px; left: 0;
        height: 18px;
        width: 65px;
    }

.items {

}

    .items h2 {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 0 8px 0;
        border-top: 2px solid #d1b366;
        border-bottom: 1px solid #cccccc;
        position: relative;
        margin-bottom: 18px;
    }

        .items h2 small {
            position: absolute;
            bottom: 10px; right: 0;
            font-size: 11px;
            line-height: 14px;
            color: #b28000;
            font-weight: normal;
        }

            body.small .items h2 small { font-size: 10px; }
            body.large .items h2 small { font-size: 14px; line-height: 16px; }

            .items h2 small a {
                color: #b28000;
                text-decoration: none;
            }

                .items h2 small a:hover { text-decoration: underline; }

    .items ul {
       padding-bottom: 10px;
    }

        .items li {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 18px;
            color: #666666;
        }

            body.small .items li { font-size: 11px; }
            body.large .items li { font-size: 17px; line-height: 20px; }

            .items li a { display: block; text-decoration: none; color: #666;}
            .items li a:hover strong { color: #d39800; }
            .items li a:hover { color: #999; }

            .items li strong {
                display: block;
                font-weight: bold;
                color: #b28000;
                font-size: 16px;
                line-height: 20px;
            }
                body.small .items li strong { font-size: 13px; }
                body.large .items li strong { font-size: 19px; line-height: 22px; }

#top_promo {
    float: left;
    width: 229px;
    height: 225px;
    border: 1px solid #cccccc;
}

    #top_promo img, #top_promo a { display: block; }

#multimedia {
    padding-top: 25px;
    clear: both;
    padding-bottom: 36px;
    background: url(/pwr/templates/images/bg/multimedia_shadow.gif) bottom left no-repeat;
}

    #multimedia_content {
        padding-top: 14px;
        background: #fff url(/pwr/templates/images/bg/multimedia_gradient.gif) top left repeat-x;
    }

    #multimedia h2 {
        padding-left: 20px;
        border-bottom: 1px solid #acacac;
        position: relative;
        height: 29px;
    }

        #multimedia h2 span {
            position: absolute;
            display: block;
            background: url(/pwr/templates/images/titles/photos_multimedia.gif) top left no-repeat;
            top: 0; left: 20px;
            height: 21px;
            width: 214px;
        }

        #multimedia h2 small {
            position: absolute;
            bottom: 14px;
            right: 21px;
            color: #b28000;
            font-size: 11px;
            line-height: 14px;
        }
            body.small #multimedia h2 small { font-size: 10px; }
            body.large #multimedia h2 small { font-size: 14px; line-height: 16px; }

            #multimedia h2 small a {
                text-decoration: none;
                font-weight: normal;
                color: #b28000;
            }

                #multimedia h2 small a:hover {
                    text-decoration: underline;
                }

        #multimedia #cols {
            margin-top: 16px;
            padding-left: 20px;
            background: url(/pwr/templates/images/bg/multimedia_cols.gif) top left repeat-y;
        }

            #multimedia #cols .col {
                float: left; display: inline;
                width: 160px;
                margin-right: 19px;
            }

                #multimedia .col h3 {
                    color: #999999;
                    text-transform: uppercase;
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: bold;
                    margin-bottom: 9px;
                }
                    body.small #multimedia .col h3 { font-size: 10px; }
                    body.large #multimedia .col h3 { font-size: 19px; line-height: 22px; }

                #multimedia .col a.image {
                    display: block;
                    margin-bottom: 8px;
                }

                    #multimedia .col a.image img { display: block; }

                #multimedia .col p.caption { font-size: 12px; color: #666666; line-height: 14px; margin-bottom: 2px; }
                    body.small #multimedia .col p.caption { font-size: 10px; }
                    body.large #multimedia .col p.caption { font-size: 15px; line-height: 18px;}

                #multimedia .col h4 {
                    color: #5e7630;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: normal;
                    margin-bottom: 6px;
                }

                    body.small #multimedia .col h4 { font-size: 15px; }
                    body.large #multimedia .col h4 { font-size: 25px; line-height: 28px; }

                    #multimedia .col h4 a {
                        color: #5e7630;
                        text-decoration: none;
                    }

                        #multimedia .col h4 a:hover {
                            text-decoration: underline;
                        }

                #multimedia .col a.visit {
                    color: #b28000;
                    font-size: 12px;
                    text-decoration: none;
                }

                    body.small #multimedia .col a.visit { font-size: 10px; }
                    body.large #multimedia .col a.visit { font-size: 15px; }

                    #multimedia .col a.visit:hover {
                        text-decoration: underline;
                    }

#promos {
    margin-top: 10px;
    display: block;
    text-align: center;
}

    #promos li { display: inline; margin-right: 15px;}

        #promos li.last { margin-right: 0; }

        #promos li a { display: inline;  }

            #promos li img { border: 1px solid #ccc; }

#footer {
    margin-top: 22px;
    padding: 24px;
    padding-bottom: 10px;
    padding-left: 17px;
    display: block;
    background-color: #000;
    margin-bottom: -17px;
}

    #footer .update {
        color: #fff;
        font-size: 10px;
        line-height: 14px;
        margin-top: 20px;
    }

        body.large #footer .update { font-size: 13px; line-height: 17px; }

    #footer #footer_nav {
        padding-left: 56px;
        position: relative;
    }

        #footer #footer_nav .logo {
            color: #fff;
            width: 53px;
            position: absolute; top: 0; left: 0;
        }

        #footer .experience img {
            color: #fff;
            position: absolute;
            right: 0; top: 0;
        }
		#footer .experience {
            color: #fff;
            position: absolute;
            right: 0; top: 0;
        }

        #footer #footer_nav ul {
            display: block;
            margin-bottom: 3px;
        }

            #footer #footer_nav ul li {
                display: inline;
                margin-right: 10px;
            }

                #footer #footer_nav ul li a {
                    color: #fff;
                    text-decoration: none;
                    font-size: 12px;
                }

                    body.large #footer #footer_nav ul li a {
                        font-size: 15px; line-height: 18px;
                    }

                    #footer #footer_nav ul li a:hover {
                        text-decoration: underline;
                    }

					
					
/* FOR HIDING SCREEN READER (508) CONTENT */
.hidden
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}
 
 
#skip, #skip a, #skip a:hover, #skip a:visited, #skip ol, #skip li, #skip h4
{
position:absolute;
margin:0;
padding:0:
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
}