body { background-color: #3b2c15; }
#container 	{ margin: 0 auto; position: relative; }
#header { background-image: url(../images/header.jpg); height: 388px; position: relative;}




/* `Navigation
----------------------------------------------------------------------------------------------------*/
#nav { width: 780px; position: absolute; top: 66px; left: 224px; }
#nav ul { float: left; list-style-type: none; margin-left: 0; }
#nav ul li { color: #FFF; float: left; font-size: 12px; text-transform: uppercase; padding: 0px 5px 0px 3px; display: inline; margin-left: 10px;}
#nav ul li a { color: #FFF; font-size: 11px; }	
#nav ul li a:hover { color:#f4f500; font-size: 11px; }
#nav ul li a.current { color: #f4f500; font-size: 11px; }	


#sub_nav { position: absolute; width: 290px; height: 19px; background-color: #58472d; border: white 2px solid; top: 279px; right: 0px; 
padding: 5px 0px 9px 5px; z-index: 4;}
#sub_nav { ^top: 314px; }





/* `Home Page Elements
----------------------------------------------------------------------------------------------------*/
#home_top_left { background-image: url(../images/rocks.jpg); background-repeat: no-repeat; }

#home_top_right { background-image: url(../images/rocks.jpg); background-repeat: no-repeat; }

.home_top { background-color: #58472d; height: 98px; border: 2px solid #000; margin: -62px 8px 8px;}
.home_top { ^margin-top: -30px;}


#home_left_bottom { background-color: #f9ebd9; border: 2px solid #000; margin-left:8px; margin-right:8px; }
#home_left_bottom div.padding div { border-bottom: 1px dotted #000; overflow: hidden; padding: 11px 0 11px; }
#home_left_bottom div.padding div img { height: 64px; width: 77px; float: left; margin: 0 10px 0 0; background: white; border: 1px solid #E8E8E8; padding: 3px; }

#home_right_bottom { background-color: white; border: 2px solid #000; margin-left:8px; margin-right:8px; }
#home_right_bottom div.padding div { border-bottom: 1px dotted #000; overflow: hidden; padding: 11px 0 11px; }
#home_right_bottom div.padding a.imgContainer { display: block; height: 75px; width:100px; float: left; margin: 12px 12px 0 0; background-image: url('../images/rocks.jpg'); border: 1px solid #3b2c15; text-align: center; padding: 5px;}
//#home_right_bottom div.padding img { height: 75px; width: 100px; float: left; margin: 12px 12px 0 0; background: white; border: 1px solid #3b2c15; padding: 5px; }

#header_pic { position: absolute; width: 720px; height: 220px; top: 86px; left:248px; z-index: 3;}


/* `Sub Page Elements
----------------------------------------------------------------------------------------------------*/
#sub_left { margin:-62px 8px 0px;}
#sub_left div.padding div { border-bottom: 1px dotted #000; overflow: hidden; padding: 11px 0 11px; }
#sub_right { background-color: white; border: 2px solid #000; margin:-62px 8px 0px; }
#sub_right { ^margin-top: -30px;}
#sub_right div.padding div { border-bottom: 1px dotted #000; overflow: hidden; padding: 11px 0 11px; }
#sub_right div.padding div h2 { padding-top:8px; padding-bottom:8px; }
#sub_right div.padding div p { padding-bottom:20px; }
#sub_right div.padding div.grid_5 p { padding-bottom:0px; }
#sub_right div.padding div hr { border-bottom: 1px dotted #000; overflow: hidden; padding: 11px 0 11px; }
#sub_right div.padding div h4 { padding-bottom:10px; }
#sub_right div.padding div p.download { padding-bottom:5px; }

/* tables still need 'cellspacing="0"' in the markup */
table { border: 1px solid #333; border-spacing: 0px; }
td.column1 { width: 274px; border: 1px solid black; padding: 3px;}
td.column2 { text-align: center; width: 164px; border: 1px solid black; padding: 3px;}
td.column3 { text-align: center; width: 164px; border: 1px solid black; padding: 3px;}
td.column4 { text-align: center; width: 164px; border: 1px solid black; padding: 3px;}

.leftCol {
	background-color:#58472D;
	border:2px solid #000000;
	color: white; 
	margin-bottom: 12px;
	padding: 13px;
	text-align: center;
	background-image: url(../images/rocks.jpg); 
	background-repeat: no-repeat; 
	}

.leftCol p {
	font-size: 25px;
	text-align: center;
	font-weight: bold; }

.leftCol a {
	font-size: 25px;
	color: white;
	text-align: center;
	font-weight: bold; }
	
.leftCol a:hover {
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	color: #F4F500; }
	
	



/* `Footer Elements
----------------------------------------------------------------------------------------------------*/
#footer { background-color:#58472d; border: 2px solid #000; height: 142px; margin: 26px 8px 4px; color:#f9ebd9; text-align: center;}
#footer_padding { padding: 17px 0 0; }
#footer p { font-size: 12px; }
#footer a { color: white;}
#footer a:hover {color: #F4F500; }
#ultimax { margin-bottom: 40px;}
#ultimax a { color: #ccc; font-size: 9px; float: right; }
#ultimax a:hover { color: #666; }
.signUp {font-size: 22px; color: white;}
.signUp a { color: white; }
.signUp a:hover { color: #F4F500; }

.partner {background-color:#000; padding: 3px; margin-bottom: 2px;}
.facebook {font-size: 9px; color: #FFF; text-transform: uppercase; background-image:url(/images/facebook.jpg); background-repeat:no-repeat; background-position:center right; height:72px; }
.fan { font-size: 11px; text-align: right; color: white;}
.fan a {color: white;}




/* `All Various Classes
----------------------------------------------------------------------------------------------------*/
.padding { padding: 10px; }
.padding_top { padding-top: 15px; }
.center { text-align: center; }
.big_text_left { color: white; font-weight: bold; font-size: 50px; color: white; text-transform: lowercase; letter-spacing: -1px; display: inline; border-right: 1px solid white; height: 78px; margin-right: 15px; padding-right: 10px; padding-bottom: 10px;  }			
.staff {width: 680px; }
.big_text_right { font-weight: bold; font-size: 44px; color: white; display: inline; height: 78px; line-height: 39px; }
.uppercase { text-transform: uppercase; }
.white { color: white; font-weight:bold;}
.red-back { background-color: #B31111; padding: 1px 4px; color: white; }
.red_text { color:#B31111; }
.subnav_text { font-size: 16px; color: white; border-right: 1px solid white; display: inline; font-weight: bold; padding: 0px 6px; }
.bold { font-weight: bold; }
.waiver { text-transform: uppercase; font-size:14px; background-color:#58472d; color: white; padding: 5px 0px 2px 2px; margin-top: 15px; margin-bottom: 5px;  width: 305px; }

.waiver_big { font-size: 26px; background-color:#58472d; color: white; padding: 7px 10px 2px 8px; margin-top: 15px; margin-bottom: 5px; }
.waiver_warning { font-size: 20px; }

.member { font-size: 19px; font-weight: bold; text-align: center; padding-bottom: 10px;}
.dotted_line { border-bottom: 1px dotted #000; overflow: hidden; padding: 11px 0 11px;}

.white {color: white;}

.bbb {
	background-image: url(../images/bbb.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 65px;
	}


/* GALLERY SPECIFIC */
.imageTarget {
	float: right;
	height: 270px;
	width: 350px;
	text-align: center;
}
.galleryThumb {
	padding: 0 5px 5px 0;
}


/* PARTNERS SIGNUP FORM */
#partnerForm fieldset {
	font-size: 10px;
}
#partnerForm label {
	float: left;
	width: 74px;
	height: 22px;
	color: white;
}
#partnerForm input, #partnerForm select {
	float: right;
	width: 120px;
}
#partnerForm p {
	clear: both;
	padding-top: 10px;
}
#partnerForm p.button {
	text-align: center;
}

/* PARTNERS LIST */
#partnerList {
	list-style-type: none;
}
#partnerList li {
	padding-top: 2px;
	clear: left;
}
#partnerList li label {
	width: 165px;
	display: block;
	float: left;
}
#partnerList li span{
	float: left;
	width: 475px;
	display: block;
}
#partnerList li.partnerNameEmail {
    padding-top: 20px;
	font-size: 14px;
	font-weight: bold;
}

/* ALL AUTOPOP IMAGES */
.popup {
  border: 1px solid black;
}

/* GYM INFO SPECIFIC */
.route-maps div {
	margin-right: 20px;
	float: left;
}
.route-maps div p {
	text-align: center;
	padding-bottom: 0px;
}
.route-maps div img {
	border: 1px solid black;
	margin-bottom: 5px;
}

/* CLIMBING MAPS */
#rj1-1 {
	background-image: url('../images/maps/rj1/rj1-1.jpg');
	width: 900px;
	height: 1154px;
	height: 868px;
}
#rj1-2 {
	background-image: url('../images/maps/rj1/rj1-2.jpg');
	width: 900px;
	height: 590px;
}
#rj1-3 {
	/*background-image: url('../images/maps/rj1/rj1-1_overlay.jpg');*/
	background-image: url('../images/maps/rj1/rj1-3.jpg');
	width: 900px;
	height: 1154px;
}
#rj1-4 {
	background-image: url('../images/maps/rj1/rj1-4.jpg');
	width: 800px;
	height: 910px;
}
#rj2-1 {
	background-image: url('../images/maps/rj2/rj2-1.jpg');
	width: 900px;
	height: 947px;
}
#rj2-2 {
	background-image: url('../images/maps/rj2/rj2-2.jpg');
	width: 900px;
	height: 947px;
	height: 696px;
}
#rj2-3 {
	background-image: url('../images/maps/rj2/rj2-3.jpg');
	width: 900px;
	height: 960px;
}
.mapThumbs {
  text-align:center;
}

.mapThumbs img {
	margin: 0 10px;
	padding: 5px;
	border: 2px solid black;
}
.climbingmap {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
}
.climbingmap a {
	display: block;
	position: absolute;
	color: #000000;
	font-size: 13px;
}
.climbingmap a:hover {
	color: #FF0000;
}

#contactpop {
	background-color: #FFFFFF;
	border: 2px solid #000000;
	color: #000000;
	opacity: 0.9;
	padding: 5px;
	position: absolute;
	z-index: 999;
	display: none;
}

.popupInfo ul {
	list-style-type: none;
	padding-top: 10px;
}
.popupInfo ul li {
	clear: left;
}
.popupInfo ul li label {
	width: 55px;
	font-weight: bold;
	display: block;
	float: left;
}
.popupInfo ul li span {
	display: block;
	float: left;
}

#partnersEdit label {
	display: block;
	float: left;
	width: 100px;
	clear: left;
}
$partnersEdit input, #partnersEdit textarea {
	float: left;
}

/* INDEX PAGE SLIDER */

#slider-frame {
	width: 720px;
	height: 220px;
	overflow:hidden;	
	}

#slideshow {
	position:relative;
	clear: both;
	height: 220px;
	}

#slideshow a {
  	color: white;
	}
	
#slideshow a:hover {
	color: yellow;
	}

	

#slideshow div {
    position:absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}
#slideshow div.active {
    z-index: 10;
    opacity: 1.0;
}
#slideshow div.last-active {
    z-index: 9;
}