@import url("layout/reset.css");
@import url("layout/text.css");
@import url("layout/grid.css");

html {
    overflow-y: scroll
}

html, body {
    height: 100%
}

body {
    color: #333333;
    font: 62.5% "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    /* background:#2b5571 url(/img/bg.jpg) top repeat-x */
    background: #294a64 url(/img/bg.png) top repeat-x
}
label {
    display: block
}
p, h1, form, button{border:0; margin:0; padding:0;}
a {
    text-decoration: none
}
.normalText {
    font-size: .7em;
    font-weight: normal
}
a, a:visited, a:active {
    color: #fff
}
a:hover {
    text-decoration: underline
}
.gallery {width: 918px}
#main a {
    color: #666666
}
#main a:hover {
    text-decoration: underline
}
#main .history {
    margin: 10px 0
}
img{
    border:none
}
.disclaimer {
    color: red;
    display: block;
    margin-top: 10px
}
.italics {
    font-size: .8em;
    font-style:italic
}
.rightJustify {
    text-align: right
}
.altRowBack {
    background-color: #edeeee
}
.hide {
    display: none
}
#container {
    min-height: 100%;
    height: auto !important;
    position: relative;
    margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}
.imgBorder {
    border: 1px solid #E5E5E5;
}
#logo {
    background: url(/img/chs.png) -19px -16px;
    height: 125px;
    margin-top: 15px;
    width: 281px   
}
#weather
{
    color: #fff;
    font-size: 1.2em;
    margin-top: 15px;
    position: relative;
    right: -418px;
    text-align: right;
    top:-8px;
    width: 220px;
}
.wImage {
    float: left
}
.wCurrentTemp {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0;
    padding: 6px 0 0 0
}
.wFeels {
    margin: 0;
    font-size: 1em;
    font-style: italic;
}
.wForecast {
    margin-top: 5px    
}
#contentWrapper {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 20px;
    text-align: justify
}
#contentWrapper h5 {
    margin-bottom: 10px;
    margin-left:0
}
#contentWrapper li {
    color: #c7c7c7
}
#contentWrapper li {
    margin-left: 15px
}
#main {
    background: #F7F7F7;
    border: 1px solid #E5E5E5;
    color: #333333;
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: 20px;
    min-height: 300px;
    padding: 10px
}
#main h4, #main h5 {
    color: #666666;
}
#main h4 {
    font-size: 1.4em
}
#main h5 {
    font-size: 1.2em
}
#banner {
    margin-top: 15px;
    margin-bottom: 20px;
}
#banner ul, #banner li{
	margin:0;
	padding:0;
	list-style:none;
	}
#banner, #banner li{
	/*
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/
	width:940px;
	height:383px;
	overflow:hidden;
	}
#recentTweets, #specialOffers, #upcomingEvents {
    height:auto;    
    min-height: 175px !important;
    width: 300px
}
#recentTweets,#specialOffers {
    padding-right: 5px
}
#facebook img {
    height: 18px;
    width: 18px
}
#twitter img {
    height: 20px;
    position: relative;
    top: 1px;
    width: 20px
}
#facebook:hover, #twitter:hover {text-decoration: none}
#upcomingEvents {
    margin-left: 10px;
}
#calendarWrapper {
    margin-top: 15px
}
#hoursTable, #campingTable {
    width: 100%
}
#hoursTable td, #campingTable td {
    padding: 5px 0
}
#hoursTable h5, #campingTable h5 {
	margin-bottom: 0;
	padding-bottom: 0
}

#waterslideHours h5 {font-size: 1em}
#waterslideHours p {font-size: .9em}
.map {
    width: 918px !important
}
.campingDislaimer {
    color: red;
    font-size: .8em
}
#campingRules li {
    color: #333;
    padding: 5px 0
}
.borderR {
    border-right: 2px solid #234058;    
    margin-right: 3px /* border + margin = 10px */
}
.contactHeading {
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 0
}
fieldset {
	margin-top: 15px
}

fieldset legend {
	font-weight: bold;
        padding-bottom: 5px
}

input, textarea {
	padding: 3px;
}

label {
	cursor: pointer;
}

.block {
	display: block;
}
#send {
	background: #E5E5E5;
	padding: 5px 10px;
	border: 1px solid #0F1620;
	font-size: 1.2em;
	color: #666666;
	
}
.formConfirm {
    color: red;
    height: 200px;
    margin-top: 20px
}
#error {
    background: #FFC9D7;
    border: 1px solid #FA7373;
    color: #332E2E !important;
    height: 40px;
    line-height: 40px;
    text-align: center
}
.success {
    background: #C2DCFC;
    border: 1px solid #5278A8
}
.spacer{clear:both; height:1px;}
.footer, .push, .disclaimer {
    clear: both
}
#footerWrapper {
    height: 73px;
    margin-top: 20px
}
.footer {
    background: #294a64 url(/img/smFooter.png) no-repeat;
    height: 73px;
    margin: 0 auto;
    padding: 18px 0 0 10px;
    width: 734px
}
.footer p {
  
}
