body {background: #fafafa; margin:0; font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica , Arial, sans-serif; font-size: .95em; padding:0; }
#mainwide h2, #main h2 {font-size:1.25em}
#mainwide h3, #main h3 {background:#CBDADC; padding:5px;margin:30px 0 0;clear:both}	
#mainwide h4, #main h4 {border-top:1px solid #ccc;padding:5px 0 0 ; margin:25px 0 0; color:#9E5004; font-size:1.1em; text-transform:none; clear:both}
#mainwide .r, #main .r {float:right; color:#007a89}
#mainwide p, #main p {line-height:2em}
.signup, .signup1   { text-decoration: none; background: #f1e5c1; padding: 2px; border: solid 1px #000; border-radius: 3px ;font-size:.9em; display:inline-block ; white-space: nowrap;}
.red {
	color: rgb(153,51,0);
}
.agray{
	color: rgb(136,136,136);
}
.box {margin:5px; padding:0 5px; border: 1px solid #555}
#image img {width:100%}
.cbw{width:100%}
.campbox{float:left;
border:0px solid #333;
width:20%;
height:100%;
padding:.5em;
text-align:center}
.campdate {background:rgba(153,204,102,.4); padding:6px 3px 0; margin:34px 0 0}
.camptype {background:rgba(204,153,51,2)}
.campprice{background:rgba(0,153,204,.2)}

@media (min-width: 641px) {
img { border:0}
#container {width:1000px; margin: 0 auto }
#head   {background:transparent; background-repeat: no-repeat; background-position: right 0; padding: 0px 0 0px 0px; border-bottom: 1px solid #a9a9a9 }
#hmenu {margin-left:176px; text-align: center; text-transform:uppercase ; margin-top:0px ; padding:0 0 30px}
#hmenu img{}
#hmenu ul {padding:0 0 20px; margin:0;text-align:left;}
#hmenu li  { list-style-type: none; display: block; margin: 0; padding: 10px 30px 0 10px; width: auto; float: left ; border:1px solid #ddd; border-width: 0 0 0 1px; height:20px}
#hmenu li a:link, #hmenu li a:visited{ color:#444; text-decoration: none}
#lmenu {float:left; width: 150px; font-size:.9em; padding-top:30px}
#lmenu ul {padding:0 }
#lmenu li { list-style-type: none; display: block; margin: 0;  ; text-indent: 10px }
#lmenu li a{ display: block; margin: 0; padding: 10px 0 10px 0;  ; text-indent: 10px ;border:0px solid #fafafa }
#lmenu li a:link, #lmenu li a:visited{ color:#444; text-decoration: none}
#lmenu li a:hover{display: block; color:#000; text-decoration: none; border:0px solid #ddd; background-color: #eee}
#lmenu li.act {}
#lmenu li.act a:hover{display: block; color:#000; text-decoration: none; border:0px solid #ddd; background-color: #ddd}
#clear {clear:both; height:1px}
#content { margin:0 0 0 0; border-top:0px dotted #aaa; padding: 0px 0 0 0;border:0px solid blue}

a:link{color:#007a89}
a:visited{color:#007a89}
a:hover{color:#000000; text-decoration:none}
a:active{color:#007a89}

#main {font-size:.9em;float:left; margin-left: 25px;margin-top:0px; width:580px; border:0px solid red ;position:relative; padding:40px 20px 20px; border:1px solid #f0f0f0; background:#f5f5f5; line-height:1.5em}
#mainwide {font-size:.9em;float:left; margin-left: 25px;margin-top:0px; width:782px; border:0px solid red ;position:relative; padding:40px 20px 20px; border:1px solid #f0f0f0; background:#f5f5f5; line-height:1.5em}
#rc  { color:#333; line-height:1.4em;font-size: 0.85em; xbackground-image: url("../img/rbg.png"); background-repeat: repeat-y; background-position: center; margin: 0px 0 0 780px; padding: 25px 5px 5px 30px; position: absolute; width: 180px; float: left; border: solid 0 green }
#rc p {margin-top:20px}
#rc #slide  { margin-left: -10px }
.sub {text-transform: uppercase; color:#5c5c5c; border-bottom: #5c5c5c dotted 1px}
#foot{margin-top:30px;border-top: 1px solid darkgray; padding:20px 0 0 0; color:#5c5c5c; font-size: .9em; text-align:center}
.logo {float:left}
.act  { background: #ddd }
#prev, #next{float:left; padding:5px; margin-top:260px}

#v {width:1000px; height:150px; border-top:1px solid #a9a9a9; padding:1px 0 0}
#l {margin:50px 20px 0 5px; height:100px; border:0px solid red; float:left}


#slide{float:left; border:0px solid #aaa; margin:0 2px 0 0}
#slide img {border:1px solid #aaa;}
.space{display:block ; height:20px}
#clear {clear:both; }
.strong { font-weight: bold }
.right { float: right; margin-left:10px }
#main p {color:#011; margin-bottom:10px; border:0px solid red}
#main h4 {color:#007a89; font-size:1.05em; margin-top:15px; padding-top:0px}
#main #hr {margin:20px 0;height:20px; border: 0px solid red}
#main #hr img { border-width:0 !important; float:left !important}
#main #hr2 img { border-width:0 !important; float:left !important}

#main img {border:1px solid #333; float:right; margin:0 0 10px 10px ;}
#main #caption {font-style:italic; text-align:right; color:#555; margin-top:-5px}
#feedback {; border:1px solid #ddd}
.uc { text-transform: uppercase }

.nav { margin: 1px 0; font-size:9px;  float:left}
#nav {width: 550px; border:0px solid; margin:10px}
#nav a { color:#111;margin:  2px; padding: 2px 8px; border: 1px solid #ccc; background: #ddd; text-decoration: none ;float:left; width:12px; text-align:center}
#nav a.activeSlide { background: #333; color:#ddd; border-color: #000000 }
#nav a:focus { outline: none; }
#caption {clear:both;font-style:italic; font-size:.85em; margin-bottom:10px}
#bx {border:1px solid #ddd; padding:10px; width:250px; border-radius:10px; float:left; margin:0 10px 10px 0 }
}
.max50 {max-width:50%}
.max100{max-width:100%}
.newclass{border:1px solid rgb(255,102,51); padding:0 5px}
h5.newclass  {background-color:rgb(255,102,51); color:white;border:0; font-size 1.8em; margin-bottom:0}

.onlineclass, #main h3.onlineclass{background:rgb(203,218,110)}



/* phone */
@media (max-width: 640px) {
@charset "utf-8";
img { border:0}
#container {width:480px; margin: 0 auto }
#head   {background:transparent; background-repeat: no-repeat; background-position: right 0; padding: 0px 0 0px 0px; border-bottom: 1px solid #a9a9a9 }
#hmenu {margin-left:70px; text-align: center; text-transform:uppercase ; margin-top:0px ; padding:0 0 0px}
#hmenu img{}
#hmenu ul {padding:0 0 0px; margin:0;text-align:left;}
#hmenu li  { list-style-type: none; display: block; margin: 0; padding: 10px 0px 0 0px; width: 80px; float: left ; border:1px solid #ddd; border-width: 0 0 0 1px; height:20px;}
#hmenu li a:link, #hmenu li a:visited{ color:#444; text-decoration: none}
#hmenu li img{}

#lmenu {margin:10px 0 0 0;clear:both;float:none; width: 480px; font-size:.8em; }
#lmenu ul {padding:0 ; margin:0}
#lmenu li {list-style-type: none; display: block; float:left; margin:0px; border:1px solid #555;padding:9px 3px;}
#lmenu li a{ text-indent:0px; padding:9px 3px;}
#lmenu li a:link, #lmenu li a:visited{ color:#444; text-decoration: none}
#lmenu li a:hover{background-color: #ccc}
#lmenu li.act {margin:0;background-color: #f5f5f5 ; border-width:1px 1px 1px 1px; }
#lmenu li.act a:link,#lmenu li.act a:visited {color:#00809F}
#lmenu li.act a:hover{background-color: #f5f5f5}
#clear {clear:both; height:1px}
#content { margin:0; padding: 0}

a:link{color:#007a89}
a:visited{color:#007a89}
a:hover{color:#000000; text-decoration:none}
a:active{color:#007a89}

#main, #mainwide {
	float: none;
	clear: both;
	font-size: .9em;
	margin: 0px;
	width: 458px;
	border: 0px solid red;
	position: relative;
	padding: 20px 10px 10px;
	border: 1px solid #f0f0f0;
	background: #f5f5f5;
	line-height: 1.5em;
	left: -4px;
	top: -1px;
}
#rc  {float:none; clear:both; color:#333; line-height:1.4em;font-size: 0.85em; margin:0; border: solid 1px #eee ; padding:5px; width:470px}
#rc p {margin-top:20px}
#rc:before {content:"Notes"; text-transform:uppercase; font-size:.8em; background:#909090; padding:3px; color: white; width: 100%; display:block}
#rc #slide  { margin-left: -10px }
.sub {text-transform: uppercase; color:#5c5c5c; height:20px}

#tabs li{font-size:1.1em}
#foot{margin-top:10px;border-top: 1px solid darkgray; padding:5px; color:#5c5c5c; font-size: .9em}
.logo {float:left}
#l img.logo {width:60px}
#prev, #next{margin-top:-300px; }
#next {border:1px solid red; float: right; width:210px; height:300px; z-index:1000}
#prev {border:1px solid red; float: left; width:210px; height:300px}

#v {width:480px; height:auto; border-top:1px solid #a9a9a9; padding:0}
#l {height:auto; border:0px solid red; float:left; margin-top:-30px}
#key img {width:480px;}
#key {float:left}

#slide{ border:0px solid #aaa; margin:0 2px 0 0}
#slide img {border:1px solid #aaa; width:460px; height:auto!important}
.space{display:block ; height:20px}
#clear {clear:both; }
.strong { font-weight: bold }
.right { float: right; margin-left:10px }
#main p {color:#011; margin-bottom:10px; border:0px solid red}
#main h4 {color:#007a89;  margin-top:15px; padding-top:0px}
#main #hr {margin:20px 0;height:20px; border: 0px solid red}
#main #hr img { border-width:0 !important; float:left !important}
#main #hr2 img { border-width:0 !important; float:left !important}

#main img {border:1px solid #333; float:right; margin:0;  max-width:460px!important; height:auto !important}
#main #caption {font-style:italic; text-align:right; color:#555; margin-top:-5px}
#feedback {; border:1px solid #ddd}
.uc { text-transform: uppercase }

.nav { margin: 1px 0; font-size:9px;  float:left}
#nav {width: 440px; border:0px solid; margin:10px}
#nav a { color:#111;margin:  2px; padding: 2px 8px; border: 1px solid #ccc; background: #ddd; text-decoration: none ;float:left; width:12px; text-align:center}
#nav a.activeSlide { background: #333; color:#ddd; border-color: #000000 }
#nav a:focus { outline: none; }
#caption {clear:both;font-style:italic; font-size:.99em; margin-bottom:10px}
#bx {border:1px solid #ddd; padding:10px; width:440px; border-radius:10px; float:left; margin:0 10px 10px 0 }

.slimg {width:100% !important; height: auto !important}
}

.leftimg{float:left!important}
h1 {line-height:1.3em}
#summer h1{font-family:"Crimson Text", serif; font-style:italic;font-weight:400; color:#18825c}