@CHARSET "UTF-8";
@import url(/css/women/wsd_header.css);
@import url(/css/footer.css);
@import url(/css/fonts.css);

html,
body {
	margin: 0;
	padding: 0;
	background: url(/images/women/shared/stripes_blue.jpg);
	}

h1 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
}

a img {
	border: 0;
}

#body {
	margin: 0;
	padding: 0;
	display: block;
}
#marquee{
	background-color: #fff;
	}
#wrapper {
	margin: 0 auto;
	width: 900px;
	display: block;
	color: #888;
	padding: 12px;
	background: transparent url('/images/women/shared/blue_grad.png') repeat-y;	
	margin-bottom: 12px;
}

#wrapper[id] {
	height: auto;
}
#wrapper .cover{
	float: left;
}	
#wrapper .headline {
	float: right;
	display: inline;
	margin: 0;
	margin-right: 0px;
	padding: 12px;
	width: 550px;
}
#wrapper .headline h1 span{
	display: none;
}
#wrapper .headline h1 {
	color: #fff;
	font-size: 2.6em;
	background: transparent url("/images/women/cycling_guide/trek_ride_guide_masthead.png") no-repeat;
	height: 39px;
	width: 498px;
	margin: 24px 0px ;
}
#wrapper .headline h2 {
	color: #7EB0CD;
}
#wrapper .headline p {
	color: #888;
	text-decoration: none;
	font-size: 1.2em;
	width: 500px;
	line-height: 1.5em;
}

#wrapper ul {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	width: 150px;
	list-style: none;
}

#wrapper ul li {
	margin: 0;
	padding: 0;
	display: block;
	clear: left;
}

#wrapper ul li a {
	color: #888;
	text-decoration: none;
	padding-left: 0px;
	line-height: 1.5em;
}

#wrapper ul li a:hover {
	text-decoration: underline;
}

/*
#wrapper #bugs {clear: both; width: 900px; height: 116px; margin: 0; padding: 0; }
#wrapper #bugs div { margin: 0; padding: 0; margin-right: 12px; display: inline; float: left; width: 292px; } 
#wrapper #bugs div div { display: none; margin: 0; float: none; } 
#wrapper #bugs div a { margin: 0; padding: 0; display: inline; float: left; } 
#wrapper #bugs div a img { margin: 0; padding: 0; } 
#wrapper #bugs div.last { margin: 0; padding: 0; } 
*/

#footer,
#footer a {
	color: #232e57;
}

#footer a:hover {
	color: #000;
}

/*** infoBox ***/

#infoBoxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 9000;
}

#infoBoxOverlayIFrame {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0; 
	display: none;
	filter: Alpha(Opacity:0);
	z-index: 8999;
}

/*////////////////////////////////////////////////////////////////////
	Float Fix
////////////////////////////////////////////////////////////////////*/

.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 */