* {outline:none;}
span.form-required {
    color: #ffae00;
}

span.submitted, .description {
    font-size: 0.92em;
    color: #898989;
}

#main-content {
	width:680px;
	margin-left:275px;
	margin-right:170px;
}

#main-content div.clear-block {
	width:100%;
}

.description {
    line-height: 150%;
    margin-bottom: 0.75em;
    color: #898989;
}

.messages, .preview {
    margin: .75em 0 .75em;
    padding: .5em 1em;
}

.messages ul {
    margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
    margin: 0.25em 0;
}

#center form {
    margin-bottom: 2em;
}

#dblog-form-overview .form-submit, .confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit {
    margin: 0;
}

.box {
    margin-bottom: 2.5em;
}


.block .content {
    margin: 0.5em 0;
}

#sidebar-left .block-region {
    margin: 0 15px 0 0px; /* LTR */
}

#sidebar-right .block-region {
    margin: 0 0px 0 15px; /* LTR */
}

.block-region {
    padding: 1em;
    background: transparent;
    border: 2px dashed #b4d7f0;
    text-align: center;
    font-size: 1.3em;
}


/**
 * Autocomplete.
 */
#autocomplete li {
    cursor: default;
    padding: 2px;
    margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #d9eaf5;
    background: #fff;
}

/* Targets IE 7. Fixes background image in field sets. */ *:first-child + html fieldset {
    padding: 0 1em 1em;
    background-position: 0 .75em;
    background-color: transparent;
}
*:first-child + html fieldset > .description, *:first-child + html fieldset .fieldset-wrapper .description {
    padding-top: 1em;
}

fieldset legend {
    /* Fix disappearing legend in FFox */
    display: block;
}
*:first-child + html fieldset legend, *:first-child + html fieldset.collapsed legend {
    display: inline;
}

html.js fieldset.collapsed {
    background: transparent;
    padding-top: 0;
    padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
    padding-left: 2em; /* LTR */
    background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
    background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}


/********** BEGIN VISTAWORKS STYLES **********/

body {
	margin:0;
	padding:0;
	background:#584b1f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#container {
	margin:0 auto;
	background: url(images/site-bkg.jpg);
	repeat-y;
	width:988px;
}

#header {
position:relative;
	margin:0 auto;
	width:947px;
height:164px;
	background: url(images/header.jpg) no-repeat;
}
.headerlink {
	float:left;
	width:351px;
}

#firstmenu a {
	color:#411709;
	font-weight:bold;
	text-decoration:none;
}

/* first menu */

#navcontainer {
	float:left;
	width:650px;
}
#navcontainer ul 
{
margin-left: 0;
margin-top: 30px;
padding-left: 20px;
white-space: nowrap;
font-size:16px;

}

#navcontainer li
{
display: inline;
list-style-type: none;

}

#navcontainer a { font-weight:bold; padding: 3px 7px 1px 7px; }

#navcontainer a:link, #navcontainer a:visited
{
color: #762307;
font-weight:bold;

text-decoration: none;
}

#navcontainer a:hover, #navcontainer a.active 
{
color: #584b1f;
border-bottom: 2px solid #584b1f;
}

/* right floated weather and email */
#weatherbox {
	float:right;
	font-size:11px;
	color:#f8f3ec;
	padding-top: 10px;
	padding-right:10px;
	margin-top:5px;
	width:340px;
}

.weatherlink {
padding-right:55px;	


}

/* right floated  download brochure */
#brochurebox {
	float:right;
	width:250px;
}
#brochurebox a, #brochurebox a:visited {
	color:#f8f3ec;
	text-decoration:none;
}
#brochurebox a:hover {
	color:#fbb450;
}

/* second menu */

#secondnavcontainer {
background: url(images/2nd-menu.jpg) no-repeat;
height:31px;
margin:0 auto;
width:947px;
padding: 4px 0 10px 0;

}
#secondnavcontainer ul
{
margin-left: 0;
white-space: nowrap;
font-size:15px;
text-align:center;

}

#secondnavcontainer li
{
display: inline;
list-style-type: none;

}

#secondnavcontainer a { font-weight:bold; padding: 0 11px;
}

#secondnavcontainer a:link, #secondnavcontainer a:visited
{
color: #fff;
font-weight:bold;

text-decoration: none;
}

#secondnavcontainer a:hover, #secondnavcontainer a.active
{
color: #f29827;
border-bottom: 2px solid #f29827;
}


/* main portion of site */

#mainarea {
	margin:0 auto;
	background: url(images/main-bkg.jpg) repeat-y;
	width:917px;
	padding:5px 15px;
}



/* yellow boxes on home page */
#yellowfloat {
	float:left;
	width:690px;
}
.yellowbox {
	background: url(images/yellow-box.jpg) no-repeat;
	width:206px;
	height:292px;
	padding: 20px 10px 5px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;

}

/* box for events calendar */
#eventsbox {
	float:right;
	background: url(images/calendar-box.jpg) no-repeat;
	height:235px;
	padding: 52px 10px 5px 10px;
	color:#fff;
	margin-top:2px;
	width:190px;
}

#eventsbox a, #eventsbox a:visited {
	color:#fff;
}

#eventsbox a:hover {
	color:#f29827;
}

#footerimg {
	margin:0 auto;
	width: 947px;
	background: url(images/footer.jpg) no-repeat;
	height:21px;
	padding:0;
}

#footertxt {
	margin:0 auto;
	/*width: 947px;*/
	color:#fbb450;
	text-align:center;
	padding-bottom:25px;
	min-height:100px;
}

#footertxt ul {
	margin-left: 0;
font-size:14px;
text-align:center;
}



#footertxt li
{
display: inline;
list-style-type: none;
border-right: 1px solid #fbb450;
padding: 0 10px;
margin:10px 0;
}

#footertxt li.last {
	border:none;
}

#footertxt a, #footertxt a:visited {
	color:#fbb450;
}
#footertxt a:hover {
	color:#fff;
}


#rotatingpic {
	padding:0;
	margin:0 auto;
	background: url(images/rotating-bkg.jpg) repeat-y;
	width:947px;
	position:relative;
	height:365px;
}

#rotatingpic div {
	position:absolute;
	top:0;
	width:947px;
}

#rotatingpic div.wrapper {
	left:6px;
}

#rotatingpic div.caption {
	border:2px solid #000;
	background: transparent url(images/caption-background.png) repeat top left;
	color: #fff;
	width:auto;
	height:20px;
	padding:10px;
	position:absolute;
	right: 5px;
	top: 275px;
	margin:20px;
}

#rotatingpic div.caption a:link, #rotatingpic div.caption a:visited, #rotatingpic div.caption a:hover, #rotatingpic div.caption a:active {
	color:#fff;
}

#campground-tabs {
	width:100%;
}

tbody {
	border:none;
}
/*
#video-button-wrapper {
	position:relative;
	top:164px;
	left:-345px;
	z-index:50;
}
*/

.tips {
	display:none;
}

#footer-logo-wrapper {
	float:right;
	margin-right:30px;
	margin-bottom:30px;
}

#footer-logo-wrapper img {
	padding:5px;
	background-color:#fff;
}

#search-wrapper {
	position:relative;
	top:35px;
	left:655px;
	z-index:51;	
	width:300px;
	height:75px;
}

.clear-block {
	display:inline-block;
}

.input-light {
	font-style: italic;
	color:#666;
}

.submit {
	background:#fff; 
	color:#000; 
	border:1px solid #999; 
	font-weight:bold;
}

#right {
	float:right;
	width:276px;
	margin-bottom:15px;
	margin-left:10px;
}

.content, .block .content {
	margin:0;
}

.map-bubble-image {
	float:left;margin-right:10px;margin-bottom:10px;
}

.map-bubble-image img {
	border:1px solid #ccc;
	padding:2px;
}

.views-table td {
	padding: 10px;
}

#directions-from-address {
	color:#666;
	font-style:italic;
	font-size:1.1em;
	padding:5px;
}

#campground-tabs table td {
	padding:5px 15px;
	vertical-align: top;
}

.ui-tabs .ui-tabs-hide {
	position:absolute;
	display:block !important;
	left:-10000px;
}

#tabs-map {
	width:890px;
}

#map-tab {
	width:890px;
}

.ui-tabs-nav a {
	font-weight:bold;
}

.views-field-address {
	width: 150px;
}

.views-field-field-phone-value {
	width:125px; 	
}

.ui-widget .gmap {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.calendar-calendar div.date-nav {
	width:100%;
}

#edit-submit-map, #edit-submit-things-to-do, #edit-submit-calendar {
	display:none;
}

#brochurebox, #weatherbox {
	z-index: 100;
}

#weatherbox form, .weatherlink {
	z-index:100;
}

#search-block-form {
	z-index:52;
	height:75px;
}

#gmap-auto2map-gmap0 .views-field-teaser {
    max-width:350px;
}

a.viewmobile {color: #FFFFFF;text-decoration:none;}
a.viewmobile:hover {color: #FFFF00;}

/* START VIDEO ================ */

.clear{clear:both;}

#videowrapper {
    background-color: transparent;
    height: 97px;
    /*overflow: hidden;*/
    padding: 0;
    position: absolute;
    left: -34px;
    text-align: right;
    top: 155px;
    width: 205px;
    z-index: 20;
}

#video-button-wrapper {
    position: absolute;
	z-index:10;
    left: 0;
    top: 0;
}
#video-button-wrapper a{
    display:block;
    width:205px;
    height:97px;
}

div#video-button-wrapper.closed{
z-index:-1;
}
div#video-button-wrapper.open{
z-index:10;
}

#videoholder {
position:absolute;
left:0;
top:7px;
width:0px;
height:0px;
background:transparent url('images/video_wrapper_background.png') no-repeat top left;

    
	/*
    color: #666666;
    font-size: 2em;	
	 text-align: center;
	font-style: italic;
    height: 275px;
	
    */
/*	line-height: 280px;*/
   
}
#videoholder.open {
z-index:10;
}
#videoholder.closed {
z-index:-1;
}
#videowrapper.open{
background-color:black;
}
/*
#videowrapper.closed #videomenu {
    display: none;
}
*/
#videowrapper #videomenu {
    display: none;
	margin-top: 10px;
	margin-left:7px;
}



.video-thumbnail-wrapper {
    float: left;
    margin: 5px 6px 3px;
    position: relative;
	width:135px;
	text-align:center;
}
.video-thumbnail-wrapper a{
font-size:14px;
line-height:normal;
display:block;
width:135px;
height:100%;
}

#videomenu img.thumbnail {
    padding:1px;
    border:1px solid #1A1A1A;
	height:98px;
}

#videoholder a:link, #videoholder a:visited{
    color:#fff;
	text-decoration:none;
}
#videoholder a:hover, #videoholder a:active {
color:#FED960;
}



#videoholder a:link.playing, #videoholder a:visited.playing, #videomenu a:hover.playing, #videomenu a:active.playing {
    color:#A0A0B2;
	font-style:italic;
}

div#bs_close_video_button{
position:absolute;
right:10px;
top:10px;
display:none;
line-height:0;
}
div#bs_close_video_button a{
display:block;
width:16px;
height:16px;
}
div#video_play_holder{
margin:10px;
margin-top:30px;
width:434px;
height:244px;
color: #666666;
text-align: center;
font-style: italic;
border:1px solid #1A1A1A;
display:none;
}


.status-image {
    left: 50px;
    position: absolute;
    top: 32px;
}

/* START Video List Page ============ */
div.bs_video_list_single {
margin:0 6px 15px 0;
position:relative;
}
div.bs_video_list_single a{
display:block;
width:100%;
height:100%;
text-align:center;
border:1px solid white;
}
div.bs_video_list_single a:hover{
border:1px solid red;
}
div.bs_video_list_single .play-image{
position:absolute;
z-index:2;
top:38%;
left:42%;
}

p#bs_videos_page{display:none;}

/* For some reason the video was loading
"small"... in the colorboxy. This code
fixes that */
#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}