﻿body 
{
    background: #7a9242;
    color: #ab5410;
}

img
{
    border: none;
}

a
{
    text-decoration: underline;
    color: #ab5410;
}

a:hover
{
    text-decoration: underline;
}

.clear
{
    clear: both;
}

#pageWrapper
{
    width: 908px;
    margin: 0 auto;
}

#header
{
    height: 119px;
    position: relative;
    z-index: 2;
}

a#mobileLink 
{
    position:absolute;
    z-index:4;
    color:#f2e9cc;
    top:18px;
    right:230px;
    font-weight:bold;
    font-size:13px;
    text-decoration:underline;
}
a#mobileLink:hover 
{
    color:#AB5410;
    text-decoration:none;
    
}

.nav,
.nav ul,
.nav li,
.nav dd {
	margin: 0;
	padding: 0;
	list-style:none;
}

.dropdown dd {
	position: relative;
    z-index: 10;
    display: block;
    z-index: 1;
}

.dropdown ul {
	position: absolute;
	z-index: 1;
	left: 2px;
	display: none;
}

.dropdown dd.over {
	z-index: 2;
}

.dropdown dd.over ul {
	display: block;
}

.dropdown dd.over ul ul {
	display: none;
}

.dropdown dd ul li.over ul 
{
    display: block;
}

.dropdown ul a {
	
}

.dropdown ul {
    width: 20em;
	top: 60px;
}

.dropdown ul li ul
{
    top: 0;
    left: 100%;
    margin-left:-4px;
    /*width: 200px !important;*/
}

.dropdown li {
    font-size: 1.1em;
}

.dropdown li.alt {
}

.dropdown ul li {
    padding: 2px 4px;
    font-size:1em;
}

.dropdown ul li a {
    background: #B56528;
}

.dropdown ul li.alt a {
    background: #BB7036;
}

.dropdown ul a { 
    display: block;
    color: #000000;
    line-height: 1.2em;
    font-weight: bold;
    padding: 4px 1em;  
    text-decoration: none;
    z-index: 11;
}  

.dropdown ul a.AT {
	background-image: none !important;
}

.dropdown ul li a:hover,
.dropdown ul li.alt a:hover {
}

.mainNav
{
    width: 699px;
    height: 119px;
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/images/common/sc_state_parks_main_nav.png);
    z-index: 2;
}

.mainNav dd 
{
    margin: 44px 0 0 0;
    padding: 0;
    height: 75px;
    display: block;
    float: left;
}

.mainNav dd a
{
    display: block;
    padding: 75px 0 0 0;
    height: 0;
    overflow: hidden;
}

.mainNav dd a.over,
.mainNav dd a.at
{
    background: url(/images/common/sc_state_parks_main_nav.png);
}

.mainNav ul
{
    margin: 0;
    display: none;
}
/*
.mainNav ul ul
{
    display: none;
}
*/
.mainNav ul li 
{
    width: 200px;
    height: auto;
    margin: 0;
    float: none;
    background: #AB540F;
    position: relative;
    z-index: 1;
}

.mainNav ul li a
{
    padding: 0;
    /*margin: 0 4px;*/
    height: auto;
    color: #F2E8CD;
    line-height: 20px;
}

.mainNav ul li a:hover
{
    background: none;
}

.mainNav ul li.subNavBottom 
{
    background: none;
    height: 4px !important;
    line-height: 1px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.0em;
}

.mainNav ul li.subNavBottom .bottomCenter
{
    display: block;
    margin: 0 4px;
    padding: 0 10px;
    background: #AB540F;
    height: 4px;
    position: relative;
}

.mainNav ul li.subNavBottom .bottomLeft
{
    display: block;
    width: 4px;
    height: 4px;
    background: url(/images/interior/sc_state_parks_int_dropdown_nav_cap_left.png);
    position: absolute;
    left: -4px;
}

.mainNav ul li.subNavBottom .bottomRight
{
    display: block;
    width: 4px;
    height: 4px;
    background: url(/images/interior/sc_state_parks_int_dropdown_nav_cap_right.png);
    position: absolute;
    right: -4px;
}

.mainNav ul li.navItem1 a
{
    background-image: url(/images/interior/sc_state_parks_int_dropdown_nav_footprint_bullet_1.png);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    padding: 0 10px 0 24px;
}

.mainNav ul li.navItem2 a
{
    background-image: url(/images/interior/sc_state_parks_int_dropdown_nav_footprint_bullet_2.png);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    padding: 0 10px 0 24px;
}

.mainNav ul li.navItem3 a
{
    background-image: url(/images/interior/sc_state_parks_int_dropdown_nav_footprint_bullet_3.png);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    padding: 0 10px 0 24px;
}

.mainNav ul li.navItem4 a
{
    background-image: url(/images/interior/sc_state_parks_int_dropdown_nav_footprint_bullet_4.png);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    padding: 0 10px 0 24px;
}

#topNavPark 
{
    width: 67px;
}

#topNavPark a.over,
#topNavPark a.at
{
    background-position: 0 -163px !important;
}

#topNavCamping 
{
    width: 97px;
}

#topNavCamping a.over,
#topNavCamping a.at
{
    background-position: -67px -282px !important;
}

#topNavThings 
{
    width: 70px;
}

#topNavThings a.over,
#topNavThings a.at
{
    background-position: -164px -401px !important;
}

#topNavHistoric 
{
    width: 71px;
}

#topNavHistoric a.over,
#topNavHistoric a.at
{
    background-position: -234px -520px !important;
}

#topNavEducation 
{
    width: 102px;
}

#topNavEducation a.over,
#topNavEducation a.at
{
    background-position: -305px -639px !important;
}

#topNavOur 
{
    width: 97px;
}

#topNavOur a.over,
#topNavOur a.at
{
    background-position: -407px -758px !important;
}

#topNavGroups 
{
    width: 76px;
}

#topNavGroups a.over,
#topNavGroups a.at
{
    background-position: -504px -877px !important;
}

#topNavPrograms 
{
    width: 91px;
}

#topNavPrograms a.over,
#topNavPrograms a.at
{
    background-position: -580px -996px !important;
}

#Search
{
    width: 206px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 2;
}

.tbPageSearch {
    width: 116px;
    height: 13px;
    padding: 0 4px;
    margin: 0;
    border: 1px solid #E0D394;
    float: left;
}

.btnPageSearch {
    width: 49px;
    height: 0;
    padding: 15px 0 0 0;
    overflow: hidden;
    display: block;
    background: url("/images/common/sc_state_parks_search_button.gif");
    border: none;
    float: left;
    cursor: pointer;
}

#midWraper 
{
    background: url(/images/common/sc_state_parks_content_bg_tile.gif);
}

#scLogo
{
    float: left;
    margin: 40px 0 0 40px;
}

#subFooter
{
    background: url(/images/common/sc_state_parks_footer_footprints.gif) no-repeat center 20px;
    text-align: center;
    padding: 65px 0 0 0;
    clear: both;
}

#subFooter a
{
    text-decoration: none;
    line-height: 14px;
}

#subFooter a:hover
{
    text-decoration: underline;
}

.subFooterCol
{
    float: left;
    text-align: left;
}

#subFooter-Col1
{
    width: 260px;
}

#subFooter-Col2
{
    width: 180px;
}

#subFooter-Col3
{
    width: 210px;
}

.subFooterCol .colHeader
{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px;
}

.subFooterCol ul
{
    list-style-type: none;
    margin: 0;
    padding: 6px 0 0 0;
}

#subFooterColWrapper
{
    width: 650px;
    margin: 0 auto;
    padding: 0 0 0 100px;
}

#footer 
{
    text-align: center;
    color: #F2E8CD;
    font-size: 11px;
    padding: 0 0 10px 0;
}

#footer a
{
    color: #F2E8CD;
    font-size: 11px;
    text-decoration: underline;
    padding: 0 5px;
}

#footer a:hover
{
    text-decoration: none;
}

#copyright
{
    text-align: center;
    font-size: 11px;
    color: #F2E8CD;
}