/*****************************************************************************
  CORE HTML SETUP
 *****************************************************************************/
html {
  }

body {
  margin:           0px;
  padding:          10px;
  background:       #AAAAAA;
  font-family:      Verdana, sans-serif;
  font-size:        12px;
  }

a {
  color:            #DD7700;
  text-decoration:  none;
  }

p {
  margin:           0px;
	padding:					0px;
  }

h1 {
  margin:           0px;
  padding:     			0px 0px 0px 20px;
  font-family:      Times;
	font-size:				400%;
	font-variant: 		small-caps;
  color:            #BBC2CC;
}

h2 {
  margin:           0px;
  padding:     			0px 20px 0px 20px;
  font-family:      Times;
	font-size:				175%;
	font-style:				italic;
  color:            #336699;
	}

h3 {
  margin:           0px;
  padding:     			2px 0px 2px 30px;
	font-size:				120%;
	font-weight:			bold;
  color:            #FFFFFF;
	}

h4 {
  margin:           0px 20px;
  padding:     			10px 0px 0px 0px;
	font-size:				100%;
	border-style:			solid;
	border-width:			0px 0px 1px 0px;
  border-color:     #8090A0;
	text-align:				justify;
  color:     				#8090A0;
	}

strong {
	font-weight:			normal;
  color:            #3366AA;
	}

small {
	font-size:				75%;
	font-variant: 		normal;
	}

hr{
  border:           0;
  height:           3px;
  background:       #6699CC;
}


/*****************************************************************************
  COMMON CLASSES
 *****************************************************************************/
#imageLeft {
  float:            left;
	padding:					0px 20px 0px 20px;
	text-align:				left;
}

#imageRight {
  float:            right;
	padding:					0px 20px 0px 20px;
	text-align:				right;
}

.imageHeader {
	clear:						both;
	position:					relative;
	top:							-230px;
	text-align:				left;
}

.text {
  color:            #666666;
	padding: 					10px 30px 0px 20px;
	text-align:				justify;
	}

.textCenter {
  color:            #666666;
	padding: 					10px 30px 0px 30px;
	text-align:				center;
	}

.odd {
  background:       #A6B2CD;
	
}

.even {
  background:       #C7CBD4;
}



/*****************************************************************************
  MAIN CONTAINER and common DIVS
 *****************************************************************************/
#mainContainer {
  width:            980px;
  margin:           0px;
  padding:          0px;
	border-style:			solid;
	border-width:			2px;
	border-color:			#FFFFFF;
  background:       #DDDDDD;
  }

  
#bar {
  clear:            both;
  width:            100%;
  height:           20px;
  margin:           0px;
  padding:          0px;
  background:       #DDDDDD;
  }

#titleLeft {
  float:            left;
	width:						auto;
}

#titleRight {
  float:            right;
	padding-top:			25px;
	width:						auto;
}


/*****************************************************************************
  HEADER
 *****************************************************************************/
#headerContainer {
  clear:            both;
  width:            100%;
  margin:           0px;
  padding:          0px;
  }

#headerLanguage {
  clear:            both;
  width:            922px;
  margin:           0px;
  padding:          0px;
  text-align:       right;
  }

#headerBanner {
  clear:            both;
  width:            922px;
  height:           283px;
  margin:           0px;
  padding:          0px;
  text-align:       center;
  }

#headerMenu {
  clear:            both;
  width:            900px;
  margin:           0px;
  padding:          0px;
  text-align:       left;
  }



#headerLanguage p {
	padding:          10px 20px 10px 0px;
	color:            #884400;
}

#headerLanguage a {
	padding:          0px 10px 0px 10px;
}

#headerLanguage a:hover {
	color:            #884400;
}

#headerLanguage a.on {
	color:            #884400;
}



#headerBanner p.bannerMotto  {
  margin-top:       -130px;
  padding:          0px 40px 0px 260px;
	font-family:			Times;
	font-size:				250%;
  font-weight:      bold;
  color:            #FFFFFF;
	text-align:       left;
}

#headerBanner p.bannerQuote  {
  margin-top:       -95px;
  padding:          12px 40px 0px 270px;
  color:            #EEEEEE;
	text-align:       left;
}

#headerBanner p.bannerAuthor  {
  padding:          4px 40px 0px 270px;
  color:            #EEEEEE;
	font-size:				90%;
	text-align:       left;
}

#headerBanner p.bannerLink  {
  padding:          8px 40px 0px 270px;
  color:            #EEEEAA;
	font-style:				italic;
	text-align:       left;
}



#headerMenu p {
	padding:          10px 0px 10px 20px;
	color:            #884400;
	text-decoration:  none;
}

#headerMenu a {
	padding:          2px 10px 2px 10px;
	font-weight:			bold;
	text-decoration:  none;
}

#headerMenu a:hover {
	font-weight:			bold;
	color:            #884400;
}

#headerMenu a.on {
	color:            #884400;
}



/*****************************************************************************
  MAIN CONTENT
 *****************************************************************************/
#optionContainer {
  clear:            both;
  width:            900px;
	border-style:			solid;
	border-width:			2px 0px 2px 0px;
	border-color:			#9BA7C1;
  }



#homeTitle {
  clear:						both;
	width:						100%;
	text-align:				left;
}

#homePage {
  float:            left;
	width:						60%;
	text-align:				left;
}

#homePage a {
	font-weight:			bold;
}

#homeNews {
  float:            right;
	width:						40%;
}

#homeNews p.event  {
  padding:          0px 5px 0px 15px;
	font-weight:			bold;
  color:            #336699;
	text-align:       left;
}

#homeNews p.date  {
  padding:          3px 5px 0px 15px;
  color:            #3366AA;
	text-align:       left;
}

#homeNews p.link  {
  padding:          3px 5px 0px 15px;
  color:            #3366AA;
	text-align:       left;
}


.homeBoxTop {
  width:            300px;
  height:           48px;
  background:       url(../images/corner11.gif) repeat-x;
	text-align:				left;
}

.homeBoxImage{
	padding:					40px 0px 20px 0px;
}

.homeBoxBody {
  width:            296px;
  height:           60px;
	border-style:			solid;
	border-width:			0px 2px 0px 2px;
	border-color:			#FFFFFF;
  background:       #D5D5D5;
}

.homeBoxBottom {
  width:            300px;
  height:           48px;
  background:       url(../images/corner21.gif) repeat-x;
}

.homeBoxTopLeft {
  width:            300px;
  height:           48px;
  background:       url(../images/corner10.gif) no-repeat top left;
}

.homeBoxTopRight {
  width:            300px;
  height:           48px;
  background:       url(../images/corner12.gif) no-repeat top right;
}

.homeBoxBottomLeft {
  width:            300px;
  height:           48px;
  background:       url(../images/corner20.gif) no-repeat bottom left;
}

.homeBoxBottomRight {
  width:            300px;
  height:           48px;
  background:       url(../images/corner22.gif) no-repeat bottom right;
}



#servicesPage {
}

#vehiclesPage {
}


#faresPage {
}

.faresTop {
  width:            850px;
  height:           48px;
  background:       url(../images/corner11.gif) repeat-x;
	text-align:				left;
}

.faresBody {
  width:            846px;
	border-style:			solid;
	border-width:			0px 2px 0px 2px;
	border-color:			#FFFFFF;
  background:       #D5D5D5;
}

.faresBottom {
  width:            850px;
  height:           48px;
  background:       url(../images/corner21.gif) repeat-x;
}

.faresTopLeft {
  width:            850px;
  height:           48px;
  background:       url(../images/corner10.gif) no-repeat top left;
}

.faresTopRight {
  width:            850px;
  height:           48px;
  background:       url(../images/corner12.gif) no-repeat top right;
}

.faresBottomLeft {
  width:            850px;
  height:           48px;
  background:       url(../images/corner20.gif) no-repeat bottom left;
}

.faresBottomRight {
  width:            850px;
  height:           48px;
  background:       url(../images/corner22.gif) no-repeat bottom right;
}


.faresTable {
	border-style:			none;
	border-width:			0px;
  width:            98%;
}

.faresGroup {
	padding:					20px 0px 5px 5px;
	font-size:				130%;
  font-weight:      bold;
  font-style:       italic;
  color:     				#336699;
	text-align:				left;
}

.faresService {
	padding:					0px 0px 0px 15px;
	font-size:				90%;
	text-align:				left;
}

.faresPrize {
  width:            12%;
	padding:					10px 0px 10px 0px;
	text-align:				center;
}

.faresDisclaimerMargin{
  height:           28px;
}

.faresBottom p{
	position:					relative;
  font-size:        100%;
  color:            #FFFFFF;
	text-align:				center;
	}

.faresBottom p span{
	display:					none;
	}

.faresBottom p:hover{
	}

.faresBottom p:hover span{
	display:					block;
	position:					absolute;
  width:            450px;
  left:             200px;
	z-index:					100;
	padding:					10px 10px 0px 10px;
	border-style:			solid;
	border-width:			2px;
	border-color:			#FFFFFF;
	font-weight:			normal;
	text-align:				justify;
	background:				#888888;
	}

.faresBottom a{
	position:					relative;
  font-size:        100%;
  color:            #FFFFFF;
	text-align:				center;
	}

.faresBottom a span{
	display:					none;
	}

.faresBottom a:hover{
	}

.faresBottom a:hover span{
	display:					block;
	position:					absolute;
  width:            450px;
  left:             200px;
	z-index:					100;
	padding:					10px 10px 0px 10px;
	border-style:			solid;
	border-width:			2px;
	border-color:			#FFFFFF;
	font-weight:			normal;
	text-align:				justify;
	background:				#888888;
	}

.faresBottom ul{
	padding-left:     10px;
  text-align:       justify;
	}

#contactPage {
}

#contactBox {
  float:            left;
	margin:						0px 20px 0px 20px;
	text-align:				left;
}

.contactBoxTop {
  width:            260px;
  height:           48px;
  background:       url(../images/corner11.gif) repeat-x;
	text-align:				left;
}

.contactBoxBody {
  width:            256px;
  height:           160px;
	border-style:			solid;
	border-width:			0px 2px 0px 2px;
	border-color:			#FFFFFF;
  background:       #D5D5D5;
}

.contactBoxBottom {
  width:            260px;
  height:           48px;
  background:       url(../images/corner21.gif) repeat-x;
}

.contactBoxTopLeft {
  width:            260px;
  height:           48px;
  background:       url(../images/corner10.gif) no-repeat top left;
}

.contactBoxTopRight {
  width:            260px;
  height:           48px;
  background:       url(../images/corner12.gif) no-repeat top right;
}

.contactBoxBottomLeft {
  width:            260px;
  height:           48px;
  background:       url(../images/corner20.gif) no-repeat bottom left;
}

.contactBoxBottomRight {
  width:            260px;
  height:           48px;
  background:       url(../images/corner22.gif) no-repeat bottom right;
}



/*****************************************************************************
  FOOTER
 *****************************************************************************/
#footerContainer {
  clear:            both;
  width:            100%;
  margin:           0px;
  }

#footerInfo {
  clear:            both;
  width:            900px;
  }


#footerInfo p.disclaimer {
	padding:					10px 0px 0px 0px;
  color:            #999999;
  text-align:       center;
	font-size:				90%;
}

#footerInfo p.signature {
	position:					relative;
	top:							+20px;
  font-family:      Verdana, sans-serif;
  font-size:        10px;
	text-align:				right;
  color:       			#666666;
  }
#footerInfo span {
	padding:          0px 30px 0px 30px;
}