@charset "utf-8";
/* CSS Document */

/* Base Styles */
body {padding: 10px 0 0 0; margin: 0; background: #f2f5ee url(../images/bg.jpg) top center repeat-x;  font-family: Arial, Helvetica, sans-serif;}
a img {border: 0;}
a {color: #2e6a9e;}
a:hover {color: #0c6772;}
strong {color: #0c6772;}

form {display: inline; padding: 0; margin: 0;}
input, textarea {font-family: Arial, Helvetica, sans-serif;}

/* Structure*/
.wrapper {margin: 0 auto; padding: 0 0px; width: 980px; position: relative; } 

/* Header*/
.header {height: 84px; margin: 0px 57px 4px 57px; background: url(../images/header_bg.gif); padding: 10px 17px; width: 832px;}
.header img {margin: 0; padding: 0;}
.header .logo_seal {margin-right: 8px; display: block; float: left;}
/*.header .logo_type {margin-top: 18px; display: block; float: left;}*/
.header .logo_type {margin-top: 10px; display: block; float: left;}

/* Motto Sign*/
.sign {background: url(../images/our_motto.png) no-repeat; height: 65px; width: 159px; position: absolute; top: 415px; left: 40px;}
.sign span {display: block; text-indent: -1800px; overflow: hidden;}

/* New Store Sign */
.storesign{background: url(../images/camp_store_sign.png) no-repeat; height: 65px; width: 159px; position: absolute; top: 415px; left: 780px;}
.storesign:hover{cursor: pointer;}
.storesign span{display: block; text-indent: -1800px; overflow: hidden;}

.rookie_camp_sign{background: url(../images/rookie_camp_sign.png) no-repeat; height: 67px; width: 161px; position: absolute; top: 415px; left: 780px;}
.rookie_camp_sign:hover{cursor: pointer;}
.rookie_camp_sign span{display: block; text-indent: -1800px; overflow: hidden;}


/* Request more info link*/
.header .request {margin-top: 10px; margin-right: 3px; display: block; float: right; height: 60px; width: 240px; overflow: hidden; cursor: pointer;}
.header .type {display: block; width: 164px; margin-right: 8px; margin-top: 20px; height: 20px; background: url(../images/request_more_info.gif) no-repeat; text-indent: -1800px; overflow: hidden; float: left;}
.header .request:hover .type  {background-position: 0 -20px; }
.header .icon {height: 57px; margin-top: 3px;  width: 66px; display: block; text-indent: -1800px; overflow: hidden; float: left;  background: url(../images/email_icon.gif)}

/* Navigation*/
.nav {clear: both; margin: 0px 57px 4px 57px; padding: 11px 10px 13px 21px; height: 20px; background: url(../images/nav_bg.gif) no-repeat; width: 835px; overflow: hidden;}
.nav ul {margin: 0; padding: 1px 0 0 0; list-style-type: none;}
.nav ul li {float: left; margin-right: 10px; padding-right: 11px; background: url(../images/nav_seps.gif) right 7px no-repeat;}
.nav ul li a {display: block; float: left; overflow: hidden; padding: 2px 0; font-weight: bold; font-size: 80%; color: #2c1e10; text-decoration: none;}
.nav ul li a:hover, .nav ul li.active a {color: #0c6772; text-decoration: none;}
.nav ul li a.shop {padding-right: 0;}
/*
.nav ul li a {display: block; height: 21px; float: left; text-indent: -1200px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;}
.nav ul li a:hover, .nav ul li.active a {background-position: 0 -21px;}

.nav ul li a.about_us {background-image: url(../images/nav_about_us.gif); width: 68px; }
.nav ul li a.activites {background-image: url(../images/nav_activites.gif);  width: 70px;}
.nav ul li a.dates_and_rates {background-image: url(../images/nav_dates_and_rates.gif);   width: 103px; }
.nav ul li a.photos {background-image: url(../images/nav_photos.gif); width: 52px;}
.nav ul li a.blog {background-image: url(../images/nav_blog.gif); width: 32px;}
.nav ul li a.forms {background-image: url(../images/nav_forms.gif); width: 46px;}
.nav ul li a.jobs {background-image: url(../images/nav_jobs.gif);  width: 33px;}
.nav ul li a.teen {background-image: url(../images/nav_teen_adv.gif);  width: 119px; }
.nav ul li a.faq {background-image: url(../images/nav_faq.gif);  width: 26px; }
.nav ul li a.shop{background-image: url('http://cdn.shopify.com/s/files/1/0030/9912/assets/nav_shop.gif'); width: 38px;}
*/
.nav ul li.jobs {}

.nav ul li.phone {color: #999999; background: url(../images/p.gif) left 6px no-repeat; padding-right: 0; padding-left: 17px; margin-right:0;font-size: 75%; font-weight: normal; float: right; padding-top: 3px; text-align: right;  white-space: nowrap; display: none;}

/* Homepage Flash*/
.flash_piece {width: 864px; height: 302px;  margin: 0 58px 5px 58px ; clear: both; }

/* rounded corners for homepage*/
.content {margin: 0 58px 5px 58px; clear: both; width: 864px;}
.full_col .top {background: #ffffff url(../images/full_body_middle_bg.gif) repeat-y; float: left;  width: 864px;}
.full_col .middle {background: url(../images/full_body_top_bg.gif) top no-repeat; padding: 25px 5px 10px 20px; float: left; width: 839px;}
.full_col .bottom {background: url(../images/full_body_bottom_bg2.png) bottom no-repeat; height: 20px; clear: both;  width: 864px;}

/* full col for photo gallery*/
#photo_gallery .middle, #jobs .middle {background: url(../images/full_body_top_bg2.gif) top no-repeat; width: 824px; padding-right: 20px;}

.slide_show_pro {margin: 0px auto; padding: 10px 0; width: 800px; height: 522px;  }
.slide_show_pro_small {margin: 0px auto; padding: 5px 0; width: 540px; height: 420px;}

#photo_gallery .highslide_gal {margin: 0 auto;  width: 710px; overflow: visible;}
#photo_gallery ul {list-style-type: none; margin: 0 auto;  padding: 10px 0; width: 710px; overflow: visible;}
#photo_gallery ul li {list-style-type: none; float: left; padding: 5px; margin: 0 10px 10px 0; width: 150px; height: 95px; overflow: hidden;}
#photo_gallery ul li img {display: block; margin: 0 auto; overflow: hidden; }
#photo_gallery .highslide_gal {margin: 0 auto;  width: 710px; overflow: visible;}
#photo_gallery ul {list-style-type: none; margin: 0 auto;  padding: 10px 0; width: 710px; overflow: visible;}
#photo_gallery ul li {list-style-type: none; float: left; padding: 5px; margin: 0 10px 10px 0; width: 150px; height: 95px; overflow: hidden;}
#photo_gallery ul li img {display: block; margin: 0 auto; overflow: hidden; }

#photo_gallery2 .highslide_gal {margin: 0 auto;  width: 540px; overflow: visible;}
#photo_gallery2 ul {list-style-type: none; margin: 0 auto;  padding: 0px 0 0 12px; overflow: visible;}
#photo_gallery2 ul li {list-style-type: none; float: left; padding: 0px; margin: 0px 12px 8px 0px; height: 114px; overflow: hidden; border: 0;}
#photo_gallery2 ul li a {padding: 0; margin: 0;display: block;}
#photo_gallery2 ul li img {display: block; margin: 0 auto; overflow: hidden; }
#photo_gallery2 ul li a:hover img {}

#photo_gallery2 .tall {position: relative; overflow:hidden;}
#photo_gallery2 .tall img {display: block; margin-top: }

/* photo gallery enhancements*/
.photo_nav  ul {list-style-type: none; margin: 0; padding: 0 15px; color: #2c1e10;}
.photo_nav  h5 {font-size: 95%; font-weight: bold; color: #0c6772; text-transform: uppercase; margin: 0 15px 5px 15px;  border-bottom: 1px solid #dddddd; padding: 0 0px 8px 0px;}
.photo_nav  ul li {margin: 0; padding: 4px 0px;  font-size: 75%; width: 120px; float: left; }
.photo_nav  ul li a span {color: #666666;}
.photo_nav  ul p {font-size: 100%;}
.photo_nav  ul li ul {padding: 0px 0;}
.photo_nav  ul li ul li { font-size: 100%; padding: 4px 0; border-bottom: 0; }



/* rounded corners for homepage*/
h2.you_choose {height: 20px; padding: 0; margin: 3px 0 0 0; background: url(../images/h2_you_choose_2.gif) no-repeat; text-indent: -1200px; overflow: hidden; }
.full_col .head {border-bottom: 1px solid #b6d2d9; padding-bottom: 11px; margin-bottom: 7px;}
.full_col .left {width: 530px; margin-right: 18px; float: left;}
.full_col .left p {font-size: 80%; color: #2c1e10; line-height: 130%; margin: 0; padding: 3px 0 3px 0;}
.full_col .left p.more_link {font-weight: bold; padding: 6px 0 4px 0;}

/* photo on right of homepage*/
.photo_content {float: right; width: 280px;}
.photo_content p {font-size: 80%; color: #2c1e10;  text-align: center;}
.photo_content p a {font-weight: bold; }
.photo_content p span {font-size: 90%; color: #999999; padding-top: 1px; display: block;}

/* footer*/
.footer {font-size: 75%; color: #666666; margin: 0px auto; padding: 25px 0; clear: both; }
.footer p {text-align: center; padding: 4px 0; margin: 0;}
.footer p a {font-size: 90%;}
.footer img { text-align: center}

/* 2nd lvl pages layout*/
.left_col {width: 580px; float: left; margin-right: 5px; position: relative; }
.left_col .top {background: #ffffff url(../images/left_col_middle_bg.gif) repeat-y; float: left;  width: 580px; }
.left_col .middle {background: url(../images/left_col_top_bg.gif) top no-repeat; padding: 20px; float: left; width: 540px;}
.left_col .bottom {background: url(../images/left_col_bottom_bg.png) bottom no-repeat; height: 20px;  width: 580px; clear: both;}

.left_col .head { border-bottom: 1px solid #b6d2d9; padding-bottom: 11px; margin-bottom: 10px;}
.left_col p, #jobs p, #photo_gallery p  {padding: 4px 0; margin: 0; font-size: 80%; color: #2c1e10; line-height: 140%;}
.left_col p.special {font-style: italic; padding: 0px 0 10px 0; }
div#faq h3 {padding-bottom: 0;}
div#faq p {padding-top: 0; padding-bottom: 12px;}

/* 2nd lvl pages headers*/
h1 {overflow: hidden; text-indent: -1200px; background-repeat: no-repeat; height: 30px; padding: 0; margin: 0;}
h1.about {background-image: url(../images/h1_about_camp_birch_hill.gif);}
h1.activites {background-image: url(../images/h1_activites.gif);}
h1.jobs {background-image: url(../images/h1_jobs.gif);}
h1.request_more_info {background-image: url(../images/h1_request_more_info.gif);}
h1.blog {background-image: url(../images/h1_blog.gif);}
h1.forms {background-image: url(../images/h1_forms.gif);}
h1.photo_gallery {background-image: url(../images/h1_photo_gallery.gif);}
h1.teen_experience {background-image: url(../images/h1_teen_adventure.gif);}
h1.dates_and_rates {background-image: url(../images/h1_dates_and_rates.gif);}
h1.faq {background-image: url(../images/h1_faq.gif);}
h1.rookie_camp {background-image: url(../images/h1_rookie_camp.gif);}
h2.rookie_camp {color: #0c6772; font-weight: normal; margin: 12px 0 4px 0; padding: 0; line-height: 120%; text-align: center;}
h2.teen_trip {color: #0c6772; font-weight: normal; margin: 10px 0 10px 0; padding: 0; font-size: 110%; line-height: 120%; text-align: center;}
h2.photo_cat {font-weight:bold; font-size: 85%; margin: 0 ; padding: 1px 0; color: #0c6772;}

.right_col {width: 279px; float: left; overflow: hidden;}
.right_col .top {background: #ffffff url(../images/right_col_middle_bg.gif) repeat-y; float: left; width: 279px;}
.right_col .middle {background: url(../images/right_col_top_bg.gif) top no-repeat; float: left; width: 279px; overflow: hidden;  }
.right_col .bottom {background: url(../images/right_col_bottom_bg.png) bottom no-repeat; height: 15px; clear: both; width: 279px;}

div.no_image {padding: 40px 0;}
.right_col img {margin: 0; padding: 0; display: block;}
.right_col .info {padding: 5px 12px 10px 12px;}
.right_col .info p {font-size: 70%; color: #666666; padding: 3px 0; margin: 0; line-height: 140%;}
.right_col p.address {color: #0c6772; font-size: 95%; font-weight: bold; margin: 8px 0; line-height: 120%;}
.right_col p.callout {color: #0c6772; font-size: 105%;  margin: 8px 0; line-height: 120%;}
.right_col p.or {font-style: italic;}

/* google directions*/
.right_col .google_form {margin: 0; padding: 0; border: 0;}
.right_col .google_form label {display: block; padding: 2px 0 6px 0; font-size: 75%; color: #666666; font-weight: bold;}
.right_col .google_form input.address {border: 1px dotted #306da2; width: 240px; padding: 6px 4px; font-size: 75%; margin-bottom: 8px; display: block;}
.right_col .google_form input.submit {width: auto; float: left; }
.right_col .google_form span {font-size: 70%; font-style: italic; float: right; color: #999999;}

/* floating flash piece image*/
#about_us_content {padding-bottom: 360px;}
.floating_image {position: absolute; z-index: 2; bottom: 0; margin-left: -30px;}

.activies_list dl {color: #2c1e10; list-style-type: none; margin: 10px 0; padding: 0; width: 260px; float: left; margin-right: 20px; clear: both;}
.activies_list dl.right {clear: none; margin-right: 0;}
.activies_list dt {display: block; font-size: 85%;  color: #0c6772; font-weight: bold; width: 250px; padding: 4px 0 8px 0; border-bottom: 1px dotted #60564b; text-transform: uppercase; margin: 0 0 5px 0;}
.activies_list dd {display: block; float: left; width: 125px; font-size: 75%; padding: 3px 5px 3px 0; margin: 0;}

.left_col .rookie_camp_list {display: block; margin: 10px 0; }
.left_col .rookie_camp_list li {display: block; float: left; border-bottom: 0; width: 250px; font-size: 75%; padding: 4px 5px 4px 0; margin: 0; }


/* contact form*/
.request_info {width: 380px; float: left; padding: 5px 0;}
.request_info label {font-size: 75%; font-weight: bold; display: block; padding: 2px 0 5px 0; color: #666666;}
.request_info label span {font-weight: normal; font-style: italic; font-size: 90%;}
.request_info fieldset {width: 170px;  float: left; margin: 0px 20px 15px 0; padding: 0; border: 0; }
.request_info fieldset input, .request_info fieldset textarea {border: 1px dotted #306da2;  padding: 6px 4px; font-size: 75%; width: 160px;}

.request_info fieldset.street {width: 380px; margin-right: 0; }
.request_info fieldset.street input {width: 350px; }

.request_info fieldset.comments {width: 380px; clear: both;}
.request_info fieldset.comments textarea {width: 350px; }

.request_info fieldset.state_zip div.state {margin-right: 20px; width: 70px; float: left;}
.request_info fieldset.state_zip div.state select {width: 60px; padding: 4px 6px;}
.request_info fieldset.state_zip div.zip {float: left; }
.request_info fieldset.state_zip div.zip input {width:70px;}

.request_info fieldset.phone input {width: 30px; }
.request_info fieldset.phone input.last {width: 40px;}

.request_info fieldset.break {clear: both;}

.bottom_action {border-top: 1px dotted #0c6772; padding: 20px 0 10px 0; margin: 20px 0 0 0; clear: both; float: left; width: 360px;}
.request_info .submit {clear: both; float: none; display: block; }

.request_info .age {width: 40px;}

.email_icon {height: 47px; width: 57px; background: url(../images/small_mail_icon.png) no-repeat; position: absolute; margin-top: -40px; margin-left: -10px; z-index: 2;}

/* other unique elements*/
table {margin: 10px 0; width: 540px;}
td {text-align: left; padding: 8px 25px 8px 0; color: #666666; font-size: 75%; border-bottom: 1px dotted #cccccc;}
th {text-align: left;  padding: 8px 25px 8px 0; font-weight: bold; color: #2c1e10; font-size: 75%; border-bottom: 1px dotted #0c6772;} 

table.teen_images {width: auto;}
table.teen_images td {padding-right: 10px; text-align: center;}

.left_col ul {list-style-type: none; margin: 10px 0; padding: 0;}
.left_col ul  li {margin: 0; padding: 8px 0; border-bottom: 1px dotted #cccccc; font-size: 85%; font-weight: bold; color: #2c1e10;}
.left_col ul  li span {font-weight: normal; color: #666666;}
p.get_adobe img {text-align: center; display: block; margin: 0 auto;}

h3 {color: #0c6772; font-size: 110%;  margin: 12px 0 4px 0; padding: 0; line-height: 130%; font-weight: normal;}
h3 a {text-decoration:none;}

/* Jobs Form Formatting*/
.wizard_nav {margin: 10px 0; padding: 0; float: left;}
.wizard_nav li {margin: 0 20px 0 0; padding: 0 0 5px 0;  float: left; color: #999999; font-size: 75%; list-style-position: inside;}
.wizard_nav li.active {font-weight: bold; color: #0c6772;}
.wizard_nav a:visited {color: #999999;}

.big_btn {background-repeat:  no-repeat; margin: 10px 0; padding: 0; overflow: hidden; height: 37px; display: block; text-indent: -1600px;}
.big_btn:hover {background-position: 0 -37px;}
a.job_app {background-image: url(../images/job_application_btn.gif); width: 182px;}
a.submit {background-image: url(../images/submit_form_btn2.gif); width: 146px;} 
.next {background-image: url(../images/next_btn.gif); width: 100px; border: none !important; background-color: #FFF;}

/* jobs form*/
.invalid {color: #990000; font-weight: bold;}
.jobs_form {clear: both;}
.jobs_form h3 {clear: both; padding: 5px 0 10px 0; margin: 0;}
.jobs_form h3 span {font-size: 65%; color: #999999; font-style: italic;}
.jobs_form .bottom_action {width: 560px;}
.jobs_form p {padding-bottom: 10px; clear: both;}
.jobs_form .form_section {float: left; padding: 5px 0 8px 0; clear: both; width: 560px;}
.jobs_form div.education {width: auto;}

.jobs_form label {font-size: 75%; font-weight: bold; display: block; padding: 2px 0 5px 0; color: #666666;}
.jobs_form label span {font-weight: normal; font-style: italic; font-size: 90%;}
.jobs_form fieldset {width: 170px;  float: left; margin: 0px 20px 15px 0; padding: 0; border: 0; }
.jobs_form input  {border: 1px dotted #306da2;  padding: 6px 4px; font-size: 75%; width: 160px; }
.jobs_form fieldset textarea {border: 1px dotted #306da2; margin: 4px 0 0 0; padding: 6px 4px; font-size: 75%; width: 540px;}

.jobs_form fieldset.street {width: 380px; margin-right: 0; }
.jobs_form fieldset.street input {width: 350px; }

.jobs_form fieldset.state_zip div.state {margin-right: 20px; width: 70px; float: left;}
.jobs_form fieldset.state_zip div.state select {width: 60px; padding: 4px 6px;}
.jobs_form fieldset.state_zip div.zip {float: left; }
.jobs_form fieldset.state_zip div.zip input {width:70px;}

.jobs_form .long_field {width: 560px; float: none; clear: both;}

.jobs_form .phone input {width: 30px; }
.jobs_form .phone input.last {width: 40px;}
.jobs_form .age {width: 40px;}
.jobs_form .dob {width: 60px;}
.jobs_form .radio {width: auto; display: inline;  padding: 0;  margin: 0;}
.jobs_form label.radio {font-weight: normal; padding-right: 10px;}

.jobs_form fieldset.break {clear: both;}
.jobs_form .activies_table {}
.jobs_form .activies_table th {padding-top: 15px; padding-right: 15px; }
.jobs_form .activies_table td {padding-right: 15px; border: 0; padding: 6px 20px 2px 0;}
.jobs_form .activies_table table, .jobs_form  table.license_table {margin-top: 0; width: auto;}
.jobs_form .activies_table table input, .jobs_form .license_table input {width: auto; margin-right: 3px;}
.jobs_form .activies_table table label, .jobs_form .license_table label {display: inline; font-size: 100%; font-weight: normal;}
.jobs_form .license_table input.age {width: 30px; font-size: 100%;}

.job_table {padding-bottom: 15px; clear: both;}
.camp_exp {padding-bottom: 0px !important;}
.job_table p {font-style: italic; width: 560px;}
div.colleges p {padding-bottom: 0;}
.job_table table {margin: 0; width: auto;}
.job_table tr td input {margin: 0; width: 130px; }
.job_table tr td span.number {padding-right: 15px; color: #999999;}
.job_table tr td input.date {width: 60px;}
.job_table tr td select {padding: 2px; }
.job_table table tr th {vertical-align: bottom; color: #333333; padding: 8px 10px; border-bottom: 1px solid #999999; text-transform: uppercase;}
.job_table tr th span {font-weight: normal; font-size: 90%; color: #999999; text-transform: none;}
.job_table tr td { padding: 15px 10px 15px 10px; font-size: 100%; border-bottom: 1px solid #cccccc; background: url(../images/table_bg.gif) bottom repeat-x;}



.rookie_camp_images {margin: 10px 0; text-align: center;}
.rookie_camp_images img {margin-right: 10px;}
.rookie_camp_image {float: left; margin-right: 10px;}