p.title span {font-weight:normal;}
.section p {width:420px;}

.rightSideHike {float:left; width:250px;margin-top:15px;}
.leftSideHike {float:left; width:480px;}
.ie7 .leftSideHike,.ie6 .leftSideHike {width:434px;}
.ie7 .rightSideHike,.ie6 .rightSideHike {margin-top:5px;margin-left:35px;}

#pageContents div.red,.asterik {font-size:90%;}

.hikesList 
{
	font-size:95%;
	border-bottom:1px solid #c9c9b5;
	margin-bottom:18px;
}

.hikesList td.hikeName {text-align:left;}
.hikesList td {padding:5px 0;text-align:center;}
.hikesList tr td {background-color: #fafafa;}
.hikesList tr.odd td { background-color: #edede4;}
.hikesList tr.even td { background-color: #fff;}
.hikesList tr.over td {background-color: #eee4af;} /*imperative that the 'over' color is listed last, after td.alt. If list before, the hover color will not show.*/
h2.difficulty
{
	background-color:#c9c9b5;
	font-size:95%;
	text-transform:uppercase;
	padding:2px 0 2px 2px;
	text-align:left;
	width:726px;
	margin-bottom:4px;
	margin-left:2px;
}
/*=========================== sortable css ====================================*/
th.sortable,
th.sortable-numeric,
th.sortable-currency
{
    cursor:pointer;
    background: #e5e2d5 url(images.css/bg.gif) center left no-repeat;
    padding: 0 12px 0 20px;
	height:26px;
	color:#834d1f; 
	font-weight:bold;
	font-size:90%;
	line-height:170%;
	text-transform:uppercase;
	border:1px solid #b4b2aa; /*dcdcbb*/
	text-align:left;
}

.hikesList thead tr .headerSortUp {
	background-image: url(images.css/asc.gif);
}
.hikesList thead tr .headerSortDown {
	background-image: url(images.css/desc.gif);
}
.hikesList thead tr .headerSortDown, .hikesList thead tr .headerSortUp {
background-color: #fff;  /*edede4*/
}
	
th.sortable {width:30%;}
th.location {width:22%;}
th.sortable-numeric {width:15%;}
th.sortable-currency {width:15%;}

th a 
{
	color:#834d1f; 
	text-decoration:none;
}

th a:hover 
{
	color:#834d1f; 
	text-decoration:underline;
}
/*=========================== TABS ====================================*/
ul.css-tabs {  
	margin:0;
	padding:0;
	height:35px;
	width:253px; 	
    list-style-type:none;	
}
/* single tab */
ul.css-tabs li {  
	float:left;	  
	width:83px;
	margin-right:2px;
	text-align:center;
}
/* link inside the tab. uses a background image */
ul.css-tabs a { 
	font-size:11px;
	line-height:14px;
	display:block;
	padding:4px 10px 2px 10px;	
	text-decoration:none;
	height:32px;
	background-color:#efefef;
	color:#fff;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	position:relative;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#ffc;
}
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	color:#fff;	
	font-weight:bold;
	cursor:default;
}
/* tab pane */
div.css-panes div {
	display:none;
	height:220px;
	background-color:#ddd;	
	width:253px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

div.css-panes div a {color:#fff;}
div.css-panes div img {padding:5px;}
/* alternate colors: skin2 */
ul.skin2 a {
	background-color:#89a;		
	color:#fff;
}
/* mouseover state */
ul.skin2 a:hover {
	background-color:#678;
}
/* active tab */
ul.skin2 a.current {
	background-color:#4F5C6A;
}
/* tab pane with background gradient */
div.skin2 div {
	min-height:200px;
	color:#fff;	
	font-size:12px;
	text-align:center;
	background:#234 url(images/skin_h300.png) repeat-x scroll 0 -30px;
}

.ie6 div.skin2 div {background-color:#4F5C6A;}