body { background-color:#08296C; font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:14px; min-width: 1024px; }

@font-face {
  font-family: Graublau Sans Web;
  src: url(../fonts/LithosPro-Black.otf) format("opentype");

}

object#intro { margin-top:-50px; }

.clear { clear:both; }

object#commercial {
	
}

ol li
{
	list-style-type:decimal !important;
}

#commercial {
	height:270px;
}

#parkmap
{
	width:700px;
	height:550px;
	margin:0 auto;
}

.news {
	display:block;
	width:400px;
	height:25px;
	margin-bottom:15px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;	
	background: url(../images/home-hotnews.jpg) no-repeat;
}

.video {
	display:block;
	width:400px;
	height:25px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;	
	background: url(../images/home-videos.jpg) no-repeat;
}

.video a {
	text-indent:-999em;
	display:block;
	width:100%;
	height:100%;
}

.hotnews {
	display:block;
	height:258px;
	padding-top:40px;
	background:url(../images/home-hotnews.jpg) no-repeat;
	text-align:center;
}

.coupon {
	display:block;
	height:180px;
	padding-top:30px;
	background:url(../images/home-coupons.jpg) no-repeat;
	text-align:center;
}

.facebook {
	display:block;
	height:170px;
	padding-top:40px;
	background:url(../images/facebook-background.jpg) no-repeat;
	text-align:center;
}

#pledges
{
	background:#ffffff;
	width:300px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;	
}

.zipitlist li
{
	margin-left:25px !important;
}
.zipithome a div
{
	background:#086f41;
	padding:5px;
	width:80%;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

.zipithome a:hover div
{
	background:#0071b5;
}

.shadow {
	-webkit-box-shadow: 3px 3px 5px #333333;
	-moz-box-shadow: 3px 3px 5px #333333;
	box-shadow: 3px 3px 5px #333333; 
}

.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

.roundtop {
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-radius-topleft: 5px; 
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-radius-topright: 5px; 
}

/*  ------------------------------  */
/*  TEXT STYLES                     */
/*  ------------------------------  */
.bold { font-weight:bold; }
.blue { color:#0071B5; }
.green { color:#006E40; }
.red { color:#ff0000; }
.yellow { color:#ffdd00; }
.silver { color:#cccccc; }
.black { color:#000000; }

.funky { font-family:Graublau Sans Web; font-weight:bold; }

.large { font-size:18px; }

.course-green { color:#1B5E2F; }
.course-blue { color:#33409A; }
.course-silver { color:#BFC4C9; }
.course-red { color:#DB1F27; }
.course-black { color:#000000; }
.course-yellow { color:#F9CB27; }

.black { color:#000000 !important; }
.red { color:#ff0000 !important; }

h1 { font-size:24px; font-weight:bold; color:#006E40; font-family:Graublau Sans Web, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; text-align:left; }
h2 { font-size:18px; font-weight:bold; color:#006E40; font-family:Graublau Sans Web, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; text-align:left; }
h3 { font-size:14px; font-weight:bold; color:#006E40; font-family:Graublau Sans Web, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; text-align:left; }

a { text-decoration:none; }

.divider { border-bottom:1px dotted #e7e7e7; margin-bottom:25px; }

.title { text-transform:uppercase; margin-bottom:0; }
.title-img { margin-bottom:20px; margin-top:-20px; }

.container {
	width:1024px;
	margin:0 auto;
}

.holder {
	width:100%;
	float:none;
}

.logo, object#logo { 
	width:375px;
	height:193px;
	position:absolute;
	top:0px;
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-999em;
	z-index:100;
}

.logo a, object a {
	display: block;
	width: 375px;
	height: 193px;
}

#header {
	height:125px;
}

#top-nav {
	height:45px;
	margin-bottom:15px;
}

.top-links {
	width:450px;
	height:100%;
	background-color:#8893b5;
	float:right;
	margin-top: 0;
	margin-right:50px;
	text-align:center;
	border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
}

#navbar {
	width:100%;
	height:60px;
	background-image:url(../images/wood-bg.jpg);
	background-repeat:repeat-x;
}

#nav-holder{
	height:60px;
	width:562px;
	float:right;
	margin-right:50px;
}

#nav li {
	display:inline;	
}

/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
ul.menu {
	list-style-type:none;
	margin-top:30px;
	float: left;
}
ul.menu li {
	display:block;
	height: 30px;
	float:left;
	position:relative;
}

ul.menu li a {
	display:block;
	height: 30px;
	float:left;
	color:#fff;
	text-decoration:none;
	background:url(../images/nav.png);
	text-indent:-999em;
}

ul.menu li a#parkinfo { width:103px; background-position:0 0; }
ul.menu li.current a#parkinfo, ul.menu li a#parkinfo:hover { width:103px; background-position:0 -30px; }
ul.menu li a#courses { width:96px; background-position:-103px 0; }
ul.menu li.current a#courses, ul.menu li a#courses:hover { width:96px; background-position:-103px -30px; }
ul.menu li a#tickets { width:86px; background-position:-199px 0; }
ul.menu li.current a#tickets, ul.menu li a#tickets:hover { width:86px; background-position:-199px -30px; }
ul.menu li a#media { width:83px; background-position:-285px 0; }
ul.menu li.current a#media, ul.menu li a#media:hover { width:83px; background-position:-285px -30px; }
ul.menu li a#shop { width:74px; background-position:-368px 0; }
ul.menu li.current a#shop, ul.menu li a#shop:hover { width:74px; background-position:-368px -30px; }
ul.menu li a#contactus { width:120px; background-position:-442px 0; }
ul.menu li.current a#contactus, ul.menu li a#contactus:hover { width:120px; background-position:-442px -30px; }

ul.menu li.drop a {
	
}
ul.menu li.drop:hover li {
	border:none;
}

ul.menu li.drop:hover, ul.menu li.current:hover {
	
}
ul.menu li.drop:hover ul {
	display:block;
	z-index:100;
	padding-bottom:8px;
}
ul.menu li ul {
	display:none;
	position:absolute;
	width: 150px;
	top:30px;
	left:0;
	list-style-type:none;
	margin:0;
	padding:9px 0 0 0;
	background-image:url(../images/btn-bg.png);
	background-repeat:repeat;
}
ul.menu li ul li {
	float:none;
	height: auto;
	margin:0;
	padding:0;
	border:none;
}
ul.menu li ul li a {
	float:none;
	background:none;
	margin:0;
	padding:0;
	display:block;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	height:auto;
	text-indent:0;
	margin:0;
	padding:4px 13px 4px 13px;
	font-weight:normal;
}

/* drop down menu hover styles */
ul.menu li:hover ul {
	border:none;
}
ul.menu li:hover ul * {
	background:none;
}
ul.menu li ul li:hover {
	background-image:url(../images/btn-bg-hover.png);
	background-repeat:repeat;
}


embed { float:left; width:100%;  }

#content {
	background-image:url(../images/content-bg.jpg);
	background-repeat:repeat-x;
	background-color:#00b9f2;
	float:none;
	clear:both;
}

#content p a.deleted { color:#ff0000; }
#content p a, #map a, .black a { color:#0071B5; border-bottom:1px dotted; }
#content p a:hover, #map a:hover, .black a:hover { color:#1B5E2F; border-bottom:1px dotted; }
#content .col2-set ul { margin-bottom:25px; }
#content .col2-set li { margin-left:50px; list-style-type:disc; }

.set h1:hover { background-color:#e7e7e7; }

.top-border {
	width:920px;
	height:50px;
	margin:0 auto;
	background-image:url(../images/nophoto-shadow.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
}

.content-box {
	width:824px;
	min-height:200px;
	margin:0 auto;
	padding:25px 100px;
	background-image:url(../images/content-box-bg.png);
	background-repeat:repeat-y;
	text-align:justify;
	clear:both;
}

.content-box.overlay {
	width:924px;
	min-height:400px;
	padding:25px 0 25px 100px;
}

a.image, a.image:hover {
	border:none;
}

#slideshow {
	width: 1024px;
	height: 410px;
	overflow: hidden;
	position: relative;
}

#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 1024px;
	height: 410px;
	z-index:2;
}

.main-photo {
	margin-bottom:-3px;
}

/* Content Columns */
.col2-set.full { width:824px; }
.col2-set .col-1 { width:49%; float:left; }
.col2-set .col-2 { width:49%; float:right; }
.col2-set .narrow { width:35%; }
.col2-set .wide { width:60%; }

.left { float:left; }
.right { float:right; clear:none; }

.col3-set .col-1 { width:32%; }
.col3-set .col-2 { width:32%; margin-left:2%; }
.col3-set .col-3 { width:32%; }

.col4-set .col-1 { width:23.5%; }
.col4-set .col-2 { width:23.5%; margin:0 2%; }
.col4-set .col-3 { width:23.5%; }
.col4-set .col-4 { width:23.5%; }

#navbar-footer {
	width:100%;
	height:80px;
	background-image:url(../images/footer-wood-bg.png);
	background-repeat:repeat-x;
	clear:both;
}

.footer {
	width:920px;
	height:50px;
	margin:0 auto;
	text-align:center;
}

#navbar-footer .links {
	width:920px;
	margin:0 auto;
	text-align:right;
	height:30px;
	padding-top:15px;
	padding-right:20px;
}

#navbar-footer .links a {
	margin-left:15px;
}

#map {
	width: 300px;
	height: 300px;
	margin:0 0 20px 20px;
	float:right;
	border: 2px solid #006E40;
	text-align:center;
}
#special p a {
	color:#ffffff;
}
/*  ------------------------------  */
/*  PHOTO & VIDEO GALLERY           */
/*  ------------------------------  */
.feature {
	background:url('../images/loading.gif') no-repeat center center;
	height:433px;
	text-align:center;
	margin:0 auto 20px auto;
}

#video_feature {
	width:320px;
	height:240px;
	margin:0 auto 20px auto;
}

.gallery {
	width:100%;
	overflow:hidden;
}

.thumbnails {
	width:650px;
	text-align:center;
	margin:0 auto 100px auto;
}

.thumbnails a {
	width:91px;
	height:66px;
	padding:5px;
	border:2px solid #ddd;
	display:block;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.thumbnails a.last {
	margin-right:0;
}

.thumbnails a:hover, .thumbnails a.current {
	border:2px solid #00b9f2;
}

.pikachoose{width:650px;text-align:center;margin:0 auto;}
/* This is the ul you have all your images in */
.pikachoose ul{width:525px;padding-left:0;margin:0 auto;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #00b9f2;background:#777;margin:5px;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:650px;height:440px;display:block;position:relative; margin:0 auto;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/gallery/icons/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/gallery/icons/pause.png') top center no-repeat;}

.pika_navigation { display:none; }
.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../images/gallery/icons/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../images/gallery/icons/fastf.png') top right no-repeat;}

/*  -------------------------------  */
/*  FORMS                            */
/*  -------------------------------  */
.floater { /*  Used as a parent div for the form so it doesn't overlap the footer  */
	width:100%;
	overflow:hidden;
}

.formHolder {
	width:450px;
	background:#f9f9f9;
	border:1px solid #e7e7e7;
	margin:0 auto;
	padding:20px;
}

.pledgeForm
{
	width:350px !important;
	padding:0 !important;
}

#download_form {
	width:300px;
}

.formHolder label {
	width:250px;
	display:block;
	float:left;
	text-align:left;
}

.formHolder h1 {
	text-align:center;
}

.formHolder input, .formHolder textarea, .formHolder select {
	clear:both;
	width:250px;
	margin-bottom:10px;
	border:1px solid #999999;
	padding:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size:10px;
}

.formHolder input:focus, .formHolder textarea:focus {
	background:#e7e7e7;
}

.formHolder input[type=submit] {
	background:#006E40;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
}

.alertbad { text-align:left; border:1px dashed #f16048; background-color:#faebe7; color:#df280a; width:85%; padding:10px; margin-bottom:10px; }
.alertgood { text-align:left; border:1px dashed #446423; background-color:#eff5ea; color:#3d6611; width:85%; padding:10px; margin-bottom:10px; }