/* CSS Document */

body  {	font: 100%  Arial, Verdana, Helvetica, sans-serif; background: #fff; margin: 0; padding: 0; text-align: center; color: #000000;}

#container{width:940px; margin: 0 auto; text-align: left;}
#header{
	height:444px;
	width:940px;
	margin:0px 0 10px 0;
	padding:0px;
	background-image: url(img/bg_header_2009.jpg);
	background-repeat: no-repeat;
}

/* this is for the top main navigation */

#mainNav {width:900px; height:34px; margin:48px 0 0 39px; _margin:48px 0 0 20px; float:left;}

#mainNavLinks {background-image: url(img/mainNav.gif); background-repeat: no-repeat; padding:0; height:34px; width:555px; margin:0px;}
#mainNavLinks span {display: none;}
#mainNavLinks li, #mainNav a {display:block; height:34px;}
#mainNavLinks li {float:left; list-style:none; display:inline;}

#mainNav #trips {width:183px;}
#mainNav #aboutBikeHike {width:181px;}
#mainNav #community {width:185px;}
 
/* OVER STATES*/
#mainNav #trips a:hover {background:url(img/mainNav.gif) 0px -39px no-repeat; }
#mainNav #aboutBikeHike a:hover {background:url(img/mainNav.gif) -183px -39px no-repeat; }
#mainNav #community a:hover {background:url(img/mainNav.gif) -364px -39px no-repeat; }

/* ON STATES*/
#mainNav.trips #trips a {background:url(img/mainNav.gif) 0px -78px no-repeat; }
#mainNav.aboutBikeHike #aboutBikeHike a {background:url(img/mainNav.gif) -183px -78px no-repeat; }
#mainNav.community #community a {background:url(img/mainNav.gif) -364px -78px no-repeat; }

/* this is for the top sub navigation */

#subNav {margin:27px 0 0 507px; height:24px; float:left; _float:none;}

#subNavLinks {background-image: url(img/subNav.gif); background-repeat: no-repeat; padding:0; height:24px; width:415px; margin:0;}
#subNavLinks span {display: none;}
#subNavLinks li, #subNavLinks a {display:block; height:24px;}
#subNavLinks li {float:left; list-style:none; display:inline;}

#subNav #contact {width:73px;}
#subNav #reserve {width:73px;}
#subNav #orderBrochure {width:73px;}
#subNav #newsletter {width:110px;}
#subNav #giftCertificates {width:83px;}
 
/* OVER STATES*/
#subNav #contact a:hover {background:url(img/subNav.gif) 0px -29px no-repeat; }
#subNav #reserve a:hover {background:url(img/subNav.gif) -73px -29px no-repeat; }
#subNav #orderBrochure a:hover {background:url(img/subNav.gif) -146px -29px no-repeat; }
#subNav #newsletter a:hover {background:url(img/subNav.gif) -219px -29px no-repeat; }
#subNav #giftCertificates a:hover {background:url(img/subNav.gif) -329px -29px no-repeat; }


/* header layers */
#headerImages{width:639px; height:241px; float:right; padding:0; margin:5px 5px 8px 0 !important; margin:5px 2px 8px 0;}

#headerContactInfo{padding:0px; margin:0; text-align: center;}
#headerContactInfo p{font-size: 13px; color: white; padding:0px; margin:0;}
#headerContactInfo a{color:white; text-decoration: none;}
#headerContactInfo a:hover{color:#6da52d; text-decoration: none;}

/* search layers */
#tripSearch{width:249px; height:269px; float:left; padding:0; margin:6px 0 0 40px; _margin:6px 0 0 20px;}

#searchTitle{background-image: url(img/bg_searchHeader.gif); background-repeat: no-repeat; padding:0; margin:2px 0 0 5px;; width:243px; height:24px;}
#searchTitle p{color:#000; font-size: 14px; margin:0px; padding:3px 0 0 5px;}
#searchContent{padding:0;margin:2px 0 0 7px;}
#searchContent p{padding:2px 0 2px 0; margin:0;}

#searchTripBottom{background-image: url(img/bg_searchTripsBottom.gif); background-repeat: no-repeat; padding:0; margin:-10px 0px 0 4px; width:245px; height:106px;}

#searchLinks{padding:6px 0 0 4px;margin:15px 0 0 35px;}
#searchLinks li {padding:2px; margin:5px 0px 3px -32px; list-style:none; background-image: url(img/bg_searchLinks.gif); background-repeat: no-repeat; width:229px height:25px; font-size: 12px}
#searchLinks a {width:229px height:20px;padding:5px; margin:5px 0 5px 20px;}

 label{width: 70px; float: left; text-align: left; margin:0; display: block;}
.submit input{margin-left: 70px;}


/*about and community nav */
#aboutNav{width:249px; height:269px; float:left; padding:0; margin:8px 0 0 44px; _margin:8px 0 0 22px; background-image: url(img/bg_aboutBacking.gif); background-repeat: no-repeat;}
#communityNav{width:249px; height:269px; float:left; padding:0; margin:8px 0 0 44px; _margin:8px 0 0 22px; background-image: url(img/bg_communityBacking.gif); background-repeat: no-repeat;}
#aboutLinks li {padding:2px; margin:5px 0px 3px -33px; list-style:none; background-image: url(img/bg_searchLinks.gif); background-repeat: no-repeat; width:229px height:25px; font-size: 12px}
#aboutLinks a {width:229px height:20px;padding:5px; margin:5px 0 5px 20px;}


/* content layers */
#homeTitle{height:30px; border-bottom:1px solid; border-color: #EF8100; padding: 0 0 0 15px; margin:0px 0 20px 0px; }
#homeTitlefa{height:30px; border-bottom:1px solid; border-color: #EF8100; padding: 0 0 0 15px; margin:0px 0 20px 0px; direction:rtl; text-align:right;}

#featuredTrips {float:left; width: 500px; padding:0; margin:00px 30px 0 40px; _margin:0 0 0 -20px}
#homepageNews {width:365px; padding:0; margin:0px 0 0 0px; float:right;}

.trip{margin:0 0 20px 10px;}
.tripArrow{float:left; margin: 12px 5px 0 10px;}
.tripDescription{margin:10px 0 0 30px; position: relative; width:440px;}
.tripDescription a.tripMore{width:109px; height:24px; margin:0; padding:5px 0 0 9px; text-indent: -9999px; background-image: url(img/bg_buttonLearnMore.gif); background-repeat: no-repeat; font-size: 12px; display: block;}

.lmtTripArrow {float:left; margin-top: 2px; margin-right: 5px;}
.lmtTrip {margin:0 0 20px 10px;}
.lmtTripDescription {float:left; margin-top: 10px; width: 425px;}
.lmtTripAttributes {margin-top: 5px; margin-bottom: 5px; font-size: 12px; line-height: 18px; color: #333;}
.lmtTripDescription a.tripMore {width:109px; height:24px; margin:0; padding:5px 0 0 9px; text-indent: -9999px; background-image: url(img/bg_buttonLearnMore.gif); background-repeat: no-repeat; font-size: 12px; display: block;}

.searchResultOdd {width:850px float:left; background-color: #E5EBF5; color: #333333; margin-top: 0; 	margin-right: 0; margin-bottom: 30px; margin-left: 10px; padding-top: 3px; padding-right: 3px; 	padding-bottom: 3px;}
.searchResultEven {width:850px float:left; background-color: #FFFFFF; color: #333333; margin-top: 0; margin-right: 0; margin-bottom: 30px; margin-left: 10px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px;}
.searchResultArrow {float:left; width:25px; margin-top: -6px; margin-right: 5px; margin-bottom: 0; margin-left: 0;}
.searchResultTripTitle { margin-left:2; }
.searchResultTripDetails {position:relative; width: 390px; margin-right: 0; margin-bottom: 0; margin-left: 30px;}
.searchResultTripDetails a.tripMore {width:109px; height:24px; margin:0; padding:5px 0 0 9px; text-indent: -9999px; background-image: url(img/bg_buttonLearnMore.gif); background-repeat: no-repeat; font-size: 12px; display: block;}
.searchResultTripHighlights {
	float: right;
	width: 400px;
	margin: 5px;
}
.searchResultHightlightDIV {margin-left: -23px; padding-right: 5px;}
.searchResultHighlightsUL{margin-top: 0px; margin-bottom: 0px; list-style-image: url(img/img_arrow_small.gif); text-indent: 0px;}
.searchResultsSpacing {margin-top: 5px; margin-bottom: 5px;}

#tripRating{float:right; padding:0; margin:-30px 0 0 0; position:relative;}
#tripRating a.tripRatingExplained{width:124px; height:22px; margin:0; text-indent: -9999px; background-image: url(img/bg_buttonRatingsExplained.gif); background-repeat: no-repeat;  display: block;}

.newsItem{
	margin:0 10px 20px 10px;
	background-color:#FFF7EF;
	padding:10px;
	border: 1px solid #FE8005;
}
.newsImage{margin:0 0 1px 0;}

#subLeftColumn{float:left; width: 250px; padding:0 0px 0 0; margin:0px 20px 0 40px; _margin:-10px 30px 0 20px;}

#subContent{width:620px; _width:600px; padding:0; margin:0 0 0 310px;}
.subContentImage{margin:0 0 10px 10px;}

#subContentFull{width:850px; padding:0; margin:0 0 0 60px; font-size:12px;}
#subContentFullfa{width:850px; padding:0; margin:0 0 0 60px; font-size:11px; direction:rtl; text-align:right;}
#subContentFull img{padding:10px 10px 10px 10px; margin:0;}
#subContentCommunityFull {width:850px; padding:0; margin:0 0 0 60px;}

#tripExtras{float:right; padding:0; margin:0;}
#tripExtras a.reserveTrip{width:134px; height:36px; margin:0; text-indent: -9999px; background-image: url(img/bg_buttonReserveTrip.gif); background-repeat: no-repeat; display: block; }
#tripExtras a.tripCustomization{width:134px; height:26px; margin:0; text-indent: -9999px; background-image: url(img/bg_buttonTripCustomization.gif); background-repeat: no-repeat; display: block; }
#tripExtras a.tripEmail{width:134px; height:22px; margin:0; text-indent: -9999px; background-image: url(img/bg_buttonEmailAFriend.gif); background-repeat: no-repeat; display: block; }

a.tripSlideShow{width:134px; height:22px; margin:-20px 0 0 100px; text-indent: -9999px; background-image: url(img/bg_buttonSlideShow.gif); background-repeat: no-repeat; display: block; }

#tripDestinationButtons{width:16px; padding:6px 0 0 0; margin:10px 0 0 -65px;}
#tripDestinationButtons p{padding:6px; }
a.destinationWeather{width:164px; height:22px; margin:-20px 0 0 100px; text-indent: -9999px; background-image: url(img/bg_buttonDestinationWeather.gif); background-repeat: no-repeat; display: block;}
a.destinationGuide{width:164px; height:22px; margin:-20px 0 0 100px; text-indent: -9999px; background-image: url(img/bg_buttonDestinationGuide.gif); background-repeat: no-repeat; display: block; }


/* footer */
#footer {width:940px; height:131px; margin: 15px 0 0 0; padding-top:10px; background:url(img/bg_footer.gif) 10px 0px no-repeat;}
#footer p {margin:0; padding:50px 0 0 30px; text-align: center; font-size: 11px; color: white; }
#footer p a:link, #footer p a:active, #footer p a:visited{text-decoration: none; color:white;}
#footer p a:hover{text-decoration: none; color:#83c3f5;}

/* legend */
#legend {
	width:80%;
	margin: 30px auto 0px;
	padding: 0px;
	border-top: 1px solid #eee;
}
#legend p {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.5;	
	margin:0px;
	padding:12px 0px 0px 30px;
	text-align: center;
	font-size: 80%;
	color: #777;
}
#legend p a:hover {
	text-decoration: none;
	color:#83c3f5;
}



.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both; height:0;font-size: 1px; line-height: 0px;}


#roundedCorners {width:100%; margin:0 0 20px 0; background:#e5ecf1 url(img/roundedLeftside.gif) repeat-y left top;}
.roundedTop {width:100%;height:31px;background:url(img/roundedTop.gif) no-repeat left top;margin: -1px 0 0 0; _margin:0;}
.roundedTop span {display:block; position:relative; height:31px; background:url(img/roundedTop-right.gif) no-repeat right top; color:#ffffff; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.roundedCenterContent {position:relative; background:url(img/roundedRightside.gif) repeat-y right top; padding:10px 10px 1px 10px; margin:0; text-align:left; }
.roundedCenterContent p{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px;}
.roundedBottom {height:11px; background:url(img/roundedBottom.gif) no-repeat left bottom; margin:0;}
.roundedBottom span {display:block; position:relative; height:11px; margin:0;_margin: 0 0 -8px 0; background:url(img/roundedBottom-right.gif) no-repeat right top;}

#roundedClearCorners {width:100%; margin:0; background:#ebebeb url(img/roundedClearLeftside.gif) repeat-y left top;}
.roundedClearTop {width:100%;height:13px;background:url(img/roundedClearTop.gif) no-repeat left top; margin: -1px 0 0 0; }
.roundedClearTop span {display:block; position:relative; height:13px; background:url(img/roundedClearTop-right.gif) no-repeat right top; color:#ffffff; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.roundedClearCenterContent {position:relative; background:url(img/roundedClearRightside.gif) repeat-y right top; padding:0; margin:0;	text-align:left; }
.roundedClearCenterContent p{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px;}
.roundedClearBottom {height:13px; background:url(img/roundedClearBottom.gif) no-repeat left bottom;	margin:0;}
.roundedClearBottom span {display:block; position:relative; height:13px; margin:0;_margin: 0 0 -8px 0; background:url(img/roundedClearBottom-right.gif) no-repeat right top;}

#tripAttributes {font-size: 12px; color: #333;}

#tripHighlights {font-size: 12px; color: #333;}
#tripHighlights li {font-size: 12px; color: #333; list-style-image: url(img/img_arrow.gif);}

#susHighlights {font-size: 12px; color: #333;}
#susHighlights li {font-size: 12px;	color: #333; list-style-image: url(img/img_arrow.gif); 	line-height: 20px;}

#faqHighlights {font-size: 12px; color: #333;}
#faqHighlights li {font-size: 12px;	color: #333; list-style-image: url(img/img_arrow.gif); 	line-height: 20px;}

#regulations {width: 940px;	margin-top: 30px; margin-left: 20px; margin-right: 20px; text-align: left;}

#bikehikeGallery {margin-left: 40px;}

#tblWeatherChart {font-size: 12px;}
#tblCountryTrips {font-size: 12px;}

.darkRows{background-color:#01599e; color:#fff; font-weight: bold;}
.lightRows{background-color:#e5eef5;}
.formTextFields{width:250px; font-size:11px;}
.formTextFieldLong{width:630px;}

/* font styles */

a:link {color: #DF7800;	text-decoration: none;}
a:visited {	text-decoration: none;color: #DF7800;}
a:hover {text-decoration: none;	color: #EF8100;}
a:active {text-decoration: none;color: #DF7800;}

h1 {font-size:24px; color:#EF8100; line-height: 24px; font-weight: normal;}
h2 {font-size:14px; color:#EF8100; line-height: 12px; margin:0; padding:0;}
h3 {font-size:12px; color:#000; line-height: 20px; margin:0; padding:0;}
h4 {font-size:14px; color:#000; line-height: 20px; margin:0; padding:0;}
h5 {font-size:24px; color:#000; line-height: 25px; font-weight: normal; margin:0; padding:0;}
p {font-size: 12px; font-weight: normal; line-height: 18px; color:#333;}

.searchFormPullDownsLarge{width:170px; _width:163px; height: 20px; font-size: 11px;}
.searchFormPullDownsSmall{width:84px; _width:80px; 20px; font-size: 11px;}
.searchText{font-size: 11px;}

/* these are for the form pages */

.inputError {BORDER-RIGHT: #cc3333 1px solid;BORDER-TOP: #cc3333 1px solid; BORDER-LEFT: #cc3333 1px solid;	BORDER-BOTTOM: #cc3333 1px solid; COLOR: #cc3333; BACKGROUND-COLOR: #FFFFD7;	margin:0px;	padding:2px;font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; width:275px;}

.inputNormal {BORDER-RIGHT: #004080 1px solid;BORDER-TOP: #004080 1px solid; BORDER-LEFT: #004080 1px solid;	BORDER-BOTTOM: #004080 1px solid;COLOR: #333; BACKGROUND-COLOR: #efefef;	width:275px;margin:0px;	padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.inputNormalSmall {BORDER-RIGHT: #004080 1px solid;BORDER-TOP: #004080 1px solid; BORDER-LEFT: #004080 1px solid;	BORDER-BOTTOM: #004080 1px solid;COLOR: #333; BACKGROUND-COLOR: #efefef;	width:75px;margin:0px;	padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.innerError {BORDER-RIGHT: #cc3333 1px solid; BORDER-TOP: #cc3333 1px solid; MARGIN: 2px; BORDER-LEFT: #cc3333 1px solid; BORDER-BOTTOM: #cc3333 1px solid;	COLOR: #cc3333;
	padding:5px;
}

.mandatory{color:#ff0000; font-size:14px;}

#formAddress{float:left; margin-top:10px;
	margin-left: 175px; 
	width: 150px;
}
#formOr{float:left; margin-top:30px;
	margin-left: 75px;
	width: 25px;
}
#formFax{float:left; margin-left: 100px; margin-top:10px; width: 150px;}

.bio {
	margin-bottom: 30px;
	min-height: 210px;
}
.bioPicture {
	float: right;
	width: 250px;
	text-align: center;
	margin-right: 30px;
}
.bioInfo {width: 500px;}
.bioText {
	width: 500px;
	color: #333;
	line-height: 1.5em;
}
.testimonialPicture {
	float: right;
	margin-top: -20px;
	margin-right: 50px;
	width: 260px;
	text-align: center;
}
.testimonial {
	margin-bottom: 40px;
}

.testimonialText {
	width: 300px;
	color: #333;
	margin-left: 50px;
}
.testimonialClient {
	color: #01599e;
	font-style: italic;
	margin-left: 50px;
}
.mediaLogo {
	float: right;
	margin-top: -15px;
	margin-right: 50px;
	width: 315px;
}
.mediaDetails {
	margin-left: 50px;
	color: #333;
}
.mediaArticle {
	margin-bottom: 40px;
	height: 80px;
}
.quote {
	width: 450px;
	margin-left: 115px;
	font-style: italic;
	color: #333;
}
.membershipLogos {
	text-align: center;
	margin-bottom: 30px;
}
#feedsubscription {
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: -7px;
}
#atomFeed img {
	margin-left: 70px;
	padding-right: -10px;
}
#rssFeed img {
	margin-top: -10px;
	margin-left: 70px;
	padding-right: -10px;
}
.feedLogo {

	margin-left: 70px;
	padding-right: -10px;
}
#gallery {
width:750px; height:470px;
}
.tripAlbumInstance {
	margin-bottom: 10px;
	height: 125px;
}
.tripAlbumPicture {
	float: right;
	margin-top: -15px;
	margin-right: 140px;
	width: 250px;
	height: 125px;
}
.tripAlbumDetails {
	height: 50px;
	width: 355px;
	margin-left: 80px;
	margin-top: 30px;
}
.tripAlbumEmail {
	width:134px;
	height:22px;
	text-indent: -9999px;
	background-image: url(img/bg_buttonEmailAFriend.gif);
	background-repeat: no-repeat;
	display: block;
	margin-top: 10px;
}
.eventInstance {

	margin-bottom: 10px;
	height: 125px;
}
.eventInstance {

	margin-bottom: 10px;
	height: 125px;
	direrction:rtl;
	text-align:right;
}
.eventPicture {

	float: right;
	margin-top: -15px;
	margin-right: 80px;
	width: 250px;
	height: 125px;
}
.eventDetails {

	height: 50px;
	width: 410px;
	margin-left: 20px;
}
