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

*, html {margin: 0; padding: 0; font-size: 10pt; font-family:Arial, Helvetica, sans-serif; color: #003000}

p {margin-bottom: 10px}
img {border: none;}
h3 { 
	color: #4e6d2c;
	font-size: 1.4em;
	padding: 10px 0 8px 0;
	background: url(../_images/bg_page_titles.jpg) right bottom no-repeat;
	margin-bottom: 15px;
	width: 720px;
}
h4 {
	color: #4e6d2c;
	font-size: 1.4em;
	padding: 10px 0 0 12px;
}
h5 {
	color: #385581;
	font-size: 1.2em;
}
h6 {
	color: #4e6d2c;
	font-size: 1.1em;
}
sup {font-size: 1em;}
#inner-wrapper h6.discovery-title { font-size: 1.3em !important;}
#inner-wrapper p.closed { color:  #F00 !important; font-weight: bold}

#facebook-box {_display: none;}
.clear {clear: both;}
.last {margin-right: 0 !important;}
.fail {color: #F00B0B; margin-bottom: 20px; font-size: 1.1em;}
.hilite {color: #385581; font-size: 1.2em; font-weight: bold;}


body {background:  #93ad89; text-align: center;}

#wrapper { 
	width: 1098px;
	margin: 0px auto;
	position: relative; 
	padding-bottom: 0px;
	min-height: 800px;
}
#inner-wrapper {
	background: url(../_images/bg_wrapper.gif) top left repeat-y;
	float: left; 
	text-align: left;
	padding: 0 39px  90px; 
	margin-bottom: 0px;
	position: relative;
	z-index: 1;
}
#header {
	float: left;
	background: url(../_images/bg_header.gif) top left no-repeat;
	height: 136px;
	border-bottom: 4px solid #4e6d2c; 
	width: 1024px;
}
#header h2 {
	color: #32441e;
	font-size: 1.3em;
	width: 500px;
	padding:40px;
}
#content {
	float: left;
	padding-top: 15px; 
}
#left-col {
	float: left;
	width:  748px; 
	min-height: 720px;
	_height: 720px;  
}
#inner-left {
	padding: 0 15px;
	float:left;
}
.tri-box h4 {padding-bottom: 15px;}
.tri-box p {
	padding: 0 10px 0 12px;
}
#left-col .tri-box {
	float: left;
	width: 229px;
	border: 1px solid #93ad89;
	margin-right: 15px;
	min-height:  345px;
	_height: 345px;
}
#whats-new {background: url(../_images/bg_tri_box_01.gif) left bottom no-repeat;}
#discovery-box {background: url(../_images/bg_tri_box_02.gif) left bottom no-repeat;}
#trail-map {background: url(../_images/bg_tri_box_03.gif) left bottom no-repeat;}
#banner {
	position: relative;
	width:  723px;
	height: 230px;
	background: url(../_images/banner_02.jpg) top left no-repeat;
	margin-bottom: 15px;
}
#slideshow {position: relative; z-index: 1}
#banner-nav {
	width: 32px;
	position: absolute;
	top: 10px;
	left: 680px;
}
#banner-nav a {
	float: left;
}
#banner h1 {
	color: #2e3428;
	font-size: 2.4em;
	padding: 20px 0 0 20px;
}
#slideshow p {
	color: #2e3428;
	font-size: 1.4em;
	padding: 10px 0 0 20px;
	width: 400px;
	position: absolute;
	top: 0; 
	left: 0;
}
#slideshow a {
	font-size: 1em;
}
.banner-title {
	color: #2e3428;
	font-size: 2.0em; 
}
#nav {
	position: absolute; 
	bottom: 10px; 
	right: 7px;
	z-index: 100;
	width: 20px;
	}
#nav a { 
	float: left;
	border: 1px solid #333333;
	padding: 0 3px;
	margin: 2px 0;
	background: #fff;
	font-size: .9em;
	text-decoration: none;
}	
#nav a.activeSlide  {
	background: #F7F781;
}
	 
#right-col {
	float: left;
	width: 265px;   
}
#right-col p {padding: 3px 15px;}
.vertical-container{
	border: 1px solid #93ad89;
	width: 260px;
	min-height: 70px;
	_height: 70px;
}
#become-member {
	margin-top: 15px;
}
#inner-container {
	padding: 15px;
}
.accordionButton {
	background: url(../_images/bg_menu_button.gif) left bottom no-repeat;
	font-size:0.9em;
	font-weight:bold;
	padding:7px 10px;
	cursor: pointer;
}
.accordionButton a {
	color: #000;
	font-size:1em;
	font-weight:bold;
	text-decoration: none;
}
#aboutusLink, #protectedLink, #discoveryLink {
	background: url(../_images/bg_menu_button_open.gif) left bottom no-repeat;	
}
#join {margin: 10px 15px}
.accoredionButtion a {
	padding: 5px 10px;
}
.accordionContent {
	padding: 0 0 0 20px;
	background: url(../_images/bg_menu_content.gif) left bottom repeat-x; 
}
.accordionInner {
	padding-bottom: 15px;
}
.accordionContent  ul { 
}
.accordionContent  li {
	list-style: none;
	margin-bottom:3px;
}
.accordionContent  a {
	color: #030;
	text-decoration: none;
}
.accordionContent  a:hover {
	text-decoration: underline;
}
.accordionContent  a.current {
	font-weight: bold;
	margin: 0;
}

#directions #inner-wrapper {height: 845px	;}
#about-us, #maps, #membership {
	float: left; 
	height:545px;  
 	width: 715px;
}
#maps {background: none;}
 
#map-box {margin-top: 25px;}
#map-box h6{margin-bottom: 0 !important; font-size: 1.8em !important;}
.board-members {
	float: left;
	width: 225px;
}
#about-us  h6, #maps  h6, #membership h6 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#about-us  a  , #maps a,   #membership a {
	font-size: 1em;
	font-weight: normal; 
	color: #000;
	text-decoration: none;
}
#about-us a:hover, #maps a:hover  , #membership a:hover{
	text-decoration: underline;
}

#maps ul, #about-us ul  {
	padding-left: 25px;
}
#maps ul, #about-us li  {
	list-style: disc  !important;
}
#maps p {float: left; width: 280px; padding: 0 0 5px 0;}
#membership p { padding: 0 0 15px 0;}
#maps ul{ 
	float: left;
	width: 400px;
}


#gallery {
width: 71;
}
#gallery ul {
float:left;
margin:0 0 20px 0;
padding:0;
width:705px;
}
#gallery li {
display:inline;
float:left;
height:155px;
margin:0 10px 0 0;
width:130px;
}
#gallery a {
	text-decoration: none;
}
#gallery p {
float:left;
font-size:1.2em;
margin:5px 0 0;
padding:0;
width:100px;
}
.photo-tb {
float:left;
height:110px;
overflow:hidden;
width:125px;
}

div.registration {
background-color:#FEFFE8;
border:3px solid #93ad89;
float:left;
margin:0 0 0 10px;
width:235px;
}
.registration p {
color: #4E6D2C;
font-size:1.1em;
line-height:1.4;
padding:10px 10px 10px;
font-weight:bold;
}

.thumb-row {
	float: left;
	margin-bottom: 15px;
} 
.thumb-row img {
	float: left;
	border: 1px solid #cccccc;
	margin:0 10px 0 0;
}
.thumb-row .description {
	float: left;
	width: 600px;
}
.thumb-row h6 {
	font-size: 1.2em;
}
.thumb-row p { 
	padding-right: 20px;
}

#program-details {
	border: 1px solid #93ad89;
	min-height: 250px;
	_height: 250px;
	background: url(../_images/programs/seasonal_banner.jpg) top left no-repeat;
}
#program-details h5 {
	font-size: 1.8em;
	padding: 10px;
	color: #fff;
}
#program-details p {
	font-size: 1.2em; 
	width: 500px; 
	padding: 3px 0 3px 10px;
	color: #fff;
}
#program-details em {color: #fff;}
#program-details p.sm {
	font-size: .9em;
}
#scroll {
	height: 350px;
	overflow: auto;	
	margin-top: 20px;
}
.program-calendar {
	width: 700px;
	margin-top: 10px;
	border-collapse:collapse;
}
.program-calendar tr.blue-row td {
	background: #F3F4FE  ;
}
.program-calendar th {
	text-align: left;
	font-size: 1.2em;
	vertical-align: top;
	padding: 0 10px;
}
.program-calendar .month {
	font-size: 1.5em;
	color: #4E6C2C;	
	font-weight: bold;
}
.program-calendar td { 
	font-size: 1.1em;
	vertical-align: top;
	padding: 5px 10px 20px;
}
.program-calendar a { 
	font-size: 1em;
}

#quiz-box {
	border: 1px solid #93ad89;
	width: 720px;
	min-height: 250px;
	margin-top: 15px;
	position: relative;
}
.quiz-question {
	float: left;
	width: 242px;
	margin: 10px;
	padding-left:5px;
	_padding-left: 0px;
}
.quiz-question-wide {
	float: left;
	width: 400px;
	margin: 10px;
}
#quiz-box .quiz-gallery {
	float: left;
	width: 200px;	
	margin-right: 15px;
}
#quiz-box form {
	float:left; 
	width: 200px;
} 
.discovery-row {margin-bottom: 25px;}

#security-img {border: 1px solid #1B2C58; float: left; margin-right: 15px;}
#security_code {float: left; margin-bottom: 20px;}

#register-box  {
	border: 1px solid #cccccc;
	background: url(../_images/bg_register_box.jpg) bottom right no-repeat;
	min-height: 220px;	
	_height: 220px;
	margin-top: 25px;
	width: 715px;
}
#register-box  ul {
	margin: 15px 40px;
}
#register-box  li {
	padding-bottom: 8px;
}
#register-box  h5 {
	font-size: 1.2em;
	margin-left: 40px;
}
#quiz-archive {
	position: absolute;
	right: 20px;
	top: 12px;
}

.member-nav-box {
	width: 325px;
	float: left;
	border: 1px solid #93AD89;
	min-height: 100px;
	_height: 100px;
	margin-right: 20px;
	padding: 10px;
}
#mnav-box-01 {
	background: url(../_images/bg_nav_members_01.gif) bottom right no-repeat;
}
#mnav-box-02 {
	background: url(../_images/bg_nav_members_02.gif) bottom right no-repeat;
}

.member-nav-box  h6  {
	margin-bottom: 20px;
}

#member-row {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#member-info {
	float: left;
	width: 250px;
}
#member-details {
	float: left;
	width: 400px;
}
#member-login {
	float: left;
	width: 200px;
}
#member-delete {
	/*float: left;*/
	width: 50px;
}

#paperless {
	float: left;
	width: 350px;
	margin-top:10px;
}
#member-reset {min-height:35px; _height: 35px}
#deleteBtn {
	float: left;
	margin-bottom: 10px;
}
#changePasswordBtn {
	float: left;
	margin-bottom: 10px;
}
#changeAddressBtn  {
	float: left;
	margin-bottom: 10px;
}
#changeEmailBtn  {
	float: left;
	margin-bottom: 10px;
}
#changePassword {
	display: none;
	float: left;
	margin :0px 3px 0px 6px; 
	padding: 3px;
}
#changeEmail {
	display: none;
	float: left;
	margin :0px 3px 0px 6px; 
	padding: 3px;
}
#address-row {
	min-height: 55px;
	_height: 55px;
}
#changePassword input {margin-right: 5px;}
#changeAddress {
	display: none;
	float: left;
	margin :0px 3px 0px 6px; 
	padding: 3px;
	width:566px;
	min-height:45px;
	_height: 45px;
}
#changeEmail input, #changeAddress input {margin-right: 5px;}
#address-update {width: 250px;}
#city-update {width: 100px;}
#state-update {width: 16	0px;}
#zip-update {width: 50px;}
#change-paperless {margin-top: 5px;}


 
 #members-menu  {
	padding: 0 0px 4px 0 ; 
	margin-bottom: 0;
	height:50px;;
	position: relative;
}
 #members-menu a  {
	 text-decoration: none;
 }
 
.sub-button { float: left; padding: 0 0 5px 0;}
.member-sub  { 
	padding:4px 14px 0 13px;	 
}
.member-sub li {
	list-style: none;
	padding-right:45px;
}
#home-button { /*width: 130px; */ margin-right: 20px;}
#manage-button { /*width: 130px;*/  margin-right: 20px;}
#newsletter-button { margin-right: 20px;}
#members-menu .current {
	background: url(../_images/bg_member_menu.gif) bottom left repeat-x;
}
.member-sub {
	background: url(../_images/bg_sub_members.gif) bottom left repeat-x;
}
#newsletter-menu { 
	height:20px;
}
#newsletter-menu li {
 	display: inline;
}
.camper-row {
	margin-top: 10px;
	margin-bottom: 25px;
}
.camper-box {float: left; width: 100px; border: 1px solid #cccccc; padding: 10px; margin-right: 10px;}
.camper-left p {width: 100px; float: left; margin-bottom: 15px;}
.camper-left input {float: left}
.camper-left{
	float: left;
	width: 270px;
	margin-right: 30px;
}
.camper-right {
	float: left;
	width: 250px;
}
.grade-level {
	padding-left: 20px;
}