/* default rules
----------------------------------------------- */
body {
  background: #fff url('images/rhc_body_red.gif') repeat-x 0 75px;   
  margin: 0 auto;
  padding: 0;
  color: #666;
  font: normal normal normal 11px/1.6em Verdana,Arial,sans-serif;
  text-align: center;
}


body {
  
}

/* headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: Verdana,Arial,sans-serif;
  font-weight: normal;
  line-height: 1.2em;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 14px;
}
h2.first, h3.first, p.first {
  margin-top: 1em;
  clear: both;
}
h4 {
  font-size: 16px;
}

/* link defaults */
a {
  color: #363;
  border-bottom: 1px solid #ddd;
  outline: none;
  text-decoration: none;
}
a:hover {
  color: #030;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0; 
  padding: 1.2em 0;
  line-height: 1.4em;
}
ul ul {
  margin: 0 0 0 10px;
  font-size: 12px;
}
li {
  margin: 2px 0; 
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 0 10px;
}
hr {
  clear: both;
  height: 1px;
  background-color: #ccc; 
  border: 0;
  margin: 2em 0;
}

/* generic rules
----------------------------------------------- */
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.column {
  float: left;
}

/* image links
----------------------------------------------- */
a.image:link, a.image:visited, a.image:hover {
  background: none;
  padding: 0;
}
a.image img {
  border: none;
}

/* outer structure
----------------------------------------------- */
#wrapper {
  width: 100%;
  background: transparent url('images/rhc_bkgd_green.gif') repeat-y 0px 0
}
#wrapper2 {
  background: #5b835f url('images/rhc_bkgd_repeat.gif') repeat-y 0 0;
  width: 932px;
  margin: 0 auto;
  padding: 0;
}

/* header outline
----------------------------------------------- */
#header {
  background: transparent url('images/rhc_header.gif') no-repeat top left;
  width: 932px;
  height: 193px;
  font-size: 10px;
  text-align: left;
  float: left;
}
#header2 {
  float: left;
  width: 932px;
  height: 193px;
}

/* clickable logo
----------------------------------------------- */
#header h1 {
  float: left;
  width: 351px;
  height: 157px;
  margin: 18px 0 0;
}
/* IE double margin fix/hack */
* html #header h1 {
  display: inline;
}
#header h1 a {
  float: left;
  width: 351px;
  height: 157px;
  border: 0px none;
  text-indent: -9999px; 
  outline: none;
}

/* countdown and contact link
----------------------------------------------- */
#header-content {
  float: left;
  width: 545px;
  height: 157px;
  margin-top: 18px;
  padding: 0;
}
#countdown-contact {
  padding-top: 10px;
  padding-right: 18px;
  line-height: 1.2em;
  height: 47px;
}
#countdown {
  color: #333;
  text-align: right;
  font-size: 10px;
  font-family: Verdana, Arial, 'Sans Serif';
  margin-bottom: 23px;
}
#countdown b {
  color: #dc3a2e;  
}
#countdown .label {
  color: #5b835f;
  font-weight: bold;
}
#countdown .countdown-over {
  color: #c00;
  font-weight: bold;
}
#countdown-contact a {
  font-weight: bold;
  color: #5b835f;
  padding-left: 20px;
  height: 2em;
  float: right;
  border-bottom: none;
}
#countdown-contact a:hover {
  text-decoration: underline;
}

#countdown-contact a.apps {
  text-align: left;
  margin-left: 17px;
  background: transparent url('images/target16x16.gif') no-repeat 0 0;
}
/* main navigation (header)
----------------------------------------------- */
#main-nav {
  height: 76px;
  margin: 0;
  padding-left: 32px;
}
#main-nav li {
  float: left;
  width: 77px;
  padding: 18px 7px 0 0;
  font-size: 10px;
  line-height: 1em;
  text-align: left;
}
/* overriding nav rules for optical adjustment */
#main-nav #nav-welcome {
  width: 76px;
}
#main-nav #nav-staff {
  width: 68px;
}
#main-nav #nav-news {
  width: 94px;
}
#main-nav li a {
  color: #000;
  font-weight: bold;
}
/* automagic nav highlighting from page class */
.home-page #nav-welcome a, .welcome-page #nav-welcome a, .activities-page #nav-activities a,
.campers-page #nav-campers a, .staff-page #nav-staff a, .news-page #nav-news a,
.outfitters-page #nav-outfitters a {
  color: #dc3a2e;
}
#main-nav .tab-description {
  display: block;
  font-size: 10px;
  line-height: 1.2em;
  margin-top: 10px;
  text-align: left;
}

/* content container
----------------------------------------------- */
#container {
  float: left;
  width: 932px;
}
#container2 {
  float: left;
  width: 860px;
  margin: 0 36px 20px;
}
/* IE double margin fix/hack */
* html #container2 {
  display: inline;
}
#container a:hover {
  background-color: #f8f8f8;
}

/* #side-nav
----------------------------------------------- */
#side-nav {
  padding: 36px 0 0;
  font-size: 10px;
  text-align: left;
  width: 194px;
  float: left;
}
#side-nav a {
  display: block;
  border-bottom: none;
}
#side-nav dl {
  width: 204px;
}
#side-nav dt {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#side-nav dt a {
  color: #000;
  padding-left: 32px;
}
#side-nav dt a:hover {
  border-left: 22px solid #5b835f;
  padding-left: 10px;
}
#side-nav dt .current {
  border-left: 22px solid #5b835f;
  padding-left: 10px;
  color: #dc3a2e;
}
#side-nav dd {
  margin: 0;
  padding: 0;
  margin-bottom: 4px;
}
#side-nav dd a {
  color: #666;
  padding-left: 50px;
}
#side-nav dd a:hover {
  border-left: 22px solid #5b835f;
  padding-left: 28px;
}

/* content
---------------------------------------------------------- */
#content {
  text-align: left;
  width: 650px; 
  padding: 40px 0 2em;
}
#content2 {
  width: 450px;
  padding-left: 24px; 
  margin-left: 18px;
}
#content h1, #content h2 {
  margin-bottom: 1ex;
}
#content h1 {
  font-size: 24px;
}
#content h2 {
  margin-top: 2em;
}


.subhead-topic {
  font-weight: bold;
}
/* mini-pdf icon */
.pdf-icn {
  padding-left: 20px;
  background: transparent url(/images/asset_icons/16/pdf.gif) no-repeat center left;
}

/* welcome page
---------------------------------------------------------- */
.home-page #container2 {
  width: 932px;
  margin: 0;
}
.home-page #content {
  width: 890px;
}
.home-page #content2 {
  width: 890px;
}
.home-page #content 
#welcome-header { display: none; }
#welcome-intro {
  width: 334px;
  padding: 0;
  padding-top: 40px; 
  float: left;
}
* html #welcome-intro {
  height: 1%;
}
#welcome-intro img {
  padding-left: 75px;
  padding-right: 63px;
}
#welcome-intro span { display: none; }

.home-page img#camp-aerial {
  float: right;
  border-top: 3px solid #fff;
}
/* home-page weather */
#weather {
  clear: both;
  float: right;
  margin: 16px 50px 16px 36px;
  height: 40px;
  width: 300px;
  text-align: left;
}
/* IE double float fix */
* html #weather {
  display: inline;
}
#weather div {
  padding: 2px 0 0 46px;
  height: 40px;
}
#weather span {
  font-weight: bold;
  color: #5b835f;
}

/* Typical Day Table
----------------------------------------------- */
#typical-day-table {
  font-size: 11px;
  line-height: 1.2em;
}
#typical-day-table td {
  border-bottom: 1px solid #eee;
  padding-bottom: .5ex;
}
#typical-day-table .date-time, .campers-page .date-time {
  width: 120px;
  padding-right: 1em;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
}


#winter-office dt, #summer-office dt {
  font-weight: bold;
  padding-bottom: 5px;
}
#winter-office {
  float: left;
}
#summer-office {
  float: right;
}

#about-faq dt {
  font-size: 12px;
  color: #999;
  margin-top: 2em;
}
#about-faq dd {
  margin-left: 0;
}

#about-faq ol {
  padding-left: 2em;
  margin: 0;
}
.faq-topic-list {
  list-style: disc;
}
.faq-question {
  font-weight: bold;
}

.campers-page .photos td, .news-page .photos td {
  border: 1px solid; border-color: #AAA #444 #444 #AAA;
  padding: 0 5px;
  width: 155px;
}
.campers-page .photos td.blank, .news-page .photos td.blank {
  border: none;
}
.campers-page .photo-info, .news-page .photo-info {
  height: 135px;
  width: 135px;
  text-align: center;
}
.campers-page .photo-info dl, .news-page .photo-info dl {
  margin: 0;
  padding: 0;
}

.campers-page .photo, .news-page .photo {
  margin-left: 10px;
  height: 120px;
}

.campers-page table {
  width: 400px;
}
.campers-page table td.date-time {
  width: 200px;
}
a.image {
  border-bottom: none;
}
.home-page #content {
  padding: 0;
  width: 858px;
}

ul.form-list li {
  line-height: 20px;
}

/* Headings
-------------------------------------------------------- */
.activities-page h1, .campers-page h1, .news-page h1, .outfitters-page h1, 
.staff-page h1, .welcome-page h1 {
  text-indent: -9999px;
  height: 40px;
}
#about { 
  background: transparent url('images/headings/about.gif') no-repeat top left;
}
#activities { 
  background: transparent url('images/headings/activities.gif') no-repeat top left;
}
#alumni { 
  background: transparent url('images/headings/alumni.gif') no-repeat top left;
}
#alumni-gallery {
  background: transparent url('images/headings/alumni_gallery.gif') no-repeat top left;
}
#camper-gallery {
  background: transparent url('images/headings/camper_gallery.gif') no-repeat top left;
}
#campers { 
  background: transparent url('images/headings/campers.gif') no-repeat top left;
}
#contact { 
  background: transparent url('images/headings/contact.gif') no-repeat top left;
}
#current-staff { 
  background: transparent url('images/headings/current_staff.gif') no-repeat top left;
}
#enrolled { 
  background: transparent url('images/headings/enrolled.gif') no-repeat top left;
}
#enrollment-applications { 
  background: transparent url('images/headings/enrollment_applications.gif') no-repeat top left;
  width: 515px;
  text-indent: -99999px;
}
#forms-for-enrolled-campers {
  background: transparent url('images/headings/forms_for_enrolled_campers.gif') no-repeat top left;
  
}
#individual { 
  background: transparent url('images/headings/individual.gif') no-repeat top left;
}
#indoor { 
  background: transparent url('images/headings/indoor.gif') no-repeat top left;
}
#outfitter-faq {
  background: transparent url('images/headings/outfitter_faq.gif') no-repeat top left;
}
#outfitters { 
  background: transparent url('images/headings/outfitters.gif') no-repeat top left;
}
#parent-and-camper-information {
  background: transparent url('images/headings/parent_and_camper_information.gif') no-repeat top left;
}
#policy {
  background: transparent url('images/headings/policy.gif') no-repeat top left;
}
#prospective {
  background: transparent url('images/headings/prospective.gif') no-repeat top left;
}
#prospective-staff {
  background: transparent url('images/headings/prospective_staff.gif') no-repeat top left;
}
#staff {
  background: transparent url('images/headings/staff.gif') no-repeat top left;
}
#team { 
  background: transparent url('images/headings/team.gif') no-repeat top left;
}
#thanks-interest { 
  background: transparent url('images/headings/thanks_interest.gif') no-repeat top left;
}
#trips { 
  background: transparent url('images/headings/trips.gif') no-repeat top left;
}
#waterfront { 
  background: transparent url('images/headings/waterfront.gif') no-repeat top left;
}
#welcome { 
  background: transparent url('images/headings/welcome.gif') no-repeat top left;
}

.campers-page th {
  text-align: center;
}

.news-page li.current, campers-page li.current {
  font-weight: bold;
}

/* Staff Page
-------------------------------------------------------- */
.staff-page #staff-newsletter-and-information, .staff-page #staff-forms-to-fill-out-and-return-to-camp {
  margin-top: .5em;
}
.staff-page #content2 ul {
  padding: .5em 0;
}


/* content image alignment
-------------------------------------------------------- */
.activities-page #content2 {
  width: 614px;
}
img.left-content {
  float: left;
  margin-top: 1ex; /* lines it up with the paragraph */
  margin-right: 18px;
}
img.right-content {
  float: right;
  margin-top: 1ex;
  margin-left: 18px;
}
.activities-page #content p {
  margin-right: 174px;
  clear: none;
}

/* Photo Detail pages
-------------------------------------------------------- */
#photo-detail { background-color: #5b835f; }
#popup-container {
	background-color: #5b835f;
	margin: 0;
	border-top: 6px solid #dc3a2e;
}
#popup-content {
	background-color: #5b835f;
	text-align: center;
}
#popup-content p {
	font: 12px Verdana,Arial,sans-serif;
	padding: 5px;
	margin: 0 0 .2em;
}
#popup-content h2 {
  margin: 10px 0 10px 0;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#popup-content a {
	font: 12px Verdana,Arial,sans-serif;
	padding: 5px;
	text-align: center;
	vertical-align: text-top;
	color: #ccc;/* FFCC00 */
	text-decoration: none;
	border-bottom: 0;
}
#popup-content a:hover {
	text-decoration: underline;
}

 
/* alerts
----------------------------------------------- */
.alertgood {
	background: #e2f9e3 url('images/alertgood_icon.gif') no-repeat left;
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 30px;
	border-top: 1px solid #9c9;
	border-bottom: 1px solid #9c9;
	color: #060;
	font-size: 11px;
	text-align: left;
}
.alertbad {
	background: #c00 url('images/alertbad_icon.gif') no-repeat left;
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 27px;
	border-top: 1px solid #c99;
	border-bottom: 1px solid #c99;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

/* Error Rules
----------------------------------------------- */
.error, .fieldWithErrors {
  padding: 2px;
  /* margin: right; */
}
.fieldWithErrors input.textfield {
  border: 1px solid #c00 !important;
  background-color: #fee !important;
}
#errorExplanation {
  border: 1px solid #c00;
  margin: 10px 32% 0 0;
  padding-top: 0;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #fff5f5;
}
#errorExplanation h2 {
  background: #c00 url("images/alertbad_icon.gif") no-repeat left;
  margin: 0;
  padding: 5px 5px 6px 30px;
  border: inherit;
  font-size: 12px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
#errorExplanation p {
  margin: 10px 10px 0 10px;
  padding: 5px;
  font-size: 11px;
  color: #c00;
}
#errorExplanation ul {
  margin-left: 30px;
}
#errorExplanation ul li {
  color: #c00;
  font-size: 11px;
  list-style: square;
}

/* footer
----------------------------------------------- */
#footer-wrapper {
  clear: both;
  width: 914px;
  background: #5b835f url('images/rhc_body_red.gif') repeat-x 0 0;
  border-left: 1000px solid transparent;
  margin-left: -1000px;
}
#footer {
  background-color: #5b835f; 
  clear: both;
  margin: 0 0 0 180px;
  padding: 0 22px 20px 4px;
  color: #fff;
  font-size: 9px;
  text-align: right;
  line-height: 1.4em;
}
#footer span {
  font-weight: bold;
}
#footer a:link, #footer a:visited {
  color: #fff;
}