* { padding: 0px; margin: 0px; }
html { padding: 0px; margin: 0px; }
body { padding: 0px; margin: 0px; z-index:999; background-color: #e9e9e9; background-image: url(../images/bgBodyRepeat.jpg); background-repeat: repeat-x; }
/***** BEGIN Main Wrapper *****/
#wrapper { margin: 0px auto; width: 829px;}
/***** END Main Wrapper *****/
/***** BEGIN topNav *****/
#topNavWrapper { position: relative; width: 812px; height: 79px; margin: 0px; padding: 0px; background: url(../images/bgTopNav.jpg); no-repeat; z-index:9999; }
#topNav { position: absolute; top: 0px; width: 812px; height: 79px; list-style: none; }
/***** Nav BEGIN *****/
ul#topNav { padding:0px; margin:0px; list-style:none; }
/* Home Nav Button BEGIN */
li.topNavHome { position:absolute; top:0px; left:0px; padding:0px; width:199px; height:79px; background:none; }
li.topNavHome:hover { margin: 0px; padding: 0px; background:none; }
li.topNavHome a { display: block; padding: 0px; margin: 0px; width: 199px; height:79px; }
/* Charter Nav Button BEGIN */
li.topNavCharter { position:absolute; top:0px; left:199px; padding:0px; width:134px; height:79px; background:url(../images/navCharter.jpg) no-repeat; }
li.topNavCharter:hover { margin: 0px; padding: 0px; background:none; }
li.topNavCharter a { display: block; padding: 0px; margin: 0px; width: 134px; height:79px; }
/* Travel & Tour Nav Button BEGIN */
li.topNavTT { position:absolute; top:0px; left:333px; padding:0px; width:192px; height:79px; background:url(../images/navTravelTour.jpg) no-repeat; }
li.topNavTT:hover { margin: 0px; padding: 0px; background:none; }
li.topNavTT:hover ul.topNavTTDrop { display:block; ;}
li.topNavTT a { display: block; padding: 0px; margin: 0px; width: 192px; height:79px; }
/* Travel & Tour Sub Nav BEGIN */
ul.topNavTTDrop{ position: absolute; top: 79px; padding: 0px; list-style: none; display: none; width: 192px; height: 66px;
font: normal 11.5px/22px Helvetica, Arial; text-align: center; }
ul.topNavTTDrop li.studentTravel { float:left; top: 0px; }
ul.topNavTTDrop li.studentTravel a { display: block; margin: 0px; width: 192px; height: 22px;
background-color: #fbfbfb; border-top-width: 1px; border-top-color: #eaeaea; border-top-style:solid; text-decoration: none; color:#024d97 }
ul.topNavTTDrop li.groupTravel { float:left; top:22px; }
ul.topNavTTDrop li.groupTravel a { display: block; margin: 0px; width: 192px; height: 22px;
background-color: #fbfbfb; border-top-width: 1px; border-top-color: #eaeaea; border-top-style:solid; text-decoration: none; color:#024d97 }
ul.topNavTTDrop li.indivTravel { float:left; top:44px; }
ul.topNavTTDrop li.indivTravel a { display: block; margin: 0px; width: 192px; height: 22px;
background-color: #fbfbfb; border-top-width: 1px; border-top-color: #eaeaea; border-top-style:solid; text-decoration: none; color:#024d97 }
ul.topNavTTDrop li a:hover { background-color: #e5e5e5; }
/* Transit Nav Button BEGIN */
li.topNavTransit { position:absolute; top:0px; left:525px; padding:0px; width:125px; height:79px; background:url(../images/navTransit.jpg) no-repeat; }
li.topNavTransit:hover { margin: 0px; padding: 0px; background:none; }
li.topNavTransit a { display: block; padding: 0px; margin: 0px; width: 125px; height:79px; }
/* Contract Nav Button BEGIN */
li.topNavContract { position:absolute; top:0px; left:650px; padding:0px; width:162px; height:79px; background:url(../images/navContract.jpg) no-repeat; }
li.topNavContract:hover { margin: 0px; padding: 0px; background:none; }
li.topNavContract a { display: block; padding: 0px; margin: 0px; width: 162px; height:79px; }
/***** Nav END *****/
/***** END topNav *****/
/***** BEGIN leftNav *****/
#leftNavWrapper { position: relative; top: 0px; width: 175px; height: 473px; background: url(../images/bgLeftNav.jpg); background-repeat: no-repeat; }
#leftNav { position: absolute; width: 175px; height: 473px; list-style: none; }
#leftNav #navQuote { position: absolute; top: 0px; width: 175px; height: 66px; }
#leftNav #navQuote a { display: block; width: 175px; height: 66px; background: url(../images/leftNavQuote.jpg); }
#leftNav #navQuote a:hover { background: none; }
#leftNav #navContactUs { position: absolute; top: 66px; width: 175px; height: 63px; }
#leftNav #navContactUs a { display: block; width: 175px; height: 63px; background: url(../images/leftNavContactUs.jpg); }
#leftNav #navContactUs a:hover { background: none; }
#leftNav #navHome { position: absolute; top: 129px; width: 175px; height: 27px; }
#leftNav #navHome a { display: block; width: 175px; height: 27px; background: url(../images/leftNavHome.jpg); }
#leftNav #navHome a:hover { background: none; }
#leftNav #navSafety { position: absolute; top: 156px; width: 175px; height: 27px; }
#leftNav #navSafety a { display: block; width: 175px; height: 27px; background: url(../images/leftNavSafety.jpg); }
#leftNav #navSafety a:hover { background: none; }
#leftNav #navQuality { position: absolute; top: 183px; width: 175px; height: 27px; }
#leftNav #navQuality a { display: block; width: 175px; height: 27px; background: url(../images/leftNavQuality.jpg); }
#leftNav #navQuality a:hover { background: none; }
#leftNav #navGreen { position: absolute; top: 210px; width: 175px; height: 27px; }
#leftNav #navGreen a { display: block; width: 175px; height: 27px; background: url(../images/leftNavGreen.jpg); }
#leftNav #navGreen a:hover { background: none; }
#leftNav #navOurEquipment { position: absolute; top: 237px; width: 175px; height: 27px; }
#leftNav #navOurEquipment a { display: block; width: 175px; height: 27px; background: url(../images/leftNavOurEquipment.jpg); }
#leftNav #navOurEquipment a:hover { background: none; }
#leftNav #navTravelTips { position: absolute; top: 264px; width: 175px; height: 27px; }
#leftNav #navTravelTips a { display: block; width: 175px; height: 27px; background: url(../images/leftNavTravelTips.jpg); }
#leftNav #navTravelTips a:hover { background: none; }
#leftNav #navAdvantages { position: absolute; top: 291px; width: 175px; height: 36px; }
#leftNav #navAdvantages a { display: block; width: 175px; height: 36px; background: url(../images/leftNavAdvantages.jpg); }
#leftNav #navAdvantages a:hover { background: none; }
#leftNav #navHistory { position: absolute; top: 327px; width: 175px; height: 27px; }
#leftNav #navHistory a { display: block; width: 175px; height: 27px; background: url(../images/leftNavHistory.jpg); }
#leftNav #navHistory a:hover { background: none; }
#leftNav #navSignUp { position: absolute; top: 354px; width: 175px; height: 40px; }
#leftNav #navSignUp a { display: block; width: 175px; height: 40px; background: url(../images/leftNavSignUp.jpg); }
#leftNav #navSignUp a:hover { background: none; }
#leftNav #navTestimonials { position: absolute; top: 394px; width: 175px; height: 40px; }
#leftNav #navTestimonials a { display: block; width: 175px; height: 40px; background: url(../images/leftNavTestimonials.jpg); }
#leftNav #navTestimonials a:hover { background: none; }
#leftNav #navVideos { position: absolute; top: 434px; width: 175px; height: 39px; }
#leftNav #navVideos a { display: block; width: 175px; height: 39px; background: url(../images/leftNavVideos.jpg); }
#leftNav #navVideos a:hover { background: none; }
/***** END leftNav *****/
/***** BEGIN Flash *****/
#textHeaderFlash { float: left; padding: 10px 0px 0px 175px; margin-left: 0px; margin-top: 78px; width: 632px; height: 362px; }
/***** END Flash *****/
/***** BEGIN Content Wrapper *****/
#contentInt { position: absolute; padding: 0px; margin: 0px auto; width: 812px; background: url(../images/bgContentRepeat.jpg); }
#contentIndex { position: absolute; padding: 0px; margin: 0px auto; width: 812px; background: url(../images/bgContentHomeRepeat.jpg); }
/***** END Content Wrapper *****/
/***** BEGIN Text *****/
#textInt { margin: 0px; width: 812px; background: url(../images/bgContentInt.jpg) no-repeat; }
#textHome { margin: 0px; width: 812px;}
#textHeaderImg { float: left; padding: 10px 0px 0px 185px; margin-left: 0px; margin-top: 90px; width: 613px; }
#textMainHome { float: left; height: 326px; top: 430px; padding: 0px 0px 0px 175px; margin-top: 0px; width: 635px; background: url(../images/imgHome3.jpg) no-repeat; }
#textMainHome h1 { margin: 15px 20px 10px 20px; font: normal 16px/18px Helvetica, Arial; color: #ca0c0f; text-align: center; }
#textMainHome p { margin: 0px 20px 15px 20px; font: normal 12px/16px Helvetica, Arial; color: #184568; text-align: justify; }
#textMainHome p.small { margin: 0px 20px 15px 20px; font: normal 12px/14px Helvetica, Arial; color: #184568; text-align: justify; }
img.pad { margin: 9px 0px 5px 10px; }
#textMain { float: left; min-height: 450px; width: 590px; padding: 10px 0px 0px 195px; margin-left: 0px; margin-top: 100px; margin-bottom: 15px; font: normal 12px/18px Helvetica, Arial; color: #184568; }
#catPullDown { position:absolute; margin-top: 82px; width: 220px; height: 40px; }
/* IE min-height fix for textMain div*/
* html div#textMain {
height: expression( this.scrollHeight < 451 ? "450px" : "auto" ); /* sets min-height for IE */
}
#textMain #textLeft { float: left; width: 300px; }
#textMain #textRight { float: right; width: 285px; }
/***** BEGIN homeBuses *****/
#busesHome { position: relative; width: 812px; height: 326px; margin-left: -133px; }
#bus1 { position: absolute; margin-left: 0px; margin-top: 55px; list-style: none; }
#bus1 #button { position: absolute; left: 0px; width: 192px; height: 148px; }
#bus1 #button a { display: block; left: 0px; width: 192px; height: 148px; }
#bus1 #button a:hover { background: none; }
#bus2 { position: absolute; margin-left: 267px; margin-top: 55px; list-style: none; }
#bus2 #button { position: absolute; left: 0px; width: 192px; height: 148px;}
#bus2 #button a { display: block; left: 0px; width: 192px; height: 148px;}
#bus2 #button a:hover { background: none; }
#bus3 { position: absolute; margin-left: 534px; margin-top: 55px; list-style: none; }
#bus3 #button { position: absolute; width: 192px; height: 148px; }
#bus3 #button a { display: block; width: 192px; height: 148px; }
#bus3 #button a:hover { background: none; }
/***** END Text *****/
hr { margin-top: 0px; margin-bottom: 20px; height: 1px; background: #dddddd; border: none; }
#textMain h1 { padding: 0px; margin: 0px 0px 15px 0px; color: #c00709; font: normal 22px/20px Arial; text-align: left;}
#textMain h2 {color: #184568; font: normal 16px/20px Arial; margin-top: 20px; margin-bottom: 10px; margin-left: 0px; }
#textMain h2.green { padding: 0px; margin: 25px 0px 15px 0px; text-align: center; color: #006600; font: normal 16px/20px Arial; font-weight: bold; }
#textMain h3 { padding-top: 10px; margin: 25px 0px 15px 2px; color: #184568; font: normal 12px/18px Arial; font-weight: bold; }
#textMain p { padding: 0px 0px 0px 2px; margin-bottom: 10px; font: normal 12px/18px Arial; }
#textMain ol { margin: 0px 0px 10px 30px; }
#textMain blockquote { margin: 0px 0px 10px 30px; }
#textMain ul { margin: 8px 0px 8px 30px; list-style: none; }
#textMain ul.disc { margin: 8px 0px 8px 30px; list-style: disc; padding-bottom: 10px; }
#textMain ul ul { margin: 8px 0px 8px 30px; list-style: disc; }
#textMain a { text-decoration: underline; color:#009cff;}
#textMain a:hover { text-decoration: none; color:#009cff; }
#textMain img { padding-left: 10px; }
#textMain img.iconVideo { padding: 0px; }
#textMain a.indivTravelNav { text-decoration: underline; color:#003366; }
#textMain a.indivTravelNav:hover { text-decoration: none; color:#003366; }
#textMainMemberLogos{ float: left; padding: 10px 0px 0px 185px; margin-left: 0px; width: 612px; height: 110px; }
/***** END Text *****/
/***** BEGIN Footer on Homepage *****/
#footer { position: relative; width: 812px; height: 25px; background: url(../images/bgFooter.jpg); }
#twitterImg { position: absolute; margin-left: 327px; margin-top: 3px; list-style: none; }
#twitterImg #button { position: absolute; left: 0px; width: 19px; height: 19px; }
#twitterImg #button a { display: block; left: 0px; width: 19px; height: 19px; }
#twitterImg #button a:hover { background: none; }
#facebookImg { position: absolute; margin-left: 352px; margin-top: 3px; list-style: none; }
#facebookImg #button { position: absolute; left: 0px; width: 19px; height: 19px;}
#facebookImg #button a { display: block; left: 0px; width: 19px; height: 19px;}
#facebookImg #button a:hover { background: none; }
#emailImg { position: absolute; margin-left: 375px; margin-top: 8px; list-style: none; }
#emailImg #button { position: absolute; width: 47px; height: 11px; }
#emailImg #button a { display: block; width: 47px; height: 11px; }
#emailImg #button a:hover { background: none; }
#employmentImg { position: absolute; margin-left: 431px; margin-top: 8px; list-style: none; }
#employmentImg #button { position: absolute; width: 64px; height: 11px; }
#employmentImg #button a { display: block; width: 64px; height: 11px; }
#employmentImg #button a:hover { background: none; }
#privacyImg { position: absolute; margin-left: 504px; margin-top: 8px; list-style: none; }
#privacyImg #button { position: absolute; left: 0px; width: 70px; height: 11px; }
#privacyImg #button a { display: block; width: 70px; height: 11px; }
#privacyImg #button a:hover { background: none; }
#sitemapImg { position: absolute; margin-left: 585px; margin-top: 8px; list-style: none; }
#sitemapImg #button { position: absolute; width: 45px; height: 11px; }
#sitemapImg #button a { display: block; width: 45px; height: 11px; }
#sitemapImg #button a:hover { background: none; }
#CoachImg { position: absolute; margin-left: 631px; margin-top: 0px; list-style: none; }
#CoachImg #button { position: absolute; width: 181px; height: 25px; }
#CoachImg #button a { display: block; width: 181px; height: 25px; background: url(../images/bgFooterRO.jpg); }
#CoachImg #button a:hover { background: none; }
/***** END Footer on Homepage *****/
/***** BEGIN Footer on Interior Pages *****/
#footerInt { position: relative; width: 812px; height: 67px; background: url(../images/bgFooterInt.jpg); }
#twitterImgInt { position: absolute; margin-left: 327px; margin-top: 45px; list-style: none; }
#twitterImgInt #button { position: absolute; left: 0px; width: 19px; height: 19px; }
#twitterImgInt #button a { display: block; left: 0px; width: 19px; height: 19px; }
#twitterImgInt #button a:hover { background: none; }
#facebookImgInt { position: absolute; margin-left: 352px; margin-top: 45px; list-style: none; }
#facebookImgInt #button { position: absolute; left: 0px; width: 19px; height: 19px;}
#facebookImgInt #button a { display: block; left: 0px; width: 19px; height: 19px;}
#facebookImgInt #button a:hover { background: none; }
#emailImgInt { position: absolute; margin-left: 375px; margin-top: 50px; list-style: none; }
#emailImgInt #button { position: absolute; width: 47px; height: 11px; }
#emailImgInt #button a { display: block; width: 47px; height: 11px; }
#emailImgInt #button a:hover { background: none; }
#employmentImgInt { position: absolute; margin-left: 431px; margin-top: 50px; list-style: none; }
#employmentImgInt #button { position: absolute; width: 64px; height: 11px; }
#employmentImgInt #button a { display: block; width: 64px; height: 11px; }
#employmentImgInt #button a:hover { background: none; }
#privacyImgInt { position: absolute; margin-left: 504px; margin-top: 50px; list-style: none; }
#privacyImgInt #button { position: absolute; left: 0px; width: 70px; height: 11px; }
#privacyImgInt #button a { display: block; width: 70px; height: 11px; }
#privacyImgInt #button a:hover { background: none; }
#sitemapImgInt { position: absolute; margin-left: 585px; margin-top: 50px; list-style: none; }
#sitemapImgInt #button { position: absolute; width: 45px; height: 11px; }
#sitemapImgInt #button a { display: block; width: 45px; height: 11px; }
#sitemapImgInt #button a:hover { background: none; }
#CoachImgInt { position: absolute; margin-left: 631px; margin-top: 42px; list-style: none; }
#CoachImgInt #button { position: absolute; width: 181px; height: 25px; }
#CoachImgInt #button a { display: block; width: 181px; height: 25px; background: url(../images/bgFooterRO.jpg); }
#CoachImgInt #button a:hover { background: none; }
/***** END Footer on Interior Pages *****/
/***** BEGIN urbangreymenu *****/
.urbangreymenu{
width: 590px; /*width of menu*/
}
.urbangreymenu .headerbar {
font: 12px Arial;
color: #009cff;
background: url(../images/arrowstop.gif) no-repeat 98px 2px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 0px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}
.urbangreymenu ul{
list-style-type: disc;
margin-left: 25px;
padding: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul.disc{
list-style-type: disc;
margin-left: 35px;
padding: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul.disc li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul.disc li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul.disc li a:visited{
color: black;
}
.urbangreymenu ul.disc li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
/***** END urbangreymenu *****/
/***** BEGIN Form Styles *****/
fieldset { border: none; }
#charterForm { padding: 20px 15px 0px 15px; font: normal 12px/16px Helvetica, Arial; }
#charterForm p { padding: 20px 15px 0px 15px; font: normal 12px/16px Helvetica, Arial; }
#charterForm fieldset { border: none; }
#charterForm label { float: left; text-align: right; padding: 0px 5px 0px 5px; margin: 0px 0px 3px 0px; width: 320px; font: normal 12px/20px Arial; }
#charterForm label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 2px; }
#charterForm input.field { float: left; padding-bottom: 10px; margin: 0px 0px 3px 0px; width: 170px; }
#charterForm input.hide { display: none; }
#charterForm textarea { padding: 2px; padding-bottom: 10px; margin: 0px; width: 176px; height: 30px; font: normal 12px/16px Arial; }
#charterForm td { vertical-align: top; padding: 2px; }
#charterForm h3 { padding-top: 10px; margin: 25px 0px 15px 2px; color: #184568; font: normal 12px/18px Arial; font-weight: bold;}
#charterForm hr { margin-top: 0px; margin-bottom: 0px; height: 1px; background: #dddddd; border: none; }
#fieldTripForm { padding: 20px 15px 0px 15px; font: normal 14px/18px Arial; width: 280px; margin: 0px; }
#fieldTripForm fieldset { border: none; }
#fieldTripForm label { float: left; text-align: right; padding: 0px 5px 0px 5px; margin: 0px 0px 3px 0px; font: normal 12px/20px Arial; }
#fieldTripForm label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 2px; }
#fieldTripForm input.field { float: right; padding: 0px; margin: 0px 0px 3px 0px; width: 170px; }
#fieldTripForm input.hide { display: none; }
#fieldTripForm textarea { padding: 2px 2px 10px 2px; margin: 0px; float: right; width: 170px; height: 50px; font: normal 12px/16px Arial; }
#SignUpForm fieldset { border: none; }
#SignUpForm label { float: left; text-align: right; padding: 0px 5px 0px 5px; margin: 0px 0px 3px 0px; font: normal 12px/20px Arial; }
#SignUpForm label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 2px; }
#SignUpForm input.field { float: right; padding: 0px; margin: 0px 5px 3px 0px; width: 170px; }
#SignUpForm input.hide { display: none; }
#SignUpForm textarea { padding: 2px 2px 10px 2px; margin: 0px 5px 3px 0px; float: left; width: 170px; height: 50px; font: normal 12px/16px Arial; }
#testimonialForm fieldset { border: none; }
#testimonialForm label { float: left; text-align: right; padding: 0px 5px 0px 5px; margin: 0px 0px 3px 0px; font: normal 12px/20px Arial; }
#testimonialForm label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 2px; }
#testimonialForm input.field { float: right; padding: 0px; margin: 0px 5px 3px 0px; width: 170px; }
#testimonialForm input.hide { display: none; }
#testimonialForm textarea { padding: 2px 2px 10px 2px; margin: 0px 5px 3px 0px; float: left; width: 170px; height: 50px; font: normal 12px/16px Arial; }
#travelTourForm { padding: 0px; width: 550px; margin: 0px; }
#travelTourForm label { float: left; text-align: right; padding: 0px 5px 0px 0px; margin: 0px 0px 3px 0px; font: normal 12px/20px Arial; }
#travelTourForm label.nofloat { float: none; text-align: left; width: 80px; padding: 0px 15px 0px 0px; }
#travelTourForm input.field { float: right; padding: 0px; margin: 0px 5px 3px 0px; width: 170px; }
#travelTourForm input.hide { display: none; }
#travelTourForm textarea { padding: 2px 2px 10px 2px; margin: 0px 5px 3px 0px; float: left; width: 170px; height: 50px; font: normal 12px/16px Arial; }
button#clearForm { padding: 0px; margin: 0px 15px; width: 100px; height: 30px; background: url(../images/buttonClearForm.jpg); border: none; }
button#send { padding: 0px; margin: 0px auto; width: 100px; height: 30px; background: url(../images/buttonSend.jpg); border: none; }
button#send:hover, button#clearForm:hover { cursor: pointer; background-position: 0px -30px; border: none;}
.required { color: #FF0000; }
.green { color: #009900; }
.notes { font-size: 11px; color: #8f8f8f; }
/***** END Form Styles *****/
/***** BEGIN Misc. Styles *****/
.notext { display: none; }
.clear { clear: both; }
/***** END Misc. Styles *****/