/*reset element defaults*/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
div {clear:both;float:none;zoom:1;}
div:after, ul:after, li:after {
   content:".";
   display:block;
   font-size:0px;
   line-height:0px;
   height:1px;
   clear:both;
   visibility:hidden;
}
/* standard fonts */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/*start ck-9 styling*/
body {
   background:#8eb7cc;
	border-top:35px solid #A9D2E6;
}

#doc a:link,
#doc a:visited {
  color:#FF5B00;
  font-weight:bold;
}

#doc {
   border-bottom:150px solid #a9d2e6;
	position:relative;
	z-index:10;
}
/*left nav*/
#nav {
   clear:right;
	float:left;
	width:179px;
	margin:-35px 0 0 0;
	position:relative;
	z-index:10;
}

#nav h1 a {
   display:block;
	background:transparent url(images/campk9_logo.gif) no-repeat 0 0;
	width:179px;
	height:154px;
	text-decoration:none;
}

#nav .nav-links {
   margin:0;
	padding:0;
	list-style:none;
}

#nav .nav-links li a span,
h1 span, h2 span, h3 span, h4 span, h5 span,
#bd .main .subnav a span,
#bd .main .body legend span {
   visibility:hidden;
	font-size:0;
	line-height:0;
}

#nav .nav-links li a {
   display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
}

#nav .nav-links li a:hover {
   background-position:0 -60px;
}

#nav .nav-links li a.active,
#nav .nav-links li a:hover.active {
   background-position:0 -120px;
}

#nav .nav-links li.about a {
   background-image:url(images/nav/about.gif);
	height:41px;
	width:137px;
}

#nav .nav-links li.daycamp a {
   background-image:url(images/nav/daycamp.gif);
	height:53px;
	width:151px;
}

#nav .nav-links li.services a {
   background-image:url(images/nav/services.gif);
	height:44px;
	width:149px;
}

#nav .nav-links li.training a {
   background-image:url(images/nav/training.gif);
	height:38px;
	width:111px;
}

#nav .nav-links li.pricing a {
   background-image:url(images/nav/pricing.gif);
	height:40px;
	width:150px;
}

#nav .nav-links li.campground a {
   background-image:url(images/nav/campground.gif);
	height:43px;
	width:150px;
}

#nav .nav-links li.contact a {
   background-image:url(images/nav/contact.gif);
	height:41px;
	width:122px;
}

#nav .nav-links li.scrapbook a {
   background-image:url(images/nav/scrapbook.gif);
	height:53px;
	width:151px;
}

#nav .nav-links li.cams a {
   background-image:url(images/nav/cams.gif);
	height:47px;
	width:135px;
}

.ad-wrapper a,
.ad-wrapper span {
   display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
}
.ad-wrapper span {
   display:block;
			position:relative;
			text-indent:-5000px;
}
/*main body*/
#bd {
   clear:right;
	float:left;
	width:600px;
	margin:-25px 0 -70px 0;
	position:relative;
}

#bd .main {
   border:5px solid #fff;
	background-color:#99CC67;
	position:relative;
}

#bd .main .head {
   background:#693;
	border-bottom:6px solid #356e2d;
	margin:0 0 10px 0;
	height:62px;
}

#bd .main .subnav {
   margin:0 10px 7px 10px;
}

#bd .main .body {
   margin:0 15px;
	padding:0 0 15px 0;
   min-height:410px;
	_height:410px;
	position:relative;
}

#bd .main h2 {
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 5px 0;
   height:26px;
}

#bd .main h3,
#bd .main em {
   font-size:110%;
	color:#346635;
}
#bd .main h3 em,
#bd .main h4 em {
   font-style:bold;
			color:#600;
}

#bd .main h3,
#bd .main legend {
   margin-bottom:5px;
   background-repeat:no-repeat;
	background-postion:0 0;
   height:20px;
}

#bd .main h4 {
   font-size:100%;
	color:#346635;
}

#bd .main em {
   font-weight:bold;
	font-style:normal;
}

#bd .main p.footnote {
   font:74% verdana;
}

#bd .main ul.star {
   margin:0 0 0 15px;
}

#bd .main ul.star li {
   padding-left:23px;
	background:transparent url(images/graphics/star.gif) no-repeat 0 0;
	min-height:16px;
	_height:16px;
	margin:0 0 6px 0;
}

#bd .main ul.white li {
   background-image:url(images/graphics/star_white.gif);
}

#bd .main ul.default li {
   padding-left:0;
	background:transparent;
	list-style:disc;
}

#bd .main .body p {
   margin:0 0 10px 0;
}

#bd .main .body .section,
#bd .main .body .intro,
#bd .main .body fieldset {
   border-bottom:2px dashed #693;
	margin:0 0 7px 0;
	padding:0 0 7px 0;
}

#bd .main .body .last {
   border:0;
	padding:0;
	margin:0;
}

#bd .main .body .bio {
   margin:0 0 20px 0;
	padding:0 0 0 130px;
	position:relative;
}
#bd .main .body .bio .bio-thumb {
	display:block;
	width:131px;
	height:112px;
	position:absolute;
	left:0;
	top:0;
}
#bd .main .foot {
   background:#693;
	height:62px;
	border-top:6px solid #356e2d;
	text-align:right;
	position:relative;
}

#bd .main .foot a {
   display:block;
	clear:left;
	clear:none;
	float:right;
	margin:5px;
	text-decoration:none;
}

#bd .main .foot a span {
   visibility:hidden;
	font-size:0;
	line-height:0;
}

#bd .main .foot a.return {
	background:transparent url(images/graphics/returntotop_button.gif) no-repeat 0 0;
	width:134px;
	height:40px;
}

#bd .main .foot a.next-page {
   background:transparent url(images/graphics/more_arrow.gif) no-repeat 0 0;
	width:158px;
	height:49px;
}

#bd .main .foot a.prev-page {
   clear:right;
	float:left;
	background:transparent url(images/graphics/previous_arrow.gif) no-repeat 0 0;
	width:124px;
	height:51px;
}

#bd .ad-wrapper {
   margin-bottom:-25px;
}
/*headers*/
#bd .main .head h1 {
   background-repeat:no-repeat;
	background-position:9px 4px;
	height:68px;
}

#bd #privacy.main .head h1 {
   background-image:url(images/h1/ck9ofmarin.gif);
}

#bd #aboutus.main .head h1 {
   background-image:url(images/h1/aboutus.gif);
}

#bd #campground.main .head h1 {
   background-image:url(images/h1/campground.gif);
}

#bd #cams.main .head h1 {
   background-image:url(images/h1/campercams.gif);
}

#bd #contact.main .head h1 {
   background-image:url(images/h1/contactus.gif);
}

#bd #daycamp.main .head h1 {
   background-image:url(images/h1/daycamp.gif);
}

#bd #links.main .head h1 {
   background-image:url(images/h1/links.gif);
}

#bd #pricing.main .head h1 {
   background-image:url(images/h1/pricing_policies.gif);
}

#bd #scrapbook.main .head h1 {
   background-image:url(images/h1/scrapbook.gif);
}

#bd #services.main .head h1 {
   background-image:url(images/h1/services.gif);
}

#bd #training.main .head h1 {
   background-image:url(images/h1/training.gif);
}

/*subnav*/
#bd .main .subnav li {
   clear:right;
	float:left;
	padding:0 0 0 10px;
}

#bd .main .subnav li a {
   display:block;
	height:50px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
}

#bd .main .subnav li a:hover {
   background-position:0 -100px;
}

#bd .main .subnav li a.active,
#bd .main .subnav li a.active:hover {
   background-position:0 -50px;
}

/*subnav - about*/
#bd #aboutus.main .subnav li.founders a {
   width:114px;
	background-image:url(images/subnav/founders.gif);
}

#bd #aboutus.main .subnav li.directors a {
   width:126px;
	background-image:url(images/subnav/directors.gif);
}

#bd #aboutus.main .subnav li.staff a {
   width:137px;
	background-image:url(images/subnav/staff.gif);
}

/*subnav - daycamp*/
#bd #daycamp.main .subnav li.daycamp-info a {
   width:124px;
	background-image:url(images/subnav/daycamp.gif);
}

#bd #daycamp.main .subnav li.overnights a {
   width:127px;
	background-image:url(images/subnav/overnights.gif);
}

#bd #daycamp.main .subnav li.camp-reg a {
   width:151px;
	background-image:url(images/subnav/campreg.gif);
}

/*subnav - training*/
#bd #training.main .subnav {
   margin-right:0;
}

#bd #training.main .subnav li {
   padding:0;
}

#bd #training.main .subnav li.packages a {
   width:122px;
	background-image:url(images/subnav/training.gif);
}

#bd #training.main .subnav li.descriptions a {
   width:111px;
	background-image:url(images/subnav/descriptions.gif);
}

#bd #training.main .subnav li.calendar a {
   width:111px;
	background-image:url(images/subnav/calendar.gif);
}

#bd #training.main .subnav li.registration a {
   width:111px;
	background-image:url(images/subnav/classreg.gif);
}

#bd #training.main .subnav li.library a {
   width:117px;
	background-image:url(images/subnav/library.gif);
}

#bd #training.main .subnav li.confirm a,
#bd #daycamp.main .subnav li.confirm a {
   width:109px;
	background-image:url(images/subnav/regdog.gif);
}

/*subnav - pricing*/
#bd #pricing.main .subnav li.policies a {
   width:129px;
	background-image:url(images/subnav/policies.gif);
}

#bd #pricing.main .subnav li.camp a {
   width:147px;
	background-image:url(images/subnav/daycamp_price.gif);
}

#bd #pricing.main .subnav li.services a {
   width:115px;
	background-image:url(images/subnav/services.gif);
}

#bd #pricing.main .subnav li.training a {
   width:120px;
	background-image:url(images/subnav/training_price.gif);
}

/*scrapbook*/
#bd #scrapbook.main .body {
   margin:-30px 0 0 0;
	padding-top:30px;
	background:transparent url(images/graphics/paw.gif) no-repeat 97% 0;
	text-align:center;
}

#bd #scrapbook.main .body h2 {
   background-image:url(images/subheads/lookwhoshavingfun.gif);
	margin:0 10px 0 10px;
	text-align:left;
}

#bd #scrapbook.main .body h3 {
	margin-bottom:15px;
	position:relative;
	right:90px;
   text-align:right;
}

#bd #scrapbook.main .body #link-wrapper {
   position:relative;
	z-index:1;
}

#bd #scrapbook.main .body #link-wrapper a {
   display:block;
   text-decoration:none;
	position:absolute;
}

#bd #scrapbook.main .body #link-wrapper a span {
   visibility:hidden;
	font-size:0;
	line-height:0;
}

#dogWindow {
   display:none;
	background-color:#8eb7cc;
	background-repeat:no-repeat;
	background-position:50% 50%;
	border:5px solid #fff;
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
}

#dogWindow .close {
  font:74% verdana;
  font-weight:bold;
  color:#000;
  padding:3px;
  background:#fff;
  position:absolute;
  bottom:10px;
  right:10px;
  text-decoration:underline;
  cursor:pointer;
}
/*webcam pages*/
#bd #sub-cams.main {
   clear:both;
	float:none;
	width:380px;
   background:#693;
	text-align:center;
	border:0;
	margin:0;
}

#bd #sub-cams.main .head {
   border:0;
	margin:0;
	height:auto;
}

#bd #sub-cams.main .head h1 {
   height:73px;
	background-position:50% 0;
	margin:0 0 15px 0;
}

#bd #sub-cams.main .body {
   text-align:center;
}

#bd #sub-cams.main .body .cam-wrapper {
   border:5px solid #c2eb85;
	width:320px;
	height:240px;
	margin:auto;
}

#bd #sub-cams.main .body a {
   float:right;
	text-align:right;
}

/*campground*/
#bd #campground.main .map-wrapper a {
   display:block;
	position:absolute;
	text-decoration:none;
}

#bd #campground.main .map-wrapper a:hover {
   cursor:default;
}

#bd #campground.main .map-wrapper a span,
#bd #campground.main .map-wrapper a h3,
#bd #campground.main .map-wrapper a p {
   font-size:0;
	line-height:0;
	text-indent:-5000px;
}

#bd #campground.main .map-wrapper .description {
   display:none;
   font:80% verdana;
	color:#4f678a;
	background:#fad65b;
   position:absolute;
	bottom:10px;
	left:10px;
	width:280px;
	min-height:60px;
	_height:60px;
	padding:7px;
	text-align:left;
}

#bd #campground.main .map-links li {
   display:inline;
   color:#356e2d;
	font-weight:bold;
	padding-right:6px;
	margin-right:6px;
	border-right:2px solid #356e2d;
}

/*forms*/
#bd .main .body .form-list li {
   clear:both;
	float:none;
   margin:4px 0;
	padding:0;
}

#bd .main .body .form-list li.wide {
   margin:7px 0;
}

#bd .main .body .form-list li span.radio-wrapper {
   display:block;
	clear:right;
	float:left;
	width:150px;
	background-repeat:no-repeat;
	background-position:0 0;
}

#bd .main .body label,
#bd .main .body .footnote {
   font-weight:bold;
	color:#03c;
}

#bd .main .body label.optional {
   font-weight:normal;
	color:#000;
}

#bd .main .body fieldset label {
   display:block;
	float:left;
	width:125px;
}

#bd .main .body input {
   margin-right:3px;
}

#bd .main .body .wide label {
   clear:both;
   float:none;
	width:auto;
	margin:0 0 5px 0;
}

#bd .main .body .wide input,
#bd .main .body .wide textarea,
#bd .main .body .wide select,
#bd .main .body .wide .radio-wrapper {
   margin-left:10px;
}

#bd .main .body .wide .radio-wrapper input {
   margin-left:0;
}

#bd .main .body .button-wrapper {
   text-align:right;
}

#bd .main .body .button-wrapper input {
   font-size:0;
	line-height:0;
   margin:0 0 0 15px;
	border:0;
	background:transparent;
}

#bd .main .body .button-wrapper input.reset {
   background:transparent url(images/graphics/reset.gif);
	height:21px;
	width:73px;
}

#bd .main .body .button-wrapper input.submit {
   background:transparent url(images/graphics/submit.gif);
	height:38px;
	width:115px;
}

/*footer*/
#ft {
   font:74% verdana, arial, helvetica;
	text-align:right;
	margin:5px 0 0 0;
}

#ft p {
   margin:0;
}