/* CSS Document */

zero {
padding: 0;
margin: 0;

}
 
img{
border: none;
vertical-align:bottom;
}

body{
background-color: #C8CFA8;
background-position: center;
/*color: # font color*/
/*font-familly:arial;*/
/*text-align:center;*/
font-size: 62.5%;
/*font-size: 1em;*/
margin: 0;
padding: 0;
	}

/*
H1 {font-size:2em}  /* displayed at 24px*/ 
H2 {font-size:1.5em}  /* displayed at 18px*/ 
H3 {font-size:1.25em}  /* displayed at 15px*/
H4 {font-size:1em}  /* displayed at 12px 
*/

hr {
clear: both;
visibility: hidden;
height: 10px;
}

#wrap {
background-color: #FFF;
margin: 5px auto;
width: 95em;
border: 1px solid #A7B07B;
/*text-align: justify;*/
min-width: 760px;
max-width: 99.5%;
height: auto;
/*height: 900px;*/
min-height: 400px;
padding: 0px;
	}
	
.clearer {
clear: both;
}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
.clearfix {display: inline-block;}
 
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
html {
overflow-y:scroll;
	}
	
#logo {
height: 88px; 
width: 899px;
margin: 10px 0 0 0;
}

#banner {
padding: 0;
margin: 0;
width: 900px;
height: 140px;
}

.index {
color:#A52A22;
}
.index_heading {
color:#A52A22;
margin:0;
padding:0;
}

.index_heading p a {
color:#A52A22;
text-decoration: none;
font-weight: bold;
}

.index_heading p a:hover {
color: #5F6B61; 
}

.index_heading p a:active {
color: #A7B07B;
}

.rock_climbing{
color:#A52A22;
}

.rock_climbing_heading{
color:#A52A22;
}

.groups{
color:#B37D00;
}

.groups_heading{
color:#B37D00;
}

.summer_alpine{
color:#CB6828;
}

.summer_alpine_heading{
color:#CB6828;
}

.winter{
color:#5A79A5;
}

.winter_heading{
color:#5A79A5;
}

.local_info{
color:#6E6335;
}

.local_info_heading{
color:#6E6335;

}

.about_us{
color:#DCA80A;
}

.about_us_heading{
color:#DCA80A;

}
	
/* -----------------   NEW TOP MENU     -------------------- */
#nav, #nav ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 500;
}

#nav a {
	display: block;
width: 11.5em;
font: bold 1.2em arial, helvetica, sans-serif;
text-align: left;
color: #FFF;
background: #A7B07B;
	text-decoration: none;
border: 1px solid #5F6B61;
border-top: 0;
padding: 3px 5px;
}

#nav li {
	float: left;
	padding: 0;
width: 150px;

}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
width:150px;
	margin: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #FFF;
}

#nav h2
{
font: bold 1.6em arial, helvetica, sans-serif;
display: block;
text-align: center;
color: #FFF;
text-transform: uppercase;
border-width: 0px;
margin: 0;
padding: 3px 0 0 0;
background-color: #A7B07B;
border-bottom: 1px solid #5F6B61;
border-top: 2px solid #FFF;
}

#nav a:hover {
color: #5F6B61;
background: #FFF;
font: bold 1.2em arial, helvetica, sans-serif;
}

#nav a:active {
color: #A7B07B;
}

/* -----------------    End New Menu     -------------------- */

/* -----------------   2 COL LAYOUT INDEX    -------------------- */
#indeximg {
		width: 175px;
		height: 150px;
		border: solid 1px #A7B07B;
		padding: 0px;
		margin: 0;
		}
		
	#contentindex {
width: 700px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
margin:0;
padding:25px 0 0 0;
float: left;
}
	
	#contentindex h1 {
		text-transform: uppercase;
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
		padding:3px 0 0 0;
		margin: 0 0 0 5px;
border-bottom: 1px solid #5F6B61;
		}
		
#contentindex p {
	font-size: 1.3em;
	color: #000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding: 0;
	margin: 5px 0 10px 5px;
	}
/* -----------------   2 COL LAYOUT LOCAL ABOUT    -------------------- */		
#contentloab {
width: 700px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
margin:35px 0 0 0;
padding:0;
float: left;
}
	
	#contentloab h1 {
		text-transform: uppercase;
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
		padding:3px 0 0 0;
		margin: 0 0 0 5px;
border-bottom: 1px solid #5F6B61;
		}
		
		
#contentlocalabout h2 {
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		font-size: 1.5em;
 		font-weight: bold;
 		color: #5F6B61;
		border-bottom: 1px solid #5F6B61;
		margin: 5px 0px 10px 190px;
 		text-transform:capitalize;
}

#contentlocalabout2 h2 {
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		font-size: 1.5em;
 		font-weight: bold;
 		color: #5F6B61;
		border-bottom: 1px solid #5F6B61;
		margin: 20px 0px 0px 10px;
 		text-transform:capitalize;
}

.contentlocalabout h2 {
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		font-size: 1.5em;
 		font-weight: bold;
 		color: #5F6B61;
		border-bottom: 1px solid #5F6B61;
		margin: 5px 0px 10px 190px;
 		text-transform:capitalize;
}

.loabimg {
		width: 175px;
		height: 150px;
		border: solid 1px #A7B07B;
		padding: 0px;
		margin: 5px 10px 4px 5px;
		float: left;
}
		
		
		

	#loabimg {
		width: 175px;
		height: 150px;
		border: solid 1px #A7B07B;
		padding: 0px;
		margin: 5px 10px 4px 5px;
		float: left;
		}
		
#contentloab p {
	font-size: 1.3em;
	color: #000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding: 0;
	margin: 5px 0 10px 10px;
	overflow: hidden;
	}
	
#contentloab p a {
color:#A52A22;
text-decoration: none;
font-weight: bold;
}

#contentloab p a:hover {
color: #5F6B61; 
}

#contentloab p a:active {
color: #A7B07B;
}

#contentloab .certification p {
color:#DCA80A;
}


/* -----------------     3 COL LAYOUT    -------------------- */

#colwrap {
		width:900px;
		margin-right:auto;
		margin-left: auto;
		margin-top: 0px;
		padding:0px;
		text-align:left;
		}
/* -----------------     CONTENT LEFT    -------------------- */
	#menubox {
	border: 2px solid #A7B07B;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#FFF;
	width: 190px;
	/*height: 335px;*/
	text-align: left;
	margin:0;
	padding: 0 0 10px 0;
	}	
	
	#contentleft {
		width:200px;
		/*height: 500px;*/
		padding:30px 0 0 0;
		float:left;
		background: #FFF;
		margin: 0;
		}
		
#contentleft h2 {
margin:0;
padding: 0.2em 0;
text-align: center;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
text-transform: uppercase;
background: #A7B07B;
	}
	
	#contentleft h5{
		text-align: left;
		list-style: none;
		font-size: 1.2em;
		font-weight: 700;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0.5em 0 0 0.5em;
		line-height: 1.5em;
		/*text-transform:capitalize;*/
		}
		
				
	#contentleft a {
		color: #5F6B61;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		}
		
	#contentleft a:hover {
	color: #A52A22; /*#A7B07B;*/
	/*border-bottom: 1px dotted #5F6B61;*/
	/*padding: 0.2em 6px;
	border-left: 3px solid #A7B07B;
	border-bottom: 3px solid #A7B07B;
	border-width: 2px 2px;
	-moz-border-radius: 0 0 0 5px;
	margin:0 -8px;*/
	}
	
	#contentleft a:active {
	color: #A7B07B;
	}
	
	/*#contentleft a:visited {
	color: green;
	}
	*/
	
/* -----------------     CONTENT CENTER    -------------------- */	

	#contentcenter {
		width:520px;
		padding:20px 0 0 5px;
		margin: 0 0 0 0;
		float:left;
		background:#FFF;
		color: #BFBFBF;
		}
		
	#contentcenter h1 {
		text-transform: uppercase;
		font-size: 1.6em;
		font-family: Arial, Helvetica, sans-serif;
		padding:3px 0 0 0;
		margin: 15px 20px 0 -5px;
border-bottom: 1px solid #5F6B61;

		}
		
	#contentcenter p.feature {
	font-size: 1.3em;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:1.3em;
	padding: 0;
	margin: 2px 20px 10px 0px;
	}
	
	#contentcenter p {
	font-size: 1.3em;
	color: #000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding: 0;
	margin: 0 20px 10px 0;
	}
	
	/*#contentcenter ul {
	font-size: 1.4em;
	color: #000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	padding: 0;
	margin: 0 30px 0px 30px;
	}*/
	
	
	
	#mainimg {
		float: left;
		width: 175px;
		height: 150px;
		border: solid 1px #A7B07B;
		padding: 0px;
		margin: 5px 10px 4px 0;
		}

#fleft {
float: left;
margin: 0;
padding:0;
}

#fright {
float: right;
margin: 0;
padding: 0;
}

#equipleft {
float: left;
}

#equipright{
float: right;
}

#prvleft {
float: left;
margin: 0;
padding:0;
}

#prvright {
float: right;
margin: 0;
padding: 0;
}

#tipsleft {
float: left;
}

#rent a {
		color: #5F6B61;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight:bold;
		padding: 0;
	
		}
		
	#rent a:hover {
	color: #A52A22; /*#A7B07B;*/
	text-decoration: underline;
	font-weight: bold;
	padding: 0;

		}
	
	#rent a:active {
	color: #A7B07B;
	font-weight:bold;
	padding: 0;

	}
	
	
#waiver a {
		color: #A52A22;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight:bold;
				}
		
	#waiver a:hover {
	color: #5F6B61;  /*#A7B07B;*/
	/*text-decoration: underline;
	font-weight: bold;*/

	
	/*padding: 0.2em 6px;
	border-left: 3px solid #A7B07B;
	border-bottom: 3px solid #A7B07B;
	border-width: 2px 2px;
	-moz-border-radius: 0 0 0 5px;
	margin:0 -8px;*/
	}
	
	#waiver a:active {
	color: #A7B07B;
	/*font-weight:bold;*/
	}

#topics {
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #000;
margin: 0 20px 0 0;
border-bottom: 1px solid #5F6B61;
}


#information {
float: left;

}

#information a {
color: #5F6B61;
font-weight:600;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
text-decoration: none;
}
		
#information a:hover {
color: #A52A22; /*#A7B07B;*/
border-bottom: 1px dotted #5F6B61;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-weight:600;
/*padding: 0.2em 6px;
border-left: 3px solid #A7B07B;
border-bottom: 3px solid #A7B07B;
border-width: 2px 2px;
-moz-border-radius: 0 0 0 5px;
margin:0 -8px;*/
}
	
#information a:active {
color: #A7B07B;
font-weight:600;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
}


/* -----------------     CONTENT RIGHT    -------------------- */
		
	#contentright {
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		width:175px;
		padding:40px 0 0 0;
		float:left;
		background:#FFF;
		margin:0;
		}
		
#schedule h1{
font-size: 1.5em;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-weight:800;
color: #5F6B61;
/*text-decoration: underline;*/
text-transform: uppercase;
padding: 0 0 10px 0;
}

/*
#instruction {
color: #000;
margin: 5px 0 0 -10px;
}
*/

#caltip {
font-size: 1.1em;
color: #A52A22;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0 0 0;
/*text-decoration: underline;*/ 
border-bottom: 1px dotted #5F6B61;
width: auto;
}

#details {
float: left;
font-size: 1.2em;
color: #5F6B61;
font-weight: 800;
text-transform: capitalize;
padding: 0;
margin: 10px 0 0 0;
line-height: 2em;
}

#numdetails {
float: right;
font-size: 1.2em;
/*text-align: right;*/
color: #000;
font-weight: bold;
padding: 0;
margin: 10px 0 0 0;
line-height: 2em;
}		

#predetails {
/*float: left;*/
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #000;
padding: 0;
margin: 0;
line-height: 1.2em;
}		
/*-------------------- End Content RIGHT   -------------------*/


	
	#contentheader1 {
		width: 900px;
		}
		
	#contentheader2 {
		width: 900px;
		}
		
	#contentheader3 {
		width: 900px;
		}
		
/*-------------------- Start Content FOOTER   -------------------*/		

#contentfooter {
font-family: Arial, Helvetica, sans-serif;
width: 900px;
text-align:center;
margin: 20px 0 0 0;
clear:both;
		}
		
#contentfooter a {
color: #5F6B61;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
		}
		
#contentfooter a:hover {
color: #A52A22;
border-bottom: 1px dotted #5F6B61;
}
	
#contentfooter a:active {
color: #A7B07B;
}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
			
	h1 {
		font-size:1.0em; 
		padding-top:10px;
		}
		
	h4 {
		font-size:1.0em; 
		padding-top:10px;
		color: #CCC;
		}	
		
	#contentheader1 h1 {
		font-size:1.6em;
		padding:10px;
		margin:0px;
		}
		
	#contentheader2 h1 {
		font-size:1.6em;
		padding:10px;
		margin:0px;
		}
		
	#contentheader3 h1 {
		font-size:1.6em;
		padding:10px;
		margin:0px;
		}
		
	#contentfooter h1 {
		font-size:1.6em;
		padding:10px;
		margin:0px;
		}
	
	#contentright p { font-size: 1em}
	
/*-------------------- Start REGISTER   -------------------*/	
	
#regwrap {
border: 1px solid #5F6B61;
margin: 15px;
}	
	
#reg 
{
font-size: 1.2em;
color: #000;
background: #FFF;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
line-height:1.2em;
padding: 0 20px 10px 20px;
margin: 0;
}

#step 
{
text-transform: uppercase;
font-size: 1.6em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
text-align:center;
background-color: #A7B07B;
border-bottom: 1px solid #5F6B61;
padding:5px 0 5px 0;
margin: 0px;
}

/* -----------------   NEW INDEX    -------------------- */
#contentnewindex {
width: 900px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
margin: 15px 0 0 0 ;
padding: 0 0 0 0; /*10px top if no "Welcome"*/
float: left;
}


.boxl {
width: 210px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
margin: 15px 17px 30px 0;
padding: 0;
float: left;
text-align: center;
border: 1px solid;
height: 300px;
}

.boxr {
width: 210px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
margin: 15px 0px 30px 0;
padding: 0;
float: right;
text-align: center;
border: 1px solid;
height: 300px;
}				


#boxtitle1 {
 width: 210px;
  border: none;
  margin: 0 19px 0 0;
}

#boxtitle2 {
 width: 210px;
  border: none;
  margin: 0 19px 0 0;
}

#col1
{
  width: 210px;
  height: 375px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
  }

#col2
{
  width: 210px;
  height: 375px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#col3
{
  width: 210px;
  height: 375px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#col4
{
  width: 210px;
  height: 375px;
  border: none;
  float: left;
  margin: 0 0 15px 0;
}

#welcomecol1 {
width: 440px;
margin: 0 20px 0 0;
float: left;
padding: 0;
}


#welcomecol2 {
width: 440px;
margin: 0;
float: left;
padding: 0;
}


.textbox {
width: 210px;
font-size: 1.2em;
color: #000;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
line-height:1.2em;
padding: 2px 0 0 0px;
margin: 0;
text-align: left;
}

.read  {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color:#A52A22;
text-align: left;
padding: 5px 0 0 0;
}
		
.read a {
color: #A52A22;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
		}
		
.read a:hover {
color: #5F6B61;
}
	
.read a:active {
color: #A7B07B;
}

#contentnewindex h1 {
		text-transform: uppercase;
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 0 0 0;
		margin: 5px 0 5px 0;
		color:#A52A22;
border-bottom: 1px solid #5F6B61;
		}

#contentnewindex h2 {
		text-transform: uppercase;
		font: bold 1.4em arial, helvetica, sans-serif;
		color: #A7B07B;
		padding: 0;
		margin: 0;
		}
		
#contentnewindex p {
	font-size: 1.3em;
	color: #000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding: 0;
	margin: 0 0 20px 0;
	}
	

#contentnewindex p a {
color:#A52A22;
text-decoration: none;
font-weight: bold;
}

#contentnewindex p a:hover {
color: #5F6B61; 
}

#contentnewindex p a:active {
color: #A7B07B;
}

#logocol1
{
width: 210px;
height: 100px;
margin: 0 20px 0 0;
float: left;
border: none;
text-align: center;
  
}

#logocol2
{
width: 210px;
height: 100px;
float: left;
margin-top: 7px;
border: none;
text-align: center;
}

#logocol3
{
width: 440px;
height: 100px;
float: left;
margin: -14px 0 0 -10px;
border: none;
text-align: right;
}


/*-------------------- Start Site Map   -------------------*/	

#smcontent {
width: 900px;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
margin: 15px 0 0 0 ;
padding: 0 0 0 0; /*10px top if no "Welcome"*/
float: left;
}

#smcontent p {
font-size: 28px;
}

#smcol1
{
  width: 210px;
  height: 275px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#smcol2
{
  width: 210px;
  height: 275px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#smcol3
{
  width: 210px;
  height: 275px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#smcol4
{
  width: 210px;
  height: 275px;
  border: none;
  float: left;
  margin: 0 0 15px 0;
}

#smcol5
{
  width: 210px;
  height: 175px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#smcol6
{
  width: 210px;
  height: 175px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#smcol7
{
  width: 210px;
  height: 175px;
  border: none;
  float: left;
  margin: 0 20px 15px 0;
}

#smcontent h1 {
		text-transform: uppercase;
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 0 0 0;
		margin: 5px 0 5px 0;
		color:#A52A22;
border-bottom: 1px solid #5F6B61;
		}

#smcontent h2 {
		text-transform: uppercase;
		font: bold 1.4em arial, helvetica, sans-serif;
		color: #A7B07B;
		padding: 0;
		margin: 10px 0 3px 0;
		}

/*.sm  {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color:#A52A22;
text-align: left;
padding: 5px 10px 0 0;
}*/
		
#smcontent a {
color: #A52A22;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 1.2em;
margin-left: 1px;
line-height: 1.5em;		
}
		
#smcontent a:hover {
color: #5F6B61;
}
	
#smcontent a:active {
color: #A7B07B;
}