/* CSS Document */

#page_content {

	margin: 0px auto;
	width:780px;
	POSITION: relative;
	text-align:left;
	

	background-image:url(../common/background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
	filter:null;
	padding-bottom:20px;
	
}


	
body {

   margin:0px auto; 
	text-align:center;

}
#menu_bar {
	position:absolute;
	left:1px;
	top:112px;
	width:107px;
	height:1380px;
	background-color:#7FA26C;
}
#home_spot {
	position:absolute;
	left:5px;
	top:2px;
	width:105px;
	height:104px;
}

/*Side menu*/
#side_menu {
	position:absolute;
	left:2px;
	top:119px;
	width:78px;
	height:78px;
	padding-left:11px;  /*rigged so border around other_sites doesn't disappear on left side in ie6*/
}

#side_menu p{
margin-top:0px;
padding-top:0px;
}
#side_menu p{
margin-bottom:5px;

}
/*End of Side menu*/

#title {
	position:absolute;
	left:109px;
	top:1px;
	width:673px;
	height:107px;
}

/* formatting for main sections text and image*/
#section_info{
	position:relative;
	left:110px;
	top:120px;
	width:667px;
	text-align:right;
	background-color: #FFFFFF;
	height: auto;
}
#section_info img{
margin-left:10px;
border:2px solid #7EA16C;

}

#section_info td{
padding-bottom:5px}

/* formatting for page text and image*/
#page_info{
	position:relative;
	left:112px;
	top:120px;
	width:664px;
	text-align:left;
	height: 780;
}
#page_info img{
margin-left:10px;

}


#guided_title{
	position:relative;
	left:117px;
	top:120px;
	width:664px;
	text-align:center;

	}
#guided_title h1{
margin-bottom:5px;}
#season{
	margin:0px auto;
	position:relative;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight:bold;
	visibility: inherit;
	background-color: #FFFFFF;
}
#season td{
padding-right:10px;}
#season_info img{
margin-left:10px;
border:2px solid #7EA16C;

}

#season_info td{
padding-bottom:5px}

#season_info{

text-align:right;

}

/*End of formatting for guided experiences*/

/* formatting for backpack text and images and multi day*/
#backpack_info{
	position:relative;
	left:217px;
	top:120px;
	width:564px;
	
}
#multiday_info{
	position:relative;
	left:217px;
	top:120px;
	width:564px;
	
}

#backpack_info h1{

text-align:center
}
.backpack_photo{
float:right;
margin:5px;
font-style:italic;
font-size:8px;
text-align:center;

}
.backpack_photo img{

border:2px solid #7EA16C;


}

#side_sub_menu {
	position:absolute;
	left:113px;
	top:163px;
	text-align:left;
	color:#000000;
	width: 94px;
	background-color: #FFFF99;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	
	margin-top:5px;
	margin-bottom:5px;
	

	

}
#side_sub_menu ul li{
padding-bottom:8px}

	
#side_sub_menu ul{
margin-left:1.5em;
padding:0px;
	list-style-type:disc;
}





/*Drop down menu config   http://www.alistapart.com/articles/dropdowns/ */
		#top_menu {
		position:absolute;
		left:414px;
		top:5px;
		z-index:2;
		list-style: none;   /*controls whether there is a bullet for top level*/
		margin: 0;
		}
		#sub_menu {
		position:absolute;
		left:110px;
		top:114px;
		z-index:2;
		text-align:center;
			background-color: #FFFF99;

		}
		


		.nav{
		list-style: none;   /*controls whether there is a bullet for top level*/
		margin: 0;
		}
				
		#sub_menu .nav{
		width:655px;   /*need this width to center sub_menu*/
		}
		.nav ul {
			list-style: none;
			padding: 0;
			margin: 0;
			padding-top:5px;   /*controls padding at top of dropdown*/
		}

		.nav a {
			color: #000000;       
			text-decoration: none;
		}
		
		.nav li li a {
			display: block;
			font-weight: bold;   /*controls font of drop down*/
			color: #000000;
			padding-left: 5px;   /*controls position of drop down relative to edge*/
		}
		
		.nav li li a:hover {
			color:#FFFFFF;
		}
		
		.nav li a:hover {
			color:#FFFFFF;
		}	
		

		.nav li {
			display:inline;
			padding-right:3px;  /* sets width of menu items*/
			text-align: left;
			cursor: default;
			margin:0px;
			
			font-family:  Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight:bold;
			
			color: #000000;
			

		}
		#sub_menu .nav li {
		padding-right:10px;
		 }		
		.nav li img{
		vertical-align:middle;}  
		

		 .nav li ul {
			display: none;
			position: absolute;
			top: 100%;
			left: 21px;  /*controls position of drop down*/
			
			width: 100px;  /*controls width of drop down*/
			/*border-right: solid 1px #7d6340;*/
			background-color:#BC620B;
			filter: alpha(opacity=90);
			
		}
		
		.nav li>ul {
			top: auto;
			left: auto;
		}
		
		.nav li li {
			display: block;
			float: none;
			background-color: transparent;
			border: 0;
		}
		
		.nav li:hover ul, li.over ul {
			display: block;
		}


/*End ofDrop down menu config   http://www.alistapart.com/articles/dropdowns/ */

/*photogallery*/
#play_but{
	position:absolute;
	top:660px;
	left:53px;
	width:104px;
	

	cursor:pointer;
}
#play_but img{
padding-right:50px;}


#gallery_container{
	position:relative;
	top:10px;
	left:5px;
		width:660px;
		text-align:center;
}
	

#gallery{
	height:400px;

	overflow:auto;
	overflow-x:hidden;
}


#main_photo_container{
margin: 0px auto;  /* need this to center in firefox, etc */

margin-top:-400px;
width:450px;


		
}


#gallery table td div{  /*need container to center thumbs relative to each other*/
    width:85px;
	overflow:hidden;
	text-align:center;
	
	}
.thumb{
border:4px solid #FFFFFF;

}
#gallery table{
width:100%}
#gallery table tr, #gallery table td{
padding:0px}
	
#gallery table td div img{
	cursor:pointer;
height: 50px;
	}
#main_photo{
margin-bottom:10px;}
/*end of gallery*/

div{
margin:0;}
table{
margin:0;}
img {
	border: 0px; 
}
a {
	margin: 0px; /*otherwise netscape has margin*/
}

p {
	margin: 0px; /*otherwise netscape has margin*/
	padding-top:5px;
	padding-bottom:5px;
}

a:link {
	color: blue;
	text-decoration:none;
}    
a:visited {
	color:blue;
	text-decoration: none;

} 
a:hover {
	color:blue;
	text-decoration:underline;
}

#backpack_info a:link {color:#0033CC}
#backpack_info a:visited {color:#0033CC}


#side_menu a:link, #top_menu a:link, #sub_menu a:link{
color:#000000;
text-decoration:none}
#side_menu a:visited, #top_menu a:visited,#sub_menu a:visited{
color:#000000;
text-decoration:none}
#side_menu a:hover, #top_menu a:hover{
color:#FFFFFF;
text-decoration:none}
#sub_menu a:hover{
color:#000000;
text-decoration:underline;
}
#side_sub_menu a:link{
	color:#7EA16C;
	text-decoration:none;
}
#side_sub_menu a:visited{
	color:#7EA16C;
	text-decoration:none;
}
#side_sub_menu a:hover {
	color:#000000;
	text-decoration:none
}


.border{
	border:2px solid #000000;
	padding:5px;
	margin:10px;
}

.white_background:hover {
color:#000000;
text-decoration:underline;}

.rollover {
filter:progid:DXImageTransform.Microsoft.Fade(duration=0.2);
}	
img{
margin:0px;
border:2px none #7ea16c;
padding:0px;
}
.float_right{
float:right;
}
.float_left{
float:left;}

.smalltext{
font-size:9px;
}
.bold{
font-weight:bold}
#side_menu.text {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold
}
.text {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:normal
}
h1{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #599540;
	border-bottom:4px solid #000000;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;
}
h2{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #599540;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;

}



.white{
color:#FFFFFF;}

.disclaimer{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	}
	
.underline{
text-decoration:underline}

ul{  
margin-top:5px;
margin-bottom:0px;

padding-left:1em;
margin-left:1em;

}
li{
padding-bottom:5px}

#footer{
margin-top:10px;
width:100%;
text-align:center;
font-size:9px;
color:#000000;
}
#footer a:link,#footer a:visited{
color:#000000;
}
#footer a:hover{
color:#000000;
text-decoration:underline;
}

#other_sites{
text-align:center;
margin-left:-11px;
margin-top:15px;
border:2px solid black;
padding:5px;
width:90px;
font-size:11px;
font-weight:bold;
}
#other_sites a:link{
color:white;
}
#other_sites a:visited{
color:white;

}
#other_sites a:hover{
color:white;
text-decoration:underline;
}