﻿body { background: #38301d; margin: 0; font-size: .9em; font-family: Times New Roman, Serif }
div#all { width: 963px; margin: 0 auto }
div#hd { position: relative; height: 80px; }
#logo { margin: 0; position: absolute; top: 0; left: 24px; z-index: 1; }

/* top menu */
div#hd ul { float: right; z-index: 1; position: relative; margin-top:25px; margin-left: 14px; padding-top: 0; padding-left: 14px } 
div#hd li { list-style-image: url(../images/hd/top-nav-li.gif); padding: 0 2px; margin: 0 }
div#hd li.selected { background: #8a4512 }
div#hd li a { text-decoration: none; text-transform: uppercase; color: #bfbba9; font-size: 11px }

/* main menu */
div#mn { background: #292315; text-transform: uppercase; color: #bfbba9; font-size: 11px !important; padding-left: 9px; clear: both; }
ul#nav { margin: 0; padding: 0; height: 58px }
ul#nav li { display: inline; float: left; margin-right: 1px; padding: 10px 13px 15px 13px; line-height: 13px }
ul#nav li div { padding-top: 7px }
ul#nav li a { text-decoration: none; color: #bfbba9; padding-top: 3px }
div#mn li.selected { margin-top: -3px; background: #8a4512; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px }
div#mn li.selected div { border-top: 3px double #935424 } 

/* search */
form { display: inline }
div#search { color:#BFBBA9; float:right; font-size:11px; margin:25px 0 0 35px; text-transform:uppercase; }
div#search div { margin-bottom: 4px }
div#search input { vertical-align: middle; color: #8f8f8f } 
input.q { width: 130px; margin: 2px 4px 0 0 }

/* body */
div#bd { background: #292315; padding: 0 9px 9px 9px  }
div#banner { border-bottom: 9px solid #292315 }

/* text */
h1 { font-size: 150%; text-transform: uppercase }
h2 { font-size: 130%; font-weight: normal; text-transform: uppercase }
h3 { font-size: 110%; font-weight: normal; text-transform: uppercase }

/* informational */
div.info-bg { color: #4c4b46; background: #f1eee7 }
div.info-bg-l { background: url(../images/info_bg_l.gif) repeat-y }
div.info-bg-r { background: url(../images/info_bg_r.gif) repeat-y }
div.info-bg-lr { background: url(../images/info_bg_lr.gif) repeat-y }
div#info-t { padding: 12px 0; border-bottom: 1px solid #dcd5c5; font-size: 90% }
div.info-l { float: left; width: 211px }
div.info-m { float: left; width: 944px }
div.info-m-l { float: left; width: 733px; overflow: hidden; }
div.info-m-r { float: left; width: 724px }
div.info-m-lr { float: left; width: 513px }
div.info-r { float: left; width: 220px }
div#tt {  border-bottom: 1px solid #dcd5c5; padding: 20px 28px }
div#tt h1 { margin: 0; color: #844010; font-size: 180%; font-weight: normal; text-transform: uppercase; letter-spacing: .1em }
div#content { padding: 20px 28px }
div#content p:first-child { margin-top: 0 }
div#content p { line-height: 130% }
div#content a { color: #8B4512 }
div.col-title { padding-left: 18px; color: #844010; font-weight: bold; font-size: 90% }
div#breadcrumb { padding: 0 29px } 
div#breadcrumb a { font-style: italic; text-decoration: none; color: #4c4b46 }
div#breadcrumb a:hover { text-decoration: underline }
div#gallery { padding: 10px 0 17px 10px }
div#gallery img { margin: 7px 0 0 7px }
div.gallery-desc { font-style: italic; margin-top: 8px }

/* experiential */
div#exp-nav-cont { width:100%; overflow: hidden; margin-left: -10px}
div#exp-content { width: 885px; overflow: hidden; padding: 20px 30px; color: #4f493d; background-color: #f1eee7; border-bottom:9px solid #292315; }
div#exp-content h1 { font-size: 150%; margin-top: 0; font-weight: normal; text-transform:none;}
div#exp-content-l {width:678px;float:left;}
div#exp-content-l h1{color:#000}
div#exp-content-l p{margin:.5em 0}
div#exp-content-l a{color:#8A4512;text-decoration:none;}
div#exp-content-l hr {color:#dcd5c5;background-color:#dcd5c5;border:0;height:1px;width:100%;padding:0;margin:0}
div#exp-content-1 ul li { padding: 0 20px; }
div#exp-content-l ul.exp-nav { margin: 0 30px 30px 0; padding: 0; list-style:none; width: 175px ; float: left}
div#exp-content-l ul.exp-nav a { padding: 0 10px; color: #4f493d; text-decoration: none; font-size: 13px; height: 20px; line-height:20px; display: block}
div#exp-content-l ul.exp-nav li a:hover, ul.exp-nav li.selected a { color: #fff; background-color: #99917f }
div#exp-content-l ul.exp-nav li { border-bottom: #dcd5c5 dotted 1px }
div#exp-content-l ul.exp-nav li.first { padding: 0 10px; border-bottom: #dcd5c5 solid 1px; color: #8a4512; text-transform: uppercase; font-size: 14px; height: 30px; line-height:30px; }
div#exp-content-l ul.exp-nav li.last { border-bottom:0 none }
div#exp-content-r { float: right; width: 180px; overflow: hidden; }
div#exp-content-r ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
div#exp-content-r ul li { border-bottom: #dcd5c5 dotted 1px; padding: 0; margin: 0; }
div#exp-content-r ul li:last-child { border-bottom: 0 }
div#exp-content-r ul a { padding: 0 10px; color: #4f493d; display: block; width: 175px; line-height: 27px; text-decoration: none }
div#exp-content-r ul a:hover, div#exp-content-r ul a.active { background-color: #99917f; color: #fff }
#social-networking-links { border: 0; margin-left: 10px; }
/* tree */
.node { width: 100%; padding: 3px 2px 3px 0 }
.node a { text-decoration: none; color: #4c4b46 }
.nodeselected a { color: #844011 }
.level1 { padding: 10px 0; text-transform: uppercase; border-bottom: 1px solid #dcd5c5 } /* last border for IE6 */
.level2,.level3,.level4,.level5 { border-bottom: 1px dotted #ddd5c8 }
.tv { width: 211px }
.tv > table tr td { background: #e9e5dA; border-bottom: 1px solid #dcd5c5 }

/* splash */
div.intro { width: 945px; height: 352px }
div#special-event { border: 1px solid #66614e; padding: 3px 19px; margin-top: 8px; color: #f1eedb; line-height: 200% }
div#special-event h1 { display: inline; font-size: 90%; font-weight: normal; padding: 3px 15px 3px 0; margin-right: 15px; border-right: 3px double #66614e; }
div#special-event p { margin: 0; display: inline; font-size: 90%; font-style: italic }
div#special-event a { color: #f1eedb; font-weight: bold; text-decoration: none }
div#special-event a:hover { text-decoration: underline } 

/* plan your visit */
#ctl00_ctl00_cp_plan_your_visit, #ctl00_ctl00_cp_history_explorer{width:320px;float:left;text-decoration:none;margin:15px 10px 20px;color:#4F493D;display:block}
#ctl00_ctl00_cp_plan_your_visit{margin-left:0}
#ctl00_ctl00_cp_plan_your_visit strong, #ctl00_ctl00_cp_plan_your_visit h2,#ctl00_ctl00_cp_history_explorer strong,#ctl00_ctl00_cp_history_explorer h2{color: #844010}
#ctl00_ctl00_cp_plan_your_visit strong, #ctl00_ctl00_cp_history_explorer strong{font-size:12px}
#ctl00_ctl00_cp_plan_your_visit h2,#ctl00_ctl00_cp_history_explorer h2{font-weight:normal;margin-bottom:10px}
#ctl00_ctl00_cp_plan_your_visit p, #ctl00_ctl00_cp_history_explorer p{margin:.5em 0;color:#4F493D;}
#ctl00_ctl00_cp_plan_your_visit img, #ctl00_ctl00_cp_history_explorer img{vertical-align:top;margin:0 12px}

/* prefooter */
div#prefooter { padding:20px 30px;border:width: 943px; overflow:hidden; height: 150px; border: 1px solid #5a503b; color: #f1eedb; width: 883px}
div#prefooter a { color: #decc78; text-decoration: none}

div#prefooter div.section-header,div#prefooter div.section-body,div#prefooter div.section-footer{width:100%;overflow:hidden}
div#prefooter div.section-header{}
div#prefooter div.section-body{}
div#prefooter div.section-footer{}

div#events,div#prefooter #prefooter-divider,div#feature-container1,div#feature-container2{float:left;}
div#prefooter #prefooter-divider { width:1px; height:133px; border:0; background-color: #4d4738; margin-top: 11.5px}

div#events,#prefooter-divider,div#feature-container{margin-right:20px}

div#events{width:410px;}
div.feature-container { width:205px; overflow:hidden; }
div.feature-container span { text-transform:uppercase; color: #F1EEDB; }
div#feature-container2{margin-left:20px}
div.feature-container img{display:block;height:120px;margin:8px 0 0;width:200px;}

#ctl00_ctl00_cp_lblEvents{text-transform:uppercase;float:left;}
a#ctl00_ctl00_cp_lbCalendar{float:right}
a#ctl00_ctl00_cp_lbViewEvents {clear:both;float:right}

ul#events-list {width:100%;clear:both;margin:0;list-style: none;padding:10px 0 0 0}
ul#events-list li{margin:0;padding:0}
ul#events-list li span {display: block; float:left}
ul#events-list li a{ clear:both; margin-left:75px; }
ul#events-list li .date {width: 75px}
ul#events-list li .description {width: 335px; height:1.2em; overflow:hidden; text-overflow:ellipsis;}

/* footer */
div#ft {  padding: 12px 9px; font-size: 90%; color: #f1ead7; background: #38301d }
div#ft a { color: #f1ead7; text-decoration: none }
a.ft-bt { background: #8B4512 url(../images/ft_bt_icon.gif) no-repeat 7px; padding: 6px 7px 6px 25px; margin-right: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
span#links { margin: 0 10px 0 19px }
span#links a {  padding: 0 6px }
div#links-r { float: right; text-align: right; }

/* misc */
a img { border: 0 }
form { margin: 0 }
.clear { clear:both }
p#schedules { font-style: italic }
div#travel-info { float: right; margin: -20px 0 0 15px; padding: 15px; border-left: #dcd5c5 1px solid; width: 250px }
div#travel-info h3 { font-size: 100%; display: block; border-bottom: 1px dotted #dcd5c5; padding-bottom: 5px; margin-bottom: 5px }
div#travel-info h3:first-child { margin-top: 0 }
a.virtualtours { width: 123px; height: 55px; background: url(../images/virtualtours.gif); text-decoration: none; float: right; display: block; margin: 0 20px 10px 20px }
a.virtualtours:hover { background: url(../images/virtualtours_d.gif) }

/*calendar*/
table.calendar{width:100%;}
table.calendar-tt{height:40px;font-family:"Times New Roman",serif;font-size:15px}
table.calendar-tt td{background:url(../images/h1_bg.gif) repeat-x bottom;color:#fff;font-family:Arial;font-size:15px;font-weight:700;height:20px;text-transform:uppercase}
table.calendar-tt a{margin: 0 10px}
table.calendar th{border:none;color:#fff;background-color:#c6c0b4;font-family:"Times New Roman",serif;font-size:7pt;font-weight:700;padding:0 6px;text-align:center;text-transform:uppercase;line-height:3em}
td.calendar-day,td.calendar-selected-day{height:90px;padding:6px;text-align:left;vertical-align:top}
table.calendar th,td.calendar-day,td.calendar-selected-day,td.calendar-other-day{border:1px solid #bcb6a9;}
td.calendar-day a,td.calendar-selected-day a{color:#8a4512;text-decoration:none;display:block;margin:.5em 0;font-weight:bold}
table.calendar a{font-size:11px}
table.calendar a.day-link { color: #3f3f3f; font-size: 8px; }
table.calendar a.day-link img { padding-right: 5px; vertical-align: middle; }
table.calendar-tt a{font-size:14px;text-decoration:none}
table.calendar a:hover{text-decoration:none}
table.calendar .date-cont-other{display:none}
table.calendar *,table.calendar .date-cont{color:#5c5543;font-size:11px;font-weight:bold;font-family:Arial,sans-serif}
#calendar-view-all-events-link{margin:20px 0;display:block;width:181px;height:27px}
/* calendar popup */
div#doc-popup { font-family: "Times New Roman", Serif; position: absolute; top: 0; left: 0; border: 1px solid #cdcccc; background: #fff; z-index: 100; padding: 14px; width: 300px; display: none; font-size: 12px; }
img#doc-popup-close { float: right; cursor: pointer; margin: -8px -8px 0 0; }
img#doc-popup-callout { position: absolute; top: 8px; left: -12px; }
div#doc-popup h2{color:#8a4512;margin:0;padding-bottom:3px;font-size:23px;}
div#doc-popup p { margin-top: 10px; }
div#scroll { max-height: 300px; padding: 0 10px 5px 0; margin-top: 10px; overflow: auto; }
.view-gallery-link{color:#8a4512;text-decoration:none}
/* event list */
#event-list{margin-top:20px;}
.event-list-park-header{color:#f1eee7;background-color:#99917f;font-size:16px;height:34px;line-height:34px;text-transform:uppercase;margin-bottom:11px}
.event-list-park-header span{float:left}
.event-list-date-header{color:#8a4512;background-color:#c5bfb3;font-weight:bold;font-size:16px;height:34px;line-height:34px}
#event-list a,.event-list-title,.event-list-date,ul.park-event-list li .time{color:#8a4512;}
.event-list-title,.event-list-date{font-size:15px;line-height:15px}
.event-list-date{float:right}
.event-list-description{clear:both;font-size:12px}
ul.park-event-list{list-style:none;padding:0;margin:0;margin-bottom:15px}
.event-list-park-header,.event-list-date-header{padding:0 12px}
ul.park-event-list li{padding:12px}
ul.park-event-list li.alternate{background-color:#e4e0d8}
ul.park-event-list li{overflow:hidden}
ul.park-event-list li .time {float:left;width:120px;text-transform:lowercase}
ul.park-event-list li .time img { vertical-align: top; margin-right: 12px; }
ul.park-event-list li .description {float:left; width:534px; }
#event-list-paging{text-align:right;color:#8a4512;}
#event-list-paging input{vertical-align:middle}

ul.event-list-dropdown{z-index:100;list-style:none;background-color:#fff;padding:5px;position:absolute;left:-100px;top:-12px; width:150px;}
ul.event-list-dropdown a{line-height:2em;padding:0 6px;display:block;color:#8A4512;text-decoration:none}
ul.event-list-dropdown a:hover{background-color:#F1EEE7}

a.calendar_view_button{margin:8px 0;float:right;display:block;width:108px;height:18px;background-image:url(/images/event_list_calendar_view_button.gif)}
a.calendar_view_button span{position:absolute;left:-9999px}

.button-container{float:left}
.print-button{font-family:Arial,San-Serif;float:right;}
.print-button:hover{cursor:pointer}
.print-button span{font-weight:bold;font-size:11px}
.print-button img{vertical-align:middle;width:18px;height:14px}

#calendar-header{width:100%;overflow:hidden;margin-bottom:10px}

table.paypal-cont { border-collapse:collapse; width: 677px; padding-right: 20px; margin-right: 36px; margin-bottom: 30px; }
table.paypal-cont th,
table.paypal-cont td { padding-left: 35px; padding-right: 20px; }
table.paypal-cont th { padding-bottom: 6px; color: #844010; text-transform: uppercase; font-size: 19px; font-weight: normal; text-align: left; }
table.paypal-cont td { vertical-align: top; }
table.paypal-cont th.first,
table.paypal-cont td.first { padding-left: 0; }
table.paypal-cont td.first { width: 250px; }
table.paypal-cont th.last,
table.paypal-cont td.last { border-left: 1px solid #dcd5c5; }
div#content table.paypal-cont p { line-height: 18px; margin-bottom: 14px; }
