/* Bikeride CSS -- leftNav */


/* ====================LEFT NAV =========================*/


#leftnavcont {
	margin-top: 0;
	width:179px;
	float: left;
	padding-bottom: 24px;
}

#leftnavcentertext{
	text-align: center;
	display: block;
}

#leftnav {
	width: 179px;
	padding-bottom: 20px;
}
#leftnav ul{
	margin: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

#leftnav li {
	line-height: 26px;
	width: 179px;
	border-bottom:1px solid #960;
	list-style-type:none;
	margin:0;
	position:relative; /* positioning context for the absolutely positioned drop-down */
	padding: 0;
	/*  background-color: #fdf9e5;*/

}		

#leftnav li a {
	text-decoration:none;
	color:#5a5a5a;
	color:#efe2cc;
	color:#3c3e28;
	text-align: center;
	line-height: 26px;
	display:block;
	margin: 0px;
	padding: 0 12px 0 6px;
	overflow: hidden;
}
#leftnav li a:hover {
	color:#663333;
	line-height: 26px;
	background-color:#d7cfb9; /*--putty--*/
}
#leftnav li.orangeback{
	background-color: #d27f49;/*--orange--*/
	height: 32px;

}
#leftnav li.orangeback a{
	line-height: 32px;
	font-size:15px;

}
#leftnav li.orangeback a:hover {
	background-color: #dbd0a1;/*--green--*/

}
/* a hack for IE Win only \*/	
* html #leftnav ul {border-top:1px solid #960;}
/*end of hack */


/* ==========LEFT NAV- Drop Down Starts here ==============================*/
/* These styles create the dropdown menus. 
	
#leftnav li ul {
	position:absolute;
	width:12em; 
	left:180px; 
	top: 0;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-top: 1px solid #960;
	border-left: 1px solid #960;
	border-right: 1px solid #960;
	background-color: #f9f9e5;

}
#leftnav li:hover ul, #leftnav li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #960;

}	
#leftnav li ul li {
	width:100%;
	border-left:0 solid #999;
	border-bottom:1px solid #960;
	border-right:0 solid #999;
	padding: 0px;
	text-align: left;
	margin: 0px;
	line-height: 26px;
	display:block;
	}

#leftnav li a {
	display: block;
	text-decoration:none;
	color:#5a5a5a;
	padding: 0 0 0 6px;
	margin: 0;
	line-height: 26px;
	height: 28px;
	overflow:hidden;
}
#leftnav li ul li a:first-child {
	border-top:0px solid #960; 
	line-height: 26px;

}
#leftnav li ul a:hover {
	color:#663333;
	background-color:#d7cfb9;
	line-height: 26px;
	border-top: 1px solid #960;
	border-bottom: 1px solid #960;

}
/* the drop-down ends here */



/*==================================================START:Clearfix=================================================*/


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;}	     /* further ensures the period is not visible */


.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*=======================================END Clearfix ============================================*/