/*CSS definitions for EQ CA*/

/*Main formatting properties*/
body {
	padding:0px;
	margin:10px 0px;
	font-family:Arial, sans-serif;
	font-size:12px;
	letter-spacing:0px;
	line-height:15px;
	color:#464646;
	background-color:#ffffff;
}

table {
	border: 0px;
	width: 100%;
}
td {
	vertical-align:top;
}
ol {
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	margin:0px;       
	padding:0px;            
}


h1
{
	font-family:Arial, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#525252;
	line-height:32px;
	padding:0px;
	margin:0px;
	text-decoration: none;
}
h2 {
	font-family:Arial, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color:#89161a;
	padding:0px;
	margin:0px 0px 10px 0px;
}


/* Form porperties */
form {
	margin:0px;
}

/* Image Properties */
img {
	border:0px;
	padding:0px;
	margin:0px;
}

/*Link properties*/
a {
	color:#3a8457;
	text-decoration:none;
}
a:hover {
	color:#cd0006;
	text-decoration:none;
}


/* Layout Constructors */
#header {
	width:912px;
	height:101px;
	margin:0px auto;
	background:transparent url('http://trails.sierraclub.org/images/fw/headerBG.jpg') no-repeat top left;
	color:#ffffff;
}
	#header a {
		color:#ffffff;
		text-decoration:none;
	}
	#header a:hover {
		color:#c6dbce;
	}
	#header #rightBit {
		float:right;
		width:250px;
		padding-top:18px;
	}
#header #rightBit .not_logged_in, #header #rightBit .logged_in {
	text-align:right;
	padding-right: 8px;
	font-size: 13px;
	font-weight: bold;
}

	#header #rightBit #search {
		margin-top:10px;
	}
		#header #rightBit #search img {
			float:left;
		}
		#header #rightBit #search input.field {
			float:left;
			width:100px;
			height:16px;
			padding:0px;
			margin:0px;
			border:0px;
			border-top:1px solid #7fab94;
			border-bottom:1px solid #7fab94;
			font-size:12px;
			color:#897e7a;
		}
#menu {
	position:relative;
	width:912px;
	height:28px;
	margin:0px auto;
	z-index: 2000;
}
#container {
	width:912px;
	margin:0px auto;
}
	#homeLeft {
		float:left;
		width:688px;
		border-width:6px 8px 7px 9px;
		border-style:solid;
		border-color:#dcd4bd;
		overflow: hidden;
	}
		#imageSlide {
			width:686px;
			height:292px;
			border:1px solid #bebebe;
			background-color:#dcd4bd;
			overflow: hidden;
			position: relative;
			z-index: 1000;
		}
			div.slide {
				width:686px;
				height:292px;
				background-repeat:no-repeat;
				background-position:top left;
				display: none;
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 975;
			}
				div.slide div.image {
					position: absolute;
					left: 0px;
					top: 0px;
					width:686px;
					height: 239px;
					cursor: pointer;
				}
				div.lnr {
					position: absolute;
					left: 0px;
					top: 240px;
					width:686px;
				}
					div.slide div.dir {
						float:left;
						width:42px;
						height:52px;
						text-align:center;
					}
						div.slide div.ri {
							left:644px;
						}
						div.slide div.dir a {
							display:block;
							font-size:30px;
							line-height:52px;
							color:#ffffff;
							background-color:#6f6f6f;
						}
						div.slide div.dir a:hover {
							background-color:#c6a06a;
						}
					div.slide div.text {
						float:left;
						height:42px;
						width:592px;
						padding:5px;
						line-height:20px;
						background-color:#ffffff;
						font-size:18px;
						color:#5a4f53;
						opacity:0.75;
					}
						div.slide div.text a {
							color:#5a4f53;
						}
					* html div.slide div.text {
						filter:alpha(opacity=75);
					}
					*+html div.slide div.text {
						filter:alpha(opacity=75);
					}
	#intLeft {
		float:left;
		width:190px;
		background-color:#dcd4bd;
	}
	#intMiddle {
		float:left;
		width:485px;
		padding:24px 13px 0px 18px;
	}
		#faTopL {
			float:left;
			width:200px;
		}
		#faTopR {
			float:right;
			width:200px;
		}
		#faTopL a.more,
		#faTopR a.more
		{
			display: inline;
			padding-left: .3em;
		}
		
		div.faTop_img
		{
			min-height: 110px;
		 	height: auto !important;
			height: 110px;
			overflow: visible;
		}
		
	#homeRight {
		float:right;
		width:205px;
		overflow: hidden;
		line-height:14px;
	}
	#intRight {
		float:right;
		width:688px;
		padding:24px 17px 0px 0px;
	}
		#khTopL {
			float:left;
			width:335px;
			margin:15px 0px 30px 0px;
		}
		#khTopR {
			float:right;
			width:335px;
			margin:15px 0px 30px 0px;
		}
		
		#khTopL a.more,
		#khTopR a.more
		{
			display: inline;
			padding-left: .5em;
		}
		
	#intRight2 {
		float:right;
		width:205px;
		background-color:#dcd4bd;
	}
#footer {
	width:912px;
	margin:0px auto;
	padding:10px 0px;
}
	#footer a {
		color:#9e9e9e;
	}
	#footer a:hover {
		color:#6a6a6a;
	}
	#footer div#left {
		float:left;
		width:360px;
		font-size:10px;
		line-height:14px;
		color:#9e9e9e;
	}
	#footer div#center {
		float:left;
		width:100px;
		padding-top:5px;
	}
	#footer div#right {
		float:left;
		width:450px;
		text-align:right;
		font-size:11px;
		/*padding-top:12px;*/
	}


/* Various different font sizes to avoid evil font tags */
.size8 {
	font-size:8px;
}
.size9 {
	font-size:9px;
}
.size10 {
	font-size:10px;
}
.size11 {
	font-size:11px;
}
.size12 {
	font-size:12px;
}
.size13 {
	font-size:13px;
}
.size14 {
	font-size:14px;
}
.size15 {
	font-size:15px;
}
.size16 {
	font-size:16px;
}
.size18 {
	font-size:18px;
}
.size20 {
	font-size:20px;
}
.size24 {
	font-size:24px;
}
.size30 {
	font-size:30px;
}


.lh18 {
	line-height:18px;
}
.lh22 {
	line-height:22px;
}
.lh26 {
	line-height:26px;
}


.blck {
	color:#000000;
}
.whtt {
	color:#ffffff;
}
.grry {	
	color:#6a6a6a;
}


.bld {
	font-weight:bold;
}
.itl {
	font-style:italic;
}
.cntr {
	text-align:center;
}
.alft {
	text-align:left;
}
.argt {
	text-align:right;
}

div.clean {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

div.barTitle {
	height:24px;
	line-height:24px;
	padding:0px 12px;
	margin: 0px 0px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	background-color:#b37d3f;
}

div.barContent {
	padding:12px 7px 0px 7px;
	color:#4F4F4F;
	border:8px solid #dcd4bd;
	border-top:0px;
	background-color:#f6f4ee;
}
	div.barContent a {
		font-weight:bold;
		color:#4F4F4F;
		text-decoration:none;
	}
	div.barContent a.and {
		font-weight:normal;
		color:#3a8457;
		text-decoration:none;
		font-size:10px;
	}
	div.barContent a:hover {
		color:#b37d3f;
	}
	div.barContent a.and:hover {
		color:#525251;
	}
	div.barContentSm {
		padding:6px;
		font-size:10px;
		line-height:13px;
	}
		div.barContentSm a {
			color:#bd803c;
		}
	div.barContentTop {
		clear:both;
		height:0px;
		line-height:0px;
		font-size:0px;
		border-top:8px solid #dcd4bd;
	}
div#monthWinner {
	text-align:center;
}
	div#monthWinner img {
		width:150px;
		height:100px;
		margin-bottom:5px;
	}
div#prevWinner {
	display:none;
}
	div.prevPhot {
		display:none;
		text-align:center;
	}
	div.prevPhot img {
		width:150px;
		height:100px;
		margin-bottom:5px;
	}
div.phot {
	text-align:center;
}
	div.phot img {
		margin:5px;
		width:60px;
		height:50px;
		border:1px solid #000;
	}
div.conBar {
	height:22px;
	background:transparent url('http://trails.sierraclub.org/images/fw/conBarBG.png') repeat-x top left;
}
div.conBarWh {
	height:21px;
	background:transparent url('http://trails.sierraclub.org/images/fw/conBarBGWh.png') repeat-x top left;
}
	div.conBar img.L {
		float:left;
		width:10px;
	}
	div.conBar div.txt {
		float:left;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
		line-height:22px;
	}
	div.conBar img.R {
		float:right;
		width:10px;
	}
div.intContent {
	padding:15px 15px 15px 10px;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	border-top: none;
	border-bottom: 1px solid #bebebe;
}
	div.intContent div.coli {
		float:left;
		width:202px;
		margin-left:15px;
	}
		div.intContent div.coli img {
			border:1px solid #bebebe;
			margin-bottom:10px;
		}
		div.intContent div.coli_img {
			text-align: center;
			min-height: 116px;
		 	height: auto !important;
			height: 116px;
			overflow: visible;		
		}
div.listr {
	margin-top:15px;
}
	div.listr div.lbit {
		clear:left;
		float:left;
		width:73px;
		margin-right:10px;
		text-align:center;
	}
		div.listr div.lbit a.more {
			text-align:center;
			margin-top:0px;
		}
	div.listr h2 {
		color:#464646;
		margin-bottom:5px;
	}
div.nn {
	font-weight:bold;
	margin-top:10px;
}
	div.nn img {
		float:left;
		margin-right:10px;
	}
div.tAbout {
	height:25px;
	background:transparent url('http://trails.sierraclub.org/images/fw/talkAboutBG.gif') repeat-x top left;
	margin-top: 15px;
}
	div.tAbout img.L {
		float:left;
		width:137px;
	}
	div.tAbout img.R {
		float:right;
		width:10px;
	}
div.tAboutBot {
	height:6px;
	background:transparent url('http://trails.sierraclub.org/images/fw/talkAboutBotBG.gif') repeat-x top left;
}
	div.tAboutBot img.L {
		float:left;
		width:6px;
	}
	div.tAboutBot img.R {
		float:right;
		width:6px;
	}
#Carousel {
	width:465px;
	margin:10px;
}
	#Carousel a.button {
		display:block;
		float:left;
		width:10px;
		height:10px;
		line-height:10px;
		font-size:10px;
		padding:0px;
		margin:5px 4px 3px 6px;
		border:1px solid #d5d5d5;
		background-color:#ffffff;
	}
	#Carousel a.button:hover {
		background-color:#6f6f6f;
		text-decoration:none;
	}
	#Carousel a.selected {
		display:block;
		float:left;
		width:10px;
		height:10px;
		line-height:10px;
		font-size:10px;
		padding:0px;
		margin:5px 4px 3px 6px;
		border:1px solid #6f6f6f;
		background-color:#6f6f6f;
		text-decoration:none;
	}
	#Carousel div.slyd {
		display: none;
		width:465px;
		height:210px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
		#Carousel div.slyd img {
			float:left;
			width:200px;
			height:200px;
		}
		#Carousel div.slyd div.stxt {
			float:right;
			width:255px;
		}
		
ul.tabNav {
	list-style: none;
	height:26px;
	padding:0px;
	margin:0px;
	background:transparent url('http://trails.sierraclub.org/images/fw/homeMidTabBG.gif') repeat-x top left;
}
ul.phot {
	margin:0px 8px;
}
	ul.tabNav li {
		float:left;
		width:161px;
		margin-right:8px;
		display: inline;
	}
	ul.phot li {
		margin-right:0px;
		width:94px;
	}
		ul.tabNav li a {
			display:block;
			height:26px;
			line-height:22px;
			color:#ffffff;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			text-align:center;
			background:transparent url('http://trails.sierraclub.org/images/fw/homeMidTab.png') no-repeat top left;
		}
		ul.phot li a {
			font-size:11px;
			background-image:url('http://trails.sierraclub.org/images/fw/rightTab.png');
		}
			ul.tabNav li a:hover {
				color:#ffffff;
				background-position:0px -26px;
			}
			ul.tabNav li a.on {
				background-position:0px -26px;
			}

ul.hDis {
	list-style: none;
	padding:15px 11px;
	margin:0px;
}
	ul.hDis li {
		float:left;
		width:214px;
		overflow: hidden;
		padding:0px;
		margin-right:8px;
		display:inline;
		color:#c6a06a;
		font-size:14px;
	}
	ul.hDis li img {
		float:left;
		width:128px;
		margin-right:5px;
	}
	ul.hDis li div.bottom {
		clear:both;
		position:relative;
		height:12px;
		text-align:right;
	}
		ul.hDis li div.bottom a {
			position:absolute;
			display:block;
			font-size:12px;
			top:-15px;
			left:133px;
			text-decoration:underline;
		}
		
ul.hNew {
	list-style: none;
	margin:20px 12px 0px 12px;
	padding:0px;
}
	ul.hNew li {
		float:left;
		width:100px;
		overflow: hidden;
		padding:0px;
		margin:0px 5px 15px 5px;
		display:inline;
		font-size:14px;
	}
	ul.hNew li a {
		color:#b37d3f;
		text-decoration:none;
		display: block;
		width: 100px;
		overflow: hidden;
	}
	ul.hNew li a:hover {
		color:#3a8457;
	}
	
ul.lnav, ul.lnav ul {
	list-style: none;
	padding:0px;
	margin:10px 6px 10px 7px;
}
ul.lnav ul
{
	margin-top: 0px;
}
	ul.lnav li {
		line-height:24px;
		padding-left:18px;
		background-color: #f7f4ef;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		border:1px solid #edeae5;
		margin:0px 0px 3px 0px;
	}
	ul.lnav li.nav_level_1
	{
		background-image: url('http://trails.sierraclub.org/images/fw/lnavBG.png');
	}
	ul.lnav li.nav_level_1.on_page,
	ul.lnav li.nav_level_1.in_section
	{
		background-image: url('http://trails.sierraclub.org/images/fw/lnavBGd.png');
	}
	ul.lnav li.nav_level_1 li.on_page,
	ul.lnav li.nav_level_1 li.in_section
	{
		background-image: none;
	}

	ul.lnav li li
	{
		background-image: none;
		border: none;
		padding-left: 0px;
	}
	
		ul.lnav li a {
			display:block;
			color:#5f5d5e;
			font-size:13px;
			font-weight:bold;
		}
		ul.lnav li a:hover {
			color:#3a8457;
		}

	ul.lnav li.nav_level_1
	{
		display: none;
	}
	ul.lnav li.nav_level_1.on_page,
	ul.lnav li.nav_level_1.on_page li,
	ul.lnav li.nav_level_1.home_nav,
	ul.lnav li.nav_level_1.in_section,
	ul.lnav li.nav_level_1.in_section li
	{
		display: block;
	}

table.forum {
	font-size:14px;
	color:#797979;
	font-weight:bold;
}
table.forum a {
	color:#797979;
}
table.forum a:hover {
	color:#b37d3f;
}
table.forum tr.on {
	background-color:#c6dbce;
}
table.forum td.left {
	width:60%;
	padding:7px 0px 7px 10px;
}
	table.forum td.left div.normal {
		font-size:12px;
		font-weight:normal;
	}
table.forum td.right {
	width:40%;
	padding:7px 10px 7px 0px;
	font-size:13px;
}
table.forum td.alt {
	width:50%;
	font-size:12px;
}


a.more {
	display:block;
	text-align:right;
	color:#3a8457;
	font-size:11px;
	margin-top:10px;
	font-weight:bold;
}

a.more_inline {
	color:#3a8457;
	font-size:11px;
	font-weight:bold;
}


/* Topnav navigation */
#topNav, #topNav ul {
	position:absolute;
	top:0px;
	width:912px;
	list-style: none;
	line-height:28px;
	padding:0px;
	margin:0px;
	z-index:3000;
	background-color:#b37d3f;
}

#topNav li {
	float:left;
	display: inline;
}

#topNav li a {
	display:block;
	height:28px;
	color:#ffffff;
	background-color:#b37d3f;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	border-right:1px solid #ffffff;
	text-align:center;
}
		#topNav li a:hover {
			color:#b37d3f;
			background-color:#ffffff;
		}
		
#topNav li ul {
	top:28px;
	left:0px;
	width:150px;
	text-align:left;
	left: -999em;
	border:1px solid #b37d3f;
	border-top:0px;
	margin:0px 0px 0px -1px;
}
#topNav li ul li {
	margin: 0px;
	padding:0px;
	border:0px;
	line-height:20px;
}

#topNav li ul a {
	float:none;
	display: block;
	text-align:left;
	font-size:12px;
	height: auto;
	width:140px;
	color: #4F4F4F;
	background-color:#ffffff;
	margin: 0px 0px 1px 0px;
	padding: 4px 5px;
	border:0px;
}

#topNav li:hover ul ul, #topNav li.sfhover ul ul {
	left: -999em;
}

#topNav li:hover ul, #topNav li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul {
	left: auto;
}

/*
	START: home page specific styles
*/
	ul#home_new_profiles li
	{
		display: none;
		height: 104px;
	}

	ul#home_new_profiles li.thumb_visible
	{
		display: block;
		padding-bottom: 15px;
		margin-bottom: 0px;
	}

	ul#home_new_profiles li.thumb_visible.first
	{
		margin-left: 0px;
	}
/*
	END: home page specific styles
*/


div.detail_list div.content_block
{
	padding: 10px 0px 0px 0px;
}


div.img_w_caption_a
{
	float: right;
	display: inline; 
	margin: 0px 0px 0px 4px; 
	text-align: center;
}

/*
	START: local outings
*/
	div.find_local_outing select
	{
		width: 150px;
		margin-bottom: 12px;
	}
/*
	END: local outings
*/

	div.barContent div.right_col_item,
	div.barContent div.blurb
	{
		padding-bottom: 12px;
	}

#tutoriallist { list-style-type: none }
.tutoriallist-item { font-size: 14px; list-style-type: none; margin-bottom: 8px; }
.tutoriallist-item a { font-weight: bold; }

ul#hp_tab_latest_trail,
ul#hp_tab_mostmemb_trail,
ul#hp_tab_hirate_trail
{
	height: 143px;
}
ul#hp_tab_latest_trail li,
ul#hp_tab_mostmemb_trail li,
ul#hp_tab_hirate_trail li
{
	height: 128px;
}

div.more_trails
{
	padding-top: 8px;
	clear: both;
	height: auto;
	text-align: right;
}

div.nature_notes_player_outer
{
	text-align: center;
	padding: 8px;
}

div.nature_notes_player
{
	margin: 0px auto;
}


div.faTop_title
{
	margin-bottom: 10px;
}

div.faTop_title a,
div.faTop_title a:link,
div.faTop_title a:visited
{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

div.barContent div.see_more
{
	padding-bottom: 5px;
}

.object {float:left;width: 222px;}
.object .imageLink {float:left; display:block; width: 117px; height: 117px; overflow:hidden;}
.object .imageLink IMG {}
.object .text {float:left; width:99px; overflow:hidden; height:125px }
.object .text_morelink {margin: 0 5px; position:relative; top: 105px;}
.object .text_title {margin: 0 5px;}
