body {background: white url(/images/common/bg.jpg) 50% 0px repeat-y; background-color: white; font-size: 11px; color: #333333; font-family: Verdana, sans-serif; margin: 0px } a {color: #8c0000; text-decoration: none} a:hover {text-decoration: underline} a:visited { } div.clear {clear: both; margin: 0px; height: 1px;} img, div { behavior: url(/css/iepngfix.htc) } #header {width: 770px; margin: 30px auto 20px auto; position: relative; } #main {width: 770px; margin: 20px auto 20px auto; } #footer {clear: both; width: 770px; margin: 0px auto 20px auto; position: relative; padding: 20px 1px 1px 1px} #footer p {padding: 15px 5px 15px 5px; text-align: right; background-color: #d7d7cd; } #footer p.leftlink {float: left} #footer a {color: #333333} h1, h2, h3 { margin: 0px 0px 0px 0px; padding: 0px; font-weight: normal; font-family: Georgia, serif; } #header h1 span {background: url(/images/common/title.gif) no-repeat; width: 315px; padding-top: 54px; height: 0px; overflow: hidden; display: block } /* trips nav */ ul#tripsNav { position: absolute; right: 0px; top: 17px} ul#tripsNav, #tripsNav li {margin: 0px; padding: 0px; list-style-type: none; } #tripsNav li { float: left; height: 20px } #tripsNav li span { padding-top: 20px; height: 0px; overflow: hidden; display: block } #tripsNav li.trips span {background: url(/images/common/Trips_label.gif) no-repeat; width: 40px} #tripsNav li.bytype span {background: url(/images/common/by_type.gif) no-repeat; width: 57px} #tripsNav li.bydestination span {background: url(/images/common/by_destination.gif) no-repeat; width: 98px} #tripsNav li.cyclingevents span {background: url(/images/common/cycling_events.gif) no-repeat; width: 84px} #tripsNav li.bydate span {background: url(/images/common/by_date.gif) no-repeat; width: 58px} /* main nav */ ul#mainNav {clear: left; height: 50px; width: 770px} ul#mainNav, #mainNav li {margin: 0px; padding: 0px; list-style-type: none;} #mainNav li {width: 153px; height: 50px; border: 1px solid white; border-width: 0px 1px 1px 0px; background-color: #003366; float: left} #mainNav a {color: white} #mainNav li span { padding-top: 50px; height: 0px; overflow: hidden; display: block } #mainNav li.trips span {background: url(/images/common/trips.gif) no-repeat; } #mainNav li.aboutvacations span {background: url(/images/common/guided_vacations.gif) no-repeat; } #mainNav li.testimonials span {background: url(/images/common/testimonials.gif) no-repeat; } #mainNav li.aboutgreatexplorations span {background: url(/images/common/great_explorations.gif) no-repeat; } #mainNav li.cataloguesandnewsletters span {background: url(/images/common/catalogues_and_newsletters.gif) no-repeat; } #mainNav li.contactus span {background: url(/images/common/contact_us.gif) no-repeat; } #mainNav li.cyclingevents {border-right: none; width: 154px} /* subnav */ #tripsNav {position: relative; z-index:50; } #mainNav {position: relative; z-index:1; } #tripsSubnav li {position: static; } #cyclingSubNav li {position: static;z-index:100;} #tripsSubnav {border: 1px solid white; border-width: 1px 0px 0px 0px ; width: 154px; display: none} #tripsSubnav {position: absolute; left: 0px; top: 50px; background-color: #003366; overflow: hidden; padding: 0px; margin: 0px} #tripsSubnav li a, #tripsSubnav li {display: block; float: none; font: 10px Verdana; position: static; overflow: hidden; height: 20px; } #tripsSubnav li a {padding: 3px 2px 1px 5px; } #cyclingSubNav {border: 1px solid #cccccc; border-width: 1px 1px 0px 1px !important; width: 154px; display: none; } #cyclingSubNav {position: absolute; right: 0px; top: 20px; background-color: white; overflow: hidden; padding: 0px; margin: 0px} #cyclingSubNav li a, #tripsSubnav li {display: block; float: none; font: 10px Verdana; position: static; overflow: hidden; height: 20px; } #cyclingSubNav li a {padding: 3px 2px 1px 5px; } #cyclingSubNav li {border: 1px solid #cccccc; width: 154px; border-width: 0px 0px 1px 0px;} /* homepage content */ #rightColumn {float: right; position: static; width: 130px; } #contactLinks li, #contactLinks {list-style-type: none; margin: 0px; padding: 0px} #contactLinks {background: #d7d7cd url(/images/common/info.gif) 100% 0px no-repeat; padding: 1px 0px 10px 0px} #contactLinks li a {color:#333333} #contactLinks li {margin: 10px} #contact h2 { text-align: left; font-size: 15px; color: #333333; padding: 0px; margin: 10px 0px 0px 0px; } #contact h3 { font-size: 14px; color: #333333; padding: 0px; margin: 10px 0px 0px 0px; } #welcome {width: 322px; float: left; height: 305px !important; border: 1px solid #cccccc; border-width: 0px 1px 0px 1px} #welcome p, #welcome h2, #welcome h3 {margin: 10px 20px 0px 20px} #travelswithprez {width: 296px; float: left; height: 305px !important; border: 1px solid #cccccc; border-width: 0px 1px 0px 0px; background: url(/images/common/travels_w_prez.gif) 210px 5px no-repeat; } #travelswithprez p {margin: 0px 20px 3px 20px; font-size: 11px} #travelswithprez .trip, #welcome .trip {padding-top: 15px;} #travelswithprez .trip img {float: left; margin: 0px 15px 0px 20px} #welcome .trip p {margin: 0px 0px 3px 0px; font-size: 11px} #welcome .trip img {float: left; margin: 0px 15px 0px 0px} #welcome .trip {border-top: 1px solid #cccccc; margin: 20px 15px 0px 15px} #travelswithprez h2 { font-size: 20px; text-align: left; font-size: 20px; color: #333333; padding: 0px; margin: 10px 20px 0px 20px; } #travelswithprez h3 { font-size: 13px; color: #333333; padding: 0px; margin: 10px 20px 0px 20px; } #welcome h2 { text-align: left; font-size: 20px; color: #8c0000; padding: 0px; margin: 10px 20px 0px 20px; } #welcome h3 { font-size: 14px; color: #8c0000; padding: 0px; margin: 10px 20px 0px 20px; } #trips {width: 619px; border: 1px solid #cccccc; border-width: 0px 1px 0px 1px; height: 250px; padding-top: 20px; position: relative} html>body #trips {clear: left} #trips #trips_by_destination {position: absolute; top: 55px; left: 200px; width: 200px} #trips .container {margin: 0px 20px 0px 20px;border: 1px solid #cccccc; border-width: 1px 0px 0px 0px; padding-top: 20px; background: url(/images/common/world_map.gif) 100% 90px no-repeat; height: 250px} #trips li, #trips ul {list-style-type: none; margin: 0px; padding: 0px; } #trips h2 {margin: 15px 0px 15px 0px; width: 180px} #trips h2 a span { padding-top: 26px; height: 0px; overflow: hidden; display: block; } #trips #trips_by_type h2 a span {background: url(/images/common/by_type2.gif) no-repeat} #trips #self_guided h2 a span {background: url(/images/common/self_guided.gif) no-repeat; padding-top: 43px} #trips #trips_by_destination h2 a span {background: url(/images/common/by_destination2.gif) no-repeat} #trips ul {margin: } #trips li a {color: #333333} /* trips */ #rightColumn blockquote, #rightColumn .promo {margin: 20px 0px 0px 0px} #leftColumn {width: 165px; float: left} #middleColumn {float: left; width: 450px; border: 1px solid #cccccc; border-width: 0px 1px 0px 1px ;margin-bottom: 20px} #leftNav ul, #leftNav li {margin: 0px; padding: 0px; list-style-type: none} #leftNav {padding: 20px 20px 5px 20px; border: 1px solid #cccccc; border-width: 0px 0px 0px 1px; margin-bottom: 20px} #leftNav li {margin: 0px 0px 15px 0px} #leftNav li.pdfLink span {width: 125px; height: 0px; padding-top: 53px; background: url(/images/trips/itinerary_button.gif); overflow: hidden; display: block;} #leftNav a {color: #333333} #leftNav a.current {color: #8c0000; } #particulars {background-color: #d7d7cd; padding: 15px 20px 5px 20px} #particulars h2 { text-align: left; font-size: 18px; color: #333333; padding: 0px; margin: 0px 0px 15px 0px; } #particulars h3 { text-align: left; font-size: 14px; color: #8c0000; padding: 0px; margin: 15px 0px 15px 0px; } #particulars p, #itinerary p {margin: 15px 0px 15px 0px;} #top p {margin: 15px 0px 15px 0px} #particulars a {text-decoration: underline; color: #333333} #top, #itinerary, #map, #tripsList {padding: 15px 0px 15px 0px; border-bottom: 1px solid #cccccc; margin: 0px 15px 0px 15px} #map {border-bottom: none; clear: left} #top h1 { text-align: left; font-size: 24px; color: #333333; padding: 0px; margin: 0px 0px 0px 0px; } #top h1 em, #top h1 i {color: #8c0000; font-style: normal; font-size: 24px} #top h1 span {color: #333333; font-size: 24px} #top h2 { text-align: left; font-size: 14px; color: #333333; padding: 0px; margin: 0px 0px 0px 0px; } #top .topHeaderBox {float: left; with: 250px;} #top>.topHeaderBox { padding-bottom: 15px} #top p {clear: left} #tripsNav {padding: 5px 0px 20px 0px} #tripsNav li, #tripsNav ul {margin: 0px; padding: 0px} #tripsNav li span {height: 0px; padding-top: 20px; overflow: hidden; display: block;} #tripsNav li.moreBiking a span {width: 150px; background: url(/images/trips/biking_small.gif); } #tripsNav li.moreWalking a span {width: 150px; background: url(/images/trips/walking_small.gif); } #tripsNav li.moreMultisport a span {width: 150px; background: url(/images/trips/multisport_small.gif); } #tripsNav li.moreSkiandsnowboard a span {width: 200px; background: url(/images/trips/skiing_small.gif); } #tripsNav li.moreFrance a span {width: 105px; background: url(/images/trips/france_small.gif); } #tripsNav li.moreCanada a span {width: 110px; background: url(/images/trips/canada_small.gif); } #tripsNav li.moreItaly a span {width: 94px; background: url(/images/trips/italy_small.gif); } #tripsNav li.moreSpain a span {width: 100px; background: url(/images/trips/spain_small.gif); } #tripsNav li.moreUSA a span {width: 101px; background: url(/images/trips/usa_small.gif); } #tripsNav li.moreBiking a:hover span {width: 150px; background: url(/images/trips/biking_small_down.gif); } #tripsNav li.moreWalking a:hover span {width: 150px; background: url(/images/trips/walking_small_down.gif); } #tripsNav li.moreMultisport a:hover span {width: 150px; background: url(/images/trips/multisport_small_down.gif); } #tripsNav li.moreSkiandsnowboard a:hover span {width: 200px; background: url(/images/trips/skiing_small_down.gif); } #tripsNav li.moreFrance a:hover span {width: 105px; background: url(/images/trips/france_small_down.gif); } #tripsNav li.moreCanada a:hover span {width: 110px; background: url(/images/trips/canada_small_down.gif); } #tripsNav li.moreItaly a:hover span {width: 94px; background: url(/images/trips/italy_small_down.gif); } #tripsNav li.moreSpain a:hover span {width: 100px; background: url(/images/trips/spain_small_down.gif); } #tripsNav li.moreUSA a:hover span {width: 101px; background: url(/images/trips/usa_small_down.gif); } #itinerary h3 { text-align: left; font-size: 18px; color: #8c0000; padding: 0px; margin: 0px 0px 15px 0px; } #itinerary img, #tripsList .trip img {float: left; margin: 3px 20px 15px 0px} #itinerary .hotel {clear: left; margin: 15px 0px 15px 0px} #itinerary .hotel p {margin: 0px 0px 5px 0px} #map h3 { text-align: left; font-size: 18px; color: #8c0000; padding: 0px; margin: 0px 0px 15px 0px; } /* trips */ #tripsList p {margin: 5px 0px 5px 0px} #tripsList h3 { text-align: left; font-size: 14px; color: #333333; padding: 0px; margin: 0px 0px 5px 0px; } #tripsList h2 { text-align: left; font-size: 18px; color: #333333; padding: 0px; margin: 15px 0px 15px 0px; } #tripsList .trip {margin: 15px 0px 15px 0px; clear: left} /* maps nav */ #map {position: relative} #map #mapView, #map #includedView, #map #weatherView {width: 410px; position: relative; top: 0px; right: 0px; } #map #mapView {display: block; } #map #mapView img {position: absolute; top: 40px; right: 0px} #mapNav ul { height: 17px; position: absolute; top: 5px; right: 0px } #mapNav ul, #mapNav li {margin: 0px; padding: 0px; list-style-type: none;} #mapNav li { height: 17px; border: 1px solid white; float: right} #mapNav a {color: white} #mapNav li span { padding-top: 13px; height: 0px; overflow: hidden; display: block; cursor: pointer: cursor: hand} #mapNav #weatherSpan {background: url(/images/trips/weather.gif) no-repeat; width: 55px } #mapNav #mapSpan {background: url(/images/trips/map_over.gif) no-repeat; width: 30px} #mapNav #includedSpan {background: url(/images/trips/included.gif) no-repeat; width: 88px} #mapNav h3 span { padding-top: 22px; height: 0px; overflow: hidden; display: block; } #mapNav #weatherText span {background: url(/images/trips/weatherText.gif) no-repeat; } #mapNav #mapText span {background: url(/images/trips/mapText.gif) no-repeat;} #mapNav #includedText span {background: url(/images/trips/includedText.gif) no-repeat; } /* bydate.asp */ #tripsList table {width: 395px; border-collapse: collapse; border-spacing: 0px; border: none} #tripsList table td {border-bottom: 1px dotted #cccccc; text-align:left; padding: 4px 0px 3px 0px; vertical-align: top} #tripsList th {background-color: #d7d7cd ;text-align: left} #tripsList td.region {padding: 15px 2px 3px 2px} #tripsList td.date {width: 100px} #tripsList table .cost {text-align: right} #tripsList table .date {width: 100px; } #tripsList table .days {width: 110px; } #tripsList table .cost {width: 50px; } #tripsList table .trip {width: 96px; } #tripsList .type {text-align: right; width: 50px !important; padding: 1px 0px 1px 0px} /* guide biographies */ .guide img {float: left;margin: 3px 20px 15px 0px;} div.promo img {border: none; margin-bottom: 20px}